1<!doctype html> 2<html 3 class="js" 4 lang="en" 5 6> 7 <head> 8 9 <meta charset="utf-8"> 10 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 11 <meta name="viewport" content="width=device-width,initial-scale=1"> 12 <meta name="theme-color" content=""> 13 <link rel="canonical" href="https://sefam.com/"><link rel="icon" type="image/png" href="//sefam.com/cdn/shop/files/32x32.png?crop=center&height=32&v=1749820601&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title> 14 Sefam Official: Women, Kids & Men's Fashion Clothing Store! 15 – Sefam Pvt. Ltd. </title> 16 17 18 <meta name="description" content="SEFAM is a leading Pakistani fashion and textile group offering quality, affordable clothing for men, women and kids, with premium fabrics and modern fashion collections.."> 19 20
20<script> 21 var Shopify = Shopify || {}; 22 Shopify.money_format = "<span class=money>Rs.{{amount_no_decimals}}</span>"; 23 </script>
23 24 25 26<meta property="og:site_name" content="Sefam Pvt. Ltd. "> 27<meta property="og:url" content="https://sefam.com/"> 28<meta property="og:title" content="Sefam Official: Women, Kids & Men's Fashion Clothing Store!"> 29<meta property="og:type" content="website"> 30<meta property="og:description" content="SEFAM is a leading Pakistani fashion and textile group offering quality, affordable clothing for men, women and kids, with premium fabrics and modern fashion collections.."><meta property="og:image" content="http://sefam.com/cdn/shop/files/sefam_logo.png?v=1771410165"> 31 <meta property="og:image:secure_url" content="https://sefam.com/cdn/shop/files/sefam_logo.png?v=1771410165"> 32 <meta property="og:image:width" content="3750"> 33 <meta property="og:image:height" content="1963"><meta name="twitter:site" content="@kayseriapk"><meta name="twitter:card" content="summary_large_image"> 34<meta name="twitter:title" content="Sefam Official: Women, Kids & Men's Fashion Clothing Store!"> 35<meta name="twitter:description" content="SEFAM is a leading Pakistani fashion and textile group offering quality, affordable clothing for men, women and kids, with premium fabrics and modern fashion collections.."> 36 37 38
38<script src="//sefam.com/cdn/shop/t/112/assets/constants.js?v=132983761750457495441788152474" defer="defer"></script>
38 39
39<script src="//sefam.com/cdn/shop/t/112/assets/pubsub.js?v=158357773527763999511788152542" defer="defer"></script>
39 40
40<script src="//sefam.com/cdn/shop/t/112/assets/global.js?v=168209530967869359451788152484" defer="defer"></script>
40 41
41<script src="//sefam.com/cdn/shop/t/112/assets/details-disclosure.js?v=13653116266235556501788152480" defer="defer"></script>
41 42
42<script src="//sefam.com/cdn/shop/t/112/assets/details-modal.js?v=25581673532751508451788152480" defer="defer"></script>
42 43
43<script src="//sefam.com/cdn/shop/t/112/assets/search-form.js?v=133129549252120666541788152548" defer="defer"></script>
43 44
44<script src="//sefam.com/cdn/shop/t/112/assets/custom.js?v=174330772050915080241788152478" defer="defer"></script>
44<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
44<meta name="google-site-verification" content="nVDpRyRGUvNyGkLzXZQd77T7qgvWTNhJKS9Ttx8Tovk"> 45<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/93108601128/digital_wallets/dialog"> 46<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
46<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=6302630184"></script>
vendor: 1 bytes, line 46
46
47<script id="shopify-features" type="application/json">{"accessToken":"c2478388bef9cf57e0faeaa912f2494f","betas":["rich-media-storefront-analytics"],"domain":"sefam.com","predictiveSearch":true,"shopId":93108601128,"locale":"en"}</script>
vendor: 1 bytes, line 47
47
48<script>var Shopify = Shopify || {}; 49Shopify.shop = "sefampk.myshopify.com"; 50Shopify.locale = "en"; 51Shopify.currency = {"active":"PKR","rate":"1.0"}; 52Shopify.country = "US"; 53Shopify.theme = {"name":"further reduction| Updated Menu | Search","id":189332455720,"schema_name":"Dawn","schema_version":"15.2.0","theme_store_id":null,"role":"main"}; 54Shopify.theme.handle = "null"; 55Shopify.theme.style = {"id":null,"handle":null}; 56Shopify.cdnHost = "sefam.com/cdn"; 57Shopify.routes = Shopify.routes || {}; 58Shopify.routes.root = "/"; 59Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 60Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 61Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 62Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 62
62
63<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 63
63
64<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 64
64
65<script> 66 window.Shopify = window.Shopify || {}; 67 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 68 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 69 window.Shopify.SignInWithShop.eligible = true; 70</script>
vendor: 1 bytes, line 70
70
71<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 71
71
72<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 72
72
73<script type="module"> 74 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 75 76 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 77 78</script>
vendor: 1 bytes, line 78
78
79<script> 80 window.Shopify = window.Shopify || {}; 81 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 82 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"]}; 83</script>
vendor: 1 bytes, line 83
83
84<script>(function() { 85 var isLoaded = false; 86 function asyncLoad() { 87 if (isLoaded) return; 88 isLoaded = true; 89 var urls = ["\/\/cdn.shopify.com\/proxy\/28710603cd56ec08f9195df9db51fe1d5dbfe2f5b6ba3ed266d05070daf56058\/api.goaffpro.com\/loader.js?shop=sefampk.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"]; 90 for (var i = 0; i < urls.length; i++) { 91 var s = document.createElement('script'); 92 s.type = 'text/javascript'; 93 s.async = true; 94 s.src = urls[i]; 95 var x = document.getElementsByTagName('script')[0]; 96 x.parentNode.insertBefore(s, x); 97 } 98 }; 99 if(window.attachEvent) { 100 window.attachEvent('onload', asyncLoad); 101 } else { 102 window.addEventListener('load', asyncLoad, false); 103 } 104})();</script>
vendor: 1 bytes, line 104
104
105<script id="__st">var __st={"a":93108601128,"offset":18000,"reqid":"7bc6d1d7-f6a7-4272-bbe0-32f46cc39429-1790948263","pageurl":"sefam.com\/","u":"50e940563776","p":"home"};</script>
vendor: 1 bytes, line 105
105
106<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 106
106
107<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 107
107
108<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//sefam.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 108
108
109<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 = "//sefam.com/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>
109<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 109
109
110<script> 111 window.Shopify = window.Shopify || {}; 112 window.Shopify.MCP = window.Shopify.MCP || {}; 113 window.Shopify.MCP.enabled = true; 114 window.Shopify.MCP.shop = "sefampk.myshopify.com"; 115 window.Shopify.MCP.mcpEndpoint = "https:\/\/sefam.com\/api\/mcp"; 116 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"]}}]; 117</script>
vendor: 1 bytes, line 117
117
118<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("\/\/sefam.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 119</script>
vendor: 1 bytes, line 119
119
120<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://sefam.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 121</script>
vendor: 1 bytes, line 121
121
122<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 123 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); 124</script>
vendor: 1 bytes, line 124
124
125<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})}})); 126</script>
vendor: 1 bytes, line 126
126
127<script id='scb4127' type='text/javascript' async='' src='https://sefam.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
127<link rel="compression-dictionary" href="//sefam.com/cdn/shop/t/112/compiled_assets/styles.css?v=146705682745509769011790752242" crossorigin="anonymous"> 128<link rel="stylesheet" media="screen" href="//sefam.com/cdn/shop/t/112/compiled_assets/styles.css?v=146705682745509769011790752242&subset=AAAAAAAAAAAAAAAAAQ" crossorigin="anonymous">
129<script id="sections-script" data-sections="brand-clctn-tabs,header" defer="defer" src="//sefam.com/cdn/shop/t/112/compiled_assets/scripts.js?v=62744533229005327861790752247"></script>
vendor: 1 bytes, line 129
129
130<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
130 131 132 133 <style data-shopify> 134 @font-face { 135 font-family: Poppins; 136 font-weight: 400; 137 font-style: normal; 138 font-display: swap; 139 src: url("//sefam.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"), 140 url("//sefam.com/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff"); 141} 142 143 @font-face { 144 font-family: Poppins; 145 font-weight: 700; 146 font-style: normal; 147 font-display: swap; 148 src: url("//sefam.com/cdn/fonts/poppins/poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2") format("woff2"), 149 url("//sefam.com/cdn/fonts/poppins/poppins_n7.f34f55d9b3d3205d2cd6f64955ff4b36f0cfd8da.woff") format("woff"); 150} 151 152 @font-face { 153 font-family: Poppins; 154 font-weight: 400; 155 font-style: italic; 156 font-display: swap; 157 src: url("//sefam.com/cdn/fonts/poppins/poppins_i4.846ad1e22474f856bd6b81ba4585a60799a9f5d2.woff2") format("woff2"), 158 url("//sefam.com/cdn/fonts/poppins/poppins_i4.56b43284e8b52fc64c1fd271f289a39e8477e9ec.woff") format("woff"); 159} 160 161 @font-face { 162 font-family: Poppins; 163 font-weight: 700; 164 font-style: italic; 165 font-display: swap; 166 src: url("//sefam.com/cdn/fonts/poppins/poppins_i7.42fd71da11e9d101e1e6c7932199f925f9eea42d.woff2") format("woff2"), 167 url("//sefam.com/cdn/fonts/poppins/poppins_i7.ec8499dbd7616004e21155106d13837fff4cf556.woff") format("woff"); 168} 169 170 @font-face { 171 font-family: Poppins; 172 font-weight: 500; 173 font-style: normal; 174 font-display: swap; 175 src: url("//sefam.com/cdn/fonts/poppins/poppins_n5.ad5b4b72b59a00358afc706450c864c3c8323842.woff2") format("woff2"), 176 url("//sefam.com/cdn/fonts/poppins/poppins_n5.33757fdf985af2d24b32fcd84c9a09224d4b2c39.woff") format("woff"); 177} 178 179 180 181 :root, 182 .color-scheme-1 { 183 --color-background: 255,255,255; 184 185 --gradient-background: #ffffff; 186 187 188 189 190 --color-foreground: 18,18,18; 191 --color-background-contrast: 191,191,191; 192 --color-shadow: 18,18,18; 193 --color-button: 0,0,0; 194 --color-button-text: 255,255,255; 195 --color-secondary-button: 255,255,255; 196 --color-secondary-button-text: 18,18,18; 197 --color-link: 18,18,18; 198 --color-badge-foreground: 18,18,18; 199 --color-badge-background: 255,255,255; 200 --color-badge-border: 18,18,18; 201 --payment-terms-background-color: rgb(255 255 255); 202 } 203 204 205 .color-scheme-2 { 206 --color-background: 238,238,238; 207 208 --gradient-background: #eeeeee; 209 210 211 212 213 --color-foreground: 0,0,0; 214 --color-background-contrast: 174,174,174; 215 --color-shadow: 18,18,18; 216 --color-button: 0,0,0; 217 --color-button-text: 243,243,243; 218 --color-secondary-button: 238,238,238; 219 --color-secondary-button-text: 18,18,18; 220 --color-link: 18,18,18; 221 --color-badge-foreground: 0,0,0; 222 --color-badge-background: 238,238,238; 223 --color-badge-border: 0,0,0; 224 --payment-terms-background-color: rgb(238 238 238); 225 } 226 227 228 .color-scheme-3 { 229 --color-background: 0,0,0; 230 231 --gradient-background: #000000; 232 233 234 235 236 --color-foreground: 255,255,255; 237 --color-background-contrast: 128,128,128; 238 --color-shadow: 18,18,18; 239 --color-button: 255,255,255; 240 --color-button-text: 0,0,0; 241 --color-secondary-button: 0,0,0; 242 --color-secondary-button-text: 255,255,255; 243 --color-link: 255,255,255; 244 --color-badge-foreground: 255,255,255; 245 --color-badge-background: 0,0,0; 246 --color-badge-border: 255,255,255; 247 --payment-terms-background-color: rgb(0 0 0); 248 } 249 250 251 .color-scheme-4 { 252 --color-background: 0,0,0; 253 254 --gradient-background: #000000; 255 256 257 258 259 --color-foreground: 255,255,255; 260 --color-background-contrast: 128,128,128; 261 --color-shadow: 18,18,18; 262 --color-button: 255,255,255; 263 --color-button-text: 18,18,18; 264 --color-secondary-button: 0,0,0; 265 --color-secondary-button-text: 255,255,255; 266 --color-link: 255,255,255; 267 --color-badge-foreground: 255,255,255; 268 --color-badge-background: 0,0,0; 269 --color-badge-border: 255,255,255; 270 --payment-terms-background-color: rgb(0 0 0); 271 } 272 273 274 .color-scheme-5 { 275 --color-background: 51,79,180; 276 277 --gradient-background: #334fb4; 278 279 280 281 282 --color-foreground: 255,255,255; 283 --color-background-contrast: 23,35,81; 284 --color-shadow: 18,18,18; 285 --color-button: 255,255,255; 286 --color-button-text: 51,79,180; 287 --color-secondary-button: 51,79,180; 288 --color-secondary-button-text: 255,255,255; 289 --color-link: 255,255,255; 290 --color-badge-foreground: 255,255,255; 291 --color-badge-background: 51,79,180; 292 --color-badge-border: 255,255,255; 293 --payment-terms-background-color: rgb(51 79 180); 294 } 295 296 297 .color-scheme-e19b9b20-6e5e-4434-82e4-0a3aa8daf8cb { 298 --color-background: 255,255,255; 299 300 --gradient-background: #ffffff; 301 302 303 304 305 --color-foreground: 255,255,255; 306 --color-background-contrast: 191,191,191; 307 --color-shadow: 0,0,0; 308 --color-button: 255,255,255; 309 --color-button-text: 0,0,0; 310 --color-secondary-button: 255,255,255; 311 --color-secondary-button-text: 0,0,0; 312 --color-link: 0,0,0; 313 --color-badge-foreground: 255,255,255; 314 --color-badge-background: 255,255,255; 315 --color-badge-border: 255,255,255; 316 --payment-terms-background-color: rgb(255 255 255); 317 } 318 319 320 .color-scheme-acca404b-0dbf-4acd-b361-41cc1f053612 { 321 --color-background: 212,155,167; 322 323 --gradient-background: #d49ba7; 324 325 326 327 328 --color-foreground: 255,255,255; 329 --color-background-contrast: 167,72,92; 330 --color-shadow: 18,18,18; 331 --color-button: 0,0,0; 332 --color-button-text: 255,255,255; 333 --color-secondary-button: 212,155,167; 334 --color-secondary-button-text: 18,18,18; 335 --color-link: 18,18,18; 336 --color-badge-foreground: 255,255,255; 337 --color-badge-background: 212,155,167; 338 --color-badge-border: 255,255,255; 339 --payment-terms-background-color: rgb(212 155 167); 340 } 341 342 343 body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-e19b9b20-6e5e-4434-82e4-0a3aa8daf8cb, .color-scheme-acca404b-0dbf-4acd-b361-41cc1f053612 { 344 color: rgba(var(--color-foreground), 1); 345 background-color: rgb(var(--color-background)); 346 } 347 348 :root { 349 --sale-price-bg: #ba4432; 350 --sale-price-txt: #ffffff; 351 --sale-lcprice-bg: #ff5700; 352 --sale-lcprice-txt: #ffffff; 353 --sale-shprice-bg: #070813; 354 --sale-shprice-txt: #ffffff; 355 --badge-clr:#fff; 356 --badge-bgclr:#ba4432; 357 --lcbadge-clr:#fff; 358 --lcbadge-bgclr:#ff5700; 359 --shbadge-clr:#fff; 360 --shbadge-bgclr:#070813; 361 --font-body-family: Poppins, sans-serif; 362 /* --font-body-family: 'PF Grand Gothik Wide Light'; */ 363 /* --font-body-family: 'Quicksand', 'Helvetica', 'arial', sans-serif; */ 364 --font-body-style: normal; 365 --font-body-weight: 400; 366 --font-body-weight-bold: 700; 367 368 /* --font-heading-family: 'PF Grand Gothik Wide Light'; */ 369 --font-heading-family: Poppins, sans-serif; 370 /* --font-heading-family: 'Lora', 'Helvetica', 'arial', sans-serif; */ 371 --font-heading-style: normal; 372 --font-heading-weight: 500; 373 374 --font-body-scale: 1.0; 375 --font-heading-scale: 1.0; 376 377 --media-padding: px; 378 --media-border-opacity: 0.05; 379 --media-border-width: 0px; 380 --media-radius: 0px;
381 --media-shadow-opacity: 0.0; 382 --media-shadow-horizontal-offset: 0px; 383 --media-shadow-vertical-offset: 4px; 384 --media-shadow-blur-radius: 5px; 385 --media-shadow-visible: 0; 386 387 --page-width: 160rem; 388 --page-width-margin: 0rem; 389 390 --product-card-image-padding: 0.0rem; 391 --product-card-corner-radius: 0.0rem; 392 --product-card-text-alignment: left; 393 --product-card-border-width: 0.0rem; 394 --product-card-border-opacity: 0.1; 395 --product-card-shadow-opacity: 0.0; 396 --product-card-shadow-visible: 0; 397 --product-card-shadow-horizontal-offset: 0.0rem; 398 --product-card-shadow-vertical-offset: -4.0rem; 399 --product-card-shadow-blur-radius: 0.5rem; 400 401 --collection-card-image-padding: 0.0rem; 402 --collection-card-corner-radius: 0.0rem; 403 --collection-card-text-alignment: left; 404 --collection-card-border-width: 0.0rem; 405 --collection-card-border-opacity: 0.1; 406 --collection-card-shadow-opacity: 0.0; 407 --collection-card-shadow-visible: 0; 408 --collection-card-shadow-horizontal-offset: 0.0rem; 409 --collection-card-shadow-vertical-offset: 0.4rem; 410 --collection-card-shadow-blur-radius: 0.5rem; 411 412 --blog-card-image-padding: 0.0rem; 413 --blog-card-corner-radius: 0.0rem; 414 --blog-card-text-alignment: left; 415 --blog-card-border-width: 0.0rem; 416 --blog-card-border-opacity: 0.1; 417 --blog-card-shadow-opacity: 0.0; 418 --blog-card-shadow-visible: 0; 419 --blog-card-shadow-horizontal-offset: 0.0rem; 420 --blog-card-shadow-vertical-offset: 0.4rem; 421 --blog-card-shadow-blur-radius: 0.5rem; 422 423 --badge-corner-radius: 0.0rem; 424 425 --popup-border-width: 1px; 426 --popup-border-opacity: 0.1; 427 --popup-corner-radius: 0px; 428 --popup-shadow-opacity: 0.05; 429 --popup-shadow-horizontal-offset: 0px; 430 --popup-shadow-vertical-offset: 4px; 431 --popup-shadow-blur-radius: 5px; 432 433 --drawer-border-width: 1px; 434 --drawer-border-opacity: 0.1; 435 --drawer-shadow-opacity: 0.0; 436 --drawer-shadow-horizontal-offset: 0px; 437 --drawer-shadow-vertical-offset: 4px; 438 --drawer-shadow-blur-radius: 5px; 439 440 --spacing-sections-desktop: 0px; 441 --spacing-sections-mobile: 0px; 442 443 --grid-desktop-vertical-spacing: 8px; 444 --grid-desktop-horizontal-spacing: 6px; 445 --grid-mobile-vertical-spacing: 4px; 446 --grid-mobile-horizontal-spacing: 3px; 447 448 --text-boxes-border-opacity: 0.1; 449 --text-boxes-border-width: 0px; 450 --text-boxes-radius: 0px; 451 --text-boxes-shadow-opacity: 0.0; 452 --text-boxes-shadow-visible: 0; 453 --text-boxes-shadow-horizontal-offset: 0px; 454 --text-boxes-shadow-vertical-offset: 4px; 455 --text-boxes-shadow-blur-radius: 5px; 456 457 --buttons-radius: 0px; 458 --buttons-radius-outset: 0px; 459 --buttons-border-width: 1px; 460 --buttons-border-opacity: 1.0; 461 --buttons-shadow-opacity: 0.0; 462 --buttons-shadow-visible: 0; 463 --buttons-shadow-horizontal-offset: 0px; 464 --buttons-shadow-vertical-offset: 4px; 465 --buttons-shadow-blur-radius: 5px; 466 --buttons-border-offset: 0px; 467 468 --inputs-radius: 0px; 469 --inputs-border-width: 1px; 470 --inputs-border-opacity: 0.55; 471 --inputs-shadow-opacity: 0.0; 472 --inputs-shadow-horizontal-offset: 0px; 473 --inputs-margin-offset: 0px; 474 --inputs-shadow-vertical-offset: 4px; 475 --inputs-shadow-blur-radius: 5px; 476 --inputs-radius-outset: 0px; 477 478 --variant-pills-radius: 0px; 479 --variant-pills-border-width: 1px; 480 --variant-pills-border-opacity: 0.55; 481 --variant-pills-shadow-opacity: 0.0; 482 --variant-pills-shadow-horizontal-offset: 0px; 483 --variant-pills-shadow-vertical-offset: 4px; 484 --variant-pills-shadow-blur-radius: 5px; 485 } 486 487 *, 488 *::before, 489 *::after { 490 box-sizing: inherit; 491 } 492 493 html { 494 box-sizing: border-box; 495 font-size: calc(var(--font-body-scale) * 62.5%); 496 height: 100%; 497 } 498 499 body { 500 display: grid; 501 grid-template-rows: auto auto 1fr auto; 502 grid-template-columns: 100%; 503 min-height: 100%; 504 margin: 0; 505 font-size: 1.5rem; 506 letter-spacing: 0.06rem; 507 line-height: calc(1 + 0.8 / var(--font-body-scale)); 508 font-family: var(--font-body-family); 509 font-style: var(--font-body-style); 510 font-weight: var(--font-body-weight); 511 } 512 513 @media screen and (min-width: 750px) { 514 body { 515 font-size: 1.6rem; 516 } 517 } 518 </style> 519 520 521 <link href="//sefam.com/cdn/shop/t/112/assets/minbase.css?v=24715150037712624981790314280" rel="stylesheet" type="text/css" media="all" /> 522 <link href="//sefam.com/cdn/shop/t/112/assets/new-header.css?v=168767299092802977231788180261" rel="stylesheet" type="text/css" media="all" /> 523 524 525 526 527 <link rel="preload" href="//sefam.com/cdn/shop/t/112/assets/custom.css?v=110666652875155253541788152477" as="style" onload="this.rel='stylesheet'"> 528 <noscript><link rel="stylesheet" href="//sefam.com/cdn/shop/t/112/assets/custom.css?v=110666652875155253541788152477"></noscript> 529 530 531 <link rel="stylesheet" href="//sefam.com/cdn/shop/t/112/assets/component-cart-items.css?v=144866386351700178701788152456" media="print" onload="this.media='all'"><link rel="preload" href="//sefam.com/cdn/shop/t/112/assets/component-cart-drawer.css?v=76680393433541104901788152455" as="style"> 532 <link href="//sefam.com/cdn/shop/t/112/assets/component-cart-drawer.css?v=76680393433541104901788152455" rel="stylesheet" media="print" onload="this.media='all'"> 533 534 <link rel="preload" href="//sefam.com/cdn/shop/t/112/assets/component-cart.css?v=164708765130180853531788152457" as="style"> 535 <link href="//sefam.com/cdn/shop/t/112/assets/component-cart.css?v=164708765130180853531788152457" rel="stylesheet" media="print" onload="this.media='all'"> 536 537 <link rel="preload" href="//sefam.com/cdn/shop/t/112/assets/component-totals.css?v=148823530340471252381788152472" as="style"> 538 <link href="//sefam.com/cdn/shop/t/112/assets/component-totals.css?v=148823530340471252381788152472" rel="stylesheet" media="print" onload="this.media='all'"> 539 540 <link rel="preload" href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" as="style"> 541 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" media="print" onload="this.media='all'"> 542 543 <link rel="preload" href="//sefam.com/cdn/shop/t/112/assets/component-discounts.css?v=152760482443307489271788152459" as="style"> 544 <link href="//sefam.com/cdn/shop/t/112/assets/component-discounts.css?v=152760482443307489271788152459" rel="stylesheet" media="print" onload="this.media='all'"> 545 546 <noscript> 547 <link href="//sefam.com/cdn/shop/t/112/assets/component-cart-drawer.css?v=76680393433541104901788152455" rel="stylesheet"> 548 <link href="//sefam.com/cdn/shop/t/112/assets/component-cart.css?v=164708765130180853531788152457" rel="stylesheet"> 549 <link href="//sefam.com/cdn/shop/t/112/assets/component-totals.css?v=148823530340471252381788152472" rel="stylesheet"> 550 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet"> 551 <link href="//sefam.com/cdn/shop/t/112/assets/component-discounts.css?v=152760482443307489271788152459" rel="stylesheet"> 552 </noscript> 553 <link rel="preload" as="font" href="//sefam.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2" type="font/woff2" crossorigin> 554 555 556 <link rel="preload" as="font" href="//sefam.com/cdn/fonts/poppins/poppins_n5.ad5b4b72b59a00358afc706450c864c3c8323842.woff2" type="font/woff2" crossorigin> 557 558<link 559 rel="stylesheet" 560 href="//sefam.com/cdn/shop/t/112/assets/component-predictive-search.css?v=160054193643403717171788152466" 561 media="print" 562 onload="this.media='all'" 563 >
563<script> 564 if (Shopify.designMode) { 565 document.documentElement.classList.add('shopify-design-mode'); 566 } 567 </script>
567 568 569 570 <meta name="facebook-domain-verification" content="2e7frbgmhrs1azdyr6qg2ue77ucpmj" /> 571 <meta name="google-site-verification" content="nVDpRyRGUvNyGkLzXZQd77T7qgvWTNhJKS9Ttx8Tovk" /> 572 <meta name="google-site-verification" content="LsbZHE5gr13kCnDG8m3o-2mSNQVxce4qFPuSX7_7edc" /> 573 <meta name="google-site-verification" content="-NcNDwkqmM_TeVx0WHnh_7nsOLXImCggoqXuuNSHQe0" /> 574 575 <!-- BEGIN app block: shopify://apps/instafeed/blocks/head-block/c447db20-095d-4a10-9725-b5977662c9d5 --><!-- BEGIN app snippet: storefront-script --> 576 577 578
578<script> 579 var instafeedScriptSrc = "https:\/\/cdn.nfcube.com\/instafeed-872ca94e8dae2cbeef574ccb53bf6186.js"; 580 var instafeedScriptMode = "load"; 581 !function(e,n){if(!window.instafeedStorefrontScheduled&&(window.instafeedStorefrontScheduled=!0,e)){if("defer"===n){if(a())return;var t=document.createElement("script");return t.src=e,t.defer=!0,void(document.head||document.documentElement).appendChild(t)}if("consent"===n){var o=!1;function i(){o||(o=!0,u())}function d(){window.Shopify&&window.Shopify.customerPrivacy&&window.Shopify.customerPrivacy.marketingAllowed()&&i()}function r(){document.addEventListener("visitorConsentCollected",function(e){e.detail&&e.detail.marketingAllowed&&i()}),window.Shopify&&window.Shopify.loadFeatures?window.Shopify.loadFeatures([{name:"consent-tracking-api",version:"0.1"}],d):d()}return void("loading"===document.readyState?document.addEventListener("DOMContentLoaded",r):r())}"complete"===document.readyState?u():window.addEventListener("load",function(){u()})}function c(e){return String(e).split("?")[0]}function a(){for(var n=document.getElementsByTagName("script"),t=c(e),o=0;o!==n.length;o++)if(c(n[o].src)===t)return!0;return!1}function u(){if(!a()){var n=document.createElement("script");n.async=!0,n.src=e,document.body.appendChild(n)}}}(instafeedScriptSrc,instafeedScriptMode); 582 </script>
582 583 584 585<!-- END app snippet --> 586 587 588 589 590<!-- END app block --><!-- BEGIN app block: shopify://apps/searchanise-search-filter/blocks/app-embed/d8f24ada-02b1-458a-bbeb-5bf16d5c921e --> 591<!-- END app block -->
591<script src="https://cdn.shopify.com/extensions/01a0f23e-032f-77e9-8d2e-b368bb5c6abc/whatmorelive-2354/assets/video-shopping.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 591
591
592<script src="https://cdn.shopify.com/extensions/019fa343-b2f0-7393-a89f-266e9cd6bc68/searchanise-shopify-cli-27/assets/disable-app.js" type="text/javascript" defer="defer"></script>
592 593<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
594<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: 93108601128,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 594
594
595<script> 596 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 597</script>
vendor: 1 bytes, line 597
597
598<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}
598).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: 93108601128,storefrontBaseUrl: "https://sefam.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://sefam.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2978021672","configuration":"{\"accountID\":\"wp_2430576\", \"storeID\":\"93108601128\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"709656c015f722c724bbecad2c42bc3e","type":"APP","apiClientId":6762325,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
598,"dataSharingState":"unrestricted"},{"id":"2824831272","configuration":"{\"pixel_id\":\"958296126443140\",\"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":"2746482984","configuration":"{\"pixelId\":\"b9e97aab-7dd5-44a3-ac97-c0f27574bae6\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c119f01612c13b62ab52809eb08154bb","type":"APP","apiClientId":2556259,"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"},{"id":"2697953576","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-Z2ZF2D5N0J\\\",\\\"AW-17650437405\\\",\\\"GT-KF8HZCDS\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-Z2ZF2D5N0J\\\",\\\"AW-17650437405\\\/KUAoCK3LpbkcEJ2aseBB\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-Z2ZF2D5N0J\\\",\\\"AW-17650437405\\\/bIc5CKnKpbkcEJ2aseBB\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-Z2ZF2D5N0J\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-Z2ZF2D5N0J\\\",\\\"AW-17650437405\\\/HZH5CKrLpbkcEJ2aseBB\\\",\\\"MC-MC28QGV02B\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-Z2ZF2D5N0J\\\",\\\"AW-17650437405\\\/5_oFCKbKpbkcEJ2aseBB\\\",\\\"MC-MC28QGV02B\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-Z2ZF2D5N0J\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-Z2ZF2D5N0J\\\",\\\"AW-17650437405\\\/I03sCK_KpbkcEJ2aseBB\\\",\\\"MC-MC28QGV02B\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-Z2ZF2D5N0J\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-Z2ZF2D5N0J\\\",\\\"AW-17650437405\\\/IF9ACLDLpbkcEJ2aseBB\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-Z2ZF2D5N0J\\\",\\\"AW-17650437405\\\/3s4kCKzKpbkcEJ2aseBB\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-Z2ZF2D5N0J\\\"}],\\\"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":"2546139432","configuration":"{\"shop\":\"sefampk.myshopify.com\",\"cookie_duration\":\"604800\",\"first_touch_or_last\":\"last_touch\",\"goaffpro_identifiers\":\"gfp_ref,ref,aff,wpam_id,click_id\",\"enable_form_referrals\":\"false\",\"ignore_ad_clicks\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"ffb841046ecd028d3f5b411ec870cbdf","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":"2287042856","configuration":"{\"pixelCode\":\"D5OB1IJC77U5SQVCD120\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"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"},{"id":"2024669480","configuration":"{\"account_ID\":\"1068007\",\"google_analytics_tracking_tag\":\"1\",\"measurement_id\":\"2\",\"api_secret\":\"3\",\"shop_settings\":\"{\\\"custom_pixel_script\\\":\\\"https:\\\\\\\/\\\\\\\/storage.googleapis.com\\\\\\\/gsf-scripts\\\\\\\/custom-pixels\\\\\\\/sefampk.js\\\"}\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"dbf16afd37d7bda963909dd4e886232e","type":"APP","apiClientId":1558137,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
598,"dataSharingState":"unrestricted"},{"id":"1294958888","configuration":"{\"apiKey\":\"6o6T0D2x9T\", \"host\":\"searchserverapi1.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5559ea45e47b67d15b30b79e7c6719da","type":"APP","apiClientId":578825,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"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":"Sefam Pvt. Ltd. ","paymentSettings":{"currencyCode":"PKR"},"myshopifyDomain":"sefampk.myshopify.com","countryCode":"PK","storefrontUrl":"https:\/\/sefam.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"10391994401064","handle":"c6623","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52228267082024","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10371285025064","handle":"e2102","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52186585727272","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10391997743400","handle":"c6759","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52228279599400","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10391994892584","handle":"c6643","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52228276650280","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10391997677864","handle":"c6757","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52228279533864","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10391996793128","handle":"c6718","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52228278649128","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9839721283880","handle":"e1470","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50789028430120","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10392129437992","handle":"e2233","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52228608721192","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10403974840616","handle":"kpw26-p4201","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52255789154600","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10392128749864","handle":"e2132","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52228605804840","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10403971957032","handle":"kpw26-p4179","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52255780569384","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
598,{"id":"10392129634600","handle":"e2100","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52228609048872","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10391994695976","handle":"c6628","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52228267376936","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10392129372456","handle":"e2231","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52228608622888","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10391997481256","handle":"c6745","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52228279337256","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10391997612328","handle":"c6755","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52228279468328","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10373591040296","handle":"c6753","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52193136083240","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10392002363688","handle":"c6775","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52228297490728","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10391997808936","handle":"c6760","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52228279664936","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10371105980712","handle":"e2155","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52186357793064","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10459296104744","handle":"gwmd-563426","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52844769870120","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10446010941736","handle":"bts652426","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52398257078568","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10459093729576","handle":"bts656426","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52838786433320","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10441710338344","handle":"nbts317426","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52385035649320","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10254379286824","handle":"kpl10126","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51729470587176","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10302996119848","handle":"bw704326","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51948375212328","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10270426104104","handle":"bkt708326","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51787552686376","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
598,{"id":"10274093990184","handle":"ibkt700326","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51801827442984","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10303003984168","handle":"bw700326","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51948391563560","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10299403993384","handle":"bkp753326","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51904323977512","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10274096251176","handle":"gw702126","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51801851461928","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10274773008680","handle":"bkt700326","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51805334176040","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10270434820392","handle":"gw701126","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51787593384232","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10265123553576","handle":"bdp701326","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51756163236136","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10270445207848","handle":"gwd700126","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51787639161128","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10274097070376","handle":"gw700126","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51801861128488","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10436879647016","handle":"etbc-218426","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52368432300328","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10356268630312","handle":"ebc-221426","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52140433408296","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10348892848424","handle":"ebc-226426","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52105205350696","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10348902252840","handle":"ebc-223426","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52105278325032","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15402778951976","handle":"smpc402426","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"67639723131176","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10446200111400","handle":"sws405426","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52398729560360","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10313934635304","handle":"smc932126","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51992104698152","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
598,{"id":"10446192541992","handle":"sws404426","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52398697283880","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10356267745576","handle":"smc708425","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52140428591400","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10446210859304","handle":"sws412426","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52398821409064","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15402784522536","handle":"smpc403426","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"67640339726632","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10446205387048","handle":"sws407426","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52398746239272","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10356265189672","handle":"smc931126","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52140423250216","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15402902847784","handle":"sj403426","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"67651967058216","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10446215446824","handle":"sws413426","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52398841200936","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10446241399080","handle":"sws513426","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52398935343400","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10302921769256","handle":"sws819126","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51948243878184","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10281133637928","handle":"sws821126","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51825500586280","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10281121218856","handle":"smkt600126","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51825476469032","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10281125282088","handle":"smkt601126","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51825485054248","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15402788749608","handle":"smc402426","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"67640883282216","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"15402808541480","handle":"smwc403426","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"67643348418856","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10446084440360","handle":"sms310126","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52398413054248","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
598,{"id":"10446109344040","handle":"sms403426","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52398468268328","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10439037813032","handle":"mcp2510","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52378921763112","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10424421482792","handle":"mcp2502","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52321677902120","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10424423579944","handle":"mcp2507","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52321680752936","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10447467839784","handle":"mc2400","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52406750249256","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10447468134696","handle":"mc2400-2","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52406751265064","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10429942726952","handle":"mc2316","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52346297352488","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10429829153064","handle":"mc2401","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52346040975656","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10429928276264","handle":"mcp2256","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52346250887464","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10429937353000","handle":"mcp2256-2","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52346290077992","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10424438882600","handle":"mcp2263-2","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52321708867880","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10424429052200","handle":"mcp2263","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52321697464616","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10406574194984","handle":"mcp2262-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52378672136488","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10406575571240","handle":"mcp2262-2","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52378671513896","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10429978411304","handle":"mcp2517","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52346347716904","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10439042531624","handle":"mcp2526","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52378930905384","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
598,{"id":"10341214912808","handle":"mcp2258-2","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52378910490920","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10341204328744","handle":"mcp2258-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52378910654760","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10341218844968","handle":"mcp2258-3","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52081663836456","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10424419844392","handle":"mcp2527","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52321673478440","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10429995745576","handle":"mcp2525","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52346372030760","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10403969401128","handle":"kpw26-p4167","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52255774966056","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10373589336360","handle":"c6732","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52193130873128","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10274092319016","handle":"smwc906126","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"51801814401320","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://sefam.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"189332455720","themePublished":"true","eventMetadataId":"909502ba-402c-457d-866b-8bb990534a94","pageType":"home","shopId":"93108601128","storefrontBaseUrl":"https:\/\/sefam.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
598<script> 599 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 600 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 601 window.ShopifyAnalytics.meta.currency = 'PKR'; 602 var meta = {"page":{"pageType":"home","requestId":"7bc6d1d7-f6a7-4272-bbe0-32f46cc39429-1790948263"}}; 603 for (var attr in meta) { 604 window.ShopifyAnalytics.meta[attr] = meta[attr]; 605 } 606</script>
vendor: 1 bytes, line 606
606
607<script class="analytics"> 608 (function () { 609 var customDocumentWrite = function(content) { 610 var jquery = null; 611 612 if (window.jQuery) { 613 jquery = window.jQuery; 614 } else if (window.Checkout && window.Checkout.$) { 615 jquery = window.Checkout.$; 616 } 617 618 if (jquery) { 619 jquery('body').append(content); 620 } 621 }; 622 623 var hasLoggedConversion = function(token) { 624 if (token) { 625 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 626 } 627 return false; 628 } 629 630 var setCookieIfConversion = function(token) { 631 if (token) { 632 var twoMonthsFromNow = new Date(Date.now()); 633 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 634 635 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 636 } 637 } 638 639 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 640 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 641 if (trekkie.integrations) { 642 return; 643 } 644 trekkie.methods = [ 645 'identify', 646 'page', 647 'ready', 648 'track', 649 'trackForm', 650 'trackLink' 651 ]; 652 trekkie.factory = function(method) { 653 return function() { 654 var args = Array.prototype.slice.call(arguments); 655 args.unshift(method); 656 trekkie.push(args); 657 if (method == 'track' || method == 'page') { 658 var pageUrl; 659 try { 660 pageUrl = window.location.href; 661 } catch (e) {} 662 var pageReferrer; 663 try { 664 pageReferrer = document.referrer; 665 } catch (e) {} 666 try { 667 if (window.__TREKKIE_SHIM_QUEUE == null) { 668 window.__TREKKIE_SHIM_QUEUE = []; 669 } 670 window.__TREKKIE_SHIM_QUEUE.push({ 671 from: 'trekkie-stub', 672 method: method, 673 args: args.slice(1), 674 pageContext: { 675 url: pageUrl, 676 referrer: pageReferrer 677 } 678 }); 679 } catch (e) { 680 // no-op 681 } 682 } 683 return trekkie; 684 }; 685 }; 686 for (var i = 0; i < trekkie.methods.length; i++) { 687 var key = trekkie.methods[i]; 688 trekkie[key] = trekkie.factory(key); 689 } 690 trekkie.load = function(config) { 691 trekkie.config = config || {}; 692 trekkie.config.initialDocumentCookie = document.cookie; 693 var first = document.getElementsByTagName('script')[0]; 694var script = document.createElement('script'); 695script.type = 'text/javascript'; 696script.onerror = function(e) { 697 var scriptFallback = document.createElement('script'); 698 scriptFallback.type = 'text/javascript'; 699 scriptFallback.onerror = function(error) { 700 var Monorail = { 701 produce: function produce(monorailDomain, schemaId, payload) { 702 var currentMs = new Date().getTime(); 703 var event = { 704 schema_id: schemaId, 705 payload: payload, 706 metadata: { 707 event_created_at_ms: currentMs, 708 event_sent_at_ms: currentMs 709 } 710 }; 711 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 712 }, 713 sendRequest: function sendRequest(endpointUrl, payload) { 714 // Try the sendBeacon API 715 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 716 var blobData = new window.Blob([payload], { 717 type: 'text/plain' 718 }); 719 720 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 721 return true; 722 } // sendBeacon was not successful 723 724 } // XHR beacon 725 726 var xhr = new XMLHttpRequest(); 727 728 try { 729 xhr.open('POST', endpointUrl); 730 xhr.setRequestHeader('Content-Type', 'text/plain'); 731 xhr.send(payload); 732 } catch (e) { 733 console.log(e); 734 } 735 736 return false; 737 }, 738 isIos12: function isIos12() { 739 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 740 } 741 }; 742 Monorail.produce('monorail-edge.shopifysvc.com', 743 'trekkie_storefront_load_errors/1.1', 744 {shop_id: 93108601128, 745 theme_id: 189332455720, 746 app_name: "storefront", 747 context_url: window.location.href, 748 source_url: "//sefam.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 749 750 }; 751 scriptFallback.async = true; 752 scriptFallback.src = '//sefam.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 753 first.parentNode.insertBefore(scriptFallback, first); 754}; 755script.async = true; 756script.src = '//sefam.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 757first.parentNode.insertBefore(script, first); 758 759 }; 760 trekkie.load( 761 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":93108601128,"isMerchantRequest":null,"themeId":189332455720,"themeCityHash":"10340431134527853247","contentLanguage":"en","currency":"PKR","eventMetadataId":"9
76109502ba-402c-457d-866b-8bb990534a94"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 762 ); 763 764 var loaded = false; 765 trekkie.ready(function() { 766 if (loaded) return; 767 loaded = true; 768 769 window.ShopifyAnalytics.lib = window.trekkie; 770 771 var originalDocumentWrite = document.write; 772 document.write = customDocumentWrite; 773 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 774 document.write = originalDocumentWrite; 775 776 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 777 var token = match? match[1]: undefined; 778 if (!hasLoggedConversion(token)) { 779 setCookieIfConversion(token); 780 781 } 782 }); 783 784 window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"7bc6d1d7-f6a7-4272-bbe0-32f46cc39429-1790948263","shopifyEmitted":true}); 785 786 var eventsListenerScript = document.createElement('script'); 787 eventsListenerScript.async = true; 788 eventsListenerScript.src = "//sefam.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 789 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 790})();</script>
vendor: 1 bytes, line 790
790
791<script 792 defer 793 src="https://sefam.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 794 data-application="storefront-renderer" 795 data-shop-id="93108601128" 796 data-render-region="gcp-us-central1" 797 data-page-type="index" 798 data-theme-instance-id="189332455720" 799 data-theme-name="Dawn" 800 data-theme-version="15.2.0" 801 data-monorail-region="shop_domain" 802 data-resource-timing-sampling-rate="10" 803 data-shs="true" 804 data-shs-beacon="true" 805 data-shs-export-with-fetch="true" 806 data-shs-logs-sample-rate="1" 807 data-shs-beacon-endpoint="https://sefam.com/api/collect" 808></script>
808 809<meta name="shopify-y" content="c0a8f996-0b3d-4394-ab38-28c90e591ad5" data-expiration="1822505863000"><meta name="shopify-s" content="307a4a64-26b0-47c0-9eec-3f52b6a296a0" data-expiration="1790950063000"><meta name="new-cookie-storage-activated" content="t"> 810</head> 811 812 <body class="gradient 813 template-index 814 template-suffix- 815 all-other-pages 816 collection-template-suffix- 817 818 transparent_index "> 819 <a class="skip-to-content-link button visually-hidden" href="#MainContent"> 820 Skip to content 821 </a> 822 823 824 <link href="//sefam.com/cdn/shop/t/112/assets/quantity-popover.css?v=15149255746202146481788152542" rel="stylesheet" type="text/css" media="all" /> 825 826<link href="//sefam.com/cdn/shop/t/112/assets/component-card.css?v=45841358862004625971788152455" rel="stylesheet" type="text/css" media="all" /> 827 828 829
829<script src="//sefam.com/cdn/shop/t/112/assets/cart.js?v=36810720923198164391788152452" defer="defer"></script>
829 830 831 832 833
833<script src="//sefam.com/cdn/shop/t/112/assets/quantity-popover.js?v=987015268078116491788152543" defer="defer"></script>
833 834 835<style> 836 .drawer { 837 visibility: hidden; 838 } 839</style> 840 841<cart-drawer class="drawer is-empty"> 842 <div id="CartDrawer" class="cart-drawer"> 843 <div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div> 844 <div 845 class="drawer__inner gradient color-scheme-1" 846 role="dialog" 847 aria-modal="true" 848 aria-label="Your cart" 849 tabindex="-1" 850 ><div class="drawer__inner-empty"> 851 <div class="cart-drawer__warnings center"> 852 <div class="cart-drawer__empty-content"> 853 <h2 class="cart__empty-text">Your cart is empty</h2> 854 <button 855 class="drawer__close" 856 type="button" 857 onclick="this.closest('cart-drawer').close()" 858 aria-label="Close" 859 > 860 <span class="svg-wrapper"><svg class="icon icon-close" width="13" height="13" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.91793 5.78324L0.271484 1.13679L0.978591 0.429688L5.62504 5.07613L10.2715 0.429688L10.9786 1.13679L6.33214 5.78324L10.9786 10.4297L10.2715 11.1368L5.62504 6.49035L0.978591 11.1368L0.271484 10.4297L4.91793 5.78324Z" fill="#000"></path></svg></span> 861 </button> 862 <a href="/collections/all" class="button"> 863 Continue shopping 864 </a><p class="cart__login-title h3">Have an account?</p> 865 <p class="cart__login-paragraph"> 866 <a href="https://sefam.com/customer_authentication/redirect?locale=en®ion_country=US" class="link underlined-link">Log in</a> to check out faster. 867 </p></div> 868 </div> 869 870 </div><div class="drawer__header"> 871 <h2 class="drawer__heading">SHOPPING CART</h2> 872 <button 873 class="drawer__close" 874 type="button" 875 onclick="this.closest('cart-drawer').close()" 876 aria-label="Close" 877 > 878 <span class="svg-wrapper"><svg class="icon icon-close" width="13" height="13" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.91793 5.78324L0.271484 1.13679L0.978591 0.429688L5.62504 5.07613L10.2715 0.429688L10.9786 1.13679L6.33214 5.78324L10.9786 10.4297L10.2715 11.1368L5.62504 6.49035L0.978591 11.1368L0.271484 10.4297L4.91793 5.78324Z" fill="#000"></path></svg></span> 879 </button> 880 </div> 881 <cart-drawer-items 882 883 class=" is-empty" 884 885 > 886 <form 887 action="/cart" 888 id="CartDrawer-Form" 889 class="cart__contents cart-drawer__form" 890 method="post" 891 > 892 <div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p> 893 <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status"> 894 Loading... 895 </p> 896 </div> 897 898 <div id="CartDrawer-CartErrors" role="alert"></div> 899 </form> 900 </cart-drawer-items> 901 902 <!-- --><!-- --> 903 904 <div class="drawer__footer"><!-- Start blocks --> 905 <!-- Subtotals --> 906 907 908 909 <!-- CTAs --> 910 911 912 </div> 913 </div> 914 </div> 915</cart-drawer> 916 917 <!-- BEGIN sections: header-group --> 918<section id="shopify-section-sections--27667674890536__new_top_brands_iPPXqt" class="shopify-section shopify-section-group-header-group section-brand-top-nav"> 919 920<section 921 class="brand-top-nav" 922 style=" 923 --brand-nav-bg: #000000; 924 --brand-nav-color: #ffffff; 925 --brand-nav-active: #ffffff; 926 " 927> 928 <div class="brand-top-nav__inner page-width"> 929 930 931 932 <a 933 href="/pages/kayseria" 934 class="brand-top-nav__link" 935 936 > 937 KAYSERIA 938 </a> 939 940 941 942 <a 943 href="/pages/leisure-club" 944 class="brand-top-nav__link" 945 946 > 947 LEISURE CLUB 948 </a> 949 950 951 952 <a 953 href="/pages/shahnameh" 954 class="brand-top-nav__link" 955 956 > 957 SHAHNAMEH 958 </a> 959 960 961 962 <a 963 href="/pages/masters-collection" 964 class="brand-top-nav__link" 965 966 > 967 MASTER'S 968 </a> 969 970 971 972 </div> 973</section> 974 975 976 977</section><div id="shopify-section-sections--27667674890536__header" class="shopify-section shopify-section-group-header-group section-header"><!-- Critical CSS --> 978<link rel="stylesheet" href="//sefam.com/cdn/shop/t/112/assets/component-list-menu.css?v=151968516119678728991788152461" media="print" onload="this.media='all'"> 979<link rel="stylesheet" href="//sefam.com/cdn/shop/t/112/assets/component-search.css?v=89644798430175995641788152469" media="print" onload="this.media='all'"> 980<link rel="stylesheet" href="//sefam.com/cdn/shop/t/112/assets/component-menu-drawer.css?v=148009741630258894031788152463" media="print" onload="this.media='all'"> 981<link rel="stylesheet" href="//sefam.com/cdn/shop/t/112/assets/component-cart-notification.css?v=54116361853792938221788152456" media="print" onload="this.media='all'"> 982 983<link rel="stylesheet" href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" media="print" onload="this.media='all'"> 984 985 986 987<!-- Section Styles --> 988<style> 989 .header_drawer_menus_tooltip [tooltip][flow^=down]:before { 990 border-bottom-color: #385adc; 991 } 992 .header_drawer_menus_tooltip [tooltip]:after { 993 background: #385adc; 994 color: #ffffff; 995 }
996 .new_header-wrapper .header #cart-icon-bubble .show_desktop i, 997 .cart-count-bubble.show_mbl { 998 background: #000000; 999 } 1000 .cart-count-bubble.show_mbl { 1001 padding: 5px; 1002 border-radius: 50%; 1003 width: 15px; height: 15px; 1004 top: 10px !important; left: 10px !important; 1005 } 1006 .header_drawer_menus_tooltip a.header_drawer_menus_tooltip_link { 1007 color: #f08114; 1008 } 1009 header-drawer { justify-self: start; margin-left: 3rem; } 1010 @media (max-width:749px) { header-drawer { margin-left: 0; } } 1011 1012 1013 .menu-drawer-container { display: flex; } 1014 .list-menu { list-style: none; padding: 0; margin: 0; } 1015 .list-menu--inline { display: inline-flex; flex-wrap: wrap; } 1016 summary.list-menu__item { padding-right: 2.7rem; } 1017 .list-menu__item { display: flex; align-items: center; } 1018 .list-menu__item--link { text-decoration: none; padding: 1rem 0; } 1019 @media screen and (min-width: 750px) { 1020 .list-menu__item--link { padding: 0.5rem 0; } 1021 } 1022 li.main_li.jashan-sale { 1023 background: #981d20; 1024 } 1025 li.main_li.frost-off-upto-50 *, 1026 li.main_li.upto-50-off *, 1027 li.main_li.jashan-sale * { 1028 color: #fff !important; 1029 } 1030 li.main_li.upto-50-off{ 1031 background:#070813; 1032 } 1033 li.main_li.frost-off-upto-50{ 1034 background:#ffb815 ; 1035 } 1036</style> 1037 1038<style data-shopify> 1039.header { 1040 padding: 0px 3rem 0px; 1041} 1042@media screen and (min-width: 990px) { 1043 .header { 1044 padding-top: 0px; 1045 padding-bottom: 0px; 1046 } 1047} 1048</style> 1049
1050<script src="//sefam.com/cdn/shop/t/112/assets/cart-notification.js?v=133922066251926308581788152452" defer></script>
1050 1051 1052<div class="header-wrapper new_header-wrapper transition color- gradient "><header class="header header--middle-center header_with_submenu header--mobile-center page-width drawer-menu header--has-menu header--has-social header--has-account"> 1053 1054<header-drawer data-breakpoint="desktop"> 1055 <details id="Details-menu-drawer-container" class="menu-drawer-container"> 1056 <summary 1057 class="header__icon header__icon--menu header__icon--summary link focus-inset" 1058 aria-label="Menu" 1059 > 1060 <span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-hamburger" viewBox="0 0 18 16" style="color:#000 !important"><path fill="currentColor" d="M1 .5a.5.5 0 1 0 0 1h15.71a.5.5 0 0 0 0-1zM.5 8a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1A.5.5 0 0 1 .5 8m0 7a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5"></path></svg><svg class="icon icon-close" width="13" height="13" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.91793 5.78324L0.271484 1.13679L0.978591 0.429688L5.62504 5.07613L10.2715 0.429688L10.9786 1.13679L6.33214 5.78324L10.9786 10.4297L10.2715 11.1368L5.62504 6.49035L0.978591 11.1368L0.271484 10.4297L4.91793 5.78324Z" fill="#000"></path></svg></span> 1061 </summary> 1062 <div id="menu-drawer" class="gradient menu-drawer motion-reduce color-"> 1063 <div class="menu-drawer__inner-container"> 1064 <div class="header_fixed"> 1065 <div class="header__heading-logo-wrapper header__heading-logo-wrapper-drawer inuse"> 1066 1067 1068 <svg 1069 onclick="window.location.href='https://sefam.com/pages/kayseria';" 1070 class=" header__heading-logo motion-reduce kayseria-logo" 1071 data-category="slide_women" 1072 xmlns="http://www.w3.org/2000/svg" 1073 version="1.0" 1074 width="1411.000000pt" 1075 height="575.000000pt"
1076 viewBox="0 0 1411.000000 575.000000" 1077 preserveAspectRatio="xMidYMid meet" 1078 style="width: 223px;height: auto;" 1079 > 1080 <g transform="translate(0.000000,575.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> 1081 <path d="M1778 5402 c-31 -38 -62 -108 -55 -126 10 -27 57 -30 232 -17 213 17 440 25 460 17 13 -4 -18 -72 -154 -343 -397 -789 -913 -1659 -1252 -2109 -81 -108 -107 -149 -97 -155 7 -5 21 -2 33 6 108 79 197 109 301 103 l73 -5 16 45 c17 52 386 719 547 990 63 106 115 182 122 180 7 -2 57 -61 111 -133 116 -154 245 -315 444 -555 617 -743 935 -1030 1375 -1245 298 -146 439 -182 751 -192 144 -5 176 -3 209 11 64 27 33 39 -117 47 -150 9 -258 29 -368 70 -279 102 -492 264 -982 748 -353 348 -602 638 -1021 1186 l-107 140 38 34 c51 45 599 408 843 558 502 308 913 544 1070 614 47 21 86 44 88 51 1 8 -27 23 -78 41 -77 26 -82 27 -113 11 -17 -9 -197 -127 -400 -263 -707 -474 -1665 -1081 -1706 -1081 -6 0 -11 7 -11 14 0 15 441 755 626 1052 52 83 106 161 119 174 22 21 40 25 133 31 59 4 117 8 130 8 17 1 22 7 22 27 0 27 0 27 -61 20 -150 -15 -560 -28 -729 -22 -305 11 -450 37 -450 81 0 23 -16 18 -42 -13z"/> 1082 <path d="M11118 4910 c-71 -21 -133 -99 -144 -182 -11 -79 26 -109 107 -88 53 14 102 60 133 122 33 66 33 102 1 133 -25 26 -50 29 -97 15z"/> 1083 <path d="M5085 4198 c-72 -21 -123 -58 -150 -109 -13 -23 -22 -27 -88 -33 -163 -15 -326 -80 -500 -198 -255 -175 -480 -434 -606 -698 -59 -125 -81 -201 -81 -288 0 -57 3 -67 29 -93 55 -55 171 -35 317 53 128 78 331 269 486 458 35 42 33 38 -26 -81 -97 -193 -131 -360 -93 -451 45 -107 177 -133 366 -71 156 51 347 175 560 365 l120 108 -21 -46 c-29 -66 -35 -152 -14 -193 28 -53 69 -71 161 -71 122 0 201 31 354 137 35 24 65 42 67 40 2 -2 -47 -91 -110 -198 -319 -548 -612 -993 -890 -1354 -440 -572 -849 -897 -1253 -997 -68 -17 -118 -21 -223 -21 -147 0 -225 14 -317 59 -100 48 -189 184 -200 304 -4 38 -10 59 -17 57 -24 -8 -39 -83 -40 -192 0 -94 3 -118 23 -162 111 -251 593 -273 1020 -47 217 115 368 229 594 450 328 321 636 740 1209 1644 308 487 388 605 576 854 272 361 362 501 362 560 0 34 -34 116 -53 128 -18 12 -23 10 -58 -19 -56 -48 -144 -197 -439 -743 -128 -238 -172 -286 -339 -371 -91 -46 -169 -61 -197 -38 -26 22 -14 137 24 225 16 39 97 183 180 320 219 365 275 465 265 475 -4 4 -42 3 -83 -3 -67 -10 -79 -15 -110 -48 -33 -34 -197 -285 -353 -538 -59 -95 -88 -130 -186 -222 -216 -204 -387 -326 -535 -385 -59 -23 -81 -26 -149 -23 -68 3 -82 6 -98 26 -45 56 -31 179 43 370 46 120 229 489 358 720 l85 154 90 -6 c50 -3 101 -7 115 -8 38 -4 31 25 -10 39 -19 7 -60 12 -91 12 -31 1 -59 4 -62 8 -7 7 31 78 71 131 22 29 23 32 6 31 -11 0 -50 -10 -89 -21z m-195 -191 c0 -7 -4 -17 -9 -22 -5 -6 -53 -89 -106 -185 -242 -434 -407 -642 -664 -836 -136 -102 -198 -124 -225 -82 -31 50 104 375 239 573 210 310 452 513 660 555 64 13 105 12 105 -3z"/> 1084 <path d="M12496 4198 c-88 -25 -111 -40 -142 -93 -24 -42 -25 -42 -96 -49 -195 -18 -378 -98 -583 -255 -146 -112 -330 -311 -430 -466 -41 -63 -75 -100 -154 -165 -282 -234 -505 -340 -630 -299 -96 31 -111 123 -51 304 42 124 205 450 327 650 104 173 112 191 85 199 -22 7 -90 -15 -148 -49 -58 -34 -187 -230 -357 -541 -191 -349 -224 -482 -140 -575 57 -62 84 -72 198 -73 217 -1 400 80 666 296 l105 85 -32 -86 c-63 -167 -65 -265 -6 -311 43 -35 137 -25 235 23 130 64 305 211 456 382 49 55 100 114 115 130 24 27 23 24 -7 -30 -86 -151 -141 -316 -141 -420 1 -187 139 -248 384 -168 226 73 545 321 8
108467 674 180 198 196 218 181 236 -10 12 -18 8 -47 -29 -168 -203 -386 -425 -569 -577 -174 -145 -353 -243 -459 -249 -94 -6 -131 3 -153 41 -68 110 55 437 393 1046 l102 183 90 -6 c50 -3 100 -8 113 -12 18 -5 22 -2 22 14 0 26 -50 42 -132 42 -40 0 -58 4 -58 13 0 6 22 45 49 85 55 81 55 82 -53 50z m-196 -184 c0 -24 -297 -527 -374 -634 -174 -242 -495 -520 -599 -520 -38 0 -45 38 -22 125 61 238 262 563 477 771 140 137 233 199 353 237 73 23 165 35 165 21z"/> 1085 <path d="M8609 4049 c-223 -52 -519 -331 -678 -639 -78 -151 -111 -259 -118 -381 -9 -145 22 -216 112 -258 90 -42 283 -35 440 16 184 59 461 226 618 372 26 24 47 41 47 37 0 -4 -38 -73 -84 -154 -108 -188 -109 -192 -60 -243 21 -21 47 -39 59 -39 22 0 44 33 183 275 234 405 412 628 603 752 98 63 155 83 236 83 76 0 132 -26 171 -79 26 -36 35 -34 58 15 9 20 39 65 65 102 44 59 47 68 36 87 -19 28 -75 55 -118 55 -133 0 -367 -134 -607 -348 -45 -41 -85 -72 -88 -69 -3 3 14 38 38 79 121 200 135 239 102 286 -16 24 -64 52 -87 52 -8 0 -39 -46 -69 -102 -88 -164 -343 -595 -372 -629 -105 -125 -345 -302 -526 -388 -124 -59 -207 -81 -311 -81 -101 0 -153 26 -189 95 -22 44 -25 60 -24 155 2 110 21 204 66 316 l23 59 85 7 c327 28 588 204 630 426 19 104 -26 153 -139 151 -36 -1 -82 -5 -102 -10z m43 -66 c25 -29 28 -49 17 -114 -20 -125 -108 -238 -235 -300 -59 -29 -79 -34 -166 -37 -79 -4 -98 -2 -98 10 0 22 80 157 142 238 70 93 151 171 203 199 50 26 116 27 137 4z"/> 1086 <path d="M7500 4024 c-201 -54 -431 -291 -430 -443 1 -62 16 -100 86 -217 33 -54 70 -122 81 -149 86 -202 -15 -389 -231 -426 -186 -31 -321 40 -391 205 l-27 64 -42 -31 c-23 -18 -52 -39 -66 -48 -23 -15 -24 -18 -11 -58 38 -127 189 -199 396 -188 162 9 276 49 388 134 118 91 177 204 179 343 1 94 -21 148 -130 312 -93 140 -102 159 -102 210 0 101 88 169 225 176 81 4 123 -11 151 -53 9 -14 20 -25 24 -25 14 0 81 152 75 170 -13 40 -81 49 -175 24z"/> 1087 </g> 1088 </svg> 1089 <svg 1090 onclick="window.location.href='https://sefam.com/pages/leisure-club';" 1091 class=" header__heading-logo motion-reduce lc-logo" 1092 data-category="slide_kids" 1093 style="" 1094 xmlns="http://www.w3.org/2000/svg" 1095 version="1.0" 1096 width="1242.000000pt" 1097 height="141.000000pt"
1098 viewBox="0 0 1242.000000 141.000000" 1099 preserveAspectRatio="xMidYMid meet" 1100 style="width: 223px;height: 55px;" 1101 > 1102 <g transform="translate(0.000000,141.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> 1103 <path d="M3121 1290 c-94 -25 -147 -56 -204 -120 -54 -60 -77 -122 -77 -204 0 -80 14 -126 53 -178 56 -74 112 -101 373 -178 145 -43 189 -94 129 -150 -64 -60 -293 -5 -462 111 l-43 30 -60 -122 c-57 -112 -60 -122 -45 -139 26 -29 195 -108 280 -131 113 -30 307 -37 395 -15 132 34 217 90 265 177 27 49 30 62 30 149 0 81 -4 102 -25 143 -50 98 -130 147 -350 212 -128 37 -183 64 -194 91 -42 110 140 112 377 4 37 -16 71 -30 77 -30 13 0 122 230 116 245 -7 18 -129 73 -214 96 -115 32 -322 36 -421 9z"/> 1104 <path d="M8313 1300 c-132 -24 -259 -94 -344 -189 -235 -264 -159 -703 152 -866 97 -51 150 -65 264 -72 118 -7 216 15 325 72 71 38 180 119 180 135 0 5 -42 53 -93 106 l-93 97 -54 -42 c-151 -114 -329 -105 -421 21 -106 147 -62 361 91 441 49 25 63 28 125 25 83 -4 145 -32 213 -95 25 -24 47 -43 48 -43 6 0 184 214 184 221 0 15 -107 94 -170 126 -36 18 -92 40 -125 49 -74 19 -212 26 -282 14z"/> 1105 <path d="M197 1294 c-4 -4 -7 -254 -7 -556 l0 -548 405 0 406 0 -3 133 -3 132 -232 3 -233 2 -2 418 -3 417 -161 3 c-88 1 -163 -1 -167 -4z"/> 1106 <path d="M1150 745 l0 -555 465 0 465 0 0 125 0 125 -297 2 -298 3 0 85 0 85 263 3 262 2 0 125 0 125 -262 2 -263 3 0 85 0 85 293 3 293 2 -3 123 -3 122 -457 3 -458 2 0 -555z"/> 1107 <path d="M2280 745 l0 -555 165 0 165 0 0 555 0 555 -165 0 -165 0 0 -555z"/> 1108 <path d="M3910 945 c0 -221 4 -374 11 -407 26 -124 120 -248 229 -303 158 -80 393 -82 557 -6 76 36 160 117 197 189 51 100 56 147 56 530 l0 352 -164 0 -165 0 -3 -357 -3 -358 -28 -48 c-81 -138 -303 -105 -347 51 -6 22 -10 173 -10 375 l0 337 -165 0 -165 0 0 -355z"/> 1109 <path d="M5170 746 l0 -556 165 0 164 0 3 148 3 147 85 0 85 0 75 -147 75 -148 187 0 188 0 -67 107 c-172 279 -159 254 -139 265 46 26 98 86 128 146 32 64 33 71 33 187 0 111 -2 125 -29 182 -45 98 -119 158 -246 199 -47 15 -104 18 -382 22 l-328 4 0 -556z m608 280 c68 -35 93 -160 45 -225 -36 -49 -76 -61 -205 -61 l-118 0 0 148 c0 82 3 152 8 156 4 5 59 6 122 4 84 -3 124 -9 148 -22z"/> 1110 <path d="M6370 745 l0 -555 465 0 465 0 0 125 0 125 -300 0 -301 0 3 87 3 88 263 3 262 2 0 125 0 125 -265 0 -266 0 3 88 3 87 288 3 287 2 0 125 0 125 -455 0 -455 0 0 -555z"/> 1111 <path d="M9040 740 l0 -560 398 2 397 3 0 135 0 135 -232 3 -233 2 -2 418 -3 417 -162 3 -163 2 0 -560z"/> 1112 <path d="M9974 1286 c-3 -8 -4 -176 -2 -373 4 -330 6 -363 25 -420 69 -209 247 -323 503 -323 257 0 428 109 501 320 22 63 23 77 23 435 l1 370 -165 0 -165 0 -5 -360 c-4 -315 -7 -364 -22 -391 -22 -40 -72 -82 -106 -90 -15 -3 -33 -7 -40 -10 -26 -8 -113 19 -143 43 -64 54 -64 53 -69 448 l-5 360 -163 3 c-136 2 -163 0 -168 -12z"/> 1113 <path d="M11240 740 l0 -560 315 0 c246 0 333 3 393 16 137 27 225 84 274 177 18 33 23 59 22 117 0 125 -53 213 -160 265 l-47 23 39 20 c87 45 134 122 134 219 -1 106 -53 178 -170 232 -92 42 -179 51 -511 51 l-289 0 0 -560z m573 301 c41 -16 57 -40 57 -85 0 -33 -6 -48 -26 -67 -24 -22 -34 -24 -150 -27 l-124 -4 0 96 0 96 109 0 c60 0 121 -4 134 -9z m37 -426 c36 -19 50 -43 50 -87 -1 -75 -50 -98 -210 -98 l-120 0 0 100 0 100 125 0 c93 0 134 -4 155 -15z"/> 1114 </g> 1115 </svg> 1116 <svg 1117 onclick="window.location.href='https://sefam.com/pages/shahnameh';" 1118 class=" header__heading-logo motion-reduce men-logo" 1119 data-category="slide_men" 1120 xmlns="http://www.w3.org/2000/svg" 1121 version="1.0" 1122 width="1313.000000pt" 1123 height="176.000000pt"
1124 viewBox="0 0 1313.000000 176.000000" 1125 preserveAspectRatio="xMidYMid meet" 1126 > 1127 <g transform="translate(0.000000,176.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> 1128 <path d="M484 1620 c-68 -14 -179 -76 -232 -129 -77 -77 -97 -127 -97 -241 1 -83 4 -101 27 -146 36 -69 130 -153 288 -258 162 -107 214 -148 239 -190 64 -106 9 -267 -102 -297 -65 -17 -139 -7 -194 27 -57 35 -135 135 -160 204 -19 53 -41 66 -89 54 l-27 -7 6 -81 c7 -95 35 -258 46 -269 14 -14 217 -48 326 -54 128 -7 202 8 298 59 128 69 197 169 205 300 8 136 -34 250 -118 316 -26 20 -111 78 -190 127 -171 107 -263 190 -280 254 -12 47 -6 110 16 153 35 67 156 93 241 50 73 -38 139 -129 164 -226 12 -48 33 -63 76 -54 17 3 18 15 16 159 -1 85 -6 166 -11 180 -9 22 -22 28 -109 48 -107 25 -273 35 -339 21z"/> 1129 <path d="M3306 1608 c-16 -15 -109 -219 -271 -593 -135 -314 -257 -587 -271 -607 -25 -39 -63 -64 -129 -83 -29 -9 -41 -18 -43 -34 -6 -42 10 -48 105 -38 48 4 155 5 236 1 l148 -6 -3 33 c-3 31 -6 34 -48 41 -112 19 -121 70 -44 248 l50 115 214 0 215 0 57 -140 c31 -77 57 -147 57 -156 1 -25 -30 -47 -89 -62 -46 -12 -55 -18 -58 -39 -5 -41 12 -45 163 -36 77 5 205 6 285 2 80 -5 150 -8 155 -9 6 0 11 16 13 36 3 35 2 37 -35 44 -63 11 -101 32 -116 62 -8 15 -121 294 -252 618 -139 347 -245 597 -257 608 -27 23 -52 22 -82 -5z m32 -603 c50 -124 67 -177 59 -182 -13 -8 -285 -8 -293 0 -6 6 147 357 156 357 4 0 39 -79 78 -175z"/> 1130 <path d="M7876 1608 c-16 -15 -108 -215 -271 -593 -136 -314 -257 -587 -271 -607 -25 -39 -63 -64 -129 -83 -29 -9 -41 -18 -43 -34 -6 -42 10 -48 105 -38 48 4 155 5 23
11306 1 l148 -6 -3 33 c-3 31 -6 34 -48 41 -112 19 -121 70 -44 248 l50 115 214 0 215 0 57 -140 c31 -77 57 -147 57 -156 1 -25 -30 -47 -89 -62 -46 -12 -55 -18 -58 -39 -5 -41 12 -45 163 -36 77 5 205 6 285 2 80 -5 150 -8 155 -9 6 0 11 16 13 36 3 35 2 37 -35 44 -63 11 -101 32 -116 62 -8 15 -122 294 -252 618 -137 341 -246 597 -257 608 -27 23 -52 22 -82 -5z m27 -595 c37 -93 68 -173 67 -179 0 -6 -26 -14 -57 -17 -57 -6 -243 2 -243 10 0 13 154 353 159 353 4 0 37 -75 74 -167z"/> 1131 <path d="M1144 1611 c-2 -2 -4 -19 -4 -37 0 -30 3 -33 49 -44 76 -18 88 -35 96 -132 4 -46 5 -290 3 -543 -2 -348 -6 -465 -16 -482 -8 -15 -33 -29 -75 -41 -60 -18 -62 -19 -62 -52 l0 -33 85 4 c116 5 317 5 420 -1 l85 -5 0 34 c0 32 -3 35 -60 55 -41 14 -63 29 -72 46 -9 18 -13 92 -13 268 l0 242 243 -2 242 -3 0 -252 c0 -211 -2 -255 -15 -267 -8 -8 -42 -24 -75 -35 -54 -18 -60 -22 -60 -48 l0 -28 270 -2 c149 -1 281 -3 295 -5 23 -3 25 0 25 32 0 34 -2 36 -55 53 -93 29 -85 -23 -85 596 0 456 2 551 14 565 8 9 41 24 73 33 58 16 59 17 56 51 l-3 35 -115 -4 c-150 -4 -190 -4 -340 1 l-125 4 -3 -36 c-3 -34 -1 -37 30 -43 47 -11 96 -36 105 -54 4 -9 9 -116 11 -238 l4 -221 -66 -7 c-85 -9 -407 -2 -425 9 -11 7 -13 47 -9 222 7 253 7 255 98 281 58 16 60 18 60 49 0 18 -3 34 -7 36 -5 2 -71 1 -148 -2 -77 -4 -205 -4 -283 -1 -79 3 -146 4 -148 2z"/> 1132 <path d="M4114 1611 c-2 -2 -4 -18 -4 -36 0 -29 3 -32 63 -50 58 -19 63 -23 75 -60 10 -30 12 -156 10 -563 l-3 -524 -22 -18 c-13 -10 -46 -24 -74 -31 -56 -15 -67 -28 -52 -62 10 -22 13 -22 119 -14 88 6 281 4 444 -6 22 -2 25 2 25 32 0 32 -3 35 -55 53 -89 30 -85 15 -85 301 l0 252 243 3 242 2 0 -242 c0 -173 -4 -250 -13 -268 -9 -18 -29 -31 -74 -45 -60 -19 -63 -21 -63 -53 l0 -32 213 2 c116 2 248 1 292 -2 l80 -5 3 36 3 35 -60 17 c-41 11 -64 24 -73 39 -10 18 -14 135 -16 503 -4 502 0 596 24 620 8 8 39 22 69 31 57 18 74 39 57 71 -9 17 -22 17 -154 11 -78 -4 -152 -6 -163 -3 -11 2 -76 5 -145 6 l-125 2 0 -33 c0 -32 3 -35 57 -55 32 -11 63 -26 70 -33 10 -10 14 -72 16 -241 l3 -228 -47 -7 c-26 -3 -115 -6 -199 -6 -84 0 -173 3 -199 6 l-47 7 3 227 c2 162 7 231 15 242 7 8 40 23 73 33 60 18 61 19 58 53 l-3 35 -110 -2 c-60 -1 -119 -4 -130 -6 -11 -3 -91 -1 -178 3 -87 4 -161 5 -163 3z"/> 1133 <path d="M9130 1609 c-41 -4 -139 -5 -218 -2 l-143 6 3 -33 c3 -33 5 -34 71 -50 37 -9 73 -22 79 -28 12 -12 0 -478 -23 -902 l-9 -185 -29 -26 c-30 -27 -127 -69 -161 -69 -23 0 -35 -32 -21 -57 9 -17 18 -18 113 -10 99 8 379 2 424 -9 16 -4 23 0 27 15 11 45 -1 56 -93 84 -63 19 -94 34 -104 50 -14 20 -13 69 3 435 11 227 21 415 23 418 3 2 104 -220 226 -493 194 -439 223 -498 244 -501 46 -6 70 41 246 478 94 234 176 439 182 455 10 26 13 28 21 12 6 -9 15 -192 22 -406 13 -449 16 -428 -77 -457 -58 -18 -74 -41 -55 -76 8 -16 17 -18 42 -12 29 6 440 8 497 2 22 -3 25 1 25 31 0 31 -3 35 -53 53 -29 11 -59 29 -67 41 -25 40 -33 128 -56 614 -26 548 -28 523 56 545 24 7 45 19 48 28 5 20 -10 63 -21 56 -4 -2 -97 -7 -207 -10 l-200 -6 -17 -47 c-9 -27 -30 -92 -47 -146 -36 -115 -253 -677 -261 -677 -4 0 -43 84 -88 188 -164 378 -309 696 -318 697 -5 1 -43 -2 -84 -6z"/> 1134 <path d="M10563 1603 c-13 -34 3 -56 53 -72 28 -9 62 -23 75 -32 l24 -16 3 -484 c2 -266 1 -517 -3 -557 -8 -83 -20 -96 -103 -117 -44 -12 -47 -14 -47 -46 0 -32 2 -34 30 -31 17 1 243 3 503 3 356 0 474 3 476 12 2 7 26 84 54 171 28 88 49 163 46 168 -3 4 -21 8 -39 8 -30 0 -37 -5 -56 -42 -33 -64 -113 -143 -171 -168 -98 -42 -325 -51 -375 -15 -16 12 -18 33 -21 248 l-3 235 57 8 c76 9 227 -1 253 -18 11 -7 29 -38 39 -68 18 -52 20 -55 53 -55 l34 0 0 195 0 195 -29 3 c-37 5 -44 -3 -56 -68 -6 -30 -16 -58 -23 -62 -6 -4 -82 -7 -167 -5 l-155 2 -3 235 c-2 183 1 240 11 254 20 28 204 35 278 11 68 -22 125 -61 172 -117 20 -23 44 -51 52 -61 14 -16 46 -16 63 -2 3 3 -44 250 -54 286 -4 15 -51 16 -485 15 -359 -1 -483 -4 -486 -13z"/> 1135 <path d="M11794 1606 c-15 -38 0 -59 55 -76 78 -26 85 -37 93 -138 9 -123 8 -840 -1 -941 -10 -97 -15 -104 -98 -122 -54 -12 -54 -13 -51 -47 l3 -35 80 4 c115 6 417 3 464 -5 34 -5 41 -3 46 14 12 37 -3 56 -60 74 -90 28 -90 29 -90 311 l0 240 245 0 245 0 3 -190 c3 -192 -3 -300 -17 -324 -4 -7 -37 -23 -72 -36 -59 -21 -64 -25 -67 -55 l-3 -32 193 7 c106 3 232 2 281 -2 l87 -9 0 41 c0 39 -2 41 -42 55 -26 9 -47 25 -55 40 -18 36 -18 1064 0 1100 8 15 29 31 55 40 39 13 42 17 42 51 l0 37 -260 0 c-143 0 -264 3 -269 6 -15 10 -34 -22 -27 -47 4 -17 19 -27 58 -40 29 -9 59 -21 67 -26 21 -13 29 -99 30 -302 l1 -176 -46 -7 c-60 -8 -333 -8 -401 0 l-53 7 1 186 c0 175 8 273 22 287 3 4 35 16 69 28 61 21 63 23 63 56 0 29 -3 35 -20 32 -45 -5 -525 -3 -544 3 -14 4 -23 1 -27 -9z"/> 1136 <path d="M5602 1576 c3 -30 6 -31 70 -43 37 -7 77
1136-17 88 -23 39 -21 41 -63 38 -592 l-3 -507 -28 -29 c-24 -24 -74 -47 -155 -68 -8 -3 -12 -16 -10 -36 l3 -32 70 5 c107 6 332 4 403 -4 l62 -7 0 38 0 38 -72 18 c-49 13 -81 28 -100 47 l-28 27 0 459 c1 362 3 455 13 443 192 -244 823 -1023 845 -1043 21 -20 38 -28 56 -25 l27 3 2 595 c2 550 3 598 20 623 21 32 66 57 132 72 46 11 50 14 50 41 l0 29 -268 0 -268 1 3 -30 c3 -26 9 -31 71 -51 84 -27 108 -49 118 -112 9 -56 12 -627 3 -636 -3 -3 -113 128 -243 291 -275 344 -368 465 -388 507 l-14 30 -250 1 -250 0 3 -30z"/> 1137 </g> 1138 </svg> 1139 <svg 1140 onclick="window.location.href='https://sefam.com';" 1141 class=" header__heading-logo motion-reduce site-logo" 1142 data-category="slide_brands" 1143 xmlns="http://www.w3.org/2000/svg" 1144 xmlns:xlink="http://www.w3.org/1999/xlink" 1145 width="100" 1146 zoomAndPan="magnify" 1147 viewBox="0 0 810 215.249992" 1148 height="287" 1149 preserveAspectRatio="xMidYMid meet" 1150 version="1.0" 1151 > 1152 <defs><filter x="0%" y="0%" width="100%" height="100%" id="d3f497a711"><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" color-interpolation-filters="sRGB"></feColorMatrix></filter><filter x="0%" y="0%" width="100%" height="100%" id="f4e469b252"><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0.2126 0.7152 0.0722 0 0" color-interpolation-filters="sRGB"></feColorMatrix></filter><clipPath id="9647dcc63e"><path d="M 1.40625 0 L 808.59375 0 L 808.59375 214.503906 L 1.40625 214.503906 Z M 1.40625 0 " clip-rule="nonzero"></path></clipPath><mask id="558b0b48e9"><g filter="url(#d3f497a711)"><g filter="url(#f4e469b252)" transform="matrix(0.747396, 0, 0, 0.747396, 1.406264, 0)"><image x="0" y="0" width="1080" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDgAAAEfCAAAAACB6il6AAAAAmJLR0QA/4ePzL8AACAASURBVHic7L3pc9t4muf5w0mCBO/7EEVJ1H1YtiVbTjvtzKysrKu7q3pmJ7qjX01sxP5H82ojNmJezHTMRm9H11TX3VmVmU6nbzttS5Z1UBdFShRJ8QRvAtwXttMSBQIgDoqS8HlliyAAksAXz+85AVBRUVFRUVFRUVFRUVFRUVFRUVFRuYBAsu0J1xI6gtDhCIZr8CO7bdL1UrVaqxWpUqlBd7hT1Gq3kgAAAGLhsmynqnICBMdxrQ5DIAAAjtE0zQAAGLpartRq1dM+OZXeA5VrRxBhdbgcDrdRqzeaDUd2S9eoeCabz+9FD+LlToUDD1ya8AEAAPgmrgqHgqCkyWhz6bUQAMBEVivVOgCgUc0k0/l8rXnaZ6fSc0gXDhgxWkwmA2kwmSwmk0WHaXV6HfLhdaZecRSKpdJhKpspUhSVpzIUzQjcuWZwftQNAABgE5N8piongQi9yWTQ6/QGUmc0a3EAANAT9Vq9AQBg6lSuUCpRRapAZXJl1fJQ+QHpwoEQ/snhkQG/VgPBMARDAIKgowsgCMf0zWazyTBMM5+NRDZ3liMVocKhHf3IYwYAAOBUhUMJIFPfcGjQ5zFrUQh+98NBUPOtjdEETabZbDb3IluR1xsHqnCo/IA04TA4HBaH2+VxOe0WtM2uIADB7/+t0ROO/sO5RDqVzqQofvnQmlwu/dv9GjzZvGoyywmu8XhsVrvb6bSbTQSKcGyqtQ6MJDKpZPIgQ9W7doIqPYw04bBMzY6NTgu3BbRaKwAAVLbXVlYWo40az+YwaXM53/3b2J8qNkSepgobWvOVhemQ2ci/pdk8CECzkn7x4vFqXRUOFSBeOCDUEPT3+/0eux3m37r1oHbINrqQSiTisXiJQw3QsetukeenwonG6O7vDwb9LpNG8HtQw7BhcH97d3svy6f4KucescIB47YrC3c8Wi4Dt/1B7fZRAKjY2ovHpTrdfgGCji2owqEIWsf0ndlZvJO3QBhmHAFU+OXXjZIqHBceccJBhMaGggNeOy4lDQR3Ys6ZZHT/YP8gUWOL05pck5fs7/+DaFXvqDzAqH9sdMLnd4gRfdyHe65vr4UPUkL92yrnEhHCAcOYffrT+SGtxIgMjlsGAdhaX3+93iyWaaYlRgtB1uDI8IcTJTD5ktUuMoiWHPls/gop7t24wzFxuPuAwEoV1eN0kRFx81sd05dDwx68c98GG5Zh+3A6s7u/lzhI149Kh5aYuxX48F/CYVSFQwa0ntDspZC3o1VKCzrPgn/p4VpYVY4LTKfCAWu1w6NffGrQy3UCZvMAAGB1Y3VjY4cq1xp1mgEAQTHcbr/1E9eH7bRWUh6lutDAeufM9S9GNcdWKc0G3XjnaYIRlDMuCwAAgCBcl4fMZDFTUpcrF5YOhQPFx8bmpgMGKQ8sNpwaz+VcIhaLJg7yJRoY7e6+UGjCSch8mAuP7vrs1WF/i2uKzmYPqDoNAEBxq91iErIj9y2j9+Hzmmp0XFQ6Eg4Es3kWFq6OyX8aFksQgML2djiymy7UgcsbDI2Oao7Kk+oclQyEW/s/+2jSfvRvTLlE5fYPdjM1GgCAal1er9Nk0PAGaa1WcwDO76UUO1mV3qYj4SCs85+GQjalzkXrNw0Ui9U6AwgdaTRpjy1NCIdBXapIA7N/dmum/7hXlN5bWVpP5opVpgkAgBBCZ7cuXPIJiIJbsVvaP6nCcVHpQDgQ1DNx83ObnX9LAOpVmqY/hFhhDEVQlO/GxyyW9i9qzDrVOSoFCHNP3P7MeVQ3mOZhaunp09f5ypE/Ggyl8gTgd2Lp9VPkTrik1ixfTDoQDp31xj8GfcK8G4VYIU9RP/yXcBhJi1WSxaAuVSSCmT79xYTr2BqkUfv6bngjWziWRV6uf/Nm7ub8OP8eXYbrmeWwvGepckYQLBwaMhi6MWfkWfwyjUq+VCrXDmOFwlHhsBtJq0VP4BqdjhCe5HwUGEFUi0M8MNwfWrhmOWpHMEx09/7deLJly0YjekAzGsLOm+mh003kCluMWnp4EREsHKbQzVvDBr7NaSq+sh3ZTxfLjUbjg8sdwTEUx20+mz0Q8DnEnquKeFD8oy/G7cfMRbr29A+LkQrLxo3tOly9JSBFLISsPVIjKxcSgcKhMU3duHnFzJliTpdyqdRBbD0SO8iyXkxmj8Xm8/tcFpPJqOl04aGx6lWLQzx9oY9vmo/7LeLb9785zLNt3MzV8KqFsGj59upABjypnEynqHKWECgcZOjGz0cM3Dd743D16dL2YalSYa08AYCK7OEarcE8NToasncqHCRuUaMq4pn61eXWVkgbf3wab1etVt2oDBgneYUD1XmG6qpwXEQECQeiG7hzZ5QzDFsqxra311a2EqX227xdu2Da9PabAa/bbrV34u3AMHG+ERUAgMt3faElm47Kvv5us21IhCnEHiIWPc6TRQpjvrGDiCynqHK2ECQcqHXk0+s6zk3y+998vb1XqfIveBvFtW3c3D90aUKvSkGXCN6ZC7b80vn1lRUuW6H8PTPrMfKlnyPOoRdST07lLCJAOBDCc+PmEGejqFhsZX1xSdhqt9ksl0G+lElvbfS5nVbhSxaMLKt9IMSgt0zeGGxddsTvrRS4mnnRme3HmhkXxxYAAAARRrmrD1TOBAKEA7NO/OMcd4O5N3+596Le6KDkqbqfeK1zTN1a0HfQd9BSVIVDDJaJudsnfr+d3+5wNgFs1uJ/rrl4hQMX18pJ5azDLxyobf5m0Nh+O7qx/vLZ8y2q7Q
1152asMEy90YCqB2uDfrNZ2Fs0psNsZwdRAQDAaPAn0/qW36+c3Tso8CRgVKLrG04L33ISUmNdFxJe4YBxz6ef+zguH7ry6L/F4yIO3cjnV54GP/lkSKBwaM2y1fJfJBDt2H+xt64nijvRQw43NgAAgFpsbdkrMl1P5bzDKxzE1M0RW/t1LN1Yuf9dvENz4wNU9F504nIw2G62gopknFcutdobAOSWIwKG6qXu6W06VDUpVE7CLxzTd0Y56tro6so/b4mxN95CUdF7lxOfeCBVOJTCdWeWPOFIEiocxuteNdNfhQWeGxZ2jV+Zal+zSjcWHzzckuh5iH6zc/fmrJ13vgfpFS9QFxa9dfzq4En/ZXHnQIBw0NWN35U5/eJMLl4Uf3IqZxce4UC9U5OD7V+uF17/ZmVfYgO5ZHJZW9UDnG+5IqDsSqUVfd/I+InQSLNZjB0K+NWa9eg3lhEdh83B5A7UuvoLCffNihlmvwhwvL7/5LudnPTqyEblQfrq1Fg/91aoWljfOfa5qZOJ4/VyNlsS9LMVtl+/rAXaXyRMYkPNOL+QcAuHwXv1Tnu3Ol3d+sv9Xbbyyg6h6edL0b06QWq5gnuqcHQMjHrmWYSjlk3nhf1spdKSD3YQ7WyOeim6robILyTcwhG6GtS0Ly2jNl+92ZdplGhjo5zauTWKcaQTIVIHuVw8tPZg0HHyW6scZgV4ON4S+wYdcJnaCEd6dzsqOqKmcpbhuhcRZPzTAY6nfO7F83BapvNg9hLRfRjyGLG2QqUxqk3PO4QMjftZXNuVxKHgJhqJHBmaGmUdosM0d7/faO0DpHIx4BIOrX5kjqMLKMg+XZLxcUPnVv935Cej1rZLI53TIN/RLgbm2Sk2h3K1A4uDrq79a9lrYsvkadSX/rIt+txUzjRcwmHxDw60f7VR2n+zLaNLvVneK6RNzQlzO5tDtTg6BNY4xofYipqr6ZzgSFizsVd0Dofc0MlfJZdcenYo5QRVzi5czXFCPw1yvFpaWdynBD+4hEBTG//yv5bTMnlNVDS+UMjDZsDV8lQHIfRa5sH//V2Z5Zd+82/P9lUPxwWlvcWBYP3XucZrlFZXsvLe48169k0zwMxYYVZfnOoc7RBNYNDJWt5TLxQ7EA6a3im4XX4XfnS5QtcPEw/vbanZXxeV9vei1hS6xtW8p/jyheyPG6a6+c9Jm4G9tanWwt1LSKUF3dg4u1eonuvMVKSqX0Z+/vGxiqVq/ts/vt5UdePC0l44zEM+a/v3NeliNCZ/ewymsPniu+aQns3m0JhUH0cnIIbhEHuuLVPvrDM5TUcKOqrPT+pxjR6q1OoUldh9+CiupnBcXNoLh2OWa6HC1IspJbwRTG3j13Wzhs2Jr0FV4egACDOPDMn1jVHV/3g2PDbgN1r7kEy6sLu1+jKVrcq0c5UzSHvhcF3zcbyvnj4oKNKPizlcsruuDLKkjyCI2myqA1BXwMFbOCiURqOcyMVXHXqjE8nlS4n93U1Z/eIqZw0ui4NrclItsSdDrjkblfoySQTU7HKpYP6grD4h+iCzgsIICtE006i3mYChclFoJxy4zuHiuu7q6aRClmqzEX/h8/vZ1kk6N6WG/4SiGZpolzBXOcyIuO/rapxc5QfaCYfO67JydXCpHyYUW+KmMhYjayTYHIqowiEU7dRcu56MxV2prRBULjrtEsAsE172bIp3NLIpxVqOM/Wd797kWXQJRtVhbgKBtCaXs132frOThvQqKiy0szgcV7n6cABQP0wqOKtg58DzY5PaJlcCCGlzO0/7JFTOL+0e4WSAI4kDAMDUqwo+tRqVlV+vnPyzmjsqGNTuV9PlVJSj3Z3IJxzNWk1B4aDpVdq0cOLPqCocQlGFQ0VR2C0ORGPymLp8JsfJhhcfn+hNTPrUwnqBYP4x2ZI4VFROwP4IRwnjKXcGpqi177UucNw/SzjUkUwCwdyDamtnFeVgtzh0bsupT9MI/zFcUbOMxIK5+lWRVVEOdotD5zKfeuBzj7p5aDl+egiuJp0LA9FaXWpUSkU52PWB9NtPXTgq2dWnLQ0tdW7V/BYEZHAaNarIqigHu8Wh99p4hAPCOdqfy0KttmJ29h3rWEc41EiBIGCLz6hW+6goCLtw4EYdj48Ds3BMopaJbWSheqy9thqOFQhs9au2mYqSiBUOhDQpfhMn6Z2E9WhQEeYau6LyAdjiUV2jKkrCvt7QmPU8wgHjyq+h69TyI3XOtBhgk1td1KkoCbtw8FscqNGi+CKaqW6+OtZ+X6PWrwgDMjjUbmkqStJmqWLiszhwT5/ylya9qTuWd24iuPPgVd4Bm9zqUkVFScRaHLiTdWKHvDDp6O5+6chBScUdsucDyGg/OWpaRUU+RAuHw6v8pdkspcJrOcUPc/6A1aWKirKwCweMoXxRFcLkdSru5aCp8NKxHvw4qaYn8ENYDGrgWkVRxGdxaQMB5W2OWmT1mMWhNavuUX5IznaxKirSES8cmkBA+Zu4kdhJHR1bqgqHEAiL6uFQURbxwkEMDiq/jq4fbB0UjnTXJqzqLcGPKhwqSiNhqTI4YicUL4VjCuG1I53NIc4Oyipv0as1PSoKI96Hph/PuWO0gh2L31J87XPblT7IOcPoUStVVJRFislgnBlR/slWiUaOZHKQaiq1AFCtWtOjoiyShGN6VPn8xGrsuHCoGZH8oBo1GKuiLFKuMNPV/GqxoHB7v0YhtZ8yvc/ewAj1WcqPwasuVVSURYrFYRibHLQr/WxjypmD1A9xFbUjhxD0NjVvVEVZpN2H/p8zacVGyL6nsOKyvfdsoIQqHCoqpw+7xcHUGk0h73bMz7r56mglQ21sVt7/W005F4La1FlFadiFo5zKCRIOjW3is2mlbYBSJPKDcKjOUSGoKecqSsN+11fSBZMQ7weOj9ag3UyJf0sJlGO7xQb89nTUzFEh6JTvB6tywWGXB7paZ/37Seyz87M++U6HjQaVzRYVHFR7/kDV0QgqCsNucdRyJUFLFQCMxqld5LBclvGUWmGqhUQGf3uiCH7q817OALDqCFJRGHbhKOz4x4TuYfD/sNXCYdlOiI1i2GV8G2BUlyoqKr0Au3AU9zOC1wYmUy6jofJK+jnKu/ujb/+lVdsVq6j0AOzCUYoLFw4ARl3m5tKmTCfERjmy/y5bhMBVi0NF5fRpZ3GkOxAOo/FyDa7lCjKd0kkqe5trZQAAjGi0iuebnXk0WlVcVZSGXTioaKqjMMaYh66uKikcy3YXAADX2G3KHeW8QNrVShUVpWEXjmo2ncE6SCIymW7gVjipVEPyen4DGAEAKG4yrSt0jPOD6gdSUR524aCZ/IG2o+zDKR9R+14p4WCq+2kEAABgBMkrdIzzg1oIqKI8ba6x5uEi6u5kPyQ+h7qfbCTlOCeW06kp3mlMGAhG6s16jVaDAq35SJYVU61WK9VqpZgtFmsKNxrg40y2V4QRQo8A0szyUiEHQJZieUHlFGn3cEovOq92tCNszOMhSwoJR8+AES73oNtkMWmBdeCID7KRzeUyuVwmvhk/aJ6ycJxJYI3FhQPvIMtLsS0ANlXh6DHaCUd2baqzHUG4caiGBl4fVM5ndrjJYjIbTSaTyWQ3EnoCBXrbkfxMWmsql8rlYj6Vy2dzuXzyoKRkMu25QaMzGvU6kjRrUdKIADNbd9lsCoBUplopFvL5XIFSZbknaCscyzc63ZVm0DNx5f8pN3pkVSEz9rGBU
1152HDQ7WB/FSE/RDKS8c3tF8/iqnDwA+udwQG32+cL8QWCmHQmHtneDkdr6vfaE7QTjlou8sLdkZcDAICaR/5z6PFO6nzlWuAGZ9Bp97gtVrNFiMNY58Rc/fOpVGx/+7Ahv/mFmwdm2/ww1Xy9DoDdHuLZReDvLp/8YynbRvGpdDYr/8fQEH6/1Wx3mC0kaTDyVvNCOgg39U2n04lUaj+eywsspVIend3uBIV4tMNrHiL1GEZotW+t1lqlXClXKhWeN/USbYWjtvsSdCocmMUYGGdo6pwJh33iztSYWSvU5ajXuwBgsoePn9eopgLC4Vz4r7PsL+VixXITaLUunl0E/q548o+p7TZ+hHh4O6+AcJinFkKBdhbcCSCdzgYAAJV0ZOXZi0jvLFh0gbFpEHuR7PCah41OQmc1m98+iahsOpvOZs+DcAAQf2xvc31yAGkCfz/8YjFcEFqW3+PofMGgz+f224wdFpxCOuhq39W9nXA4Xu7aRa511xoAICifXaTvY/l5vME2v9k6TEUkn9ox7L5AyOFye8yGjtsyocZ+Y//He9sbK+m0vCfVMZDJ4uv3+Zx2W8Wbey7sPTBmdTmsRrPBqCdQTKt5146+Xq1UK9ViPp1OHe6nyzLcPDBGGmxWsxHVWI5GqgrpBkin89l0piHxqmwvHKlXl9+3zxEODHs8/S6sCPJ0zxiTooERzDF2fW7YI6L1L6TVWsZAZvE+whyWhPVhlI5GYOYX0dEH0sY2ZexlACEo6p+5etPrEfV2lCQ9E+Bg62Fzu1ZrNE/rIoNhBMF9fdNXpoMaFOStKwI6J8Ewgmj0/cOhgMvjZDMKK6VIZHN7OZKmGoyE2xqCYQTR6GyuYMDr1OoD3iOvHexWQCSS2Iug5WqDpiUYku2FIxsOh51WEbu0XTWOf38vlRV/Ur0B7PItTPh9DpP47ha6YePsm8XVFap+9mVUJoyBsbEhv8slqQWkcUA/tr3z7E2GZcnVDbSkp29owGG1Oqw4DIDWZeHtnARhZo/H7+u3moykTseq3JjObx4oZJKR9Y3YgejlPqKzefoDLhtJkKSeQNBjbmdjPw3cE+UilcskNyORZF20dLQXjlJp+w0qRjiMRuuQOb+5faZ8Pa3AiI4MTfzNrFHSoAGNxwOGnaZGPCuH+XnmgRCM9E3fWAga2lx2jQYAdRoAAKEIgGC4XSobQbimo1EC2jqodDuGB6EYjlkcQxOXp0zvxQ/H9dw2GYwSBOkJhUaHRjmuJwTR2gEAhY1X9jdouiTCsQ7huEZn7RuamvC7WG2gH2zNWmrv5Wtym6LKIs1hruzk8B+NfP55dgj7vP3l45UVUW/uDbTmK5dC/YMG6b207HPu8dcvNvd7xp13eqAm/43xgX5321nl+QQAiTQAQGsnAabX6TguTzP604lHr1Zkdr/wgWB2j98TGDJZHSbBjV0hnXV6yO+zWyxCrFeNTxOcX15+fljqWDnwQGDQ73WZbFaSxwRCjAgRuhGNvl5MibOGuYRjm5q5pBPTL1ujMY/7LWY4k682xJzUqUOQnoHPbvtlGXZtMvVPBS1GzWGBudjrFYS0B6d+NmFjuaIYulYtlWv1gygAkQQAgPBaAG4yGHW4htAQEJvQkKT7ks2hh9NUtzIOEVyjI439g8PB4HAH70JJg6fv5nTQhQurIcIdjvHMcADdjOXLnVwxhI50TIxPDXrZ8vZPnBVJuuhaattLbCYpSsSFyfVZqMabpyNsScBC8H8y8NHdZ/tn09Phnro8F/DLNYkBNU7aBxYffV+72MsV7djc1XG/me053aCSsfBW6rBUBICqAAAQnQbAuFbncHr7ff1Ym2c7OmYeGP7rUq1LyqF1+ob7Ax6LmTR08i7z1OTkgNNKdtIuVxfU+18+Wt7q5LnrHpma9rrMwhfXMGbFjGMrT1eWRDzeuYSjWl1xEH5EXMdsq9U3DSOrkcJZa1AOQUbTzM25efzk1cowjfoRGwqCMFQjwF5FUZ/P7GxWEon6hV2vQIjJP/fJ1YGTr9C1KpU7iG4vr8YTLZcKiju9/aHBnNlCslodiMfuMeXK8YLivmcE0+u0tr7BqaGgpQMBgCC90RWYuzLV1+HxNA5LvwVHGimB7Wc0hJEcvzw3a+hkgQChqN4+HNCTtWS2Y08Ht/W0UnFNkGLdgwT2+fT3rx6/Pu1q0Q5B8NlbM5fNWpbLo1FJH8Y+pA9guMXqFZgk59IbZu5+lVaq8UDPgxlufTIzxmZE1+KRF2trhyWKOlHlRFcT+Z1nZuvk1Oww++2KmCeggf9YSSrsIoVI28RkwG83G/Q6rIPaYxQfvzY9azYZOz8krBl1+IP3Hgvb2h2an3V5zaaOGyrAeL9hbPbuX/OdfoPcR0rWX4+HxI5NQdF+L2HR6OOpwtkpX0E0Lv/NO4OtCzS6QVGlIpVPp48IB4pbrF43riFJPYHy2GV6Peamq2sbxfOVVSsQGO4funmr70TyQpOppWMbay/Dm6xx1SZdKgGAadKHVLbfibM4FmGtAyEKyPNOOl12BoSQBtJgd09MBtxkZ3OuNDqP99LCxISo48Kw1drUlvOpFN+WiMZknZyanyXFNH6DYaPRaGvk1yJMZ18ht3DU84/xX0mYt4QMOCdv33u6dCh+F12GcN782aTvhMFXLayvbq0nk/XGsaUKiuG43T06Muwz8S7oDMTnI3/+KhyX+YTPBKjm058PBlnS0xrp775d2qY45/I0mDeRV4H/dNNmYnsVs2KEK04p5udAtaHJ0WGPTa/XdDqR1xL80Wduh4RpnD4L7vnqK76tCOfszelBC18cpT2Ggc+D/1+y2tnTnVs4mrXIi7GgVbSXECZ1ZiNktG5GlV+GygFCBOduXvXqjpnFdD2XiO9tbO1GMmyuXrMjGd3w9bnsJozzp8MwN1lACDgjsbyzkd/4aptrA50uEODcQSVz0EmKzfpOJy3vWYCRwdDCrPmkR7Fcirx58GiL55napAsFKmmnZ0Y0bDaHBkFLNzUbOdkXxBCiI40Gi31geKDfyukObdRrrVc3hJj9obGPZjs0Uo6j041pCgcHnI9d0h4Yn7nS75Qwuw/D/GQsGw53ZHPwLIqY9MZL37SE8AKEOW6Epp7/YatwFgKzuG3mH4ZdLeVsjcLGd0vL6XKlwhoVoWrp14T50szcKJ/mo4b5frS5JFE4aomHa5xuJ6/37ziFo5Z59V2igwOmoxJzUBDt3K/GnSw3fWH/679sRYV8H+XGX6MNq501CwLWD/29pViSPdiN4K7gcHBwhNARWu70i0b+RMoFjA/8bGbMZZA4i9Ntoir3OYXDPnf9jtvQNjNGGHr8luvX0aqMwgFqqWcETvCXPbcDgrRao8GMr+7sxnvd00FY+69cv2RDj/0IVHx3bX1xK9LWN9FolADQFA/2Jgd9bs7BBDBsN9zSYktpSYnSTKXC/YjOlbnLvxrF3WedpE1Vip1nIh0BRkKXPpm3nNQ6mn7z9Lvvc4K+DJqOls3gypCOzeaArdOlA2hDvkRlCCFMJovV7vX4PR4///a1XEvoECc9E7M3g27JXaMJYpIpHrTLrIdx+8Cly5OTElZDb0HRfnO2tLTWyVv4NigvNnwultBkB+BuQ//as2/b9XvoGcjQjb8fMiLH7Y3siwdf7ZX5FoC1rfjSyEfXDHwTTbAr7nJ9+ZQqLN7B1LLR7U62ZyQ9zBHtpf8adLM8eRvVF7/dSQo1ZuqH32RRM8r66Mdto/ninozCgVmHhkZDQxYMx4SkDtdbLQ6te+4fxqw8doow/LqdrdU2FwyiH/nbhT6zHGN0SOKW+X/IKhxMcefr2o+GdBKkA8YRHW6wBDfC2R4OR2ocU7fnhy1H/9RspJe/f/UmzB9Mb1aqxXo1mZngqkUAAMAG3209+X1SyYGZvDB0rWtlRDA6NH97ysB29WyvPl3NC86Ja9ZTq3fBZ6yrZhh2XT7YCkt0xQAAANAQNqvFbnO6nF6nU2giQvN4WYk+OD4xM+NAZakp1liv0vUUW90KavdNXZsf7LThAzsI4oGu7kSF9wwWEPjNfpv2WVBJNgeMe5zB+Qe/3ehh4SAGFn46fvxTNuv7f/jzXk7Qxd2sxVORVKGP72LTXXc2CuVTFY5ugmjG/ynkZk19CP9x8aADU6ZZTzygZ9p4b0xk9HUhJ4NwENbxkeGxgB1GEFisf8J4+YtrfRq5WhFg045XL9n8lphv7m+ukbIdh/TO7N2TVTga1M5/lG8PIBLOEAIoakVp7fLLaFRqBxFlgMnAteueY0Zfs5F/+uR5THBqDE2nliBmdpo7nA5rXNerdVr4o/Zs45u8MWRnuwNrla1n8c7u9Fpia9XK7kaC4cDH2U2J/ndcOzLqsHtcTrdF/Cw81DBx9cqMS7Lb4QcgnX1mb/FEFB8JDtyYHTXx5Q8JB9YM5+MxSujVLkA4mrXYvx708KOLAwAAIABJREFU+aSupHQ6943v73592L2GWJ2A2kY+vdXyEeup3/5HvBMbqfA6+uo/9/NddJbbxlS6ekGEY/CXV/tZbelKZkNgVuQP1NM7ryzGNtdhwLjzV4kLMK3183/0Cu1l2AYId/3tr9ysGSdi94gZrjUPTwgHNn3np2MyHgYAbNy0thqTUTgAYGqR31fmnKjkQT/u67bZ528SPbdggYzuH90YOpbV3GyUv3vyMtXhtVhJLv7h2hjfqtP5GfNlpHzGanjEYPFfHvewW6r5bRH1j5VIZKbNS7hxYD680/kuj6Ax2yRaChBpuXl1znYymMKUy1SeqjTKeRoAoDeguNlsFWrWIIFSKJ49trrFxsbvXGEv3mYalXdmA4p2mExKTKe+FHpvChKOZi3ye8ZvQSQLh8czW/1nutpzwgGbBn5+u8UJ3ijc/U2s0zOtJpdQYkiAcKwddhQ1P6NYZ65MtOkFJUo4qpG2YXEcH5hvSBUOe6ftuVuAjYFf/kzL4g5kiul4LJ4tp2M1AIDDpyWD/bhw4
1152cCHN2vHhWP6F9fa9Mpp1gvxt22nNVp3p8LBLAqdzSywKqaavE/d+shtkuyJQaGb7pW1xfWe6oiFkZ9+EmrxMlW/vXdfzGyU5Aufd5gnSx/WDPycFKztZxaUGP78SrtHeCUt4sstb/qytXbRCv+txDed71JOfAML85e0LV6HfDa2lzo8yBapUrVRoRgAQCyMYEaj2ezx9vdZhYRuiCuF0ofkHRS7dmt2+oS9UaYS8XQ6ma+USm9vLgTR6wi91WG1ByytG7OCOoeGdgRmGQkUjnru1VregugwqcqBojMTU2+wwmFBgZEjIoF0zoUvWvpE1PNP/nVPTDORXG4xoPcCTuMMhv23y0+KZyGXVgq4NbTQdhley4so96vtRfPVdh20nZpnmJT2uwAAAGiGYd7NtIAhGEI6mMOL4IHrP/vs+N5omk5EFl9vRvdZhqUTE5PzjaZVA3NfLQAAzXj+BfRDBEpnXPgn53HdYJgGnUmsrUQim8nK0evKZA0MBgYRBEFR/sOg1vrgelVW4QCArryq3/47hzDp4gR2ovrpNyuLvGV/3QK/fme2tQ/cyuPneyJjpuHfmif58ob0/qlbL2XMdexJXJ/dFtKMqiOqibSzzTWrsfRN7+9L3H/q8OAwV6jTAMFIk9nkdQsvVA9dnbvR0nfjIBLZ3N1JZwoUm3lV28mH7wWnbrt4K/Uxd9BtfGdHoNjNO1daG+9nD9c2drZzWYrKV44FH8qpSvyV8c++obEhu4CGAMRlqiCsHEHw99Js7MTBYAiTlkQKAACwyeAe8ptLEFXviRkKWtvlL/qPJxY1GmtfrYhtXhbPzB+YeQRWqx2aL8e71brqVIAw59ylTlplCaKWTLNkrwMAAMBx91hdinDQtXRkK7oTS6arDYBozQ6XY7hKEoKGTkA63cSPLh8dkEc3KuXVxeWX0Wjb46VS60Z/3MY4NDzuQ8Ti8TridQAAjFhs1//22PObblQrke2n329ssLyzVivsA0jrupyth8wEr3RoRnNPEUGJwh10/qCrb/7n/C3uykthQJh1xupfehAVllulMMHLM30tTqR8Yump8FyYFhrNlT/OzfNtZV/IrlRKvSCcCoG7gkGH5KdMK5W9RPtuWtYxSQZHMf7H8GG2QJUrdBNAiIbQEXb78PTQEP9bEc3klbmFY6HcUmJ1cWU7lWozH+8dlfjT0rUvfLwdeMip6EMKAECYbt6ZdR+TzlJiY2VtO55s7zNr1g9fpl9fngu6+Nz2qMPvIEtC7soOhINhtuPp+mXEJD475h0QajT6Bofw15HUqU8cQfCxH0+1dpg5ePpyVfQeGWYVGC7xdVw0T8delKI9mdMiD9qBsT4OuwvptLvFWyrxZPvL2j79Wsw+31NOJh+2VEBjmpmDvMbI08ELQqzDk1+EPnQwbjKVzN760++2D/lsylo6t3VguDRs5Ml1IKf230QBjHmHP/+l+YMJ1GRKub31l0/De5xXUqNQiC5FqSszZoL7W0cs3oB7T2bhAICurORjB9enOnlPOzDLpGlt8fnSaZe+6W1TN084qDd+LWm0Q7w8n+drDw/jfTeo+DkWDv3EBNf9phFXm9UoFNt/Z5YxSX3p6QoAdOufwoXE4XWeWaiwZtwQGD/iz2HqsbtLy3sHQhqwM7WNf0liQTP3Ha3xBXQAaK1Xf3b56FAapr79aGk5nuIf7tug3mR3KuNB3pKIkQlKSKPTjoSj2YjHK4d002nreDbkCRCS9Pd5zcatOHWKxaIQ7L9yeaTlj4X8m/vcBiYPudzO9skuYseBYd9C5Hv6vEZWINQyOc4pHILikCdo5Kj2X5kBd5rL4nszshSEMEwiUS4YBwjONRdm0g2bPwxza5QO917/eXlT2Jk0G/EM0NVn2JrcHjmE3eex19yX7nziwn+wTRqlw71nd4UdiKnu7xcwCnGT3Leubmj0jZDT7ri7aTRf3vrspuSwLAAAAOu0bebRw80tOfYlDhSf/McTMzLiy2tZiTd0fBHnnY1qnRi01iQJVA+D6O2DAS7tVMLiQLT2YEy0b6od8eb0lI9zpKHW3gRH7ohK7Pnd15GsYP8dU31ThAa4y0hhzDqSTk/8w4T1yB1biT2/+3JP+IH2/0yhl0Pcty7u5G4q856OhSOfbx6iqNepk9ykBACCMPpxjUOfSp1WeMXsnrx6wmWz93BdaqA0vsjvQyaI/tHGeRUOzOJycFZsEHZR2d2cwgHD1mBBduGgmI03Ok7hQI/eRfXUzpuH97Y6SAxu0onsyMwoZ8cgCDGPNfPj884PdRH1VPT1g3ubHYTmKEpvIj0k5z2P2ZwkJmBYQsfCAUCycPj8Rx8HJVYDvQU3zY+Gl776ir0rn/L035q1nlhcbv9FWuoyACD2bE7I0T+vbks9Uo+CuwPcSxHSJypUW88VuPxC1pACIyEb4e/8AiIr76Ae/vXVeq6zggK6svgvv+RpNWaeDWltjg/rFFB69ODpm1xnIf3In8zjCOcXj1k9DlJAn08RwlGrVQpYY3rIpZdevIIgVqvWALQb0bzEVpxiwLSDC6FWC5HK7+5Knj+XjyXzbDULx3FfeSU91/EEMHfT5O6A2ZzcJiluIMR8dk6LAwBzUMQIEz7ovdcZYVs2mdrm2l3e9ssn39fcfzoxz+1P13qbes17e6PJ1HY27j5b67RnPlVdfnR1nGsLWENaTWVFhAOAevp+bHv+oz6NLFeohbBd/9034VMQDsI+Mu9s/WNmNVKUbP9UsqkEfxKDg/RrO+xKLwBUK+pHlRfMbOP++IhWqz0xgYmfUxGOBBBaV9Qo/OUvG7siLuV0Kbzt5RQO3AqOJMA3Cne/Xop2HFagmZXf6TmFAwDcaj7kX6qLusaatWSlkT4cG7WTMvQt02h03rJlcT0S77anw311yn3ix9q/v3ai2X3H0JXkDsHblUGr9Y/u7Uk9Vit6KaM85AKzObmFAwakI9W5QDcbnOtvU0D2XFUAQCWbTAoZaFjOr73561Nh7ZdbqNU2n8x5ubY4mhhEV968/urJQecOsmZzv34pzl1tr3W7dvn3JPbhVFzdW5n51RTbdK3OQZG50cmXf850e7a97874yc8ffxiW4TSYdERAe2zgnmVkFw6yw2JqRUD5LA4ASHeZpfJLGiQs16TwYzCpqF+AcFDRL/+4mxKZmxN96OZNN35Po/DgN+F9UXZxvrS97ecRDh7NBwCIFw6mXCtXmTcjo/066f19IMiob5qMAys7nTbOkYLOPjrlbV1sVYvxqBxNb5nUppA8Od+1g+fSD3YckTmZ8gJjvBF7Jc4Th2V5krXSLAuYYlqmHt19siYoX5uNfeZyQcgIcwCKpVePH7zOiUtYoenthwuczzSNk31+zXHEL4dpKhx5fulzEy7Lihp224cv/e5uqYvCYRgaHrC0Xt3VZDJTlmHFxKQjQgxJ9+wT6cdS+QEUVca/U6/y2xHF+L3/WaBEXzupTDTXWqPNDpX48n/kxR8o+pDbFsatZkWFAzQbjX24uT82ZZeU6PsWCIWNwdsW7/p2oVueDsetqZOz1/KruxU5ji9QOAxeu0F+92gPwNTrp1H6CwGzNyt/C3kmz+suLBe/v/skLaHyimGSmwMCPDTl4pNHj1MSvt3k8n6Vq8cxbrUIUAVpAp3Nrv/h9j9NySAcAMC413sl+F25VulSAYf3J6MnvYiZF1uy3MdMChKS8W80Oi2nXa2jCM2aiJCJHNgHw/ILRzMb59spFb/73yrS7OXEa0P7yt8jB/rLf5d0oERir9LapuwoGjuvewpIFQ4A6Orav74cGxsjZEgkBUA3gZuXlvapLkgH6Ru26U4uwwsb4nxOrTTr5XSSd7AbAMA+HJbdRdgD1DOH51EP20E3Vu99X5HoVM9GJni3KVOP7j2VeqDUuo+jIALGBXT8kS4c9Nqad/AXpN2CyLC61E8EJh6izVgXRigYp6dOhi2bTG5dcIN4bhrlwwQmQDic4xnJeao9SP3wgM9515Q/9w0AAEvPShRBrbj4v3ek+ufSW3yJh00mF/3mnw/F1/G9JbFCcAoHjsG8P40cvqT89pfR2fF+IeFHXnDbjKbvWTimuHKY56ZO3ta1XDIjacLyEZql/InkMrbzCCzJc7zeopbgneVK8Zr/YrAGZI9vCyC5urwn2XDMRvh2Uck9+/pBXnK2AHXAnWqi88ZSfAeRQzgoKvl0P980Y2gHrV3bgOPkoB2jc2VlG/xAsGV27OTqqpZK5uSK6zRLgvqbmQMK5DqePrXEXomBOC4HpllIKJEsbPYpksnBQ/p1OCH5wslF85xfGQCVxIvfRKRfoFSCW7IJp523PFye6FWj/H385dSVSa
1152MMOYuIZpTsn1h8Xley7o2w9ztYGhOUd/dly0FrZuInCvZZsA7K3tC3F6jubyUKOo6wXjGTFlARcaFolAsZPefqNr+6U5DhtijsSS/Klkc4aHprZ2OjjPbZtSi3ZvIDw16v2U2k0mkF47KEP8jWD6IcPZBNrphcUsha1OAxCusOe7ZoZON7STeHcBR2MxfJeyoEukrlud1i5VhSDvff+4lN7YA1/O5R2fJlmoXN329dnhyz4TI4pxwI5rx/n1IuG8w4McFm0Za2o7IJRzOXFHL+qJY0lqR6u3oR6oVpgSO1Ofmi08rO80+znFOi1OYEfM4UndcZ5tuHfMJRKu2H9w+oIbdeeiqx2WwZ1FQ3onVlfKQQYpuaYFtVlbdj8lkchbSQRyqCk2b6PApH4bnOb2mXL9CoRx4IqKQSAcaVotDjNKmULF1u+KAOuH0cWpuF90uUNUOXWkquTH465BDVTfI4OvcnwV9/lVamQRaidw4G2GzC2mFWPqkSkqYMAIAIo5BUsTNHOWwcs7bzVJbTaw/TihzW6JTh6jslmEIieNrnIBRZhaMaO9iONuJDPisuNb6i0UyECuD1DusILKlgdr/XdvLPdC2fLsiWW9AsCEuBgk0ugW1izhb1xNpDPY7gLLVuDJN4+YptfJAM6KyypCKeCs1iuju1Ws2ygDZT3MhcE0RT4fyrqRvXLNJ/PRS+PfD7++GYDGfVitbP2ke3lk4VpbfieA+TigrKU4Ct/razvs42qXuYnbCyCAdd3/jtokIHPctLFdDoUrkFk466Obuo8iOzcDRr6XQ6U6/1+wxS0xNguN+VA3CFkt8BoA0MsJnQTA12iJhT12QYKY1EIL0MKtuTFLfMnsaAzdwiHfVKPPrgqdQhr+2A2w2zPwM0y7kuRZoqeS7dwAx63i9RgSrkzNL+t5c/H5dhbBO+4CWZVfm977rhcTbvNaxx3xrtfG/NaiXB6qX2CEtFOtPPSC7o6kp2bWH2aotRXNz7+g/rsfPoD5YKk9tXIpm2Y/QB/lnbCghHvV6K16GDrMfDN7OdD9iGzdfMy/vyukghzOhlnR2B6LzXxfgpa9U069ssQlLOAaw3n1OLAzC5Elw7PLQYSQOAdJpKjW5UqNx+5OHzlJrDwUKzIkd6l3RQgjgNiwMAmtlIvX7x6adGye2YdFccQetX8goHrLM6rGyfG9X7LGLWmAzDHjZGBbUbgAxyRKF6E7q5nVr6NhgaCALUY81nqsXE7mp4PyF8htDFot6tlhLSUUQ4ms1CoZiqpQcD3BOw+EFtGg3cMGzKOSUSdfazexVgGDuFOgcI64Wu5ArBUFRmb3fb4wGw3ZAv1MuZRGRfUA3PhaTZpSZWzaroDofvUeyazZdzz25cvSNROAAggghKHsopHJgn2JX8PBUAAAC1RimGYQCgCE03GbpRUyirT0U4zXJe6lpRMeGg6WQWTiSnhgLShkUihPsyUny1IV+SFObu74E24BeGJk13sZHsmaZrPo5mSXLbOQWt5Aa9shUe+YUekej7I0M6QKTkEw7Uzj35RkXldOhaOLaXLQ4AQLNB79NoYnzIb0QkBNdh2DJJpTRRuQJ4PWZxQOaTQ6FU2qG1uyWmPPYw3cvjaEouyFbWL9fMZte+++TjOxppcQPjFFqnJTdMew/mF9Ino2sg9n7V5SIYcrj/3MagQLOUOTPpLco79Kml4s7oFa9Z0oPCPpfPrcXl8KrBVu45Vio9CkJa3W6fyxc6l42PzhzdEI7VR9O1ywNmFAKiK9/s9kahnpZj4gnsUB/wZw4IQRCte2h6+qr3vKbZnjW6kUJAU+F/W52eCkmaUN33RSWeFDo0nAPIdH7zrc4rKBbwBbxur8MhS5soFRnohnAwpZ2dtVhV5zEg4h8XPt/+EpOXbnLA7YWDrjWELIZgCY5eCGJ5s7C+HRcUCEFQQjcxfXXUaTntc1H5QLeSFg+fpb+fveVySdjFpf/rd3HpHYwhS9sgRuzeioBW1ZhLtI8EwnALS25qQonWAecFiz8w6PPbrXazaij2Et0SjkIh/jqpG8W0WtHNjAe8ibtpyW2jOCyO9ONvwvxlMZp+8dmwGsLN4trLH4je4XkGgjENjvVNjF8aGjrtc1FppXtlErX8K2pqfmxMdMksohn71f37Uk9Dso+jwV5DLwgE3WHJhqupbXvZQPWeoaDH47fZTad9Kion6J5wNBqbm7vJdNNlw8QdFEGGfp5/XZaYIgNbXNLyrWi+OX0q0kEIQmd0hKYnglbjMa9Qk4Gkzt9QkYPuFmbGH6ZWP5mzio2HWsfGxnYkPp5hk+O8tr84RxADA8OBgMNiNrSEUZgapAZWeoHuCkcul9moU2MBo7jydb1+8mMmKSlbFtWSbWULxi/ENUmXuzDTWzwoZjSTrpHhsYDv2JqyydRLpWIhbR1WVy49QLdbQVC1/1j60cK42L4XISS2LKnBJ2Fqn8GKkuRFyC6qpXkHg54mhHliJjRgNRl1x3+pZj0XiWzuhC//n6pw9ADdFo5ajYpqa1TFaUTEPN2duuHAvgQngyocADSoYq9aHDojSTpdE9OhPvz4hUmVCoXsQSSyFdnUytmbRUUsp9B8qv5s58W1n17CxRyawCf37kkRDh1HS3HUaLgIwsHUarINj5EZ99ToaNCr1xOaljy5/a3Xa5vRSrVcVWLOjkrnnIJwNLPFch3Nhpz6zg+OIIPz4bD4BmucFgeMYme3tb5wmnQP6gaCGUwmy9DEwIDn+KisRi2XyuU2I+s70dQpnZsKC6fS7rKRKGw8+If5fjEHHyLuaaui80chneX8tnM4y2DG4YmJSy4n3mqIVnNLD5eXC8VqTe1U2kucinA0640K82Vmrt/BNqWAG72jf2DvUOyROS0OREBXeBX5QXQmt8c/EAgMGI47zStUKhmPba5GIrVedueePWTorH9KDbab9fjvN4oLus6FA9UNTFSUEY4L4hztOVDr0PWZSQeOt3o2Svsvv19ZLlZ71ylzRpGhKc1pdeZv1tLrfzk8mOrXdxhdgfHRTGxd7GEhhKOJ4QVxjvYUqMXl9gYCQ33elgh9JR7f3otvbcf3OhONiuRumhcACNNIvdJPcaRH+v7eXtnU8SdAhqrfKXI+qsVxCmCe2fmpIQt6ouFCeePJX7Yy5QbTobHRtbadF5xTFA6merCEFeZniM7OATI4HJaiEleHKhxdxuX0B/sG+332lgV3LRWLRtY21w9FpLiqwtEdTnWIWDa7/7wYRDs7B1hvcznjSlwdmMF4fmeq9SL9Vz65aWZZbNc2v/v6VVrcNBbpE0NUhHDKd0o5+RCd/6hD6cADo2WRTQRha6C9Vwgl9WpUpTsgqNUVDA4Fg8YTvurY/nZ4e2O7cKbiKHS13p3hjT3DaQtH+cFmcdRg6KiNMT4wuR0Rdzwe4SAx6IL9/qcCjOgMQxO3blla6w0ZptFYe3HvYe6spZU3yrULduGcum1eOniouXGjoxYdyg1/RQ36khr5Uxyrb+yyx+03n8j+z6fC4aX16NkLjJSTMrTDPVOcunCUy8/j2Jixk7Ay5gqQylgGqEFfUYVDUSAERf0zt//G1JrC0wR0PbF+797m3qmclzQqh0VVOLoNFfum+sX1Dt4A661WY0mJDGTMRGYU2K3KB4yBsbEhv++kG5qu7yy+ehqPi2/MqNJFekA4qtVXad9IBzPtYa3BapLe75wFzGxUA7LKAaE44Z35aCFoOCkbjXx28avnj07jtFRE0APCAUC28dh4ZbCDN+BON1VS4ES0XmdYgd2qvAW3+6dHRgbdLCVBpcOXT1bX1HbvZ4YjwoG/j4w1ul0aQFFPaZMLF97+HLc7d5U4EY3boVocCgFhpHN44qNRL4tju5qLhu9+tZe7YH6Cs8wH4YCt9nf/ygsYSyQz2/XpfofwSV2InlTEVEINaiaHUmDmqauzw64TTlEAAEg/+v7F+n5J1Y2zw4f7Dw3Nwm+zKXaeH3Q7Kn1Yem6bEy4cmNWuSKty3GpSLQ5FwAn/8Nz1cd/JV5pMeX/5y+fLMswFVukeH4QDv/IP75qoPKYq6W7n7dWfN52jgrfGne7OC/KF7NduVoVDEYzuzz/ze40srzD1+O8fv4wr4bJSUY6jS5XBd31UKkvJrif80hFkbdIsdFQSarGKa+TV5K6Bwm1WHD7riRww2nPLLZKcmLi9QLI0j2FqudjSty9jvd1KFNKdTI2/4HwQDiYXR94Kh+3qQaTbP2STij9zXR0QuDVKngzoCYJObvVzvIw7HCRePeNLbZQQO2RTMXyjf3vHzLoKpLPLf3iwlal2/ZQ6AnYqlat8Zvlw/zUr1LvUCNPIYvf1lS6segJ9sLCHpXjna
1152I3isqUQxOBIdX2ZJjOEtcfmujv6Ls3ODbO90qykX91/tEz1ejtRSKvrOTE+ZY7cf/XKu+4HxpD/FL6myop+frK1eVwbELEWBy/6/vTZqss8idHXY0/HsV9emmWfwMXkwv/+xzR11heHF5EjSxUq8y4Kixncg7VUt39NhkpE9zzCalYgRNQ4JwHo/Lvbyuy5ayB4Dzl4YcQ1eOt6wM76Yin/7N6L/XqvjodS4eDIUqWQfOfYgHHnZCnTbeFo1vORLZPUHqpS0fntPZFMe15ANCO/vDTbZuWbj379b4dn3aV0QTkiHMX0OxcVBLnnc6+7vu5sFt44Bp0CN4ZxrCHiimtWCtyfiww6VeGQDRgJXZr/yMf+NKhWH373ICrmV7yw1KlyryzrjghH+UMbBMflrVMwd0ur5h8J3RbGcTHz3HjCsarFIS+wZvy/TAba2BuV3Lf/K9/j4ZQeo57vmXYxH5yRR4VD7/b7uz8TvH4YOxA6SB0zm8Xc4LzCoXE4TIokpV5IfD/+bNTJ3seerr7+zWK646i/xmm7wPGNHhKOIxZHKfuD/Ot0gaFG13OA6+m9vZRGmB5o7A4x7aybJZ6UAYJw2RL1Xvl1zjqD/7jgbmNvNCpP/nus85ooIuC5wLpezxZ75dJktzgAsE6zlBUoTi2uSPvyD/BaHACYhpw9l3l5NrHfuj3YtvYn+vVS/Kx1FlX5wId7hCnmjjyM7Vf7YYUinhxUYzHBi96mGK8aU8zyHcAy7u2hcObZBcK8n3021EY4mMbWn16o9SlnmPYWx4BZkToyToRbHExNVAGvAIvDOuFThUMGdBPXLg+0y2GlIq8fRrt6OirycsSjUC1U6R+sDLN5wJnqeuWRcOGgK+K6ClfzlQZ3Xrtl1KsOSZAObJy6NtPX7tXC5vL33TwbFbk5eg/R2eQRqQj+NNT1sxG+VKmmUuISTZjEToFzA53LZRVapavSDsw6/KNb7PmiAACw89vFLp6MivwcE47C0fF53pv9aLe9HPXUoUA5aOQL4jKVmQyPT05jtru7WuyBaM12kw7rvkdJSTTe8SvjbO03AACgXow82Ozq6ajIzdHgZ/OHMjcAAHBrXlgLXV6sMFXFE5CbRd7hou4rTFzhszgCbPJOeXeisVS3O70qiuX25+2TgFNbr3fVhl9nm6PCwZSLR9KvDIbg4Ha3vRx0tVhWtkarSfHGVZyz8S626Yc9swuD4a3t3UyGJx3+7ICQ/bOX2mcQpt+EM11va6siK0eFg84dHvNmBT/5sotP3rdU9vwORdtJMLkknxp65leUPIMWsOlfhNz9BWp35dnzdBePqyTasYWQvX1Pl/RyRK2IPeMcszio41Z88E54sdHlX7iRy1v5t6JrZbHn1TyMUjybWPRBN8W3kVyYfZdvWIwAgAi+d15yImFy6qNg2zpnupFYjp6nZdmF5KhztFmvHbsd3bOBHq3baGTTYjNMmRSvcCAaz6xb5O47Jnh73E4AAECDKp6XxzBqHJlp37K+TiUiXe/2oiIzR4WDKR1fZJPugREBj/9ToFHIi23TxaT3Cw3uyxZGfQt+kbvvEJwcvjWkxwAAoBJPnLkh7ezA1v5+T/uIduXgIKOOUDnrHAvHZlonMY3/iKu17+lBF/Ji/YhMJp7jjV/0dyuHxeC78v4rzq+sn5MUbDR0o4+9JBYAAEA+HD0nCnmROWZxlFu7xgbmhixdd6NoAAAgAElEQVS9uFhp5LOiAxD1YvqQL65iGuj3dyWXI3Bz3KUHAIBaMrovtKVAr4P2X3ZxtHYs7ibOyQe9yBz3cVRbVtmBuclguyye06R+mBLfAaaR2OXzcmitoSsu0QfogOl/mn77j9L68rlJ5EBD17lcRJQqHOeAlpTzlqWKxjR82dHV8xFGXbxzFIB6fIdPOGB06M4Apnh1vevK9LDt7T/LW+HCOVn324e8nGZqo3f636mI5ujN0Ujtta6y0dBC1+ILHdDISBGO/S3+WGvo85BW8SLZ4Oez7ndRy/JWuFsBYKXxTXs5PBwA0LX6OZHIi0zLUqX1UQB7pmZGu9lEEMKEFG1UD/bFZx7W4xH+e5T0Tl4T2jhZJKbQ3Keht2mydC6+FTknrlHgnXJwtnIpxw/VpcqZh6dRH2wZvBSrdrGuANbgAlYItURcvHCwGFYnQfWjt7Ix0ccQgnVi7vo7Dyyd3Y/Ez4v97uKJ4Zf21CyOs89x4agfHpiPLU8hhBxPHSQrXUtNwi1G3qajdCmdF505CgBTPExldTxDLiEsWF+LZZWrqMDJ0TsT+neftbbx+vC8ZH8B53D75C8AAGjypNGonAWO36W1+K6mxa9FTEPLYbp7wuG08W5DZw7yEjIBmOLhQapdD90fQEPul1th5YSDcM/+IvC+YXdl6dmhYkfqNp6J0z4DFeU5LhxM7URIEMIcN2rfdKnNG4ThAjwcgtYaXBRXB3X8I+OwK5VaXqGnI4wO/PSG5d2Xz1RSa6vnpczcbO7F+L2K3LQIR+XEEgDCHLfw9YPuDNyCtYQAD4eAeCo3xWX/sJd3K+yqeW23oIzNoTGM//2Q6d2XT+diK6uKHOYUsAx2fyCPSvdp8XFkUyfXALgzdKW63ZUnIma1Chi3U4tIfD5XYkJCGJDO/Sl6f0PSkdiB0aGPPvLo3mtkefHegQJHOR1IN/tgepXzxXHhaOQyJ1O5cdvA5Xyu0A2PFmqz8rpGm83K7npe0mGq+7v5OsJn20CE85ZmP6rAdCbUOPbzWdc7L0uToZbuJWU/xmlBuvgatkIorHpHe5omzT9e9fh92qyxxk+M15gUletCeyqNz8dbGtPMxGIJaZ3JmrXUsn1AgJfDPf0zzfN9Scdiw3PnszHr+xwpJrW+vCpNCHsJwso3VUPftyey0bRKd6B293kzbY4LB10usQkHMVJeOah1wc2Be7y8wsGkIgcS77NmI7PqcfMLB2KBypV0iZI3poToBm7d8P1g0NMHK5t7sh7gVOEXDq3DzGLXqvQO1VSW95Jv8XGkk2xxThjv+wIqV5TPFCYGB3mnQDVWH0n3CGRfWgQV4eiGm5jnbkry8Y5iuf7ZZfcHfay/+tOOrPs/XQw+Ph8HojlnHd0vJC0WR4F1QQKh1un0ZulA4ecEhOh9Hr78Cqa2vSQ956G45U+7NfwRHNwBQfA+yMhmc0CYKbSwcKTkuHiw+lJeYeKDLkvInuNFy9s0DiOFhM7aAGuEBOzPKhhxZoYItoRjT1arvAW3jP8YfKNwZAXRWxwWvqhKoxTdkH4etfRexMGbBAYAAORQs/zwLvcMpw7ALAtzHw0dWSVFX6y11iQrzGm3GtPY2k6i5ge38V4hZxfY4FS0UbectFgcVIHdK4KSQbh0uHmgqDscd/XbeR0PhzuRfenXPV2ML5msQoRDq8UgTXpbHncejA0O/+jq0IdWH43G+jfrsqmSMOo5kbOsZELf5+QNnbVF4xQSsD+jQHprL7bNYqUlHMuWx/EWMnid/u5L8e1zBEAMjPI7LHee7LWxijoj+9Q0w380AAAgR5r1+/dksbZQ451PxnxHDluhVu51fQTFKWMIesTf+7jdIl51eh5U+VYOctGaOVos11DWFahGEwKVzQMFJ3/AhuEJvn59jcbGk7gsz0tqtS+l0wpZbON2ugFV1+OSEzpwwhu8sWA7KlfxjTeb3V43oKRewcsTJ/lUgfC69JhIAw7R+5xC7MSzCYTwJhf1DK3yTRcKZBtzya6v5x/fV+xMINw2c9XMs1G58Po7eZKlypFwWOsRZhlaLtkm//03OanmlsH/2Z0J17H7avHXr8rd7mpD+NwKDm41+PjsOAJ12dI5UZ8axq0j/WfGDXCuOSEcFKVtczdpNEMf16M5pTykmCsUcPA9TQ42NuLyPKHpcvyV3iZMOHAcMeVq6+slKbV1pGH88o3ZY1kO2czy84TsbiONiTukjRBK+u7pGp9BiCCOYYoS1ctH0zfgMpzjpUq3kMGZ0vorNAr59k99n5U5WFZKOLRj8x4NX6gt/KewbE/oxDfkpNBW5jrNF3N/+n+jUoTDNfSzX5iPxxNi3z8Py98My+jjS/pWkkIM4y2PdV8vb4n63OSly7bzHI7tFrC9X6r8slgc7X9SHB/7iRHEFfFzaCyj0zaeFV6xsPY0LptlX9gI72AmYYtKBLEar1XW3sTitBgLAUZ8gcmxK3706DqlWl75el2BSCymP824A7/FAYB1akdb79xThRDeq5cMZ8YL0MugkqM3HQk
1152HAENuPXiohHBAOsf4DN+jKr+z8kK+uE4purFqJIVehygyM/jqyTfZihjhQDSTX8yO6Y4bVOXU0n8oUdyGanv9mWydWNaLSEJDzf3zs6qHozc4IRz5ApfDmyBmtRbXRkT288BmbozzBNroxvqflmRsBc5Ut78iA0KfzhBEkrTePr4V3c50dBgYsfj8fVdm/cd7H9P0xnePWifnyQLU889kDTL64xcvOnwTrPcvHEudUzlNOrQ4AAgFrZ7fKSAcV34yxOMZbVRXfi3vEzr2TeizTp5gbttY5t5jqkPh0HhuzM+7yZZvmqmu/eb1BR2FiCBDv6A7FQ7ENPKzO2qToF6hVTjqh21TwN6CYSEtMKxsy9tTLzR8JWTmsbA3Xjzck/cJXU4ufzvawZRYBEa0867hrehuPCvI1Ea0Fncw2B/q8+vQlk8Xvf/NpriYJDc6ku+hDONKFplRcf5BPBCwzeytRzvpRwkZ3bc+mTbx24fWwGkYJbW8HD57+HROXhQnoipp3lFHPqfOzOw35RWO21O88+E3freYlfOYANRq4XtIJ+OlIQybHL+9//C7Fw0BPkAAEL1/9uaCh62oK/bvLyXMhmmP3sUvHEImUIiFigsJPZlM+1sPOxEO2DTw459rBawrVeHoDq3CwdKu+ASwc6ZmW9ouyGZou90Lt/ieU8no92/kb7AXvWeZ5X1EHwfCrDPmq3s7B4lMtlhpd7lApMFqttr9fe6AleUBv79yby2lyFgiviwOAHCrWcFUCCpeFLRd/0+QSkzwyjM0cHl6UpDeESYFMkshnZF7r/IIx1nihHCU+WeoIC6LJ0g2Izl5WvvAaP+Vj29xb8PQ0QeP38j/hI5GvR/7OxQO3GqdAYfL68vbkUSWaTI0aDY/fBEwBAEYhlCXezAwGBxm1UOmsf2n+2vCbrBO0Vr4sjhwu5J1YvmoMP91MEiXHuUbAuw2CMGwmY9/NC3s+DqzBmpzWcIANMVdsZDezB2/rJeqstwLPGtIiL0c5DQ44ePgX6oAABDTKDry4E1Ylmvf0f/JZ0M821AHz75cUaQdyMavP+8T8TZd0BTM5TPZUjl9WK/n3pvnMEYaNJjRaDCZTCaj2cSeYJbfefL9lkKOUR3vUkXZWpXsttD2bGOY2RIW0MPI6JieHh8SOsKYMJuNZdbvFjPgjSprhzteIMLIrbWkP5eWYe2O8RS56fy78sclxHHCx5HNCrg/EYNhcJLAckydv6sp3wlg/qsff8G9TZPJhp9+q0y7m+0/+G5hnZvuRF8fAKCQy+QikUp5732gBSOsLlLrcrpcrYOtPsDQh4tPFuXvZPoWfh+HssKRi+QZSJDzdWgI0TRTjQbDcQnBCIK4Qz/+heW9AjMNiLsQTGu0Wg/ZhAMlvbp8riquQpLg+VL17lhWunBAGMF9JRJu/mbeXaL1PJpVoV+t6ZZvYmkxmpNYqzp6ZfZagGebavbl7x8qY9kDKvbYOzUm8s0ai87hnqAbpfdpaTCiJTCEIAiOR0dp9/GfnirWE8k8yD25FQDMQCooHGU6ndEJjHGPGYfmFt+kONY29kBgsD8U+NA5JbtKDHLnCSKDl16xGD3aoUvzyDdLMrvX5QUyeU+zWqAjTghHo1ptU1jfgn7c1+fBNTGqLCoLGwAAIJjQz/x45hL3Vgyd23jx3bpCrUCq1WUzEcDFCTmOdzxEhKmmlh89VmJay1uMAb4KY4TQEZhinadrtXRCaB8rn7tvyAJvJyq12onTgXAMxfChyYlLfcEf/tgoRp7anCSnRYMGZw4iLYYwjOgdl+7crmxsiJLMbrXJgI083xwsT7tWBOf5PDD/UU7eMOVY3CHshyf69CNrK6+f58Smc2L6K7fmxvmekNXs0r8+jynXKXm74XAHhHQuloVq+OWfHyo4f8k0wPd9AkD2xfeV6x+783yWf/7vW2BTyDi7vfl6a+dEDJfo97j7Bvx281Fnb+bbJw+mJmycdw86rdnfyR7fn858++roiEtkNwHYPiC0GFIasMnDbXGQQQnN0z5g8HA/7xABjV1Pnkcjn+e/9AAAAGBm86DfZ0X24hTVeT4YjJNW90c/GbJxqx9dS4Yff7vJHyQWTabyyo0asK48VJhS6uX9J+uK7R/X2ez81q6+bzepnHDEFn1CN4UIwjEQ2rI6zLn6B6sDQRAMN4f6AoOjtg8h2Gazkl7/9vESkapw3jyIB7kU2YqX3ge7YZQg/H2fXvfYO/8o7/ZgcvN9pzDfM1wIEKK3cAdvCI8sPg7Cwh2yx0gd75pD6nlYJlyXN5aXlgqdjkiCcefkxOT4AF+1Yy354stn0rtvcVFfrOqt1q5MLqR3l//8RCm/KADAOuwTcAWTwZ0VaSOtuIgtXu1kc9xJuBZSmexB4p2WQXpSb3HYjHq9wXTEtmjW9/768GW0XDnM8fQTIW/pHrxYf+/N0BgGBq7N+B3ivQcQf24IbiSkryFQrVbD/ck0Dgl9no8eiPu219jMvIdhsTioYgf+TpL0Tof6PY54slSkBF+MMKYzeQbmpiZsPEk9NLX3+t7XYVm6jLalsZMN6i9rYMVj5AyVefLwoXL2BgCOq/0Crizj8LaC/feScCRJCi8BQo1GH10tpPffd2iCSQNpdbdUpTSr1O7zPz1JlUH1MMezrtSOmvQ2Z7JeqyBaBDbbQ6FrEx1+hmMIsDi0NlK6cOjtfG0XcYuZxKXH8fU27p9HnHBU4onBzs7DoQ1+srYV2QjHBL4BwsyB4RvDfTYjn6+nFnn65ZOEgusUAAAAjcL9osWpZCL2W+jYypf3FZ0vbZ0WYnEYgn4FU8DK6c3lkODVCgAAABg3EbbQ+18ZxVC81ZZmcju//0skVQOgXijxXA4Q5rgxfDOTP4wTbj1u85CkwLV3u7PjzwQnHEbpV485wNdXAsaNzpT0hBG+A2EGvYilSmcWBwAA6PVu4AlFtzYipWK+SFW5/Zh6ncVs9QSGLvtbC0ZPQO9Hnt9/pGCDzHcw1fD/396ZPbdxZWf89oZu7GBjJ0ASosDF1EZHksWx7NipzKQqU/MwlUqqpuYpf10eUpXKTBaV5ZFVY1syaYoUKXERuIBYCJBYG2gADTR6zQNBiSJA9AJAnnH698Zisy/Q7P763HPP/Q47DV/3jzjmoAury2ujW08BAHdEbgRUCIc5MDUtlEelxgKz+z2u7VpCKEr0vZdLpe2tp2u8CABo5SsKtfoQYrUGrzF1qmD2WUwOtZnaK4H9c0q7cm1hcvB7xzOnJHAwTM6WBy8YcSoIh8nhMCEKIjCsehKfc/oeXTw5PjxOU1f0ZulAhm7OTk/Z7Q7lRmr81vKPr0fcBQoAAIDcPHlc+e3YiGOO3ObTp9q25GvEfj0acan4Dpg9fFccQsHSFfAxJHp7uNcytfn1GnUWeDZP1Gzyga2EKxCFTQg8+B2O+GY+jHDMjCkeQy6kB3ebtPn6T70wu92MaRYOnq7p+GRmM5D4xsTUxOlptc6wLUaQ2DaQRZHlAQCIGUVgxGQ223AiFJyJhH3KxZo8n0l/v7r3YbqOiMwB5EWvu5HRbTjPF14uv9ayIVQrKDH58JZiA0YAAIBh/yfNBD2qBnISldiPhwabHlxAlE5Pl9c3zgNPlcIBd03G+EauSOu4tZ3hgFspJWTxu63twRaqYMQ/q3zNyIVdYsCVAhhxR/oLIQzbgxWF5ms96zj01VpBmNM6cUfg22y5eJJstotFILNMkQYA4D4bTuBjgVDE67VacBN22Z2iB63ak6e7xyPtAHUBgdptlf7FrpDVHoTYtz+uDGJ2rIjZe+efoipzF/4vWq/SI0sd8ZUN35fDEw529etX+28vHXOc1/fKZVO7+1kdD3fo7oSiGaMF95PsYLExhocU2woB4Lnz0sYO9lBgeOgjpdvEMV8raRUOgbmUfJIkttLkmAZms9ltfSZHEHQWFoq8NxiaanM0DQDH0gwAgBgjMBNmG/P4nE5M1b1dr8T2nr0uDNEpUAGhnnphyd/2WEYhHaKUTny/Eh9hNytg8V6f+0TVRAUAAHD3jV9v746qvZbcOiC9Vs9Q7EFbtdTeyvrxu1JxrlrM2bRbFoutzOpqXvuKBIxG/3ZScTQE8c6KgwmHb2LCqTytwuGJhdjxgAMp2+C7bhW3
1152+mts90eVuEuhkMzRB6e1XMYSDkdCitb3AMAmlz3Iy7IoAiDJogQAgFAIgiAEQTFE5WSA2vvqcUlPYKkbofo6u2+6OZKYQ2q//u9XhyONnhwLnz+cdqud0MP4R55n5pejUrJ2HAScxFCEo3H85z/mLvbS4euFY5dy1v8yYu3ou2c6vi9KzP9SqYgfAAC8t2r72s9+gfBSRLE7CAAIPHG/MZhwhJcUPbPA2McphVup+9dcpXrxeRWbuZ39RLlVpXCS9HgDDodnjHQhfR4vCOqeX2qC4xLxw9hWQpXJ1tCQhXoLcaXuhjzDrnFoVeM7yy9yarebawbFPd7ItdmFqEu1XQME2Yj7trlEMlupDtcEEgAAgMyergA7Zhn4ShYzb9a2Yq2LBUKyWNx2hDWmPCWm8OO3r4o6XkTT9+/61Qw2/ovyelv/q4H0PvhVVMV/D4LCD/OHjP45rwmf/SKieJR1cn4x0bfXag/hoCoXgxSR3vvjD6WWLEkQDMNmy+TkjZlZ8whzAQDwtZf/u3/Ij253yhVIXPoPKfGugtmTdprZ7/4jOboO8RBmv377l3OkVZPLC4LMTf+i8mR5vzVcE8gOtY32ghcd+ErmVr7/unH5RqB2w0sazyPTyT890mVZN/e7qKoeJEHHgWuAJqHeW0tfqhPDoGN3Na9fOHBndEm5SJowXf9ELmoTDiAJHH+evJQF6tk3m6etc6lmG1wps+7xB8Y9Hp9tBH5EEl9M7h3uxMoj2kXfH776Bhzu3J5XY26pDkkoJPde7qT0rFQpgRNmwkW6SI/HH4h6FMqILwMBDINtn0+VCtVqvlJvNBhl6zcNiI3kf+U/m1HsQN0Hlsocvto+6p6vll5NUpCmeRBV/HZ1o6r5X2Ai5m9+uqBkot05Fr7z+5VlNY5mXcCYL/xg6Y6S5ePbge6JKz809EmHibhz755D+U6BkMg/ItRpHxOCXueQOP5tJkKoLD+6sNVQFHO5GACW+Vvz89gwNvZ0j519/nRlZFG94ujp9Jtd7v2OawOeMfv8+bej+T64k3RFopHrEbXuWJchiHv3AJfLbh1lc7mCjt5qVyPzuUcFt3cQBWZPVr/a6tUpmKIWVFt+dP4i/vgJqz3eMDke/G5KZQ0sit4YYzd0iS+CTyz96kuVugFQdPEaiMs6hcOx+M/TqkYKhaq7LY3CwZZorBNLCKn1VI8OTfypmHn93B/yeXye4RUvi2zlMJNNHR59qDXYntDxrzLztwJ6H8b3aOXisd3D1FC/j+vmJAoDGDM7iE7EMZgzNuKETNO1RoNh6xTHMw0ZUDUgVAdez5K49KPa0jV9xsiSQL/Z3zo4vMImKvvkwafqT5bJ/LD+Rqv1l8Xn8UxF7kyo31Bv8X+BHB5ltSVgUcIVmohORaIaLhMBHsCbWxoHAgBG3ZHp6N+otthd+P3qq8zxVTFUT+EoVl0dORDiy0f17iP401MAm30LszM3gBVBEHjg2EMWJbFVSXyzsVvW1WRxeND08Z8/a9y2oehgFeiyKPKl7e+e7A/5+4x9+RmBAMxMBocT8CFOZ8d0tZyot0p5ESSyoLU/sHDIXCpfQhDUqqJm5/0/BLLAMck/La9f+cI7/sp8X909JwOe31/9n+fqhoZgAEEwBMEQ7FmYnVm8qUWTrda/u/HshzVelCRJUnZFhiAYhhGLa+ruxw/dylXUFyCIpY9CljVeEMV+tovvj4XAhCX68P49j4qlmzMWFiYDL9hmU+xp1NVLOC5sIxKzu1cJm8xRsfzOss8X9Ad9fpUf5kqkXC6bOj5O5avdZlAfGpGNCbvb0WseFWvPfc6SPo4dpY9Ohv19iNAsAgMYHcI+7ktYQpwwychgsQGK/z6EGleJi//h9JMZLS9TAAAAQiN1EI/Hjq/ebE3vx2Lq7jlRiK2/ep1UObLNgWFOu9lmHyNJNznm15jcJdx3/YuZfJ6iaoySKzKGOZ0ejy/o8QT8Tq3aitoWXYvpw0yh3FKTuIEtNtLvCweD4YCKUpF3RNDrS6lENterxri/cEj8yf5VZS0yT9MAYMTkwsyNGQJGYBiG1bnUXkKURElsH8W2Ng9GunNUNaJ4dBR78xkvQigKw0qW9T2QZVEQ2YONJzv08G0vTIFrQz/nGeZ3eYPkj0M4n8ynUmVO9FpN6u8LGQh8M7/5/EW8X6u8en1v+4ZHuUmuJDKNzf/cV2VkAMEmk99nNo97nB7fxKSeZpM4Tt6slA5i6XShXOE60QB3ObeCoDACwYRlPDB9bWbap2eiiaIL85Xc81cHWJWVZEmWZVkGXdEHgkBnYKR3cmZ2YUbrizAcXmxsrW8RWVqSJFmSL47QSzg4mukIB31SqPbPKYnsSetwxe0JBz0+j9usauXqEuXM6Wkmly9T5Z8qJ9oDKlZdm5yYiwTHdFiDtZrpo/Rx8iRL/z9tDvuO9OOjrY+XLKpddAR+7/AgdpItKkzw9v7t164xxfxD5XTtxcGeuopOl+fB35vNCGohTIRZg5/I+0BWhJhoNFrtNlM52yb+7NmlQyLzPr/TSRAWi93htOt5Ys4GGv98ga5UKzRdYZpMk+Ppy98zdN2CWawWm9Nhs9qcTgXbr55gtjnyLlUsFyi6QtOV9rv7uX/EUc2WFbK3klSpAIDjc9PhSHjcZcUQFEFQFaGXLImiKAoCL6T24/FYih2dl50eGo0sHAg/uBkN2wgTikEq35mSJPBtrlLd3dzdr45mZ4rI6HHqhmFNGRudXQS6KZVOkvUxr89kUh5f5Dmu3ljb2NhW3i+WLfunp5F+HtMSz7HJvW++VltcYfU/+Fd1R/YDIgjXFAAAgHqeaUsAgOJl4Qjci0a9PnzAGheIIMYAaNdKxWK+WqvW6s3EZeEYX3LiDpeD9I7helcwEGR8HAh0OZkr5orFPMO2251qvJ7CUWt0hON0V10zE146KlisFruLDLrdYy6fT/mqiI1auVopFE4LtXq9Qavq4fxhkSpt+gU5PjkxFQiaVbpL84185jBxWqQrdG1E0UZ9Q09S1Gq1a3mJnvTIiOukdsS8Wvx4Zko56qjlkgfxeImqqFjUFFrP8//waT+P6dZpfHvnKF37qV5IhP9sQaJrs59rOhrFieGUQKF2kzvCcjzH53KPEpd+Gf2NE8EwDMcHrJuAbZg92m61WVYQj/ZXN85G7nFgKx/fOivP33ytrrunJJXLAADUTk76fB53KEjAKIYgCAIAgr5toCNLAg8AkNsCEDm2Vi2UytmT45O/PMno0GqVYZM3ci06MeGwEiYMQxBTT0WURVHkOU7geYbKJHf2cuURfqrGtp7aOLvdoWUyXVLd1VWRdpt6Q9VKJZ8XJ64q6xBaHMe2c8n9nb09dWeVpKOsBapFbNbuqEOWBZZtlg631/ZO1Ku3JLYvrCTBCDbgo32+mbNLL81uj27f5MsgyPn8I5lav/xL94KaTTbKwDj+NjuyRWavFg56j35x9oAUSprap4mM0EyaccJiMeFO0mq1mwFitVnPp3ECR5cBAGKuAthCledabbbZZH7axVcFJJ7iTret1jEy4CNJq8PX005KbjINulCoVMtVqt6ojCAjeoHGtoq2iV1gmLpdyR3Y4XYaTDY2ydn58GT4CqeaZipXyGQKuWpV/Q5TQX6RnZ25+ZGvK+Un87XM8UHiMKdpl6TIUsm3PyCYldSbffhZYzlP5vaMOFq5TV1nlTmuE+KiuMtrs9mtALHZbeeiyLerJQCAmKVAK/chjL2GgMgweQCAnRwPkF6bI+AFEIqiF0M/jpOEOlOr5nIUVayNbkvKOW21zq5/QZRKAD1KTE5P+My4CYUx09kmyTYviQLPcW0qcZJLpqs1LSvXkpRIHx+c5EJeswnFOy2TOI4X2my9kE7G0llt+s1W9755+wNisnp0CwcEoxcmB11OVNUjqV+RDNI3c3MlmVzXSdvanjHIhCnnoXBH52keUStKkaUYFEXR9x4zSeI4AIDc4oA4KvepEdEqNtImHEUJHCAOm+3iPUVRHMeLPM+yHNceaRuHv2rEbG3HanGGvKTd5CLPlt9KVa7VoCmqWGNYlmlq3tUolZq5Fx5viHS4A2cZHIqq10ulk3yTqTc15piawso7P1gIRjTVZL0HYrKR7xJKXe/g5BOyz1ovjFt0deoolbsUqpbW1EcKIcc0TM9GJByy2BppvP6hEYS3SySw3Wq9KByVCvchbUP+WpHrdQAAEXS7bJjTZTZBAIAyzbUZulqhdL5G5GazlLQ6gy4b2emdWKnWGxRV0LPuxFbbchEAAAC3SURBVPPMkGI5GLO53glH4fKvC9zVDckBgEwWlx7hYLo/feKxpkVl2OVSNvQsFzqT2NF5bP5sQZH3+qXzvHJ5sUEHGMdQBEZRBIIAAJwgS6LAC4PEaRCC4ihyvuGSFwSR539qJYeRC5PZ7gKw/jMCGNbVVFDsflU7SW0nwlDlogOeo0bpY2dgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYPAz4P8AmIMep0ARrAkAAAAASUVORK5CYII=" height="287" preserveAspectRatio="xMidYMid meet"></image></g></g></mask></defs><g clip-path="url(#9647dcc63e)"><g mask="url(#558b0b48e9)"><g transform="matrix(0.747396, 0, 0, 0.747396, 1.406264, 0)"><image x="0" y="0" width="1080" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDgAAAEfCAIAAAAr4+HxAAAABmJLR0QA/wD/AP+gvaeTAAADnElEQVR4nO3BMQEAAADCoPVPbQlPoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4GjJJAAFN5mkHAAAAAElFTkSuQmCC" height="287" preserveAspectRatio="xMidYMid meet"></image></g></g></g> 1153 </svg> 1154 1155 1156 </div> 1157 1158<div class="new_header_drawer_submenu"> 1159 1160 1161 <div 1162 class="search-modal modal__content gradient medium-hide large-up-hide" 1163 role="dialog" 1164 aria-modal="true" 1165 aria-label="Search" 1166 > 1167 1168 1169 1170 <div id="search-header-custom" class="search-whole-wrap"> 1171 <div 1172 class=" search-modal__content search-modal__content-bottom" 1173 tabindex="-1" 1174 ><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form"> 1175 <div class="field"> 1176 <input 1177 class="search__input field__input" 1178 id="" 1179 type="search" 1180 name="q" 1181 value="" 1182 placeholder="Search"role="combobox" 1183 aria-expanded="false" 1184 aria-owns="predictive-search-results" 1185 aria-controls="predictive-search-results" 1186 aria-haspopup="listbox" 1187 aria-autocomplete="list" 1188 autocorrect="off" 1189 autocomplete="off" 1190 autocapitalize="off" 1191 spellcheck="false"> 1192 <label class="field__label" for="">Search</label> 1193 <input type="hidden" name="options[prefix]" value="last"> 1194 <button 1195 type="reset" 1196 class="reset__button field__button hidden" 1197 aria-label="Clear search term" 1198 >
1199 <span class="svg-wrapper"><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg> 1200</span> 1201 </button> 1202 <button class="search__button field__button" aria-label="Search"> 1203 <span class="svg-wrapper"> 1204 1205 <svg style="width:20px;" data-testid="search-icon-mobile" height="21" version="1.1" viewBox="0 0 21 20" width="21"><g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g data-testid="search-icon-path" opacity="1" stroke="#333333" stroke-width="2" transform="translate(-59.000000, -165.000000)" class="sitewide-0 e1a3rho10"><g transform="translate(0.000000, 151.000000)"><g transform="translate(59.000000, 14.000000)"><line stroke-linecap="square" x1="15.7644928" x2="19" y1="14.8586957" y2="18.0724638"></line><circle cx="8.80434783" cy="8.80434783" fill="transparent" r="7.5" class="sitewide-0 e1a3rho11"></circle></g></g></g></g></svg> 1206 </span> 1207 </button> 1208 </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search> 1209 1210<div class="predictive-search__loading-state"> 1211 <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg> 1212 1213</div> 1214</div> 1215 1216 <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button 1217 type="button" 1218 class="search-modal__close-button modal__close-button link link--text focus-inset small-hide" 1219 aria-label="Close" 1220 > 1221 <span class="svg-wrapper"><svg class="icon icon-close" width="13" height="13" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.91793 5.78324L0.271484 1.13679L0.978591 0.429688L5.62504 5.07613L10.2715 0.429688L10.9786 1.13679L6.33214 5.78324L10.9786 10.4297L10.2715 11.1368L5.62504 6.49035L0.978591 11.1368L0.271484 10.4297L4.91793 5.78324Z" fill="#000"></path></svg></span> 1222 </button> 1223 </div> 1224 1225 </div> 1226 </div> 1227 1228 <ul> 1229 1230 1231 <li> 1232 <a 1233 href="https://sefam.com/pages/sale-offers" 1234 1235 data-has-url="true" 1236 1237 class=" 1238 new__drawer_submenu_tab 1239 1240 1241 1242 1243 1244 1245 1246 1247 index-1 1248 " 1249 data-tab="tab_season-end-sale" 1250 data-category="category_season-end-sale" 1251 > 1252 <span class="drawer-department-label">SEASON END SALE</span> 1253 <span class="drawer-department-chevron" aria-hidden="true"> 1254 <svg width="24" height="24" viewBox="0 0 24 24" fill="none"> 1255 <path d="M12.9457 12.0004L8.3457 7.40043L9.39945 6.34668L15.0532 12.0004L9.39945 17.6542L8.3457 16.6004L12.9457 12.0004Z" fill="currentColor"></path> 1256 </svg> 1257 </span> 1258 </a> 1259 </li> 1260 1261 1262 1263 <li> 1264 <a 1265 href="#" 1266 1267 class=" 1268 new__drawer_submenu_tab 1269 1270 1271 1272 1273 1274 1275 1276 1277 index-2 1278 " 1279 data-tab="tab_kayseria-women"
1280 data-category="category_kayseria-women" 1281 > 1282 <span class="drawer-department-label">KAYSERIA (Women)</span> 1283 <span class="drawer-department-chevron" aria-hidden="true"> 1284 <svg width="24" height="24" viewBox="0 0 24 24" fill="none"> 1285 <path d="M12.9457 12.0004L8.3457 7.40043L9.39945 6.34668L15.0532 12.0004L9.39945 17.6542L8.3457 16.6004L12.9457 12.0004Z" fill="currentColor"></path> 1286 </svg> 1287 </span> 1288 </a> 1289 </li> 1290 1291 1292 1293 <li> 1294 <a 1295 href="#" 1296 1297 class=" 1298 new__drawer_submenu_tab 1299 1300 1301 1302 1303 1304 1305 1306 1307 index-3 1308 " 1309 data-tab="tab_leisure-club-kids" 1310 data-category="category_leisure-club-kids" 1311 > 1312 <span class="drawer-department-label">LEISURE CLUB (Kids)</span> 1313 <span class="drawer-department-chevron" aria-hidden="true"> 1314 <svg width="24" height="24" viewBox="0 0 24 24" fill="none"> 1315 <path d="M12.9457 12.0004L8.3457 7.40043L9.39945 6.34668L15.0532 12.0004L9.39945 17.6542L8.3457 16.6004L12.9457 12.0004Z" fill="currentColor"></path> 1316 </svg> 1317 </span> 1318 </a> 1319 </li> 1320 1321 1322 1323 <li> 1324 <a 1325 href="#" 1326 1327 class=" 1328 new__drawer_submenu_tab 1329 1330 1331 1332 1333 1334 active 1335 1336 1337 1338 1339 index-4 1340 " 1341 data-tab="tab_shahnameh-men" 1342 data-category="category_shahnameh-men" 1343 > 1344 <span class="drawer-department-label">SHAHNAMEH (Men)</span> 1345 <span class="drawer-department-chevron" aria-hidden="true"> 1346 <svg width="24" height="24" viewBox="0 0 24 24" fill="none"> 1347 <path d="M12.9457 12.0004L8.3457 7.40043L9.39945 6.34668L15.0532 12.0004L9.39945 17.6542L8.3457 16.6004L12.9457 12.0004Z" fill="currentColor"></path> 1348 </svg> 1349 </span> 1350 </a> 1351 </li> 1352 1353 1354 1355 <li> 1356 <a 1357 href="#" 1358 1359 class=" 1360 new__drawer_submenu_tab 1361 1362 1363 1364 1365 1366 1367 index-5 1368 " 1369 data-tab="tab_masters" 1370 data-category="category_masters" 1371 > 1372 <span class="drawer-department-label">MASTER'S</span> 1373 <span class="drawer-department-chevron" aria-hidden="true"> 1374 <svg width="24" height="24" viewBox="0 0 24 24" fill="none"> 1375 <path d="M12.9457 12.0004L8.3457 7.40043L9.39945 6.34668L15.0532 12.0004L9.39945 17.6542L8.3457 16.6004L12.9457 12.0004Z" fill="currentColor"></path> 1376 </svg> 1377 </span> 1378 </a> 1379 </li> 1380 1381 1382 1383 <li> 1384 <a 1385 href="https://sefam.com/" 1386 1387 data-has-url="true" 1388 1389 class=" 1390 new__drawer_submenu_tab 1391 1392 1393 1394 1395 1396 1397 index-6 1398 " 1399 data-tab="tab_sefam" 1400 data-category="category_sefam" 1401 >
1402 <span class="drawer-department-label">Sefam</span> 1403 <span class="drawer-department-chevron" aria-hidden="true"> 1404 <svg width="24" height="24" viewBox="0 0 24 24" fill="none"> 1405 <path d="M12.9457 12.0004L8.3457 7.40043L9.39945 6.34668L15.0532 12.0004L9.39945 17.6542L8.3457 16.6004L12.9457 12.0004Z" fill="currentColor"></path> 1406 </svg> 1407 </span> 1408 </a> 1409 </li> 1410 1411 1412 </ul> 1413 </div> 1414 </div> 1415 <div class="menu-drawer__navigation-container"> 1416 1417 1418 1419 1420 1421 1422 1423 1424 1425 1426 1427 1428 <div 1429 class="new_header_drawer_menus index-1" 1430 id="tab_season-end-sale" 1431 1432 style=" 1433 display:none; 1434 1435 1436 1437 1438 " 1439 > 1440 1441 <!-- 5 level navigation --> 1442 <!-- --> 1443 1444 1445 1446 <div class="flex-menu-images"> 1447 <div class="flex-menu-left"> 1448 <ul class="main-menu-ul"> 1449 1450 </ul> 1451 </div> 1452 <!-- --> 1453 <div class="flex-menu-right" style="display:none;"> 1454 1455 1456 <div class="header-drawer-images"> 1457 1458 1459 1460 1461 1462 1463 1464 1465 1466 1467 1468 1469 1470 1471 1472 1473 1474 1475 1476 1477 1478 1479 1480 1481 1482 1483 1484 1485 1486 1487 1488 1489 1490 1491 1492 1493 1494 </div> 1495 1496 </div> 1497 </div> 1498 </div> 1499 1500 1501 1502 <div 1503 class="new_header_drawer_menus index-2" 1504 id="tab_kayseria-women" 1505 1506 style=" 1507 display:none; 1508 1509 1510 1511 1512 " 1513 > 1514 1515 <!-- 5 level navigation --> 1516 <!-- --> 1517 1518 1519 1520 <div class="flex-menu-images"> 1521 <div class="flex-menu-left"> 1522 <ul class="main-menu-ul"> 1523 1524 1525 1526 1527 1528 1529 1530 1531 1532 1533 1534 1535 1536 1537 1538 1539 1540 <li 1541 class="main_li flat-50-30-off" 1542 1543 id="flat-50-30-off" 1544 > 1545 <a 1546 href="#"class="has_submenu lvl-1-menu" 1547 1548 1549 style="color: #8a0907;background:;" 1550 1551 > 1552 FLAT 50% & 30% OFF 1553 1554 </a><div class="new_submenu_accordian hidden lvl-1-menu-wrapper lvl-menu-wrapper"> 1555 <ul class="level-one-ul"> 1556 1557 1558 1559 1560 1561 <li 1562 class="child_li" 1563 1564 > 1565 <a 1566 href="#"class="has_submenu lvl-2-menu childink- childlink--type-http_link" 1567 1568 > 1569 SHOP BY PERCENTAGE 1570 1571 </a><div class="new_submenu_accordian lvl-2-menu-wrapper lvl-menu-wrapper"> 1572 <ul class="level-two-ul"> 1573 1574 <!-- ,,,,,,,,,,,,, --> 1575 1576 1577 1578 1579 1580 1581 1582 1583 <li class="grandchild_li"> 1584 1585 1586 <a href="/collections/season-end-sale-flat-50-off"> 1587 FLAT 50% OFF 1588 1589 <sup>332</sup> 1590 1591 </a> 1592 1593 </li> 1594 1595 1596 1597 1598 1599 1600 1601 1602 <li class="grandchild_li"> 1603 1604 1605 <a href="/collections/season-end-sale-flat-30-off"> 1606 FLAT 30% OFF 1607 1608 <sup>283</sup> 1609 1610 </a> 1611 1612 </li> 1613 1614 <!-- ,,,,,,,, --> 1615 </ul> 1616 </div> 1617 1618 </li> 1619 1620 1621 1622 1623 1624 <li 1625 class="child_li" 1626 1627 > 1628 <a 1629 href="#"class="has_submenu lvl-2-menu childink- childlink--type-http_link" 1630 1631 > 1632 SHOP BY CATEGORIES 1633 1634 </a><div class="new_submenu_accordian lvl-2-menu-wrapper lvl-menu-wrapper"> 1635 <ul class="level-two-ul"> 1636 1637 <!-- ,,,,,,,,,,,,, --> 1638 1639 1640 1641 1642 1643 1644 1645 1646 <li class="grandchild_li"> 1647 1648 1649 <a href="/collections/season-end-sale-classic-unstitched"> 1650 CLASSIC UNSTITCHED 1651 1652 <sup>148</sup> 1653 1654 </a> 1655 1656 </li> 1657 1658 1659 1660 1661 1662 1663 1664 1665 <li class="grandchild_li"> 1666 1667 1668 <a href="/collections/season-end-sale-ready-to-wear"> 1669 READY TO WEAR 1670 1671 <sup>225</sup> 1672 1673 </a> 1674 1675 </li> 1676 1677 1678 1679 1680 1681 1682 1683 1684 <li class="grandchild_li"> 1685 1686 1687 <a href="/collections/season-end-sale-luxury-embroidered"> 1688 LUXURY EMBROIDERED 1689 1690 <sup>127</sup> 1691 1692 </a> 1693 1694 </li> 1695 1696 1697 1698 1699 1700 1701 1702 1703 <li class="grandchild_li"> 1704 1705 1706 <a href="/collections/season-end-sale-masters"> 1707 MASTER'S 1708 1709 <sup>148</sup> 1710 1711 </a> 1712 1713 </li> 1714 1715 <!-- ,,,,,,,, --> 1716 </ul> 1717 </div> 1718 1719 </li> 1720 1721 1722 1723 1724 1725 <li 1726 class="child_li" 1727 1728 > 1729 <a 1730 href="/collections/season-end-sale" 1731 > 1732 VIEW ALL 1733 1734 <sup>648</sup> 1735 1736 </a> 1737 </li> 1738 1739 </ul> 1740 </div> 1741 1742 </li> 1743 1744 1745 1746 1747 1748 1749 1750 1751 1752 1753 1754 1755 1756 1757 1758 1759 1760 <li 1761 class="main_li new-arrivals" 1762 1763 id="new-arrivals" 1764 > 1765 <a 1766 href="#"class="has_submenu lvl-1-menu" 1767 1768 1769 > 1770 NEW ARRIVALS 1771 1772 </a><div class="new_submenu_accordian hidden lvl-1-menu-wrapper lvl-menu-wrapper"> 1773 <ul class="level-one-ul"> 1774 1775 1776 1777 1778 1779 <li 1780 class="child_li" 1781 1782 > 1783 <a 1784 href="/collections/classic-unstitched-new-arrivals26" 1785 > 1786 CLASSIC UNSTITCHED 1787 1788 <sup>110</sup> 1789 1790 </a> 1791 </li> 1792 1793 1794 1795 1796 1797 <li 1798 class="child_li" 1799 1800 > 1801 <a 1802 href="/collections/luxury-embroidered-new-arrivals" 1803 > 1804 LUXURY EMBROIDERED 1805 1806 <sup>49</sup> 1807 1808 </a> 1809 </li> 1810 1811 1812 1813 1814 1815 <li 1816 class="child_li" 1817 1818 > 1819 <a 1820 href="/collections/ready-to-wear-new-arrivals26" 1821 > 1822 READY TO WEAR 1823 1824 <sup>58</sup> 1825 1826 </a> 1827 </li> 1828 1829
1829 1830 1831 1832 1833 <li 1834 class="child_li" 1835 1836 > 1837 <a 1838 href="/collections/masters-new-arrivals26" 1839 > 1840 MASTER'S COLLECTION'26 1841 1842 <sup>22</sup> 1843 1844 </a> 1845 </li> 1846 1847 1848 1849 1850 1851 <li 1852 class="child_li" 1853 1854 > 1855 <a 1856 href="/collections/women-new-arrivals26" 1857 > 1858 VIEW ALL 1859 1860 <sup>239</sup> 1861 1862 </a> 1863 </li> 1864 1865 </ul> 1866 </div> 1867 1868 </li> 1869 1870 1871 1872 1873 1874 1875 1876 1877 1878 1879 1880 1881 1882 1883 1884 1885 1886 <li 1887 class="main_li ready-to-wear" 1888 1889 id="ready-to-wear" 1890 > 1891 <a 1892 href="#"class="has_submenu lvl-1-menu" 1893 1894 1895 > 1896 READY TO WEAR 1897 1898 </a><div class="new_submenu_accordian hidden lvl-1-menu-wrapper lvl-menu-wrapper"> 1899 <ul class="level-one-ul"> 1900 1901 1902 1903 1904 1905 <li 1906 class="child_li" 1907 1908 > 1909 <a 1910 href="#"class="has_submenu lvl-2-menu childink- childlink--type-http_link" 1911 1912 > 1913 SHOP BY CONCEPT 1914 1915 </a><div class="new_submenu_accordian lvl-2-menu-wrapper lvl-menu-wrapper"> 1916 <ul class="level-two-ul"> 1917 1918 <!-- ,,,,,,,,,,,,, --> 1919 1920 1921 1922 1923 1924 1925 1926 1927 <li class="grandchild_li"> 1928 1929 1930 <a href="/collections/women-ready-to-wear-the-daily-edit"> 1931 DAILY EDIT 1932 1933 <sup>92</sup> 1934 1935 </a> 1936 1937 </li> 1938 1939 1940 1941 1942 1943 1944 1945 1946 <li class="grandchild_li"> 1947 1948 1949 <a href="/collections/women-ready-to-wear-luxury"> 1950 LUXURY EDIT 1951 1952 <sup>119</sup> 1953 1954 </a> 1955 1956 </li> 1957 1958 <!-- ,,,,,,,, --> 1959 </ul> 1960 </div> 1961 1962 </li> 1963 1964 1965 1966 1967 1968 <li 1969 class="child_li" 1970 1971 > 1972 <a 1973 href="#"class="has_submenu lvl-2-menu childink- childlink--type-http_link" 1974 1975 > 1976 SHOP BY PIECE 1977 1978 </a><div class="new_submenu_accordian lvl-2-menu-wrapper lvl-menu-wrapper"> 1979 <ul class="level-two-ul"> 1980 1981 <!-- ,,,,,,,,,,,,, --> 1982 1983 1984 1985 1986 1987 1988 1989 1990 <li class="grandchild_li"> 1991 1992 1993 <a href="/collections/women-1-piece-ready-to-wear"> 1994 1 Piece 1995 1996 <sup>12</sup> 1997 1998 </a> 1999 2000 </li> 2001 2002 2003 2004 2005 2006 2007 2008 2009 <li class="grandchild_li"> 2010 2011 2012 <a href="/collections/women-2-piece-ready-to-wear"> 2013 2 Piece 2014 2015 <sup>171</sup> 2016 2017 </a> 2018 2019 </li> 2020 2021 2022 2023 2024 2025 2026 2027 2028 <li class="grandchild_li"> 2029 2030 2031 <a href="/collections/women-3-piece-ready-to-wear"> 2032 3 Piece 2033 2034 <sup>33</sup> 2035 2036 </a> 2037 2038 </li> 2039 2040 <!-- ,,,,,,,, --> 2041 </ul> 2042 </div> 2043 2044 </li> 2045 2046 2047 2048 2049 2050 <li 2051 class="child_li" 2052 2053 > 2054 <a 2055 href="/collections/women-ready-to-wear-bottom" 2056 > 2057 Bottoms 2058 2059 <sup>4</sup> 2060 2061 </a> 2062 </li> 2063 2064 2065 2066 2067 2068 <li 2069 class="child_li" 2070 2071 > 2072 <a 2073 href="/collections/women-ready-to-wear" 2074 > 2075 view all 2076 2077 <sup>216</sup> 2078 2079 </a> 2080 </li> 2081 2082 </ul> 2083 </div> 2084 2085 </li> 2086 2087 2088 2089 2090 2091 2092 2093 2094 2095 2096 2097 2098 2099 2100 2101 2102 2103 <li 2104 class="main_li unstitched" 2105 2106 id="unstitched" 2107 > 2108 <a 2109 href="/collections/women-unstitched"class="has_submenu lvl-1-menu" 2110 2111 2112 > 2113 UNSTITCHED 2114 2115 </a><div class="new_submenu_accordian hidden lvl-1-menu-wrapper lvl-menu-wrapper"> 2116 <ul class="level-one-ul"> 2117 2118 2119 2120 2121 2122 <li 2123 class="child_li" 2124 2125 > 2126 <a 2127 href="#"class="has_submenu lvl-2-menu childink- childlink--type-http_link" 2128 2129 > 2130 SHOP BY CATEGORY 2131 2132 </a><div class="new_submenu_accordian lvl-2-menu-wrapper lvl-menu-wrapper"> 2133 <ul class="level-two-ul"> 2134 2135 <!-- ,,,,,,,,,,,,, --> 2136 2137 2138 2139 2140 2141 2142 2143 2144 <li class="grandchild_li"> 2145 2146 2147 <a href="/collections/women-classic-unstitched"> 2148 CLASSIC 2149 2150 <sup>256</sup> 2151 2152 </a> 2153 2154 </li> 2155 2156 2157 2158 2159 2160 2161 2162 2163 <li class="grandchild_li"> 2164 2165 2166 <a href="/collections/women-luxury-embroidered-unstitched"> 2167 LUXURY EMBROIDERED 2168 2169 <sup>176</sup> 2170 2171 </a> 2172 2173 </li> 2174 2175 <!-- ,,,,,,,, --> 2176 </ul> 2177 </div> 2178 2179 </li> 2180 2181 2182 2183 2184 2185 <li 2186 class="child_li" 2187 2188 > 2189 <a 2190 href="#"class="has_submenu lvl-2-menu childink- childlink--type-http_link" 2191 2192 > 2193 SHOP BY TYPE 2194 2195 </a><div class="new_submenu_accordian lvl-2-menu-wrapper lvl-menu-wrapper"> 2196 <ul class="level-two-ul"> 2197 2198 <!-- ,,,,,,,,,,,,, --> 2199 2200 2201 2202 2203 2204 2205
2205 2206 2207 <li class="grandchild_li"> 2208 2209 2210 <a href="/collections/unstitched-printed26"> 2211 PRINTED 2212 2213 <sup>130</sup> 2214 2215 </a> 2216 2217 </li> 2218 2219 2220 2221 2222 2223 2224 2225 2226 <li class="grandchild_li"> 2227 2228 2229 <a href="/collections/unstitched-embroidered26"> 2230 EMBROIDERED 2231 2232 <sup>224</sup> 2233 2234 </a> 2235 2236 </li> 2237 2238 2239 2240 2241 2242 2243 2244 2245 <li class="grandchild_li"> 2246 2247 2248 <a href="/collections/unstitched-solid26"> 2249 SOLID 2250 2251 <sup>115</sup> 2252 2253 </a> 2254 2255 </li> 2256 2257 <!-- ,,,,,,,, --> 2258 </ul> 2259 </div> 2260 2261 </li> 2262 2263 2264 2265 2266 2267 <li 2268 class="child_li" 2269 2270 > 2271 <a 2272 href="#"class="has_submenu lvl-2-menu childink- childlink--type-http_link" 2273 2274 > 2275 SHOP BY PIECE 2276 2277 </a><div class="new_submenu_accordian lvl-2-menu-wrapper lvl-menu-wrapper"> 2278 <ul class="level-two-ul"> 2279 2280 <!-- ,,,,,,,,,,,,, --> 2281 2282 2283 2284 2285 2286 2287 2288 2289 <li class="grandchild_li"> 2290 2291 2292 <a href="/collections/women-unstitched-3-piece"> 2293 3 PIECE 2294 2295 <sup>338</sup> 2296 2297 </a> 2298 2299 </li> 2300 2301 2302 2303 2304 2305 2306 2307 2308 <li class="grandchild_li"> 2309 2310 2311 <a href="/collections/women-unstitched-2-piece"> 2312 2 PIECE 2313 2314 <sup>79</sup> 2315 2316 </a> 2317 2318 </li> 2319 2320 <!-- ,,,,,,,, --> 2321 </ul> 2322 </div> 2323 2324 </li> 2325 2326 2327 2328 2329 2330 <li 2331 class="child_li" 2332 2333 > 2334 <a 2335 href="/collections/women-unstitched" 2336 > 2337 VIEW ALL 2338 2339 <sup>434</sup> 2340 2341 </a> 2342 </li> 2343 2344 </ul> 2345 </div> 2346 2347 </li> 2348 2349 2350 2351 2352 2353 2354 2355 2356 2357 2358 2359 2360 2361 2362 2363 2364 2365 <li 2366 class="main_li masters-collection" 2367 2368 id="masters-collection" 2369 > 2370 <a 2371 href="/collections/women-masters"class="has_submenu lvl-1-menu" 2372 2373 2374 > 2375 MASTER'S COLLECTION 2376 2377 </a><div class="new_submenu_accordian hidden lvl-1-menu-wrapper lvl-menu-wrapper"> 2378 <ul class="level-one-ul"> 2379 2380 2381 2382 2383 2384 <li 2385 class="child_li" 2386 2387 > 2388 <a 2389 href="/collections/women-masters-ready-to-wear" 2390 > 2391 READY TO WEAR 2392 2393 <sup>75</sup> 2394 2395 </a> 2396 </li> 2397 2398 2399 2400 2401 2402 <li 2403 class="child_li" 2404 2405 > 2406 <a 2407 href="/collections/women-masters-unstitched" 2408 > 2409 UNSTITCHED 2410 2411 <sup>27</sup> 2412 2413 </a> 2414 </li> 2415 2416 2417 2418 2419 2420 <li 2421 class="child_li" 2422 2423 > 2424 <a 2425 href="/collections/masters-dupatta" 2426 > 2427 DUPATTA 2428 2429 <sup>3</sup> 2430 2431 </a> 2432 </li> 2433 2434 2435 2436 2437 2438 <li 2439 class="child_li" 2440 2441 > 2442 <a 2443 href="/collections/masters-bottoms" 2444 > 2445 BOTTOMS 2446 2447 <sup>21</sup> 2448 2449 </a> 2450 </li> 2451 2452 2453 2454 2455 2456 <li 2457 class="child_li" 2458 2459 > 2460 <a 2461 href="/collections/women-masters" 2462 > 2463 VIEW ALL 2464 2465 <sup>102</sup> 2466 2467 </a> 2468 </li> 2469 2470 </ul> 2471 </div> 2472 2473 </li> 2474 2475 2476 2477 2478 2479 2480 2481 2482 2483 2484 2485 2486 2487 2488 2489 2490 2491 <li 2492 class="main_li sale-offers" 2493 2494 id="sale-offers" 2495 > 2496 <a 2497 href="/pages/season_end-sale" 2498 2499 style="color: #C5312D;background:;" 2500 2501 > 2502 SALE & OFFERS 2503 2504 2505 2506 </a> 2507 </li> 2508 2509 </ul> 2510 </div> 2511 <!-- --> 2512 <div class="flex-menu-right" style="display:none;"> 2513 2514 2515 <div class="header-drawer-images"> 2516 2517 2518 2519 2520 2521 2522 2523 2524 2525 2526 2527
2528 <div class="drawer-image-item"> 2529 2530 <a href="https://sefam.com/collections/women-new-arrivals26" class="drawer-image-link"> 2531 <img 2532 src="//sefam.com/cdn/shop/files/Navigation_image_38.jpg?v=1777269569&width=221" 2533 alt="SUMMER'26" 2534 loading="lazy" 2535 > 2536 2537 2538 <span class="drawer-image-title">SUMMER'26</span> 2539 2540 </a> 2541 2542 </div> 2543 2544 2545 2546 2547 2548 2549 2550 2551 2552 2553 2554 2555 2556 <div class="drawer-image-item"> 2557 2558 <a href="https://sefam.com/collections/classic-unstitched-new-arrivals26" class="drawer-image-link"> 2559 <img 2560 src="//sefam.com/cdn/shop/files/Navigation_image_39.jpg?v=1777269569&width=221" 2561 alt="CLASSIC" 2562 loading="lazy" 2563 > 2564 2565 2566 <span class="drawer-image-title">CLASSIC</span> 2567 2568 </a> 2569 2570 </div> 2571 2572 2573 2574 2575 2576 2577 2578 2579 2580 2581 2582 2583 2584 <div class="drawer-image-item"> 2585 2586 <a href="https://sefam.com/collections/luxury-embroidered-new-arrivals26" class="drawer-image-link"> 2587 <img 2588 src="//sefam.com/cdn/shop/files/Navigation_image_41.jpg?v=1777269926&width=221" 2589 alt="LUXURY" 2590 loading="lazy" 2591 > 2592 2593 2594 <span class="drawer-image-title">LUXURY</span> 2595 2596 </a> 2597 2598 </div> 2599 2600 2601 </div> 2602 2603 </div> 2604 </div> 2605 </div> 2606 2607 2608 2609 <div 2610 class="new_header_drawer_menus index-3" 2611 id="tab_leisure-club-kids" 2612 2613 style=" 2614 display:none; 2615 2616 2617 2618 2619 " 2620 > 2621 2622 <!-- 5 level navigation --> 2623 <!-- --> 2624 2625 2626 2627 <div class="flex-menu-images"> 2628 <div class="flex-menu-left"> 2629 <ul class="main-menu-ul"> 2630 2631 2632 2633 2634 2635 2636 2637 2638 2639 2640 2641 2642 2643 2644 2645 2646 2647 <li 2648 class="main_li seasons-final-call" 2649 2650 id="seasons-final-call" 2651 > 2652 <a 2653 href="#"class="has_submenu lvl-1-menu" 2654 2655 2656 style="color: #FF0000;background:;" 2657 2658 > 2659 SEASON'S FINAL CALL 2660 2661 </a><div class="new_submenu_accordian hidden lvl-1-menu-wrapper lvl-menu-wrapper"> 2662 <ul class="level-one-ul"> 2663 2664 2665 2666 2667 2668 <li 2669 class="child_li" 2670 2671 > 2672 <a 2673 href="/collections/seasons-final-call-girls" 2674 > 2675 GIRLS 2676 2677 <sup>280</sup> 2678 2679 </a> 2680 </li> 2681 2682 2683 2684 2685 2686 <li 2687 class="child_li" 2688 2689 > 2690 <a 2691 href="/collections/seasons-final-call-boys" 2692 > 2693 BOYS 2694 2695 <sup>284</sup> 2696 2697 </a> 2698 </li> 2699 2700 2701 2702 2703 2704 <li 2705 class="child_li" 2706 2707 > 2708 <a 2709 href="/collections/seasons-final-call-sale" 2710 > 2711 VIEW ALL 2712 2713 <sup>564</sup> 2714 2715 </a> 2716 </li> 2717 2718 </ul> 2719 </div> 2720 2721 </li> 2722 2723 2724 2725 2726 2727 2728 2729 2730 2731 2732 2733 2734 2735 2736 2737 2738 2739 <li 2740 class="main_li new-arrivals" 2741 2742 id="new-arrivals" 2743 > 2744 <a 2745 href="/collections/leisure-club-new-arrivals" 2746 2747 > 2748 New Arrivals 2749 2750 2751 <sup>71</sup> 2752 2753 2754 </a> 2755 </li> 2756 2757 2758 2759 2760 2761 2762 2763 2764 2765 2766 2767 2768 2769 2770 2771 2772 2773 <li 2774 class="main_li girls" 2775 2776 id="girls" 2777 > 2778 <a 2779 href="#"class="has_submenu lvl-1-menu" 2780 2781 2782 > 2783 GIRLS 2784 2785 </a><div class="new_submenu_accordian hidden lvl-1-menu-wrapper lvl-menu-wrapper"> 2786 <ul class="level-one-ul"> 2787 2788 2789 2790 2791 2792 <li 2793 class="child_li" 2794 2795 > 2796 <a 2797 href="/collections/lc-girls-new-in" 2798 > 2799 NEW IN 2800 2801 <sup>28</sup> 2802 2803 </a> 2804 </li> 2805 2806 2807 2808 2809 2810 <li 2811 class="child_li" 2812 2813 > 2814 <a 2815 href="/collections/lc-girls-eastern-top" 2816 > 2817 EASTERN TOPS 2818 2819 <sup>7</sup> 2820 2821 </a> 2822 </li> 2823 2824 2825 2826 2827 2828 <li 2829 class="child_li" 2830 2831 > 2832 <a 2833 href="/collections/lc-girls-eastern-suit" 2834 > 2835 EASTERN SUITS 2836 2837 <sup>16</sup> 2838 2839 </a> 2840 </li> 2841 2842 2843 2844 2845 2846 <li 2847 class="child_li" 2848 2849 > 2850 <a 2851 href="/collections/lc-girls-eastern-bottoms" 2852 > 2853 EASTERN BOTTOMS 2854 2855 <sup>8</sup> 2856 2857 </a> 2858 </li> 2859 2860 2861 2862 2863 2864 <li 2865 class="child_li" 2866 2867 > 2868 <a 2869 href="/collections/lc-girls-tops" 2870 > 2871 WESTERN TOPS 2872 2873 <sup>36</sup> 2874 2875 </a> 2876 </li> 2877 2878 2879 2880 2881 2882 <li 2883 class="child_li" 2884 2885 > 2886 <a 2887 href="/collections/dresses" 2888 > 2889 WESTERN DRESSES 2890 2891 <sup>20</sup> 2892 2893 </a> 2894 </li> 2895 2896 2897 2898 2899 2900 <li 2901 class="child_li" 2902 2903 > 2904 <a 2905 href="/collections/lc-girls-bottoms" 2906 > 2907 WESTERN BOTTOMS 2908 2909 <sup>16</sup> 2910 2911 </a> 2912 </li> 2913 2914 2915 2916 2917 2918 <li 2919 class="child_li" 2920 2921 > 2922 <a 2923 href="/collections/lc-girls-co-ords" 2924 > 2925 CO-ORDS 2926 2927 <sup>12</sup> 2928 2929 </a> 2930 </li> 2931 2932 2933 2934 2935 2936 <li 2937 class="child_li" 2938 2939 > 2940 <a 2941 href="/collections/lc-girls-sweaters-sweatshirts" 2942 > 2943 SWEATSHIRTS 2944 2945 <sup>2</sup> 2946 2947 </a> 2948 </li> 2949 2950 2951 2952 2953 2954 <li 2955 class="child_li" 2956 2957 > 2958 <a 2959 href="/collections/lc-girls-clothing" 2960 > 2961 VIEW ALL 2962 2963 <sup>114</sup> 2964
2964 2965 </a> 2966 </li> 2967 2968 </ul> 2969 </div> 2970 2971 </li> 2972 2973 2974 2975 2976 2977 2978 2979 2980 2981 2982 2983 2984 2985 2986 2987 2988 2989 <li 2990 class="main_li boys" 2991 2992 id="boys" 2993 > 2994 <a 2995 href="#"class="has_submenu lvl-1-menu" 2996 2997 2998 > 2999 BOYS 3000 3001 </a><div class="new_submenu_accordian hidden lvl-1-menu-wrapper lvl-menu-wrapper"> 3002 <ul class="level-one-ul"> 3003 3004 3005 3006 3007 3008 <li 3009 class="child_li" 3010 3011 > 3012 <a 3013 href="/collections/lc-boys-new-in" 3014 > 3015 NEW IN 3016 3017 <sup>45</sup> 3018 3019 </a> 3020 </li> 3021 3022 3023 3024 3025 3026 <li 3027 class="child_li" 3028 3029 > 3030 <a 3031 href="/collections/lc-boys-t-shirts-polo-shirt" 3032 > 3033 T-SHIRTS & POLOS 3034 3035 <sup>43</sup> 3036 3037 </a> 3038 </li> 3039 3040 3041 3042 3043 3044 <li 3045 class="child_li" 3046 3047 > 3048 <a 3049 href="/collections/lc-boys-shirt" 3050 > 3051 WESTERN SHIRTS 3052 3053 <sup>8</sup> 3054 3055 </a> 3056 </li> 3057 3058 3059 3060 3061 3062 <li 3063 class="child_li" 3064 3065 > 3066 <a 3067 href="/collections/lc-boys-co-ords" 3068 > 3069 CO-ORDS 3070 3071 <sup>3</sup> 3072 3073 </a> 3074 </li> 3075 3076 3077 3078 3079 3080 <li 3081 class="child_li" 3082 3083 > 3084 <a 3085 href="/collections/lc-boys-bottoms" 3086 > 3087 WESTERN BOTTOMS 3088 3089 <sup>30</sup> 3090 3091 </a> 3092 </li> 3093 3094 3095 3096 3097 3098 <li 3099 class="child_li" 3100 3101 > 3102 <a 3103 href="/collections/lc-boys-kurta" 3104 > 3105 KURTAS 3106 3107 <sup>4</sup> 3108 3109 </a> 3110 </li> 3111 3112 3113 3114 3115 3116 <li 3117 class="child_li" 3118 3119 > 3120 <a 3121 href="/collections/lc-boys-waistcoat" 3122 > 3123 WAISTCOATS 3124 3125 <sup>3</sup> 3126 3127 </a> 3128 </li> 3129 3130 3131 3132 3133 3134 <li 3135 class="child_li" 3136 3137 > 3138 <a 3139 href="/collections/lc-boys-eastern-suit" 3140 > 3141 EASTERN SUITS 3142 3143 <sup>19</sup> 3144 3145 </a> 3146 </li> 3147 3148 3149 3150 3151 3152 <li 3153 class="child_li" 3154 3155 > 3156 <a 3157 href="/collections/lc-boys-clothing" 3158 > 3159 VIEW ALL 3160 3161 <sup>111</sup> 3162 3163 </a> 3164 </li> 3165 3166 </ul> 3167 </div> 3168 3169 </li> 3170 3171 3172 3173 3174 3175 3176 3177 3178 3179 3180 3181 3182 3183 3184 3185 3186 3187 <li 3188 class="main_li eastern" 3189 3190 id="eastern" 3191 > 3192 <a 3193 href="#"class="has_submenu lvl-1-menu" 3194 3195 3196 > 3197 EASTERN 3198 3199 </a><div class="new_submenu_accordian hidden lvl-1-menu-wrapper lvl-menu-wrapper"> 3200 <ul class="level-one-ul"> 3201 3202 3203 3204 3205 3206 <li 3207 class="child_li" 3208 3209 > 3210 <a 3211 href="/collections/lc-girls-eastern" 3212 > 3213 GIRLS 3214 3215 <sup>36</sup> 3216 3217 </a> 3218 </li> 3219 3220 3221 3222 3223 3224 <li 3225 class="child_li" 3226 3227 > 3228 <a 3229 href="/collections/lc-boys-eastern" 3230 > 3231 BOYS 3232 3233 <sup>28</sup> 3234 3235 </a> 3236 </li> 3237 3238 </ul> 3239 </div> 3240 3241 </li> 3242 3243 3244 3245 3246 3247 3248 3249 3250 3251 3252 3253 3254 3255 3256 3257 3258 3259 <li 3260 class="main_li western" 3261 3262 id="western" 3263 > 3264 <a 3265 href="#"class="has_submenu lvl-1-menu" 3266 3267 3268 > 3269 WESTERN 3270 3271 </a><div class="new_submenu_accordian hidden lvl-1-menu-wrapper lvl-menu-wrapper"> 3272 <ul class="level-one-ul"> 3273 3274 3275 3276 3277 3278 <li 3279 class="child_li" 3280 3281 > 3282 <a 3283 href="/collections/lc-girls-western" 3284 > 3285 GIRLS 3286 3287 <sup>79</sup> 3288 3289 </a> 3290 </li> 3291 3292 3293 3294 3295 3296 <li 3297 class="child_li" 3298 3299 > 3300 <a 3301 href="/collections/lc-boys-wester
3301n" 3302 > 3303 BOYS 3304 3305 <sup>83</sup> 3306 3307 </a> 3308 </li> 3309 3310 </ul> 3311 </div> 3312 3313 </li> 3314 3315 3316 3317 3318 3319 3320 3321 3322 3323 3324 3325 3326 3327 3328 3329 3330 3331 <li 3332 class="main_li shop-by-age" 3333 3334 id="shop-by-age" 3335 > 3336 <a 3337 href="#"class="has_submenu lvl-1-menu" 3338 3339 3340 > 3341 SHOP BY AGE 3342 3343 </a><div class="new_submenu_accordian hidden lvl-1-menu-wrapper lvl-menu-wrapper"> 3344 <ul class="level-one-ul"> 3345 3346 3347 3348 3349 3350 <li 3351 class="child_li" 3352 3353 > 3354 <a 3355 href="/collections/lc-0-2-years" 3356 > 3357 0-2 YEARS 3358 3359 <sup>71</sup> 3360 3361 </a> 3362 </li> 3363 3364 3365 3366 3367 3368 <li 3369 class="child_li" 3370 3371 > 3372 <a 3373 href="/collections/lc-2-5-years" 3374 > 3375 2-5 YEARS 3376 3377 <sup>77</sup> 3378 3379 </a> 3380 </li> 3381 3382 3383 3384 3385 3386 <li 3387 class="child_li" 3388 3389 > 3390 <a 3391 href="/collections/lc-5-8years" 3392 > 3393 5-8 YEARS 3394 3395 <sup>154</sup> 3396 3397 </a> 3398 </li> 3399 3400 3401 3402 3403 3404 <li 3405 class="child_li" 3406 3407 > 3408 <a 3409 href="/collections/lc-8-11-years" 3410 > 3411 8-11 YEARS 3412 3413 <sup>152</sup> 3414 3415 </a> 3416 </li> 3417 3418 3419 3420 3421 3422 <li 3423 class="child_li" 3424 3425 > 3426 <a 3427 href="/collections/lc-11-13-years" 3428 > 3429 11-13 YEARS 3430 3431 <sup>153</sup> 3432 3433 </a> 3434 </li> 3435 3436 3437 3438 3439 3440 <li 3441 class="child_li" 3442 3443 > 3444 <a 3445 href="/collections/lc-13-16-years" 3446 > 3447 13-16 YEARS 3448 3449 <sup>132</sup> 3450 3451 </a> 3452 </li> 3453 3454 </ul> 3455 </div> 3456 3457 </li> 3458 3459 3460 3461 3462 3463 3464 3465 3466 3467 3468 3469 3470 3471 3472 3473 3474 3475 <li 3476 class="main_li sale-offers" 3477 3478 id="sale-offers" 3479 > 3480 <a 3481 href="/pages/season_end-sale" 3482 3483 style="color: #C5312D;background:;" 3484 3485 > 3486 SALE & OFFERS 3487 3488 3489 3490 </a> 3491 </li> 3492 3493 </ul> 3494 </div> 3495 <!-- --> 3496 <div class="flex-menu-right" style="display:none;"> 3497 3498 3499 <div class="header-drawer-images"> 3500 3501 3502 3503 3504 3505 3506 3507 3508 3509 3510 3511
3512 <div class="drawer-image-item"> 3513 3514 <a href="https://sefam.com/collections/leisure-club-summer-2026" class="drawer-image-link"> 3515 <img 3516 src="//sefam.com/cdn/shop/files/Navigation_image_43.jpg?v=1777527592&width=221" 3517 alt="Tiny Traditions" 3518 loading="lazy" 3519 > 3520 3521 3522 <span class="drawer-image-title">Tiny Traditions</span> 3523 3524 </a> 3525 3526 </div> 3527 3528 3529 3530 3531 3532 3533 3534 3535 3536 3537 3538 3539 3540 <div class="drawer-image-item"> 3541 3542 <a href="https://sefam.com/collections/lc-girls-new-in" class="drawer-image-link"> 3543 <img 3544 src="//sefam.com/cdn/shop/files/navigation-image-22-69cdfd6161236.webp?v=1775107469&width=221" 3545 alt="FESTIVE WEAR" 3546 loading="lazy" 3547 > 3548 3549 3550 <span class="drawer-image-title">FESTIVE WEAR</span> 3551 3552 </a> 3553 3554 </div> 3555 3556 3557 3558 3559 3560 3561 3562 3563 3564 3565 3566 3567 3568 <div class="drawer-image-item"> 3569 3570 <a href="https://sefam.com/collections/lc-boys-eastern-suit" class="drawer-image-link"> 3571 <img 3572 src="//sefam.com/cdn/shop/files/Navigation_image_44.jpg?v=1777527760&width=221" 3573 alt="Little Nawab" 3574 loading="lazy" 3575 > 3576 3577 3578 <span class="drawer-image-title">Little Nawab</span> 3579 3580 </a> 3581 3582 </div> 3583 3584 3585 </div> 3586 3587 </div> 3588 </div> 3589 </div> 3590 3591 3592 3593 <div 3594 class="new_header_drawer_menus index-4" 3595 id="tab_shahnameh-men" 3596 3597 style=" 3598 display:none; 3599 3600 3601 3602 display:block; 3603 3604 3605 " 3606 > 3607 3608 <!-- 5 level navigation --> 3609 <!-- --> 3610 3611 3612 3613 <div class="flex-menu-images"> 3614 <div class="flex-menu-left"> 3615 <ul class="main-menu-ul"> 3616 3617 3618 3619 3620 3621 3622 3623 3624 3625 3626 3627 3628 3629 3630 3631 3632 3633 <li 3634 class="main_li clearance-sale" 3635 3636 id="clearance-sale" 3637 > 3638 <a 3639 href="#"class="has_submenu lvl-1-menu" 3640 3641 3642 style="color: #764f44;background:;" 3643 3644 > 3645 CLEARANCE SALE 3646 3647 </a><div class="new_submenu_accordian hidden lvl-1-menu-wrapper lvl-menu-wrapper"> 3648 <ul class="level-one-ul"> 3649 3650 3651 3652 3653 3654 <li 3655 class="child_li" 3656 3657 > 3658 <a 3659 href="/collections/clearance-sale-flat-30-off" 3660 > 3661 FLAT 30% OFF 3662 3663 <sup>106</sup> 3664 3665 </a> 3666 </li> 3667 3668 3669 3670 3671 3672 <li 3673 class="child_li" 3674 3675 > 3676 <a 3677 href="/collections/clearance-sale-flat-50-off" 3678 > 3679 FLAT 50% OFF 3680 3681 <sup>183</sup> 3682 3683 </a> 3684 </li> 3685 3686 3687 3688 3689 3690 <li 3691 class="child_li" 3692 3693 > 3694 <a 3695 href="/collections/clearance-sale-eastern" 3696 > 3697 EASTERN 3698 3699 <sup>189</sup> 3700 3701 </a> 3702 </li> 3703 3704 3705 3706 3707 3708 <li 3709 class="child_li" 3710 3711 > 3712 <a 3713 href="/collections/clearance-sale-western" 3714 > 3715 WESTERN 3716 3717 <sup>100</sup> 3718 3719 </a> 3720 </li> 3721 3722 3723 3724 3725 3726 <li 3727 class="child_li" 3728 3729 > 3730 <a 3731 href="/collections/clearance-sale" 3732 > 3733 VIEW ALL 3734 3735 <sup>289</sup> 3736 3737 </a> 3738 </li> 3739 3740 </ul> 3741 </div> 3742 3743 </li> 3744 3745 3746 3747 3748 3749 3750 3751 3752 3753 3754 3755 3756 3757 3758 3759 3760 3761 <li 3762 class="main_li new-arrivals" 3763 3764 id="new-arrivals" 3765 > 3766 <a 3767 href="/collections/shahnameh-new-in26" 3768 3769 > 3770 New Arrivals 3771 3772 3773 <sup>57</sup> 3774 3775 3776 </a> 3777 </li> 3778 3779 3780 3781 3782 3783 3784 3785 3786 3787 3788 3789 3790 3791 3792 3793 3794 3795 <li 3796 class="main_li eastern" 3797 3798 id="eastern" 3799 > 3800 <a 3801 href="/collections/men-stitched-eastern-wear"class="has_submenu lvl-1-menu" 3802 3803 3804 > 3805 EASTERN 3806 3807 </a><div class="new_submenu_accordian hidden lvl-1-menu-wrapper lvl-menu-wrapper"> 3808 <ul class="level-one-ul"> 3809 3810 3811 3812 3813 3814 <li 3815 class="child_li" 3816 3817 > 3818 <a 3819 href="/collections/shahnameh-eastern-wear-all" 3820 > 3821 VIEW ALL 3822 3823 <sup>92</sup> 3824 3825 </a> 3826 </li> 3827 3828 3829 3830 3831 3832 <li 3833 class="child_li" 3834 3835 > 3836 <a 3837 href="/collections/shahnameh-kurta-all" 3838 > 3839 KURTAS 3840 3841 <sup>28</sup> 3842 3843 </a> 3844 </li> 3845 3846 3847 3848 3849 3850 <li 3851 class="child_li" 3852 3853 > 3854 <a 3855 href="/collections/shahnameh-suits-all" 3856 > 3857 SUITS 3858 3859 <sup>36</sup> 3860 3861 </a> 3862 </li> 3863 3864 3865 3866 3867 3868 <li 3869 class="child_li" 3870 3871 > 3872 <a 3873 href="/collections/shahnameh-waistcoats" 3874 > 3875 WAISTCOATS 3876 3877 <sup>19</sup> 3878 3879 </a> 3880 </li> 3881 3882 3883 3884 3885 3886 <li 3887 class="child_li" 3888 3889 > 3890 <a 3891 href="/collections/men-sherwani" 3892 > 3893 Sherwani 3894 3895 <sup>2</sup> 3896 3897 </a> 3898 </li> 3899 3900 3901 3902 3903 3904 <li 3905 class="child_li" 3906 3907 > 3908 <a 3909 href="/collections/shahnameh-eastern-bottoms" 3910 > 3911 BOTTOMS 3912 3913 <sup>4</sup> 3914 3915 </a> 3916 </li> 3917 3918 3919 3920 3921 3922 <li 3923 class="child_li" 3924 3925 > 3926 <a 3927 href="/collections/shahnameh-unstitched-all" 3928 > 3929 UNSTITCHED 3930 3931 <sup>3</sup> 3932 3933 </a> 3934 </li> 3935 3936 </ul> 3937 </div> 3938 3939 </li> 3940 3941 3942 3943 3944 3945 3946 3947 3948 3949 3950 3951 3952 3953 3954 3955 3956 3957 <li 3958 class="main_li western" 3959
3959 3960 id="western" 3961 > 3962 <a 3963 href="/collections/men-stitched-western-wear"class="has_submenu lvl-1-menu" 3964 3965 3966 > 3967 WESTERN 3968 3969 </a><div class="new_submenu_accordian hidden lvl-1-menu-wrapper lvl-menu-wrapper"> 3970 <ul class="level-one-ul"> 3971 3972 3973 3974 3975 3976 <li 3977 class="child_li" 3978 3979 > 3980 <a 3981 href="/collections/shahnameh-western-wear-all" 3982 > 3983 VIEW ALL 3984 3985 <sup>96</sup> 3986 3987 </a> 3988 </li> 3989 3990 3991 3992 3993 3994 <li 3995 class="child_li" 3996 3997 > 3998 <a 3999 href="/collections/shahnameh-coats" 4000 > 4001 COATS 4002 4003 <sup>28</sup> 4004 4005 </a> 4006 </li> 4007 4008 4009 4010 4011 4012 <li 4013 class="child_li" 4014 4015 > 4016 <a 4017 href="/collections/shahnameh-t-shirts-polo" 4018 > 4019 T-SHIRTS & POLO 4020 4021 <sup>18</sup> 4022 4023 </a> 4024 </li> 4025 4026 4027 4028 4029 4030 <li 4031 class="child_li" 4032 4033 > 4034 <a 4035 href="/collections/shahnameh-shirts-all" 4036 > 4037 SHIRTS 4038 4039 <sup>25</sup> 4040 4041 </a> 4042 </li> 4043 4044 4045 4046 4047 4048 <li 4049 class="child_li" 4050 4051 > 4052 <a 4053 href="/collections/shahnameh-western-bottoms" 4054 > 4055 BOTTOMS 4056 4057 <sup>25</sup> 4058 4059 </a> 4060 </li> 4061 4062 </ul> 4063 </div> 4064 4065 </li> 4066 4067 4068 4069 4070 4071 4072 4073 4074 4075 4076 4077 4078 4079 4080 4081 4082 4083 <li 4084 class="main_li sale-offers" 4085 4086 id="sale-offers" 4087 > 4088 <a 4089 href="/pages/season_end-sale" 4090 4091 style="color: #C5312D;background:;" 4092 4093 > 4094 SALE & OFFERS 4095 4096 4097 4098 </a> 4099 </li> 4100 4101 </ul> 4102 </div> 4103 <!-- --> 4104 <div class="flex-menu-right" style="display:none;"> 4105 4106 4107 <div class="header-drawer-images"> 4108 4109 4110 4111 4112 4113 4114 4115 4116 4117 4118 4119
4120 <div class="drawer-image-item"> 4121 4122 <a href="https://sefam.com/collections/shahnameh-new-in26" class="drawer-image-link"> 4123 <img 4124 src="//sefam.com/cdn/shop/files/navigation-image-31-69cdfe9a4c160.webp?v=1775107765&width=221" 4125 alt="NEW IN" 4126 loading="lazy" 4127 > 4128 4129 4130 <span class="drawer-image-title">NEW IN</span> 4131 4132 </a> 4133 4134 </div> 4135 4136 4137 4138 4139 4140 4141 4142 4143 4144 4145 4146 4147 4148 <div class="drawer-image-item"> 4149 4150 <a href="https://sefam.com/collections/shahnameh-coats" class="drawer-image-link"> 4151 <img 4152 src="//sefam.com/cdn/shop/files/navigation-image-30-69cdfe9a5c375.webp?v=1775107765&width=221" 4153 alt="PREMIUM" 4154 loading="lazy" 4155 > 4156 4157 4158 <span class="drawer-image-title">PREMIUM</span> 4159 4160 </a> 4161 4162 </div> 4163 4164 4165 4166 4167 4168 4169 4170 4171 4172 4173 4174 4175 4176 <div class="drawer-image-item"> 4177 4178 <a href="https://sefam.com/collections/shahnameh-eastern-wear-all" class="drawer-image-link"> 4179 <img 4180 src="//sefam.com/cdn/shop/files/navigation-image-24-69cdfe9c40221.webp?v=1775107764&width=221" 4181 alt="HERITAGE WEAR" 4182 loading="lazy" 4183 > 4184 4185 4186 <span class="drawer-image-title">HERITAGE WEAR</span> 4187 4188 </a> 4189 4190 </div> 4191 4192 4193 </div> 4194 4195 </div> 4196 </div> 4197 </div> 4198 4199 4200 4201 <div 4202 class="new_header_drawer_menus index-5" 4203 id="tab_masters" 4204 4205 style=" 4206 display:none; 4207 4208 4209 " 4210 > 4211 4212 <!-- 5 level navigation --> 4213 <!-- --> 4214 4215 4216 4217 <div class="flex-menu-images"> 4218 <div class="flex-menu-left"> 4219 <ul class="main-menu-ul"> 4220 4221 4222 4223 4224 4225 4226 4227 4228 4229 4230 4231 4232 4233 4234 4235 4236 4237 <li 4238 class="main_li new-arrivals" 4239 4240 id="new-arrivals" 4241 > 4242 <a 4243 href="/collections/masters-new-arrivals26" 4244 4245 > 4246 New Arrivals 4247 4248 4249 <sup>22</sup> 4250 4251 4252 </a> 4253 </li> 4254 4255 4256 4257 4258 4259 4260 4261 4262 4263 4264 4265 4266 4267 4268 4269 4270 4271 <li 4272 class="main_li ready-to-wear" 4273 4274 id="ready-to-wear" 4275 > 4276 <a 4277 href="/collections/women-masters-ready-to-wear" 4278 4279 > 4280 READY TO WEAR 4281 4282 4283 <sup>75</sup> 4284 4285 4286 </a> 4287 </li> 4288 4289 4290 4291 4292 4293 4294 4295 4296 4297 4298 4299 4300 4301 4302 4303 4304 4305 <li 4306 class="main_li unstitched" 4307 4308 id="unstitched" 4309 > 4310 <a 4311 href="/collections/women-masters-unstitched" 4312 4313 > 4314 UNSTITCHED 4315 4316 4317 <sup>27</sup> 4318 4319 4320 </a> 4321 </li> 4322 4323 4324 4325 4326 4327 4328 4329 4330 4331 4332 4333 4334 4335 4336 4337 4338 4339 <li 4340 class="main_li dupatta" 4341 4342 id="dupatta" 4343 > 4344 <a 4345 href="/collections/masters-dupatta" 4346 4347 > 4348 DUPATTA 4349 4350 4351 <sup>3</sup> 4352 4353 4354 </a> 4355 </li> 4356 4357 4358 4359 4360 4361 4362 4363 4364 4365 4366 4367 4368 4369 4370 4371 4372 4373 <li 4374 class="main_li bottoms" 4375 4376 id="bottoms" 4377 > 4378 <a 4379 href="/collections/masters-bottoms" 4380 4381 > 4382 BOTTOMS 4383 4384 4385 <sup>21</sup> 4386 4387 4388 </a> 4389 </li> 4390 4391 4392 4393 4394 4395 4396 4397 4398 4399 4400 4401 4402 4403 4404 4405 4406 4407 <li 4408 class="main_li view-all" 4409 4410 id="view-all" 4411 > 4412 <a 4413 href="/collections/women-masters" 4414 4415 > 4416 VIEW ALL 4417 4418 4419 <sup>102</sup> 4420 4421 4422 </a> 4423 </li> 4424 4425 4426 4427 4428 4429 4430 4431 4432 4433 4434 4435 4436 4437 4438 4439 4440 4441 <li 4442 class="main_li season-end-sale" 4443 4444 id="season-end-sale" 4445 > 4446 <a 4447 href="https://sefam.com/collections/season-end-sale-masters" 4448 4449 style="color: #a0190a;background:;" 4450 4451 > 4452 SEASON END SALE 4453 4454 4455 4456 </a> 4457 </li> 4458 4459 </ul> 4460 </div> 4461 <!-- --> 4462 <div class="flex-menu-right" style="display:none;"> 4463 4464 4465 <div class="header-drawer-images"> 4466 4467 4468 4469 4470 4471 4472 4473 4474 4475 4476 4477
4478 <div class="drawer-image-item"> 4479 4480 <a href="https://sefam.com/pages/kayseria" class="drawer-image-link"> 4481 <img 4482 src="//sefam.com/cdn/shop/files/Navigation_image_36.jpg?v=1776688056&width=221" 4483 alt="WOMEN" 4484 loading="lazy" 4485 > 4486 4487 4488 <span class="drawer-image-title">WOMEN</span> 4489 4490 </a> 4491 4492 </div> 4493 4494 4495 4496 4497 4498 4499 4500 4501 4502 4503 4504 4505 4506 <div class="drawer-image-item"> 4507 4508 <a href="https://sefam.com/pages/leisure-club" class="drawer-image-link"> 4509 <img 4510 src="//sefam.com/cdn/shop/files/Navigation_image_45.jpg?v=1777527913&width=221" 4511 alt="KIDS" 4512 loading="lazy" 4513 > 4514 4515 4516 <span class="drawer-image-title">KIDS</span> 4517 4518 </a> 4519 4520 </div> 4521 4522 4523 4524 4525 4526 4527 4528 4529 4530 4531 4532 4533 4534 <div class="drawer-image-item"> 4535 4536 <a href="https://sefam.com/pages/shahnameh" class="drawer-image-link"> 4537 <img 4538 src="//sefam.com/cdn/shop/files/navigation-image-32-69ae76ea50ae7.webp?v=1773041417&width=221" 4539 alt="MAN" 4540 loading="lazy" 4541 > 4542 4543 4544 <span class="drawer-image-title">MAN</span> 4545 4546 </a> 4547 4548 </div> 4549 4550 4551 </div> 4552 4553 </div> 4554 </div> 4555 </div> 4556 4557 4558 4559 <div 4560 class="new_header_drawer_menus index-6" 4561 id="tab_sefam" 4562 4563 style=" 4564 display:none; 4565 4566 4567 " 4568 > 4569 4570 <!-- 5 level navigation --> 4571 <!-- --> 4572 4573 4574 4575 <div class="flex-menu-images"> 4576 <div class="flex-menu-left"> 4577 <ul class="main-menu-ul"> 4578 4579 </ul> 4580 </div> 4581 <!-- --> 4582 <div class="flex-menu-right" style="display:none;"> 4583 4584 4585 <div class="header-drawer-images"> 4586 4587 4588 4589 4590 4591 4592 4593 4594 4595 4596 4597 4598 4599 4600 4601 4602 4603 4604 4605 4606 4607 4608 4609 4610 4611 4612 4613 4614 4615 4616 4617 4618 4619 4620 4621 4622 4623 </div> 4624 4625 </div> 4626 </div> 4627 </div> 4628 4629 4630 4631 <div class="new_drawer_fixed_nav"> 4632 <ul></ul> 4633 </div> 4634 4635 <div class="new_drawer_bottom_bar"> 4636 4637 4638 4639 4640 4641 4642 4643 4644 4645 4646 4647 4648 4649 </div> 4650 </div> 4651 </div> 4652 </div> 4653 </details> 4654 4655 <div class="hidden medium-hide large-up-hide"> 4656 4657 </div> 4658 4659</header-drawer> 4660
4661<script> 4662document.addEventListener('DOMContentLoaded', function () { 4663 const drawer = document.querySelector('#menu-drawer'); 4664 if (!drawer) return; 4665 4666 const tabs = Array.from(drawer.querySelectorAll('.new__drawer_submenu_tab')); 4667 const panels = Array.from(drawer.querySelectorAll('.new_header_drawer_menus')); 4668 const desktopMq = window.matchMedia('(min-width: 990px)'); 4669 4670 function getPanel(tab) { 4671 const id = tab && tab.dataset ? tab.dataset.tab : ''; 4672 return id ? drawer.querySelector('#' + CSS.escape(id)) : null; 4673 } 4674 4675 function clearLevelOneState(scope) { 4676 (scope || drawer).querySelectorAll('.main_li.desktop-l1-open, .main_li.mobile-l3-open').forEach(function (li) { 4677 li.classList.remove('desktop-l1-open', 'mobile-l3-open'); 4678 }); 4679 4680 (scope || drawer).querySelectorAll('.main_li > .lvl-1-menu').forEach(function (link) { 4681 link.classList.remove('active'); 4682 }); 4683 } 4684 4685 function showOnlyPanel(panel) { 4686 panels.forEach(function (item) { 4687 item.classList.toggle('drawer-panel-active', item === panel); 4688 item.style.display = item === panel ? 'block' : 'none'; 4689 }); 4690 } 4691 4692 function getActiveTab() { 4693 return tabs.find(function (tab) { 4694 return tab.classList.contains('active') || tab.classList.contains('drawer-dept-active'); 4695 }) || tabs[0]; 4696 } 4697 4698 function activateDepartment(tab, goToLayer2) { 4699 if (!tab) return; 4700 4701 const panel = getPanel(tab); 4702 if (!panel) return; 4703
4704 tabs.forEach(function (item) { 4705 item.classList.remove('active', 'drawer-dept-active'); 4706 }); 4707 4708 tab.classList.add('active', 'drawer-dept-active'); 4709 clearLevelOneState(drawer); 4710 showOnlyPanel(panel); 4711 4712 if (desktopMq.matches) { 4713 /* Desktop state 2: 4714 brand selected -> expand drawer and show its Level-1 menu. */ 4715 drawer.classList.remove('desktop-root', 'desktop-child-open'); 4716 drawer.classList.add('desktop-brand-open'); 4717 return; 4718 } 4719 4720 if (goToLayer2) { 4721 drawer.classList.remove('mobile-layer-1', 'mobile-layer-3'); 4722 drawer.classList.add('mobile-layer-2'); 4723 4724 const mobileHeader = ensureMobileBackButton(); 4725 updateMobileMenuHeading(tab, mobileHeader); 4726 } 4727 } 4728 4729 function updateMobileMenuHeading(tab, button) { 4730 if (desktopMq.matches) return; 4731 4732 const backButton = button || drawer.querySelector('.drawer-mobile-back'); 4733 if (!backButton || !tab) return; 4734 4735 const label = backButton.querySelector('.drawer-mobile-title'); 4736 if (label) { 4737 label.textContent = tab.textContent.trim(); 4738 } 4739 4740 backButton.setAttribute( 4741 'aria-label', 4742 'Back from ' + tab.textContent.trim() 4743 ); 4744 } 4745 4746 function ensureMobileBackButton() { 4747 if (desktopMq.matches) return null; 4748 4749 let button = drawer.querySelector('.drawer-mobile-back'); 4750 const nav = drawer.querySelector('.menu-drawer__navigation-container'); 4751 4752 if (!button && nav) { 4753 button = document.createElement('button'); 4754 button.type = 'button'; 4755 button.className = 'drawer-mobile-back drawer-mobile-heading'; 4756 button.setAttribute('aria-label', 'Back'); 4757 4758 button.innerHTML = ` 4759 <svg width="14" height="14" viewBox="0 0 16 16" aria-hidden="true" focusable="false"> 4760 <path d="M9.8 2.7 4.5 8l5.3 5.3-1.4 1.4L1.7 8l6.7-6.7 1.4 1.4Z" fill="currentColor"/> 4761 </svg> 4762 <span class="drawer-mobile-title"></span> 4763 `; 4764 4765 nav.prepend(button); 4766 4767 button.addEventListener('click', function () { 4768 drawer.classList.remove('mobile-layer-2', 'mobile-layer-3'); 4769 drawer.classList.add('mobile-layer-1'); 4770 4771 drawer.querySelectorAll('.main_li.mobile-accordion-open').forEach(function (li) { 4772 li.classList.remove('mobile-accordion-open'); 4773 }); 4774 4775 drawer.querySelectorAll('.main_li > .lvl-1-menu.active').forEach(function (link) { 4776 link.classList.remove('active'); 4777 link.setAttribute('aria-expanded', 'false'); 4778 }); 4779 4780 clearLevelOneState(drawer); 4781 }); 4782 } 4783 4784 return button; 4785 } 4786 4787 function setInitialState() { 4788 if (desktopMq.matches) { 4789 /* Desktop state 1: 4790 start narrow and show only KAYSERIA / LEISURE CLUB / 4791 SHAHNAMEH / MASTER'S. */ 4792 drawer.classList.remove( 4793 'mobile-layer-1', 4794 'mobile-layer-2', 4795 'mobile-layer-3', 4796 'desktop-brand-open', 4797 'desktop-child-open' 4798 ); 4799 drawer.classList.add('desktop-root'); 4800 4801 panels.forEach(function (panel) { 4802 panel.style.display = 'none'; 4803 panel.classList.remove('drawer-panel-active'); 4804 }); 4805
4806 tabs.forEach(function (tab) { 4807 tab.classList.remove('active', 'drawer-dept-active'); 4808 }); 4809 4810 clearLevelOneState(drawer); 4811 4812 const back = drawer.querySelector('.drawer-mobile-back'); 4813 if (back) back.remove(); 4814 } else { 4815 drawer.classList.remove( 4816 'desktop-root', 4817 'desktop-brand-open', 4818 'desktop-child-open', 4819 'mobile-layer-2', 4820 'mobile-layer-3' 4821 ); 4822 drawer.classList.add('mobile-layer-1'); 4823 4824 panels.forEach(function (panel) { 4825 panel.style.display = 'none'; 4826 panel.classList.remove('drawer-panel-active'); 4827 }); 4828 4829 clearLevelOneState(drawer); 4830 4831 drawer.querySelectorAll('.main_li.mobile-accordion-open').forEach(function (li) { 4832 li.classList.remove('mobile-accordion-open'); 4833 }); 4834 4835 const back = drawer.querySelector('.drawer-mobile-back'); 4836 if (back) back.remove(); 4837 } 4838 } 4839 4840 tabs.forEach(function (tab) { 4841 tab.addEventListener('click', function (event) { 4842 /* Optional department URL 4843 If a URL is configured, navigate directly to it. 4844 This prevents other drawer/theme scripts from blocking the link. */ 4845 if (tab.dataset.hasUrl === 'true') { 4846 const targetUrl = tab.getAttribute('href'); 4847 4848 if (targetUrl && targetUrl !== '#') { 4849 event.preventDefault(); 4850 event.stopPropagation(); 4851 4852 if (typeof event.stopImmediatePropagation === 'function') { 4853 event.stopImmediatePropagation(); 4854 } 4855 4856 window.location.href = targetUrl; 4857 return; 4858 } 4859 } 4860 4861 /* No URL configured: 4862 keep the existing department submenu behavior. */ 4863 event.preventDefault(); 4864 event.stopPropagation(); 4865 4866 if (desktopMq.matches) { 4867 activateDepartment(tab, false); 4868 } else { 4869 activateDepartment(tab, true); 4870 } 4871 }); 4872 }); 4873 4874 drawer.addEventListener('click', function (event) { 4875 const link = event.target.closest('.main_li > .has_submenu.lvl-1-menu'); 4876 if (!link || !drawer.contains(link)) return; 4877 4878 const li = link.closest('.main_li'); 4879 const submenu = li ? li.querySelector(':scope > .lvl-1-menu-wrapper') : null; 4880 if (!li || !submenu) return; 4881 4882 event.preventDefault(); 4883 event.stopPropagation(); 4884 4885 if (desktopMq.matches) { 4886 const panel = li.closest('.new_header_drawer_menus'); 4887 if (!panel) return; 4888 4889 panel.querySelectorAll('.main_li.desktop-l1-open').forEach(function (item) { 4890 if (item !== li) item.classList.remove('desktop-l1-open'); 4891 }); 4892 4893 panel.querySelectorAll('.main_li > .lvl-1-menu.active').forEach(function (item) { 4894 if (item !== link) item.classList.remove('active'); 4895 }); 4896 4897 li.classList.add('desktop-l1-open'); 4898 link.classList.add('active'); 4899 4900 /* Desktop state 3: 4901 expand further and show every direct child group 4902 (child_li) of this Level-1 item at the same time. */ 4903 drawer.classList.remove('desktop-root', 'desktop-brand-open'); 4904 drawer.classList.add('desktop-child-open'); 4905 return; 4906 } 4907 4908 /* Mobile: 4909 Do NOT open a third screen. 4910 Expand/collapse this Level-1 submenu directly underneath it. */ 4911 const isOpen = li.classList.contains('mobile-accordion-open'); 4912 4913 /* Nishat-style: keep one Level-1 accordion open at a time. */ 4914 const currentPanel = li.closest('.new_header_drawer_menus'); 4915 if (currentPanel) { 4916 currentPanel.querySelectorAll('.main_li.mobile-accordion-open').forEach(function (item) { 4917 if (item !== li) { 4918 item.classList.remove('mobile-accordion-open'); 4919 4920 const itemLink = item.querySelector(':scope > .lvl-1-menu'); 4921 if (itemLink) { 4922 itemLink.classList.remove('active'); 4923 itemLink.setAttribute('aria-expanded', 'false'); 4924 } 4925 } 4926 }); 4927 } 4928 4929 if (isOpen) { 4930 li.classList.remove('mobile-accordion-open'); 4931 link.classList.remove('active'); 4932 link.setAttribute('aria-expanded', 'false'); 4933 } else { 4934 li.classList.add('mobile-accordion-open'); 4935 link.classList.add('active'); 4936 link.setAttribute('aria-expanded', 'true'); 4937 } 4938
4939 drawer.classList.remove('mobile-layer-1', 'mobile-layer-3'); 4940 drawer.classList.add('mobile-layer-2'); 4941 }); 4942 4943 4944 setInitialState(); 4945 4946 4947 if (typeof desktopMq.addEventListener === 'function') { 4948 desktopMq.addEventListener('change', setInitialState); 4949 } else if (typeof desktopMq.addListener === 'function') { 4950 desktopMq.addListener(setInitialState); 4951 } 4952 4953 const drawerDetails = drawer.closest('details'); 4954 if (drawerDetails) { 4955 drawerDetails.addEventListener('toggle', function () { 4956 if (drawerDetails.open && desktopMq.matches) { 4957 setInitialState(); 4958 } 4959 }); 4960 } 4961}); 4962</script>
4962 4963<div class="header-logo-menu-wrapper in-use"> 4964 4965 <div class="new_header_submenu transition"> 4966 <ul> 4967 4968 4969 4970 4971 4972 4973 4974 4975 4976 4977 4978 4979 4980 </ul> 4981 </div> 4982 4983 4984 4985 4986 <div 4987 class="sefam-logo" 4988 bis_skin_checked="1" 4989 4990 > 4991 4992 <a href="/" aria-label="Sefam website root url"> 4993 4994 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1080" zoomAndPan="magnify" viewBox="0 0 810 215.249992" height="287" preserveAspectRatio="xMidYMid meet" version="1.0"><defs><filter x="0%" y="0%" width="100%" height="100%" id="ef59894403"><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" color-interpolation-filters="sRGB"/></filter><filter x="0%" y="0%" width="100%" height="100%" id="2bcc0951d8"><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0.2126 0.7152 0.0722 0 0" color-interpolation-filters="sRGB"/></filter><clipPath id="7babfeabf3"><path d="M 1.40625 0 L 808.59375 0 L 808.59375 214.503906 L 1.40625 214.503906 Z M 1.40625 0 " clip-rule="nonzero"/></clipPath><mask id="24d6c29a15"><g filter="url(#ef59894403)"><g filter="url(#2bcc0951d8)" transform="matrix(0.747396, 0, 0, 0.747396, 1.406264, 0)"><image x="0" y="0" width="1080" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDgAAAEfCAAAAACB6il6AAAAAmJLR0QA/4ePzL8AACAASURBVHic7L3pc9t4muf5w0mCBO/7EEVJ1H1YtiVbTjvtzKysrKu7q3pmJ7qjX01sxP5H82ojNmJezHTMRm9H11TX3VmVmU6nbzttS5Z1UBdFShRJ8QRvAtwXttMSBQIgDoqS8HlliyAAksAXz+85AVBRUVFRUVFRUVFRUVFRUVFRUVFRuYBAsu0J1xI6gtDhCIZr8CO7bdL1UrVaqxWpUqlBd7hT1Gq3kgAAAGLhsmynqnICBMdxrQ5DIAAAjtE0zQAAGLpartRq1dM+OZXeA5VrRxBhdbgcDrdRqzeaDUd2S9eoeCabz+9FD+LlToUDD1ya8AEAAPgmrgqHgqCkyWhz6bUQAMBEVivVOgCgUc0k0/l8rXnaZ6fSc0gXDhgxWkwmA2kwmSwmk0WHaXV6HfLhdaZecRSKpdJhKpspUhSVpzIUzQjcuWZwftQNAABgE5N8piongQi9yWTQ6/QGUmc0a3EAANAT9Vq9AQBg6lSuUCpRRapAZXJl1fJQ+QHpwoEQ/snhkQG/VgPBMARDAIKgowsgCMf0zWazyTBMM5+NRDZ3liMVocKhHf3IYwYAAOBUhUMJIFPfcGjQ5zFrUQh+98NBUPOtjdEETabZbDb3IluR1xsHqnCo/IA04TA4HBaH2+VxOe0WtM2uIADB7/+t0ROO/sO5RDqVzqQofvnQmlwu/dv9GjzZvGoyywmu8XhsVrvb6bSbTQSKcGyqtQ6MJDKpZPIgQ9W7doIqPYw04bBMzY6NTgu3BbRaKwAAVLbXVlYWo40az+YwaXM53/3b2J8qNkSepgobWvOVhemQ2ci/pdk8CECzkn7x4vFqXRUOFSBeOCDUEPT3+/0eux3m37r1oHbINrqQSiTisXiJQw3QsetukeenwonG6O7vDwb9LpNG8HtQw7BhcH97d3svy6f4KucescIB47YrC3c8Wi4Dt/1B7fZRAKjY2ovHpTrdfgGCji2owqEIWsf0ndlZvJO3QBhmHAFU+OXXjZIqHBceccJBhMaGggNeOy4lDQR3Ys6ZZHT/YP8gUWOL05pck5fs7/+DaFXvqDzAqH9sdMLnd4gRfdyHe65vr4UPUkL92yrnEhHCAcOYffrT+SGtxIgMjlsGAdhaX3+93iyWaaYlRgtB1uDI8IcTJTD5ktUuMoiWHPls/gop7t24wzFxuPuAwEoV1eN0kRFx81sd05dDwx68c98GG5Zh+3A6s7u/lzhI149Kh5aYuxX48F/CYVSFQwa0ntDspZC3o1VKCzrPgn/p4VpYVY4LTKfCAWu1w6NffGrQy3UCZvMAAGB1Y3VjY4cq1xp1mgEAQTHcbr/1E9eH7bRWUh6lutDAeufM9S9GNcdWKc0G3XjnaYIRlDMuCwAAgCBcl4fMZDFTUpcrF5YOhQPFx8bmpgMGKQ8sNpwaz+VcIhaLJg7yJRoY7e6+UGjCSch8mAuP7vrs1WF/i2uKzmYPqDoNAEBxq91iErIj9y2j9+Hzmmp0XFQ6Eg4Es3kWFq6OyX8aFksQgML2djiymy7UgcsbDI2Oao7Kk+oclQyEW/s/+2jSfvRvTLlE5fYPdjM1GgCAal1er9Nk0PAGaa1WcwDO76UUO1mV3qYj4SCs85+GQjalzkXrNw0Ui9U6AwgdaTRpjy1NCIdBXapIA7N/dmum/7hXlN5bWVpP5opVpgkAgBBCZ7cuXPIJiIJbsVvaP6nCcVHpQDgQ1DNx83ObnX9LAOpVmqY/hFhhDEVQlO/GxyyW9i9qzDrVOSoFCHNP3P7MeVQ3mOZhaunp09f5ypE/Ggyl8gTgd2Lp9VPkTrik1ixfTDoQDp31xj8GfcK8G4VYIU9RP/yXcBhJi1WSxaAuVSSCmT79xYTr2BqkUfv6bngjWziWRV6uf/Nm7ub8OP8eXYbrmeWwvGepckYQLBwaMhi6MWfkWfwyjUq+VCrXDmOFwlHhsBtJq0VP4BqdjhCe5HwUGEFUi0M8MNwfWrhmOWpHMEx09/7deLJly0YjekAzGsLOm+mh003kCluMWnp4EREsHKbQzVvDBr7NaSq+sh3ZTxfLjUbjg8sdwTEUx20+mz0Q8DnEnquKeFD8oy/G7cfMRbr29A+LkQrLxo3tOly9JSBFLISsPVIjKxcSgcKhMU3duHnFzJliTpdyqdRBbD0SO8iyXkxmj8Xm8/tcFpPJqOl04aGx6lWLQzx9oY9vmo/7LeLb9785zLNt3MzV8KqFsGj59upABjypnEynqHKWECgcZOjGz0cM3Dd743D16dL2YalSYa08AYCK7OEarcE8NToasncqHCRuUaMq4pn61eXWVkgbf3wab1etVt2oDBgneYUD1XmG6qpwXEQECQeiG7hzZ5QzDFsqxra311a2EqX227xdu2Da9PabAa/bbrV34u3AMHG+ERUAgMt3faElm47Kvv5us21IhCnEHiIWPc6TRQpjvrGDiCynqHK2ECQcqHXk0+s6zk3y+998vb1XqfIveBvFtW3c3D90aUKvSkGXCN6ZC7b80vn1lRUuW6H8PTPrMfKlnyPOoRdST07lLCJAOBDCc+PmEGejqFhsZX1xSdhqt9ksl0G+lElvbfS5nVbhSxaMLKt9IMSgt0zeGGxddsTvrRS4mnnRme3HmhkXxxYAAAARRrmrD1TOBAKEA7NO/OMcd4O5N3+596Le6KDkqbqfeK1zTN1a0HfQd9BSVIVDDJaJudsnfr+d3+5wNgFs1uJ/rrl4hQMX18pJ5azDLxyobf5m0Nh+O7qx/vLZ8y2q7Q
4994asMEy90YCqB2uDfrNZ2Fs0psNsZwdRAQDAaPAn0/qW36+c3Tso8CRgVKLrG04L33ISUmNdFxJe4YBxz6ef+zguH7ry6L/F4yIO3cjnV54GP/lkSKBwaM2y1fJfJBDt2H+xt64nijvRQw43NgAAgFpsbdkrMl1P5bzDKxzE1M0RW/t1LN1Yuf9dvENz4wNU9F504nIw2G62gopknFcutdobAOSWIwKG6qXu6W06VDUpVE7CLxzTd0Y56tro6so/b4mxN95CUdF7lxOfeCBVOJTCdWeWPOFIEiocxuteNdNfhQWeGxZ2jV+Zal+zSjcWHzzckuh5iH6zc/fmrJ13vgfpFS9QFxa9dfzq4En/ZXHnQIBw0NWN35U5/eJMLl4Uf3IqZxce4UC9U5OD7V+uF17/ZmVfYgO5ZHJZW9UDnG+5IqDsSqUVfd/I+InQSLNZjB0K+NWa9eg3lhEdh83B5A7UuvoLCffNihlmvwhwvL7/5LudnPTqyEblQfrq1Fg/91aoWljfOfa5qZOJ4/VyNlsS9LMVtl+/rAXaXyRMYkPNOL+QcAuHwXv1Tnu3Ol3d+sv9Xbbyyg6h6edL0b06QWq5gnuqcHQMjHrmWYSjlk3nhf1spdKSD3YQ7WyOeim6robILyTcwhG6GtS0Ly2jNl+92ZdplGhjo5zauTWKcaQTIVIHuVw8tPZg0HHyW6scZgV4ON4S+wYdcJnaCEd6dzsqOqKmcpbhuhcRZPzTAY6nfO7F83BapvNg9hLRfRjyGLG2QqUxqk3PO4QMjftZXNuVxKHgJhqJHBmaGmUdosM0d7/faO0DpHIx4BIOrX5kjqMLKMg+XZLxcUPnVv935Cej1rZLI53TIN/RLgbm2Sk2h3K1A4uDrq79a9lrYsvkadSX/rIt+txUzjRcwmHxDw60f7VR2n+zLaNLvVneK6RNzQlzO5tDtTg6BNY4xofYipqr6ZzgSFizsVd0Dofc0MlfJZdcenYo5QRVzi5czXFCPw1yvFpaWdynBD+4hEBTG//yv5bTMnlNVDS+UMjDZsDV8lQHIfRa5sH//V2Z5Zd+82/P9lUPxwWlvcWBYP3XucZrlFZXsvLe48169k0zwMxYYVZfnOoc7RBNYNDJWt5TLxQ7EA6a3im4XX4XfnS5QtcPEw/vbanZXxeV9vei1hS6xtW8p/jyheyPG6a6+c9Jm4G9tanWwt1LSKUF3dg4u1eonuvMVKSqX0Z+/vGxiqVq/ts/vt5UdePC0l44zEM+a/v3NeliNCZ/ewymsPniu+aQns3m0JhUH0cnIIbhEHuuLVPvrDM5TUcKOqrPT+pxjR6q1OoUldh9+CiupnBcXNoLh2OWa6HC1IspJbwRTG3j13Wzhs2Jr0FV4egACDOPDMn1jVHV/3g2PDbgN1r7kEy6sLu1+jKVrcq0c5UzSHvhcF3zcbyvnj4oKNKPizlcsruuDLKkjyCI2myqA1BXwMFbOCiURqOcyMVXHXqjE8nlS4n93U1Z/eIqZw0ui4NrclItsSdDrjkblfoySQTU7HKpYP6grD4h+iCzgsIICtE006i3mYChclFoJxy4zuHiuu7q6aRClmqzEX/h8/vZ1kk6N6WG/4SiGZpolzBXOcyIuO/rapxc5QfaCYfO67JydXCpHyYUW+KmMhYjayTYHIqowiEU7dRcu56MxV2prRBULjrtEsAsE172bIp3NLIpxVqOM/Wd797kWXQJRtVhbgKBtCaXs132frOThvQqKiy0szgcV7n6cABQP0wqOKtg58DzY5PaJlcCCGlzO0/7JFTOL+0e4WSAI4kDAMDUqwo+tRqVlV+vnPyzmjsqGNTuV9PlVJSj3Z3IJxzNWk1B4aDpVdq0cOLPqCocQlGFQ0VR2C0ORGPymLp8JsfJhhcfn+hNTPrUwnqBYP4x2ZI4VFROwP4IRwnjKXcGpqi177UucNw/SzjUkUwCwdyDamtnFeVgtzh0bsupT9MI/zFcUbOMxIK5+lWRVVEOdotD5zKfeuBzj7p5aDl+egiuJp0LA9FaXWpUSkU52PWB9NtPXTgq2dWnLQ0tdW7V/BYEZHAaNarIqigHu8Wh99p4hAPCOdqfy0KttmJ29h3rWEc41EiBIGCLz6hW+6goCLtw4EYdj48Ds3BMopaJbWSheqy9thqOFQhs9au2mYqSiBUOhDQpfhMn6Z2E9WhQEeYau6LyAdjiUV2jKkrCvt7QmPU8wgHjyq+h69TyI3XOtBhgk1td1KkoCbtw8FscqNGi+CKaqW6+OtZ+X6PWrwgDMjjUbmkqStJmqWLiszhwT5/ylya9qTuWd24iuPPgVd4Bm9zqUkVFScRaHLiTdWKHvDDp6O5+6chBScUdsucDyGg/OWpaRUU+RAuHw6v8pdkspcJrOcUPc/6A1aWKirKwCweMoXxRFcLkdSru5aCp8NKxHvw4qaYn8ENYDGrgWkVRxGdxaQMB5W2OWmT1mMWhNavuUX5IznaxKirSES8cmkBA+Zu4kdhJHR1bqgqHEAiL6uFQURbxwkEMDiq/jq4fbB0UjnTXJqzqLcGPKhwqSiNhqTI4YicUL4VjCuG1I53NIc4Oyipv0as1PSoKI96Hph/PuWO0gh2L31J87XPblT7IOcPoUStVVJRFislgnBlR/slWiUaOZHKQaiq1AFCtWtOjoiyShGN6VPn8xGrsuHCoGZH8oBo1GKuiLFKuMNPV/GqxoHB7v0YhtZ8yvc/ewAj1WcqPwasuVVSURYrFYRibHLQr/WxjypmD1A9xFbUjhxD0NjVvVEVZpN2H/p8zacVGyL6nsOKyvfdsoIQqHCoqpw+7xcHUGk0h73bMz7r56mglQ21sVt7/W005F4La1FlFadiFo5zKCRIOjW3is2mlbYBSJPKDcKjOUSGoKecqSsN+11fSBZMQ7weOj9ag3UyJf0sJlGO7xQb89nTUzFEh6JTvB6tywWGXB7paZ/37Seyz87M++U6HjQaVzRYVHFR7/kDV0QgqCsNucdRyJUFLFQCMxqld5LBclvGUWmGqhUQGf3uiCH7q817OALDqCFJRGHbhKOz4x4TuYfD/sNXCYdlOiI1i2GV8G2BUlyoqKr0Au3AU9zOC1wYmUy6jofJK+jnKu/ujb/+lVdsVq6j0AOzCUYoLFw4ARl3m5tKmTCfERjmy/y5bhMBVi0NF5fRpZ3GkOxAOo/FyDa7lCjKd0kkqe5trZQAAjGi0iuebnXk0WlVcVZSGXTioaKqjMMaYh66uKikcy3YXAADX2G3KHeW8QNrVShUVpWEXjmo2ncE6SCIymW7gVjipVEPyen4DGAEAKG4yrSt0jPOD6gdSUR524aCZ/IG2o+zDKR9R+14p4WCq+2kEAABgBMkrdIzzg1oIqKI8ba6x5uEi6u5kPyQ+h7qfbCTlOCeW06kp3mlMGAhG6s16jVaDAq35SJYVU61WK9VqpZgtFmsKNxrg40y2V4QRQo8A0szyUiEHQJZieUHlFGn3cEovOq92tCNszOMhSwoJR8+AES73oNtkMWmBdeCID7KRzeUyuVwmvhk/aJ6ycJxJYI3FhQPvIMtLsS0ANlXh6DHaCUd2baqzHUG4caiGBl4fVM5ndrjJYjIbTSaTyWQ3EnoCBXrbkfxMWmsql8rlYj6Vy2dzuXzyoKRkMu25QaMzGvU6kjRrUdKIADNbd9lsCoBUplopFvL5XIFSZbknaCscyzc63ZVm0DNx5f8pN3pkVSEz9rGBU
4994HDQ7WB/FSE/RDKS8c3tF8/iqnDwA+udwQG32+cL8QWCmHQmHtneDkdr6vfaE7QTjlou8sLdkZcDAICaR/5z6PFO6nzlWuAGZ9Bp97gtVrNFiMNY58Rc/fOpVGx/+7Ahv/mFmwdm2/ww1Xy9DoDdHuLZReDvLp/8YynbRvGpdDYr/8fQEH6/1Wx3mC0kaTDyVvNCOgg39U2n04lUaj+eywsspVIend3uBIV4tMNrHiL1GEZotW+t1lqlXClXKhWeN/USbYWjtvsSdCocmMUYGGdo6pwJh33iztSYWSvU5ajXuwBgsoePn9eopgLC4Vz4r7PsL+VixXITaLUunl0E/q548o+p7TZ+hHh4O6+AcJinFkKBdhbcCSCdzgYAAJV0ZOXZi0jvLFh0gbFpEHuR7PCah41OQmc1m98+iahsOpvOZs+DcAAQf2xvc31yAGkCfz/8YjFcEFqW3+PofMGgz+f224wdFpxCOuhq39W9nXA4Xu7aRa511xoAICifXaTvY/l5vME2v9k6TEUkn9ox7L5AyOFye8yGjtsyocZ+Y//He9sbK+m0vCfVMZDJ4uv3+Zx2W8Wbey7sPTBmdTmsRrPBqCdQTKt5146+Xq1UK9ViPp1OHe6nyzLcPDBGGmxWsxHVWI5GqgrpBkin89l0piHxqmwvHKlXl9+3zxEODHs8/S6sCPJ0zxiTooERzDF2fW7YI6L1L6TVWsZAZvE+whyWhPVhlI5GYOYX0dEH0sY2ZexlACEo6p+5etPrEfV2lCQ9E+Bg62Fzu1ZrNE/rIoNhBMF9fdNXpoMaFOStKwI6J8Ewgmj0/cOhgMvjZDMKK6VIZHN7OZKmGoyE2xqCYQTR6GyuYMDr1OoD3iOvHexWQCSS2Iug5WqDpiUYku2FIxsOh51WEbu0XTWOf38vlRV/Ur0B7PItTPh9DpP47ha6YePsm8XVFap+9mVUJoyBsbEhv8slqQWkcUA/tr3z7E2GZcnVDbSkp29owGG1Oqw4DIDWZeHtnARhZo/H7+u3moykTseq3JjObx4oZJKR9Y3YgejlPqKzefoDLhtJkKSeQNBjbmdjPw3cE+UilcskNyORZF20dLQXjlJp+w0qRjiMRuuQOb+5faZ8Pa3AiI4MTfzNrFHSoAGNxwOGnaZGPCuH+XnmgRCM9E3fWAga2lx2jQYAdRoAAKEIgGC4XSobQbimo1EC2jqodDuGB6EYjlkcQxOXp0zvxQ/H9dw2GYwSBOkJhUaHRjmuJwTR2gEAhY1X9jdouiTCsQ7huEZn7RuamvC7WG2gH2zNWmrv5Wtym6LKIs1hruzk8B+NfP55dgj7vP3l45UVUW/uDbTmK5dC/YMG6b207HPu8dcvNvd7xp13eqAm/43xgX5321nl+QQAiTQAQGsnAabX6TguTzP604lHr1Zkdr/wgWB2j98TGDJZHSbBjV0hnXV6yO+zWyxCrFeNTxOcX15+fljqWDnwQGDQ73WZbFaSxwRCjAgRuhGNvl5MibOGuYRjm5q5pBPTL1ujMY/7LWY4k682xJzUqUOQnoHPbvtlGXZtMvVPBS1GzWGBudjrFYS0B6d+NmFjuaIYulYtlWv1gygAkQQAgPBaAG4yGHW4htAQEJvQkKT7ks2hh9NUtzIOEVyjI439g8PB4HAH70JJg6fv5nTQhQurIcIdjvHMcADdjOXLnVwxhI50TIxPDXrZ8vZPnBVJuuhaattLbCYpSsSFyfVZqMabpyNsScBC8H8y8NHdZ/tn09Phnro8F/DLNYkBNU7aBxYffV+72MsV7djc1XG/me053aCSsfBW6rBUBICqAAAQnQbAuFbncHr7ff1Ym2c7OmYeGP7rUq1LyqF1+ob7Ax6LmTR08i7z1OTkgNNKdtIuVxfU+18+Wt7q5LnrHpma9rrMwhfXMGbFjGMrT1eWRDzeuYSjWl1xEH5EXMdsq9U3DSOrkcJZa1AOQUbTzM25efzk1cowjfoRGwqCMFQjwF5FUZ/P7GxWEon6hV2vQIjJP/fJ1YGTr9C1KpU7iG4vr8YTLZcKiju9/aHBnNlCslodiMfuMeXK8YLivmcE0+u0tr7BqaGgpQMBgCC90RWYuzLV1+HxNA5LvwVHGimB7Wc0hJEcvzw3a+hkgQChqN4+HNCTtWS2Y08Ht/W0UnFNkGLdgwT2+fT3rx6/Pu1q0Q5B8NlbM5fNWpbLo1FJH8Y+pA9guMXqFZgk59IbZu5+lVaq8UDPgxlufTIzxmZE1+KRF2trhyWKOlHlRFcT+Z1nZuvk1Oww++2KmCeggf9YSSrsIoVI28RkwG83G/Q6rIPaYxQfvzY9azYZOz8krBl1+IP3Hgvb2h2an3V5zaaOGyrAeL9hbPbuX/OdfoPcR0rWX4+HxI5NQdF+L2HR6OOpwtkpX0E0Lv/NO4OtCzS6QVGlIpVPp48IB4pbrF43riFJPYHy2GV6Peamq2sbxfOVVSsQGO4funmr70TyQpOppWMbay/Dm6xx1SZdKgGAadKHVLbfibM4FmGtAyEKyPNOOl12BoSQBtJgd09MBtxkZ3OuNDqP99LCxISo48Kw1drUlvOpFN+WiMZknZyanyXFNH6DYaPRaGvk1yJMZ18ht3DU84/xX0mYt4QMOCdv33u6dCh+F12GcN782aTvhMFXLayvbq0nk/XGsaUKiuG43T06Muwz8S7oDMTnI3/+KhyX+YTPBKjm058PBlnS0xrp775d2qY45/I0mDeRV4H/dNNmYnsVs2KEK04p5udAtaHJ0WGPTa/XdDqR1xL80Wduh4RpnD4L7vnqK76tCOfszelBC18cpT2Ggc+D/1+y2tnTnVs4mrXIi7GgVbSXECZ1ZiNktG5GlV+GygFCBOduXvXqjpnFdD2XiO9tbO1GMmyuXrMjGd3w9bnsJozzp8MwN1lACDgjsbyzkd/4aptrA50uEODcQSVz0EmKzfpOJy3vWYCRwdDCrPmkR7Fcirx58GiL55napAsFKmmnZ0Y0bDaHBkFLNzUbOdkXxBCiI40Gi31geKDfyukObdRrrVc3hJj9obGPZjs0Uo6j041pCgcHnI9d0h4Yn7nS75Qwuw/D/GQsGw53ZHPwLIqY9MZL37SE8AKEOW6Epp7/YatwFgKzuG3mH4ZdLeVsjcLGd0vL6XKlwhoVoWrp14T50szcKJ/mo4b5frS5JFE4aomHa5xuJ6/37ziFo5Z59V2igwOmoxJzUBDt3K/GnSw3fWH/679sRYV8H+XGX6MNq501CwLWD/29pViSPdiN4K7gcHBwhNARWu70i0b+RMoFjA/8bGbMZZA4i9Ntoir3OYXDPnf9jtvQNjNGGHr8luvX0aqMwgFqqWcETvCXPbcDgrRao8GMr+7sxnvd00FY+69cv2RDj/0IVHx3bX1xK9LWN9FolADQFA/2Jgd9bs7BBDBsN9zSYktpSYnSTKXC/YjOlbnLvxrF3WedpE1Vip1nIh0BRkKXPpm3nNQ6mn7z9Lvvc4K+DJqOls3gypCOzeaArdOlA2hDvkRlCCFMJovV7vX4PR4///a1XEvoECc9E7M3g27JXaMJYpIpHrTLrIdx+8Cly5OTElZDb0HRfnO2tLTWyVv4NigvNnwultBkB+BuQ//as2/b9XvoGcjQjb8fMiLH7Y3siwdf7ZX5FoC1rfjSyEfXDHwTTbAr7nJ9+ZQqLN7B1LLR7U62ZyQ9zBHtpf8adLM8eRvVF7/dSQo1ZuqH32RRM8r66Mdto/ninozCgVmHhkZDQxYMx4SkDtdbLQ6te+4fxqw8doow/LqdrdU2FwyiH/nbhT6zHGN0SOKW+X/IKhxMcefr2o+GdBKkA8YRHW6wBDfC2R4OR2ocU7fnhy1H/9RspJe/f/UmzB9Mb1aqxXo1mZngqkUAAMAG3209+X1SyYGZvDB0rWtlRDA6NH97ysB29WyvPl3NC86Ja9ZTq3fBZ6yrZhh2XT7YCkt0xQAAANAQNqvFbnO6nF6nU2giQvN4WYk+OD4xM+NAZakp1liv0vUUW90KavdNXZsf7LThAzsI4oGu7kSF9wwWEPjNfpv2WVBJNgeMe5zB+Qe/3ehh4SAGFn46fvxTNuv7f/jzXk7Qxd2sxVORVKGP72LTXXc2CuVTFY5ugmjG/ynkZk19CP9x8aADU6ZZTzygZ9p4b0xk9HUhJ4NwENbxkeGxgB1GEFisf8J4+YtrfRq5WhFg045XL9n8lphv7m+ukbIdh/TO7N2TVTga1M5/lG8PIBLOEAIoakVp7fLLaFRqBxFlgMnAteueY0Zfs5F/+uR5THBqDE2nliBmdpo7nA5rXNerdVr4o/Zs45u8MWRnuwNrla1n8c7u9Fpia9XK7kaC4cDH2U2J/ndcOzLqsHtcTrdF/Cw81DBx9cqMS7Lb4QcgnX1mb/FEFB8JDtyYHTXx5Q8JB9YM5+MxSujVLkA4mrXYvx708KOLAwAAIABJREFU+aSupHQ6943v73592L2GWJ2A2kY+vdXyEeup3/5HvBMbqfA6+uo/9/NddJbbxlS6ekGEY/CXV/tZbelKZkNgVuQP1NM7ryzGNtdhwLjzV4kLMK3183/0Cu1l2AYId/3tr9ysGSdi94gZrjUPTwgHNn3np2MyHgYAbNy0thqTUTgAYGqR31fmnKjkQT/u67bZ528SPbdggYzuH90YOpbV3GyUv3vyMtXhtVhJLv7h2hjfqtP5GfNlpHzGanjEYPFfHvewW6r5bRH1j5VIZKbNS7hxYD680/kuj6Ax2yRaChBpuXl1znYymMKUy1SeqjTKeRoAoDeguNlsFWrWIIFSKJ49trrFxsbvXGEv3mYalXdmA4p2mExKTKe+FHpvChKOZi3ye8ZvQSQLh8czW/1nutpzwgGbBn5+u8UJ3ijc/U2s0zOtJpdQYkiAcKwddhQ1P6NYZ65MtOkFJUo4qpG2YXEcH5hvSBUOe6ftuVuAjYFf/kzL4g5kiul4LJ4tp2M1AIDDpyWD/bhw4
4994cCHN2vHhWP6F9fa9Mpp1gvxt22nNVp3p8LBLAqdzSywKqaavE/d+shtkuyJQaGb7pW1xfWe6oiFkZ9+EmrxMlW/vXdfzGyU5Aufd5gnSx/WDPycFKztZxaUGP78SrtHeCUt4sstb/qytXbRCv+txDed71JOfAML85e0LV6HfDa2lzo8yBapUrVRoRgAQCyMYEaj2ezx9vdZhYRuiCuF0ofkHRS7dmt2+oS9UaYS8XQ6ma+USm9vLgTR6wi91WG1ByytG7OCOoeGdgRmGQkUjnru1VregugwqcqBojMTU2+wwmFBgZEjIoF0zoUvWvpE1PNP/nVPTDORXG4xoPcCTuMMhv23y0+KZyGXVgq4NbTQdhley4so96vtRfPVdh20nZpnmJT2uwAAAGiGYd7NtIAhGEI6mMOL4IHrP/vs+N5omk5EFl9vRvdZhqUTE5PzjaZVA3NfLQAAzXj+BfRDBEpnXPgn53HdYJgGnUmsrUQim8nK0evKZA0MBgYRBEFR/sOg1vrgelVW4QCArryq3/47hzDp4gR2ovrpNyuLvGV/3QK/fme2tQ/cyuPneyJjpuHfmif58ob0/qlbL2XMdexJXJ/dFtKMqiOqibSzzTWrsfRN7+9L3H/q8OAwV6jTAMFIk9nkdQsvVA9dnbvR0nfjIBLZ3N1JZwoUm3lV28mH7wWnbrt4K/Uxd9BtfGdHoNjNO1daG+9nD9c2drZzWYrKV44FH8qpSvyV8c++obEhu4CGAMRlqiCsHEHw99Js7MTBYAiTlkQKAACwyeAe8ptLEFXviRkKWtvlL/qPJxY1GmtfrYhtXhbPzB+YeQRWqx2aL8e71brqVIAw59ylTlplCaKWTLNkrwMAAMBx91hdinDQtXRkK7oTS6arDYBozQ6XY7hKEoKGTkA63cSPLh8dkEc3KuXVxeWX0Wjb46VS60Z/3MY4NDzuQ8Ti8TridQAAjFhs1//22PObblQrke2n329ssLyzVivsA0jrupyth8wEr3RoRnNPEUGJwh10/qCrb/7n/C3uykthQJh1xupfehAVllulMMHLM30tTqR8Yump8FyYFhrNlT/OzfNtZV/IrlRKvSCcCoG7gkGH5KdMK5W9RPtuWtYxSQZHMf7H8GG2QJUrdBNAiIbQEXb78PTQEP9bEc3klbmFY6HcUmJ1cWU7lWozH+8dlfjT0rUvfLwdeMip6EMKAECYbt6ZdR+TzlJiY2VtO55s7zNr1g9fpl9fngu6+Nz2qMPvIEtC7soOhINhtuPp+mXEJD475h0QajT6Bofw15HUqU8cQfCxH0+1dpg5ePpyVfQeGWYVGC7xdVw0T8delKI9mdMiD9qBsT4OuwvptLvFWyrxZPvL2j79Wsw+31NOJh+2VEBjmpmDvMbI08ELQqzDk1+EPnQwbjKVzN760++2D/lsylo6t3VguDRs5Ml1IKf230QBjHmHP/+l+YMJ1GRKub31l0/De5xXUqNQiC5FqSszZoL7W0cs3oB7T2bhAICurORjB9enOnlPOzDLpGlt8fnSaZe+6W1TN084qDd+LWm0Q7w8n+drDw/jfTeo+DkWDv3EBNf9phFXm9UoFNt/Z5YxSX3p6QoAdOufwoXE4XWeWaiwZtwQGD/iz2HqsbtLy3sHQhqwM7WNf0liQTP3Ha3xBXQAaK1Xf3b56FAapr79aGk5nuIf7tug3mR3KuNB3pKIkQlKSKPTjoSj2YjHK4d002nreDbkCRCS9Pd5zcatOHWKxaIQ7L9yeaTlj4X8m/vcBiYPudzO9skuYseBYd9C5Hv6vEZWINQyOc4pHILikCdo5Kj2X5kBd5rL4nszshSEMEwiUS4YBwjONRdm0g2bPwxza5QO917/eXlT2Jk0G/EM0NVn2JrcHjmE3eex19yX7nziwn+wTRqlw71nd4UdiKnu7xcwCnGT3Leubmj0jZDT7ri7aTRf3vrspuSwLAAAAOu0bebRw80tOfYlDhSf/McTMzLiy2tZiTd0fBHnnY1qnRi01iQJVA+D6O2DAS7tVMLiQLT2YEy0b6od8eb0lI9zpKHW3gRH7ohK7Pnd15GsYP8dU31ThAa4y0hhzDqSTk/8w4T1yB1biT2/+3JP+IH2/0yhl0Pcty7u5G4q856OhSOfbx6iqNepk9ykBACCMPpxjUOfSp1WeMXsnrx6wmWz93BdaqA0vsjvQyaI/tHGeRUOzOJycFZsEHZR2d2cwgHD1mBBduGgmI03Ok7hQI/eRfXUzpuH97Y6SAxu0onsyMwoZ8cgCDGPNfPj884PdRH1VPT1g3ubHYTmKEpvIj0k5z2P2ZwkJmBYQsfCAUCycPj8Rx8HJVYDvQU3zY+Gl776ir0rn/L035q1nlhcbv9FWuoyACD2bE7I0T+vbks9Uo+CuwPcSxHSJypUW88VuPxC1pACIyEb4e/8AiIr76Ae/vXVeq6zggK6svgvv+RpNWaeDWltjg/rFFB69ODpm1xnIf3In8zjCOcXj1k9DlJAn08RwlGrVQpYY3rIpZdevIIgVqvWALQb0bzEVpxiwLSDC6FWC5HK7+5Knj+XjyXzbDULx3FfeSU91/EEMHfT5O6A2ZzcJiluIMR8dk6LAwBzUMQIEz7ovdcZYVs2mdrm2l3e9ssn39fcfzoxz+1P13qbes17e6PJ1HY27j5b67RnPlVdfnR1nGsLWENaTWVFhAOAevp+bHv+oz6NLFeohbBd/9034VMQDsI+Mu9s/WNmNVKUbP9UsqkEfxKDg/RrO+xKLwBUK+pHlRfMbOP++IhWqz0xgYmfUxGOBBBaV9Qo/OUvG7siLuV0Kbzt5RQO3AqOJMA3Cne/Xop2HFagmZXf6TmFAwDcaj7kX6qLusaatWSlkT4cG7WTMvQt02h03rJlcT0S77anw311yn3ix9q/v3ai2X3H0JXkDsHblUGr9Y/u7Uk9Vit6KaM85AKzObmFAwakI9W5QDcbnOtvU0D2XFUAQCWbTAoZaFjOr73561Nh7ZdbqNU2n8x5ubY4mhhEV968/urJQecOsmZzv34pzl1tr3W7dvn3JPbhVFzdW5n51RTbdK3OQZG50cmXf850e7a97874yc8ffxiW4TSYdERAe2zgnmVkFw6yw2JqRUD5LA4ASHeZpfJLGiQs16TwYzCpqF+AcFDRL/+4mxKZmxN96OZNN35Po/DgN+F9UXZxvrS97ecRDh7NBwCIFw6mXCtXmTcjo/066f19IMiob5qMAys7nTbOkYLOPjrlbV1sVYvxqBxNb5nUppA8Od+1g+fSD3YckTmZ8gJjvBF7Jc4Th2V5krXSLAuYYlqmHt19siYoX5uNfeZyQcgIcwCKpVePH7zOiUtYoenthwuczzSNk31+zXHEL4dpKhx5fulzEy7Lihp224cv/e5uqYvCYRgaHrC0Xt3VZDJTlmHFxKQjQgxJ9+wT6cdS+QEUVca/U6/y2xHF+L3/WaBEXzupTDTXWqPNDpX48n/kxR8o+pDbFsatZkWFAzQbjX24uT82ZZeU6PsWCIWNwdsW7/p2oVueDsetqZOz1/KruxU5ji9QOAxeu0F+92gPwNTrp1H6CwGzNyt/C3kmz+suLBe/v/skLaHyimGSmwMCPDTl4pNHj1MSvt3k8n6Vq8cxbrUIUAVpAp3Nrv/h9j9NySAcAMC413sl+F25VulSAYf3J6MnvYiZF1uy3MdMChKS8W80Oi2nXa2jCM2aiJCJHNgHw/ILRzMb59spFb/73yrS7OXEa0P7yt8jB/rLf5d0oERir9LapuwoGjuvewpIFQ4A6Orav74cGxsjZEgkBUA3gZuXlvapLkgH6Ru26U4uwwsb4nxOrTTr5XSSd7AbAMA+HJbdRdgD1DOH51EP20E3Vu99X5HoVM9GJni3KVOP7j2VeqDUuo+jIALGBXT8kS4c9Nqad/AXpN2CyLC61E8EJh6izVgXRigYp6dOhi2bTG5dcIN4bhrlwwQmQDic4xnJeao9SP3wgM9515Q/9w0AAEvPShRBrbj4v3ek+ufSW3yJh00mF/3mnw/F1/G9JbFCcAoHjsG8P40cvqT89pfR2fF+IeFHXnDbjKbvWTimuHKY56ZO3ta1XDIjacLyEZql/InkMrbzCCzJc7zeopbgneVK8Zr/YrAGZI9vCyC5urwn2XDMRvh2Uck9+/pBXnK2AHXAnWqi88ZSfAeRQzgoKvl0P980Y2gHrV3bgOPkoB2jc2VlG/xAsGV27OTqqpZK5uSK6zRLgvqbmQMK5DqePrXEXomBOC4HpllIKJEsbPYpksnBQ/p1OCH5wslF85xfGQCVxIvfRKRfoFSCW7IJp523PFye6FWj/H385dSVSa
4994MMOYuIZpTsn1h8Xley7o2w9ztYGhOUd/dly0FrZuInCvZZsA7K3tC3F6jubyUKOo6wXjGTFlARcaFolAsZPefqNr+6U5DhtijsSS/Klkc4aHprZ2OjjPbZtSi3ZvIDw16v2U2k0mkF47KEP8jWD6IcPZBNrphcUsha1OAxCusOe7ZoZON7STeHcBR2MxfJeyoEukrlud1i5VhSDvff+4lN7YA1/O5R2fJlmoXN329dnhyz4TI4pxwI5rx/n1IuG8w4McFm0Za2o7IJRzOXFHL+qJY0lqR6u3oR6oVpgSO1Ofmi08rO80+znFOi1OYEfM4UndcZ5tuHfMJRKu2H9w+oIbdeeiqx2WwZ1FQ3onVlfKQQYpuaYFtVlbdj8lkchbSQRyqCk2b6PApH4bnOb2mXL9CoRx4IqKQSAcaVotDjNKmULF1u+KAOuH0cWpuF90uUNUOXWkquTH465BDVTfI4OvcnwV9/lVamQRaidw4G2GzC2mFWPqkSkqYMAIAIo5BUsTNHOWwcs7bzVJbTaw/TihzW6JTh6jslmEIieNrnIBRZhaMaO9iONuJDPisuNb6i0UyECuD1DusILKlgdr/XdvLPdC2fLsiWW9AsCEuBgk0ugW1izhb1xNpDPY7gLLVuDJN4+YptfJAM6KyypCKeCs1iuju1Ws2ygDZT3MhcE0RT4fyrqRvXLNJ/PRS+PfD7++GYDGfVitbP2ke3lk4VpbfieA+TigrKU4Ct/razvs42qXuYnbCyCAdd3/jtokIHPctLFdDoUrkFk466Obuo8iOzcDRr6XQ6U6/1+wxS0xNguN+VA3CFkt8BoA0MsJnQTA12iJhT12QYKY1EIL0MKtuTFLfMnsaAzdwiHfVKPPrgqdQhr+2A2w2zPwM0y7kuRZoqeS7dwAx63i9RgSrkzNL+t5c/H5dhbBO+4CWZVfm977rhcTbvNaxx3xrtfG/NaiXB6qX2CEtFOtPPSC7o6kp2bWH2aotRXNz7+g/rsfPoD5YKk9tXIpm2Y/QB/lnbCghHvV6K16GDrMfDN7OdD9iGzdfMy/vyukghzOhlnR2B6LzXxfgpa9U069ssQlLOAaw3n1OLAzC5Elw7PLQYSQOAdJpKjW5UqNx+5OHzlJrDwUKzIkd6l3RQgjgNiwMAmtlIvX7x6adGye2YdFccQetX8goHrLM6rGyfG9X7LGLWmAzDHjZGBbUbgAxyRKF6E7q5nVr6NhgaCALUY81nqsXE7mp4PyF8htDFot6tlhLSUUQ4ms1CoZiqpQcD3BOw+EFtGg3cMGzKOSUSdfazexVgGDuFOgcI64Wu5ArBUFRmb3fb4wGw3ZAv1MuZRGRfUA3PhaTZpSZWzaroDofvUeyazZdzz25cvSNROAAggghKHsopHJgn2JX8PBUAAAC1RimGYQCgCE03GbpRUyirT0U4zXJe6lpRMeGg6WQWTiSnhgLShkUihPsyUny1IV+SFObu74E24BeGJk13sZHsmaZrPo5mSXLbOQWt5Aa9shUe+YUekej7I0M6QKTkEw7Uzj35RkXldOhaOLaXLQ4AQLNB79NoYnzIb0QkBNdh2DJJpTRRuQJ4PWZxQOaTQ6FU2qG1uyWmPPYw3cvjaEouyFbWL9fMZte+++TjOxppcQPjFFqnJTdMew/mF9Ino2sg9n7V5SIYcrj/3MagQLOUOTPpLco79Kml4s7oFa9Z0oPCPpfPrcXl8KrBVu45Vio9CkJa3W6fyxc6l42PzhzdEI7VR9O1ywNmFAKiK9/s9kahnpZj4gnsUB/wZw4IQRCte2h6+qr3vKbZnjW6kUJAU+F/W52eCkmaUN33RSWeFDo0nAPIdH7zrc4rKBbwBbxur8MhS5soFRnohnAwpZ2dtVhV5zEg4h8XPt/+EpOXbnLA7YWDrjWELIZgCY5eCGJ5s7C+HRcUCEFQQjcxfXXUaTntc1H5QLeSFg+fpb+fveVySdjFpf/rd3HpHYwhS9sgRuzeioBW1ZhLtI8EwnALS25qQonWAecFiz8w6PPbrXazaij2Et0SjkIh/jqpG8W0WtHNjAe8ibtpyW2jOCyO9ONvwvxlMZp+8dmwGsLN4trLH4je4XkGgjENjvVNjF8aGjrtc1FppXtlErX8K2pqfmxMdMksohn71f37Uk9Dso+jwV5DLwgE3WHJhqupbXvZQPWeoaDH47fZTad9Kion6J5wNBqbm7vJdNNlw8QdFEGGfp5/XZaYIgNbXNLyrWi+OX0q0kEIQmd0hKYnglbjMa9Qk4Gkzt9QkYPuFmbGH6ZWP5mzio2HWsfGxnYkPp5hk+O8tr84RxADA8OBgMNiNrSEUZgapAZWeoHuCkcul9moU2MBo7jydb1+8mMmKSlbFtWSbWULxi/ENUmXuzDTWzwoZjSTrpHhsYDv2JqyydRLpWIhbR1WVy49QLdbQVC1/1j60cK42L4XISS2LKnBJ2Fqn8GKkuRFyC6qpXkHg54mhHliJjRgNRl1x3+pZj0XiWzuhC//n6pw9ADdFo5ajYpqa1TFaUTEPN2duuHAvgQngyocADSoYq9aHDojSTpdE9OhPvz4hUmVCoXsQSSyFdnUytmbRUUsp9B8qv5s58W1n17CxRyawCf37kkRDh1HS3HUaLgIwsHUarINj5EZ99ToaNCr1xOaljy5/a3Xa5vRSrVcVWLOjkrnnIJwNLPFch3Nhpz6zg+OIIPz4bD4BmucFgeMYme3tb5wmnQP6gaCGUwmy9DEwIDn+KisRi2XyuU2I+s70dQpnZsKC6fS7rKRKGw8+If5fjEHHyLuaaui80chneX8tnM4y2DG4YmJSy4n3mqIVnNLD5eXC8VqTe1U2kucinA0640K82Vmrt/BNqWAG72jf2DvUOyROS0OREBXeBX5QXQmt8c/EAgMGI47zStUKhmPba5GIrVedueePWTorH9KDbab9fjvN4oLus6FA9UNTFSUEY4L4hztOVDr0PWZSQeOt3o2Svsvv19ZLlZ71ylzRpGhKc1pdeZv1tLrfzk8mOrXdxhdgfHRTGxd7GEhhKOJ4QVxjvYUqMXl9gYCQ33elgh9JR7f3otvbcf3OhONiuRumhcACNNIvdJPcaRH+v7eXtnU8SdAhqrfKXI+qsVxCmCe2fmpIQt6ouFCeePJX7Yy5QbTobHRtbadF5xTFA6merCEFeZniM7OATI4HJaiEleHKhxdxuX0B/sG+332lgV3LRWLRtY21w9FpLiqwtEdTnWIWDa7/7wYRDs7B1hvcznjSlwdmMF4fmeq9SL9Vz65aWZZbNc2v/v6VVrcNBbpE0NUhHDKd0o5+RCd/6hD6cADo2WRTQRha6C9Vwgl9WpUpTsgqNUVDA4Fg8YTvurY/nZ4e2O7cKbiKHS13p3hjT3DaQtH+cFmcdRg6KiNMT4wuR0Rdzwe4SAx6IL9/qcCjOgMQxO3blla6w0ZptFYe3HvYe6spZU3yrULduGcum1eOniouXGjoxYdyg1/RQ36khr5Uxyrb+yyx+03n8j+z6fC4aX16NkLjJSTMrTDPVOcunCUy8/j2Jixk7Ay5gqQylgGqEFfUYVDUSAERf0zt//G1JrC0wR0PbF+797m3qmclzQqh0VVOLoNFfum+sX1Dt4A661WY0mJDGTMRGYU2K3KB4yBsbEhv++kG5qu7yy+ehqPi2/MqNJFekA4qtVXad9IBzPtYa3BapLe75wFzGxUA7LKAaE44Z35aCFoOCkbjXx28avnj07jtFRE0APCAUC28dh4ZbCDN+BON1VS4ES0XmdYgd2qvAW3+6dHRgbdLCVBpcOXT1bX1HbvZ4YjwoG/j4w1ul0aQFFPaZMLF97+HLc7d5U4EY3boVocCgFhpHN44qNRL4tju5qLhu9+tZe7YH6Cs8wH4YCt9nf/ygsYSyQz2/XpfofwSV2InlTEVEINaiaHUmDmqauzw64TTlEAAEg/+v7F+n5J1Y2zw4f7Dw3Nwm+zKXaeH3Q7Kn1Yem6bEy4cmNWuSKty3GpSLQ5FwAn/8Nz1cd/JV5pMeX/5y+fLMswFVukeH4QDv/IP75qoPKYq6W7n7dWfN52jgrfGne7OC/KF7NduVoVDEYzuzz/ze40srzD1+O8fv4wr4bJSUY6jS5XBd31UKkvJrif80hFkbdIsdFQSarGKa+TV5K6Bwm1WHD7riRww2nPLLZKcmLi9QLI0j2FqudjSty9jvd1KFNKdTI2/4HwQDiYXR94Kh+3qQaTbP2STij9zXR0QuDVKngzoCYJObvVzvIw7HCRePeNLbZQQO2RTMXyjf3vHzLoKpLPLf3iwlal2/ZQ6AnYqlat8Zvlw/zUr1LvUCNPIYvf1lS6segJ9sLCHpXjna
4994I3isqUQxOBIdX2ZJjOEtcfmujv6Ls3ODbO90qykX91/tEz1ejtRSKvrOTE+ZY7cf/XKu+4HxpD/FL6myop+frK1eVwbELEWBy/6/vTZqss8idHXY0/HsV9emmWfwMXkwv/+xzR11heHF5EjSxUq8y4Kixncg7VUt39NhkpE9zzCalYgRNQ4JwHo/Lvbyuy5ayB4Dzl4YcQ1eOt6wM76Yin/7N6L/XqvjodS4eDIUqWQfOfYgHHnZCnTbeFo1vORLZPUHqpS0fntPZFMe15ANCO/vDTbZuWbj379b4dn3aV0QTkiHMX0OxcVBLnnc6+7vu5sFt44Bp0CN4ZxrCHiimtWCtyfiww6VeGQDRgJXZr/yMf+NKhWH373ICrmV7yw1KlyryzrjghH+UMbBMflrVMwd0ur5h8J3RbGcTHz3HjCsarFIS+wZvy/TAba2BuV3Lf/K9/j4ZQeo57vmXYxH5yRR4VD7/b7uz8TvH4YOxA6SB0zm8Xc4LzCoXE4TIokpV5IfD/+bNTJ3seerr7+zWK646i/xmm7wPGNHhKOIxZHKfuD/Ot0gaFG13OA6+m9vZRGmB5o7A4x7aybJZ6UAYJw2RL1Xvl1zjqD/7jgbmNvNCpP/nus85ooIuC5wLpezxZ75dJktzgAsE6zlBUoTi2uSPvyD/BaHACYhpw9l3l5NrHfuj3YtvYn+vVS/Kx1FlX5wId7hCnmjjyM7Vf7YYUinhxUYzHBi96mGK8aU8zyHcAy7u2hcObZBcK8n3021EY4mMbWn16o9SlnmPYWx4BZkToyToRbHExNVAGvAIvDOuFThUMGdBPXLg+0y2GlIq8fRrt6OirycsSjUC1U6R+sDLN5wJnqeuWRcOGgK+K6ClfzlQZ3Xrtl1KsOSZAObJy6NtPX7tXC5vL33TwbFbk5eg/R2eQRqQj+NNT1sxG+VKmmUuISTZjEToFzA53LZRVapavSDsw6/KNb7PmiAACw89vFLp6MivwcE47C0fF53pv9aLe9HPXUoUA5aOQL4jKVmQyPT05jtru7WuyBaM12kw7rvkdJSTTe8SvjbO03AACgXow82Ozq6ajIzdHgZ/OHMjcAAHBrXlgLXV6sMFXFE5CbRd7hou4rTFzhszgCbPJOeXeisVS3O70qiuX25+2TgFNbr3fVhl9nm6PCwZSLR9KvDIbg4Ha3vRx0tVhWtkarSfHGVZyz8S626Yc9swuD4a3t3UyGJx3+7ICQ/bOX2mcQpt+EM11va6siK0eFg84dHvNmBT/5sotP3rdU9vwORdtJMLkknxp65leUPIMWsOlfhNz9BWp35dnzdBePqyTasYWQvX1Pl/RyRK2IPeMcszio41Z88E54sdHlX7iRy1v5t6JrZbHn1TyMUjybWPRBN8W3kVyYfZdvWIwAgAi+d15yImFy6qNg2zpnupFYjp6nZdmF5KhztFmvHbsd3bOBHq3baGTTYjNMmRSvcCAaz6xb5O47Jnh73E4AAECDKp6XxzBqHJlp37K+TiUiXe/2oiIzR4WDKR1fZJPugREBj/9ToFHIi23TxaT3Cw3uyxZGfQt+kbvvEJwcvjWkxwAAoBJPnLkh7ezA1v5+T/uIduXgIKOOUDnrHAvHZlonMY3/iKu17+lBF/Ji/YhMJp7jjV/0dyuHxeC78v4rzq+sn5MUbDR0o4+9JBYAAEA+HD0nCnmROWZxlFu7xgbmhixdd6NoAAAgAElEQVS9uFhp5LOiAxD1YvqQL65iGuj3dyWXI3Bz3KUHAIBaMrovtKVAr4P2X3ZxtHYs7ibOyQe9yBz3cVRbVtmBuclguyye06R+mBLfAaaR2OXzcmitoSsu0QfogOl/mn77j9L68rlJ5EBD17lcRJQqHOeAlpTzlqWKxjR82dHV8xFGXbxzFIB6fIdPOGB06M4Apnh1vevK9LDt7T/LW+HCOVn324e8nGZqo3f636mI5ujN0Ujtta6y0dBC1+ILHdDISBGO/S3+WGvo85BW8SLZ4Oez7ndRy/JWuFsBYKXxTXs5PBwA0LX6OZHIi0zLUqX1UQB7pmZGu9lEEMKEFG1UD/bFZx7W4xH+e5T0Tl4T2jhZJKbQ3Keht2mydC6+FTknrlHgnXJwtnIpxw/VpcqZh6dRH2wZvBSrdrGuANbgAlYItURcvHCwGFYnQfWjt7Ix0ccQgnVi7vo7Dyyd3Y/Ez4v97uKJ4Zf21CyOs89x4agfHpiPLU8hhBxPHSQrXUtNwi1G3qajdCmdF505CgBTPExldTxDLiEsWF+LZZWrqMDJ0TsT+neftbbx+vC8ZH8B53D75C8AAGjypNGonAWO36W1+K6mxa9FTEPLYbp7wuG08W5DZw7yEjIBmOLhQapdD90fQEPul1th5YSDcM/+IvC+YXdl6dmhYkfqNp6J0z4DFeU5LhxM7URIEMIcN2rfdKnNG4ThAjwcgtYaXBRXB3X8I+OwK5VaXqGnI4wO/PSG5d2Xz1RSa6vnpczcbO7F+L2K3LQIR+XEEgDCHLfw9YPuDNyCtYQAD4eAeCo3xWX/sJd3K+yqeW23oIzNoTGM//2Q6d2XT+diK6uKHOYUsAx2fyCPSvdp8XFkUyfXALgzdKW63ZUnIma1Chi3U4tIfD5XYkJCGJDO/Sl6f0PSkdiB0aGPPvLo3mtkefHegQJHOR1IN/tgepXzxXHhaOQyJ1O5cdvA5Xyu0A2PFmqz8rpGm83K7npe0mGq+7v5OsJn20CE85ZmP6rAdCbUOPbzWdc7L0uToZbuJWU/xmlBuvgatkIorHpHe5omzT9e9fh92qyxxk+M15gUletCeyqNz8dbGtPMxGIJaZ3JmrXUsn1AgJfDPf0zzfN9Scdiw3PnszHr+xwpJrW+vCpNCHsJwso3VUPftyey0bRKd6B293kzbY4LB10usQkHMVJeOah1wc2Be7y8wsGkIgcS77NmI7PqcfMLB2KBypV0iZI3poToBm7d8P1g0NMHK5t7sh7gVOEXDq3DzGLXqvQO1VSW95Jv8XGkk2xxThjv+wIqV5TPFCYGB3mnQDVWH0n3CGRfWgQV4eiGm5jnbkry8Y5iuf7ZZfcHfay/+tOOrPs/XQw+Ph8HojlnHd0vJC0WR4F1QQKh1un0ZulA4ecEhOh9Hr78Cqa2vSQ956G45U+7NfwRHNwBQfA+yMhmc0CYKbSwcKTkuHiw+lJeYeKDLkvInuNFy9s0DiOFhM7aAGuEBOzPKhhxZoYItoRjT1arvAW3jP8YfKNwZAXRWxwWvqhKoxTdkH4etfRexMGbBAYAAORQs/zwLvcMpw7ALAtzHw0dWSVFX6y11iQrzGm3GtPY2k6i5ge38V4hZxfY4FS0UbectFgcVIHdK4KSQbh0uHmgqDscd/XbeR0PhzuRfenXPV2ML5msQoRDq8UgTXpbHncejA0O/+jq0IdWH43G+jfrsqmSMOo5kbOsZELf5+QNnbVF4xQSsD+jQHprL7bNYqUlHMuWx/EWMnid/u5L8e1zBEAMjPI7LHee7LWxijoj+9Q0w380AAAgR5r1+/dksbZQ451PxnxHDluhVu51fQTFKWMIesTf+7jdIl51eh5U+VYOctGaOVos11DWFahGEwKVzQMFJ3/AhuEJvn59jcbGk7gsz0tqtS+l0wpZbON2ugFV1+OSEzpwwhu8sWA7KlfxjTeb3V43oKRewcsTJ/lUgfC69JhIAw7R+5xC7MSzCYTwJhf1DK3yTRcKZBtzya6v5x/fV+xMINw2c9XMs1G58Po7eZKlypFwWOsRZhlaLtkm//03OanmlsH/2Z0J17H7avHXr8rd7mpD+NwKDm41+PjsOAJ12dI5UZ8axq0j/WfGDXCuOSEcFKVtczdpNEMf16M5pTykmCsUcPA9TQ42NuLyPKHpcvyV3iZMOHAcMeVq6+slKbV1pGH88o3ZY1kO2czy84TsbiONiTukjRBK+u7pGp9BiCCOYYoS1ctH0zfgMpzjpUq3kMGZ0vorNAr59k99n5U5WFZKOLRj8x4NX6gt/KewbE/oxDfkpNBW5jrNF3N/+n+jUoTDNfSzX5iPxxNi3z8Py98My+jjS/pWkkIM4y2PdV8vb4n63OSly7bzHI7tFrC9X6r8slgc7X9SHB/7iRHEFfFzaCyj0zaeFV6xsPY0LptlX9gI72AmYYtKBLEar1XW3sTitBgLAUZ8gcmxK3706DqlWl75el2BSCymP824A7/FAYB1akdb79xThRDeq5cMZ8YL0MugkqM3HQk
4994HAENuPXiohHBAOsf4DN+jKr+z8kK+uE4purFqJIVehygyM/jqyTfZihjhQDSTX8yO6Y4bVOXU0n8oUdyGanv9mWydWNaLSEJDzf3zs6qHozc4IRz5ApfDmyBmtRbXRkT288BmbozzBNroxvqflmRsBc5Ut78iA0KfzhBEkrTePr4V3c50dBgYsfj8fVdm/cd7H9P0xnePWifnyQLU889kDTL64xcvOnwTrPcvHEudUzlNOrQ4AAgFrZ7fKSAcV34yxOMZbVRXfi3vEzr2TeizTp5gbttY5t5jqkPh0HhuzM+7yZZvmqmu/eb1BR2FiCBDv6A7FQ7ENPKzO2qToF6hVTjqh21TwN6CYSEtMKxsy9tTLzR8JWTmsbA3Xjzck/cJXU4ufzvawZRYBEa0867hrehuPCvI1Ea0Fncw2B/q8+vQlk8Xvf/NpriYJDc6ku+hDONKFplRcf5BPBCwzeytRzvpRwkZ3bc+mTbx24fWwGkYJbW8HD57+HROXhQnoipp3lFHPqfOzOw35RWO21O88+E3freYlfOYANRq4XtIJ+OlIQybHL+9//C7Fw0BPkAAEL1/9uaCh62oK/bvLyXMhmmP3sUvHEImUIiFigsJPZlM+1sPOxEO2DTw459rBawrVeHoDq3CwdKu+ASwc6ZmW9ouyGZou90Lt/ieU8no92/kb7AXvWeZ5X1EHwfCrDPmq3s7B4lMtlhpd7lApMFqttr9fe6AleUBv79yby2lyFgiviwOAHCrWcFUCCpeFLRd/0+QSkzwyjM0cHl6UpDeESYFMkshnZF7r/IIx1nihHCU+WeoIC6LJ0g2Izl5WvvAaP+Vj29xb8PQ0QeP38j/hI5GvR/7OxQO3GqdAYfL68vbkUSWaTI0aDY/fBEwBAEYhlCXezAwGBxm1UOmsf2n+2vCbrBO0Vr4sjhwu5J1YvmoMP91MEiXHuUbAuw2CMGwmY9/NC3s+DqzBmpzWcIANMVdsZDezB2/rJeqstwLPGtIiL0c5DQ44ePgX6oAABDTKDry4E1Ylmvf0f/JZ0M821AHz75cUaQdyMavP+8T8TZd0BTM5TPZUjl9WK/n3pvnMEYaNJjRaDCZTCaj2cSeYJbfefL9lkKOUR3vUkXZWpXsttD2bGOY2RIW0MPI6JieHh8SOsKYMJuNZdbvFjPgjSprhzteIMLIrbWkP5eWYe2O8RS56fy78sclxHHCx5HNCrg/EYNhcJLAckydv6sp3wlg/qsff8G9TZPJhp9+q0y7m+0/+G5hnZvuRF8fAKCQy+QikUp5732gBSOsLlLrcrpcrYOtPsDQh4tPFuXvZPoWfh+HssKRi+QZSJDzdWgI0TRTjQbDcQnBCIK4Qz/+heW9AjMNiLsQTGu0Wg/ZhAMlvbp8riquQpLg+VL17lhWunBAGMF9JRJu/mbeXaL1PJpVoV+t6ZZvYmkxmpNYqzp6ZfZagGebavbl7x8qY9kDKvbYOzUm8s0ai87hnqAbpfdpaTCiJTCEIAiOR0dp9/GfnirWE8k8yD25FQDMQCooHGU6ndEJjHGPGYfmFt+kONY29kBgsD8U+NA5JbtKDHLnCSKDl16xGD3aoUvzyDdLMrvX5QUyeU+zWqAjTghHo1ptU1jfgn7c1+fBNTGqLCoLGwAAIJjQz/x45hL3Vgyd23jx3bpCrUCq1WUzEcDFCTmOdzxEhKmmlh89VmJay1uMAb4KY4TQEZhinadrtXRCaB8rn7tvyAJvJyq12onTgXAMxfChyYlLfcEf/tgoRp7anCSnRYMGZw4iLYYwjOgdl+7crmxsiJLMbrXJgI083xwsT7tWBOf5PDD/UU7eMOVY3CHshyf69CNrK6+f58Smc2L6K7fmxvmekNXs0r8+jynXKXm74XAHhHQuloVq+OWfHyo4f8k0wPd9AkD2xfeV6x+783yWf/7vW2BTyDi7vfl6a+dEDJfo97j7Bvx281Fnb+bbJw+mJmycdw86rdnfyR7fn858++roiEtkNwHYPiC0GFIasMnDbXGQQQnN0z5g8HA/7xABjV1Pnkcjn+e/9AAAAGBm86DfZ0X24hTVeT4YjJNW90c/GbJxqx9dS4Yff7vJHyQWTabyyo0asK48VJhS6uX9J+uK7R/X2ez81q6+bzepnHDEFn1CN4UIwjEQ2rI6zLn6B6sDQRAMN4f6AoOjtg8h2Gazkl7/9vESkapw3jyIB7kU2YqX3ge7YZQg/H2fXvfYO/8o7/ZgcvN9pzDfM1wIEKK3cAdvCI8sPg7Cwh2yx0gd75pD6nlYJlyXN5aXlgqdjkiCcefkxOT4AF+1Yy354stn0rtvcVFfrOqt1q5MLqR3l//8RCm/KADAOuwTcAWTwZ0VaSOtuIgtXu1kc9xJuBZSmexB4p2WQXpSb3HYjHq9wXTEtmjW9/768GW0XDnM8fQTIW/pHrxYf+/N0BgGBq7N+B3ivQcQf24IbiSkryFQrVbD/ck0Dgl9no8eiPu219jMvIdhsTioYgf+TpL0Tof6PY54slSkBF+MMKYzeQbmpiZsPEk9NLX3+t7XYVm6jLalsZMN6i9rYMVj5AyVefLwoXL2BgCOq/0Crizj8LaC/feScCRJCi8BQo1GH10tpPffd2iCSQNpdbdUpTSr1O7zPz1JlUH1MMezrtSOmvQ2Z7JeqyBaBDbbQ6FrEx1+hmMIsDi0NlK6cOjtfG0XcYuZxKXH8fU27p9HnHBU4onBzs7DoQ1+srYV2QjHBL4BwsyB4RvDfTYjn6+nFnn65ZOEgusUAAAAjcL9osWpZCL2W+jYypf3FZ0vbZ0WYnEYgn4FU8DK6c3lkODVCgAAABg3EbbQ+18ZxVC81ZZmcju//0skVQOgXijxXA4Q5rgxfDOTP4wTbj1u85CkwLV3u7PjzwQnHEbpV485wNdXAsaNzpT0hBG+A2EGvYilSmcWBwAA6PVu4AlFtzYipWK+SFW5/Zh6ncVs9QSGLvtbC0ZPQO9Hnt9/pGCDzHcw1fD/396ZPbdxZWf89oZu7GBjJ0ASosDF1EZHksWx7NipzKQqU/MwlUqqpuYpf10eUpXKTBaV5ZFVY1syaYoUKXERuIBYCJBYG2gADTR6zQNBiSJA9AJAnnH698Zisy/Q7P763HPP/Q47DV/3jzjmoAury2ujW08BAHdEbgRUCIc5MDUtlEelxgKz+z2u7VpCKEr0vZdLpe2tp2u8CABo5SsKtfoQYrUGrzF1qmD2WUwOtZnaK4H9c0q7cm1hcvB7xzOnJHAwTM6WBy8YcSoIh8nhMCEKIjCsehKfc/oeXTw5PjxOU1f0ZulAhm7OTk/Z7Q7lRmr81vKPr0fcBQoAAIDcPHlc+e3YiGOO3ObTp9q25GvEfj0acan4Dpg9fFccQsHSFfAxJHp7uNcytfn1GnUWeDZP1Gzyga2EKxCFTQg8+B2O+GY+jHDMjCkeQy6kB3ebtPn6T70wu92MaRYOnq7p+GRmM5D4xsTUxOlptc6wLUaQ2DaQRZHlAQCIGUVgxGQ223AiFJyJhH3KxZo8n0l/v7r3YbqOiMwB5EWvu5HRbTjPF14uv9ayIVQrKDH58JZiA0YAAIBh/yfNBD2qBnISldiPhwabHlxAlE5Pl9c3zgNPlcIBd03G+EauSOu4tZ3hgFspJWTxu63twRaqYMQ/q3zNyIVdYsCVAhhxR/oLIQzbgxWF5ms96zj01VpBmNM6cUfg22y5eJJstotFILNMkQYA4D4bTuBjgVDE67VacBN22Z2iB63ak6e7xyPtAHUBgdptlf7FrpDVHoTYtz+uDGJ2rIjZe+efoipzF/4vWq/SI0sd8ZUN35fDEw529etX+28vHXOc1/fKZVO7+1kdD3fo7oSiGaMF95PsYLExhocU2woB4Lnz0sYO9lBgeOgjpdvEMV8raRUOgbmUfJIkttLkmAZms9ltfSZHEHQWFoq8NxiaanM0DQDH0gwAgBgjMBNmG/P4nE5M1b1dr8T2nr0uDNEpUAGhnnphyd/2WEYhHaKUTny/Eh9hNytg8V6f+0TVRAUAAHD3jV9v746qvZbcOiC9Vs9Q7EFbtdTeyvrxu1JxrlrM2bRbFoutzOpqXvuKBIxG/3ZScTQE8c6KgwmHb2LCqTytwuGJhdjxgAMp2+C7bhW3
4994+mts90eVuEuhkMzRB6e1XMYSDkdCitb3AMAmlz3Iy7IoAiDJogQAgFAIgiAEQTFE5WSA2vvqcUlPYKkbofo6u2+6OZKYQ2q//u9XhyONnhwLnz+cdqud0MP4R55n5pejUrJ2HAScxFCEo3H85z/mLvbS4euFY5dy1v8yYu3ou2c6vi9KzP9SqYgfAAC8t2r72s9+gfBSRLE7CAAIPHG/MZhwhJcUPbPA2McphVup+9dcpXrxeRWbuZ39RLlVpXCS9HgDDodnjHQhfR4vCOqeX2qC4xLxw9hWQpXJ1tCQhXoLcaXuhjzDrnFoVeM7yy9yarebawbFPd7ItdmFqEu1XQME2Yj7trlEMlupDtcEEgAAgMyergA7Zhn4ShYzb9a2Yq2LBUKyWNx2hDWmPCWm8OO3r4o6XkTT9+/61Qw2/ovyelv/q4H0PvhVVMV/D4LCD/OHjP45rwmf/SKieJR1cn4x0bfXag/hoCoXgxSR3vvjD6WWLEkQDMNmy+TkjZlZ8whzAQDwtZf/u3/Ij253yhVIXPoPKfGugtmTdprZ7/4jOboO8RBmv377l3OkVZPLC4LMTf+i8mR5vzVcE8gOtY32ghcd+ErmVr7/unH5RqB2w0sazyPTyT890mVZN/e7qKoeJEHHgWuAJqHeW0tfqhPDoGN3Na9fOHBndEm5SJowXf9ELmoTDiAJHH+evJQF6tk3m6etc6lmG1wps+7xB8Y9Hp9tBH5EEl9M7h3uxMoj2kXfH776Bhzu3J5XY26pDkkoJPde7qT0rFQpgRNmwkW6SI/HH4h6FMqILwMBDINtn0+VCtVqvlJvNBhl6zcNiI3kf+U/m1HsQN0Hlsocvto+6p6vll5NUpCmeRBV/HZ1o6r5X2Ai5m9+uqBkot05Fr7z+5VlNY5mXcCYL/xg6Y6S5ePbge6JKz809EmHibhz755D+U6BkMg/ItRpHxOCXueQOP5tJkKoLD+6sNVQFHO5GACW+Vvz89gwNvZ0j519/nRlZFG94ujp9Jtd7v2OawOeMfv8+bej+T64k3RFopHrEbXuWJchiHv3AJfLbh1lc7mCjt5qVyPzuUcFt3cQBWZPVr/a6tUpmKIWVFt+dP4i/vgJqz3eMDke/G5KZQ0sit4YYzd0iS+CTyz96kuVugFQdPEaiMs6hcOx+M/TqkYKhaq7LY3CwZZorBNLCKn1VI8OTfypmHn93B/yeXye4RUvi2zlMJNNHR59qDXYntDxrzLztwJ6H8b3aOXisd3D1FC/j+vmJAoDGDM7iE7EMZgzNuKETNO1RoNh6xTHMw0ZUDUgVAdez5K49KPa0jV9xsiSQL/Z3zo4vMImKvvkwafqT5bJ/LD+Rqv1l8Xn8UxF7kyo31Bv8X+BHB5ltSVgUcIVmohORaIaLhMBHsCbWxoHAgBG3ZHp6N+otthd+P3qq8zxVTFUT+EoVl0dORDiy0f17iP401MAm30LszM3gBVBEHjg2EMWJbFVSXyzsVvW1WRxeND08Z8/a9y2oehgFeiyKPKl7e+e7A/5+4x9+RmBAMxMBocT8CFOZ8d0tZyot0p5ESSyoLU/sHDIXCpfQhDUqqJm5/0/BLLAMck/La9f+cI7/sp8X909JwOe31/9n+fqhoZgAEEwBMEQ7FmYnVm8qUWTrda/u/HshzVelCRJUnZFhiAYhhGLa+ruxw/dylXUFyCIpY9CljVeEMV+tovvj4XAhCX68P49j4qlmzMWFiYDL9hmU+xp1NVLOC5sIxKzu1cJm8xRsfzOss8X9Ad9fpUf5kqkXC6bOj5O5avdZlAfGpGNCbvb0WseFWvPfc6SPo4dpY9Ohv19iNAsAgMYHcI+7ktYQpwwychgsQGK/z6EGleJi//h9JMZLS9TAAAAQiN1EI/Hjq/ebE3vx2Lq7jlRiK2/ep1UObLNgWFOu9lmHyNJNznm15jcJdx3/YuZfJ6iaoySKzKGOZ0ejy/o8QT8Tq3aitoWXYvpw0yh3FKTuIEtNtLvCweD4YCKUpF3RNDrS6lENterxri/cEj8yf5VZS0yT9MAYMTkwsyNGQJGYBiG1bnUXkKURElsH8W2Ng9GunNUNaJ4dBR78xkvQigKw0qW9T2QZVEQ2YONJzv08G0vTIFrQz/nGeZ3eYPkj0M4n8ynUmVO9FpN6u8LGQh8M7/5/EW8X6u8en1v+4ZHuUmuJDKNzf/cV2VkAMEmk99nNo97nB7fxKSeZpM4Tt6slA5i6XShXOE60QB3ObeCoDACwYRlPDB9bWbap2eiiaIL85Xc81cHWJWVZEmWZVkGXdEHgkBnYKR3cmZ2YUbrizAcXmxsrW8RWVqSJFmSL47QSzg4mukIB31SqPbPKYnsSetwxe0JBz0+j9usauXqEuXM6Wkmly9T5Z8qJ9oDKlZdm5yYiwTHdFiDtZrpo/Rx8iRL/z9tDvuO9OOjrY+XLKpddAR+7/AgdpItKkzw9v7t164xxfxD5XTtxcGeuopOl+fB35vNCGohTIRZg5/I+0BWhJhoNFrtNlM52yb+7NmlQyLzPr/TSRAWi93htOt5Ys4GGv98ga5UKzRdYZpMk+Ppy98zdN2CWawWm9Nhs9qcTgXbr55gtjnyLlUsFyi6QtOV9rv7uX/EUc2WFbK3klSpAIDjc9PhSHjcZcUQFEFQFaGXLImiKAoCL6T24/FYih2dl50eGo0sHAg/uBkN2wgTikEq35mSJPBtrlLd3dzdr45mZ4rI6HHqhmFNGRudXQS6KZVOkvUxr89kUh5f5Dmu3ljb2NhW3i+WLfunp5F+HtMSz7HJvW++VltcYfU/+Fd1R/YDIgjXFAAAgHqeaUsAgOJl4Qjci0a9PnzAGheIIMYAaNdKxWK+WqvW6s3EZeEYX3LiDpeD9I7helcwEGR8HAh0OZkr5orFPMO2251qvJ7CUWt0hON0V10zE146KlisFruLDLrdYy6fT/mqiI1auVopFE4LtXq9Qavq4fxhkSpt+gU5PjkxFQiaVbpL84185jBxWqQrdG1E0UZ9Q09S1Gq1a3mJnvTIiOukdsS8Wvx4Zko56qjlkgfxeImqqFjUFFrP8//waT+P6dZpfHvnKF37qV5IhP9sQaJrs59rOhrFieGUQKF2kzvCcjzH53KPEpd+Gf2NE8EwDMcHrJuAbZg92m61WVYQj/ZXN85G7nFgKx/fOivP33ytrrunJJXLAADUTk76fB53KEjAKIYgCAIAgr5toCNLAg8AkNsCEDm2Vi2UytmT45O/PMno0GqVYZM3ci06MeGwEiYMQxBTT0WURVHkOU7geYbKJHf2cuURfqrGtp7aOLvdoWUyXVLd1VWRdpt6Q9VKJZ8XJ64q6xBaHMe2c8n9nb09dWeVpKOsBapFbNbuqEOWBZZtlg631/ZO1Ku3JLYvrCTBCDbgo32+mbNLL81uj27f5MsgyPn8I5lav/xL94KaTTbKwDj+NjuyRWavFg56j35x9oAUSprap4mM0EyaccJiMeFO0mq1mwFitVnPp3ECR5cBAGKuAthCledabbbZZH7axVcFJJ7iTret1jEy4CNJq8PX005KbjINulCoVMtVqt6ojCAjeoHGtoq2iV1gmLpdyR3Y4XYaTDY2ydn58GT4CqeaZipXyGQKuWpV/Q5TQX6RnZ25+ZGvK+Un87XM8UHiMKdpl6TIUsm3PyCYldSbffhZYzlP5vaMOFq5TV1nlTmuE+KiuMtrs9mtALHZbeeiyLerJQCAmKVAK/chjL2GgMgweQCAnRwPkF6bI+AFEIqiF0M/jpOEOlOr5nIUVayNbkvKOW21zq5/QZRKAD1KTE5P+My4CYUx09kmyTYviQLPcW0qcZJLpqs1LSvXkpRIHx+c5EJeswnFOy2TOI4X2my9kE7G0llt+s1W9755+wNisnp0CwcEoxcmB11OVNUjqV+RDNI3c3MlmVzXSdvanjHIhCnnoXBH52keUStKkaUYFEXR9x4zSeI4AIDc4oA4KvepEdEqNtImHEUJHCAOm+3iPUVRHMeLPM+yHNceaRuHv2rEbG3HanGGvKTd5CLPlt9KVa7VoCmqWGNYlmlq3tUolZq5Fx5viHS4A2cZHIqq10ulk3yTqTc15piawso7P1gIRjTVZL0HYrKR7xJKXe/g5BOyz1ovjFt0deoolbsUqpbW1EcKIcc0TM9GJByy2BppvP6hEYS3SySw3Wq9KByVCvchbUP+WpHrdQAAEXS7bJjTZTZBAIAyzbUZulqhdL5G5GazlLQ6gy4b2emdWKnWGxRV0LPuxFbbchEAAAC3SURBVPPMkGI5GLO53glH4fKvC9zVDckBgEwWlx7hYLo/feKxpkVl2OVSNvQsFzqT2NF5bP5sQZH3+qXzvHJ5sUEHGMdQBEZRBIIAAJwgS6LAC4PEaRCC4ihyvuGSFwSR539qJYeRC5PZ7gKw/jMCGNbVVFDsflU7SW0nwlDlogOeo0bpY2dgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYPAz4P8AmIMep0ARrAkAAAAASUVORK5CYII=" height="287" preserveAspectRatio="xMidYMid meet"/></g></g></mask></defs><g clip-path="url(#7babfeabf3)"><g mask="url(#24d6c29a15)"><g transform="matrix(0.747396, 0, 0, 0.747396, 1.406264, 0)"><image x="0" y="0" width="1080" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDgAAAEfCAIAAAAr4+HxAAAABmJLR0QA/wD/AP+gvaeTAAATI0l
4994EQVR4nO3d2ZbqOg4A0Eqv+/+/nH5IL5pLAQWJB0ne+/kMYMuDrDj8/AAAAAAAAAAAAAAAAMA12+wP0Mu+7+P/022L0p6ff/04nxmYrt/MaaoB4Fv/mf0BupiSpQDwimkZgG+lP+JKsfiNP0pUUQHeiDNzmoIAeKVmRQUAAEgt5VFWnLPA07oeIp5oH4eaUFuiadN0BMBBRaWaRNsRAAB4JcHB1Qo774YniOeayxEm1FNg8jQ1AaxMRSWEAvsJAABoKPRh1crb93PniKdbzLEl1FB42jRNAawm4rxfeKE955Pl+WKj2QFAAeUnTzMVwFI8+pXAvu/l9x/ARSvMEit8RwBuAp1OWYG+sm1bwxZzTgl5LTh5mrIAVhClorLgQnuRFgOWZQIEWME/sz+A9QbgDJMnALVFqagAAADczHzM13FgHB74hkRMnjfmLoDCVFQAAIBw5pxFOQ6MxqkkpNB78nw/FYSdus1gACWpqAAAAOGMfutX2AM5gDV9Xo64/UkzOQADqKgAAADhjKuoRD6BO/18c+QvBVTSY7Y5PfUdf9EECEBXKioAAEA4I96UEu3Urev7YaJ92c95bQ7EFKqW8luESc/0BVCSigoAABBO9zsqEQ7bfgaetz38R0G+PpBRpwlE/QGAFPpWVGzTbQiA2rZtM9EB0MPo31EZKcja6ZcHAADgWzUTlSApyoP7TyVpAcbrNzd6YTEAzfVKVCxXAKeZQgGgWkUlZi3lN9UVAAB4o8tlejtvAADgilIVlSzllAee7QZuUk8FZjMAGvKDjwBLSHqUA8CyGldUZh2kFViAvcUY6GfkJKmuAkATKioAAEA46e+oFKilPHAYCWsy6k+otwQAcKOiAgAAhNOsouIssC11FSA1kxgAF6moAAAA4SS+o7LCo8mOJGERVYd5v0lshSUAYHEqKglYj6G2qlkKAFwhUclBrgLktW1bw0ms7b8GQFgSlTQszAAArKPB3nf8Qwsrb9l7t/bKbQuzDJhFQw3tc9831FcAYAAVFQCGOpFyyFIAFpT4rV9r8h4wqGTZsSzxAOBPKioAxckKAMhIopKSl94AHzJXAJCURAUAAAjn0h2VZZ+uBgAAulJRScwDYAAAVCVRAQAAwpGopKeuAkl5ehYA3pCoAEwgSwGA9yQqAABAOBIVAAAgHIlKEW6qAABQiUQFAAAIR6ICAACEI1EBAADCkaiU4poKAAA1SFQAAIBwUiYq+777rbROtC0MYJQBwJ9SJiq84ekvAAAKkKgUJFcBACA7iQoAABBO4kTFbQoAAKgqcaLCG57+AgAgNYlKWXIVAADykqgAAADhpE9U3FQBAIB60icqAABAPRIVAAAgnCKJigfAntq2zZV6AAAyKpKoAAAAlZRKVBRVAACghlKJCgAAUEO1RMVlFQAAKKBaogIAABRQM1FRV7nn3V8AAKRTM1EBAABS+2f2B+joKKooJgBxKPYCwIdUVAAAgHDqJyruqwAAQDr1ExUAACCdyndU7rmvQmRTin6GA0QzZiow9oEsLlVUTHaJ6CwAABJpsHlNegPExp1Zwg4Zg2KA8b2vW6MJOwMcBAwQhzsqADBI8CwFIJR1KyoHR0f0ZoAkkrqzshBU6azWZSm8j6sgXdYk+IN8F2ZRUQEAAMJZvaJyI2WnoRqD4sEKY6Rkx0UjkPJaoe9i+jaiRvbUrGgvEI0jmy5vczX73DXm5bwdSQQ1RsF7tcfICj04XdUQWi14qvZjHFciqnfvhIr2RKEYpN0StdiPR7+glSATUG/7vi/yTQFmCTvNBlwCon2eV+J8zoCd+IaKyhO5ck3mqhT5Xyk5TJbtzZEqRY6AqdSbc7WNpeb9kiXUowVkinaL1mgPVFSAM1LMvwDxBZ9Og3+8e4k+ahzBG23RnPtzwRNNJqoX7aeVGSb6dIAa0SJUHtTo1pG6hlCT7kgd5HMDMmnTxRzFKioAwCVJd2ZAcCoqn4qZaDJY4Qi/rsAY0b8DpI4TEfKn1P3bVYp30VaK8MGhqOk6UVH5VKUQBACGsYWAc7rkTLUHZKhEk2FqR3VDqQeIXh4gaYTMjY0PGy1IACft4rZSBMy9IMHTXNdorNpohyADWUUFAOIKsl34XO3dGzCSisol6dYPTlgnnhtKOjT09QDpYmN8VDRsookhna6jr4g2deQqwQ2w7A/LXDd9IKuoAACNrbOTA/rplSctNUNNTzfpJP5LWoIPtHRDI3h71pAoKuLPAF9JXRoKJf5E8WfLx/8KPVwMSI02Ra+KyvQvBgAA5NU3nVgt+5SelTEgdHtES8wRZ1zci9lHI6WIh2K1lHvqKiekG7Zv2jzdd2nOK9FOmDiK3VEBYJACe1YAhhmxZqyZiVqPk+oarmOiIuaIMyIOzrNTGNNNs7pmcBAmjcCYE+mHfrd56q/T1lcBqd3uTRnLKipQzbZtSXcGwACmiNXYbZPXP7M/QFnHvGAxSKRALeX3/xhnfTIiSKF2LWWKfd+X+r6hxFkC4vhwMdJ0QYxIVKJtmGCkuSu00QehxNmymxyA+FRU+rpfA+KsT/xmtYbFmQQoRkifoNHemPJkxLg7Kh6K3ffdAIipU7/Eifk4n8QQgAVZ/gbT4H/SPlm4TA8MZXkAYLqHxUh2F9MS70YMK8gh9+J6RGPkng0y+iI3UVdeTxxQ4Z93/JBXCPwWZKqMqcxvJs66qfW+AWO21YNhw1lFBZggxUQMAEw05zK9l40cbi2Q65ypjNVqKQDwrSbr2v0/Emf71/uTnGu6h78Vp7mmUFEBAICIFj8Anf/lF88U7y0eiyOppQQZd7karYloD0MvTncc3NL57WmbfPLhg8yu1/XuqTIN9Vu/povTaO6oAAAwQZZ8kvLm/+BjzMcWp/DrkAzjnhjAG6dX4dS7mpF7j2LL0JimixNdw378UUUFAAAIJ+KxfZn0+jp1lebcTrkXZKzlbcATXIoIZdYQiNYp7qj0E2Sa/dPcfsnSSk+t3HQqKgAAdLRa9tiQputt/h2V34o9tniFWysAQA9x9hXpNn5xmq48FRUAgC7saOGKBOMnUYY9gCnvtE6BlL1HIoyv7G34FXdUQnFH5d6Y1oj53XuLMNPei9wL0drqQcymKzyVqagAAADhRLyj8iDdk4tdubVCPcNexw5MZ7zPpeVPi9x0hbfKaSoqkeODZQlLALKwZpFOgorKzW2AlUwZT3Au9SG3UwBYXJY1K2BxIEvTlZSmonJv2zZBcxNqMAMAodg1nZar6cZ/2gFb0JSJCg/kKpyWaAoGAELpvQXN9OjXg/sNlp26x8CeEhif2LZNQwHUY1dwmqYLQkWlFNtNAABqSFxRuRfw6tUsSisDaN4ehC5AQ6bTc7RbKCoqAABAOEUqKgfvL75xOC0GgD+Nr8avPC3D52ZdnjRCo1FRAQAAwilVUbnxQrCDugoAwDqKvclTRQUAAAinZkXlnheCqas0t3I4QT1jlgmTMMC3VFQAAIBw6ldUDm6trFNXWbN/AQCKUVEBgCXOcQByWTFR2bZt2QVp33cFB4CnOi0NKy86AFesmKgAwFMyCoA4Vrmj8tvKt1bWua8C8K3b3HhxaTDHAlykogIAAISzbkXl3pq/taKuAvDGOtPjassfkIWKyv+tsyYBAEBwKir/smBppVJdZamOAzjHVAlkIVF5YsF79vu+18hVAPhtkbWMShY8O+Y3j34BQGW2ekBSKip/WCehV1QBKGOFZQsoT0WF/7OwAQAQhIrKRxa8tQJAFhYmoCQVFQAAIBwVla/VvrVS6W3FPfRumapxBTRnugDKU1EBAADCUVE5qfatlYx1lRq9kKvNgZFqzHIAn1NRoQLrNwBAMSoqDdS+tQLALFYWYGUqKgAAQDgqKs3cbheUOQDLeFMFIK8yywdAEyoqAABAOCoq7bmyAsCH5i4Wtd9gCWSnogIAAISjotKLugoAT8WpogBEpqLSl/UAgDisSkAiKirdZX8bmHd/ATQxaxUwgQNJqagAQFmyFCAvFZVx3FoBWIeLKAAXSVRGk66ktu+75R94zyNeAE149Au+I8kEABhARWWOdHUVlQSAN1RRAJpTUeFTidIqAACyU1GZKV1dBYAbVRSArlRUAACAcN5VVD48K3K0c5G6CkAiU6ZrSy2woJcVFftmAABglgZ3VI6UxmHPReoqAMG5lAIwkjsqABCXLAVYlrd+xbJtm6JKfH5VBlYzfmY2yQCoqMAZ8kkAgK5UVADgJbUUgFlUVMKxRAEAQLOKind/NeSmCsBE3u4FEIGKCgAAEI47KnxB3QyoTS0FIA4VlaAsWgCLMOEDPNU4UXGzoiFLV3CiHbguwlS/77sJDQhIRQXOs7QDp23bFiFLAQjLHRUAcO4AEE77RMV964aOZrR8AvTjJx0BYvLoFwAAEI5EBS5R74LUBg9h91IAPvcyUTGTkohwBU5w0AAQ2bs7Ktu2nZ7E3VRhsCvhykTve80cQhmCGeBbHv0Cpvkzt5R8AsCyvJ6YLzgRZDzlWXqQAwPEp6KSgC0aAACr6Zuo7Pvu1KoJuUpk4vwcjcYsfjgFIAUVFQAAIBx3VIDR1FKYSPgBZKGiAgAAhDOiouKlPaxAnAO/mRMATlNRoQ4bAgCAMiQqlDI9V/EGsPe0D3MJP4BEJCpAdNPzTwBgvHFv/fIEP6zs9Em2SQMA1qSiAgAAhPNHReU4y2z4UK+6CisQ5/fcCgAATlBRAYAunFYAXOGX6RNwIJ2UusrF0F256Whu/EQqgAEumpOo2MClk6izmj+vCADAeCoqQHsSRQDgopl3VGxlWIGfODxh27ZERTx4ysAHuGjyZXrzOABVWeMArpj/1i/zOCtYp66yzjcFALqan6j8yFUAAIB/c5k+tAgpXNKrAjHf/VX4fXetmrpk4wBwQrRFnPFCVFQAAOBGlsJPnIpK4ZNmeFAs2q0lAEAPKioAAEA4USoqh33fyxwzX+eg+rqYN1UOt0+VN+bbNmzedoA34q9rMWdIgB8VlbCsHAA1RJ7PI382gI8qKiOPpYs9vp+aXhgjY8zb3AAAvamoAAAA4cS6o3KT8Yy5IcfVbUW+qXJz//FiRn6/Boz5faGhgDdVgk+JAD8qKgEFWTyirakAACwlaEXlsHhdZSJtPlecyO+dNkf4jrCaIMdhAH9SUQEAAMIJXVE5xH92v6HpB12FWzjFTZV7vz/qmN4Z1kSFg+2pRLFHDxEqpYIQyEVFBQAACCdBReVehBOpThx08aceNRaBByNNXMUMdiCdZInKoVi6EmTxKNOe76V7AOy9pF9kkWCDV4atYmGniOvva571cCwwkke/AIDRriRRT/9u2KwMOC1lReVwm5LyHqLEmVXztuE5xeoqiawWafBGp1fFlJ/Zyn9B4KZCRcWcBQArsOLDUhJXVO4lqq5Em2Tjtxg1iLRZil3qq+p0dSXamvKVz4OzwNeEMYrFW4WKCgBAQMV2jTDYFxWVFI/1h/11yODttqYUIV1AqJE4hRiLINF4T/EhG3pVV1mtHbin9zmoqIwQdrzZQQIAEFOROypPTa+uhM1PDrKUw7ZtwXsqLzEGfMg8TATXf+GHtlRUegk+5xqHAAAPgu/fVlO5onLvVdg136+niG9ZygNFlebE2CFOXHn3FwA9dC1Dqagsx04FAID4vt6zxjkgHCnR62JekZ/8KXX/xiHSDmHDSQeF7ZqJCqxxh2jhPb1JozXIJ6Y32kHTfatTi6mowP9knJXgW0E2AcRh6gPCWuWOykWpl3aL0OdcVrlCpB3ih9Dir7UxzA8rx8AAYgyaUFGBf7F4AwBE4I5KZfbcp4nzryweaTWiZbVOrNFr57zq69RtEi2AQzVmtMZ5JVSj
4994HTTdt5q3mIoKwHlxlgcAKEZFpaYsZwDBifY/LRVpa8ZD7S5erU8/6c2kbRIhUIM3XYQm+i14ox1iNt0hYAO2ba6vKyqRe4uDPmpl2zaNCRCZiRoKOzm2LyZwv+eUgBlhOmbqTgTnUyXjTV+fljQeFunxr3onXZvMjT3NdUK6RjtEaLpDoga83mijE5Xa0+UUcUbOCsRk7XjTv6elDozC/X66X1K0yYCoS9EO13VtyaptOHLSK9CGp5vLZXoAgHX12wcX2GG/Muyr1WjD8xWOYf/fxdSzRj+1lfoIM7U1o3GFeFuzZ5soEB5ler9JX4RtDVWU8T5vc033QNN94n0rqagAAAATvE/S/hn2OS5y/77AgWUZ931ROw5FHesoMK4bDtjjnwrVDqYjqOp+qnkY6SoqAABAOCMqKp1OQVaosThAiu/WR2XCT9RBwHrCKysM2BW+I/CUigq0YSkFAGgozR2VTzzdKaY4EvuxzS0hY3VF4MErAW+tDB6wcytLZidARQXas74CAFy0+nZq5EGRzSsRDmXFIVwxZRQHGbYDvnuEbxphog7Fj4GcpulO8NYvAEgjwt4dYArTHwRy8UzFhgbGa3gUmmgIN/nWib5vGSc6TlngNE13gooKxGXZBqAfqwwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA0NJ/AT0v0KatCu7lAAAAAElFTkSuQmCC" height="287" preserveAspectRatio="xMidYMid meet"/></g></g></g></svg> 4995 </a> 4996 4997 </div> 4998 �</div>�<h1 class="header__heading"> 4999 <div class="header__heading-link link link--text focus-inset transition in-use"> 5000 5001 </div></h1><div class="header__icons"> 5002 <a href="https://api.whatsapp.com/send?phone=+923444451203&text=KAYSERIA" class="hdr-whatsapp " target="_blank" aria-label="Sefam Pvt. Ltd. whatsapp"> 5003<img 5004 src="https://cdn.shopify.com/s/files/1/0931/0860/1128/files/whatsapp-icon_b3ebf940-2801-4881-976f-9ef0b6e82582.png?v=1779346568" 5005 class="hdr-float" 5006 alt="" 5007 width="24" 5008 height="24" 5009> 5010 5011 </a> 5012 <div class="desktop-localization-wrapper hidden">�</div> 5013 5014 5015<details-modal class="header__search small-hide"> 5016 <div class="drawer_icon_search"> 5017 <span class="svg-wrapper show_mbl"><svg fill="none" class="hidden " viewBox="0 0 18 19"><path fill="currentColor" fill-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.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg> 5018<svg fill="currentColor" class="icon icon-search" xmlns="http://www.w3.org/2000/svg" id="Black" viewBox="0 0 550 550" style="width: 20px;height: 20px;"> 5019 <defs> 5020 <style> 5021 .cls-1 { 5022 fill:none; 5023 stroke:currentcolor; 5024 stroke-miterlimit: 10; 5025 stroke-width: 15px; 5026 } 5027 </style> 5028 </defs> 5029 <g> 5030 <path d="M333.26,376.67c-2.05,0-4.09-.78-5.66-2.34l-31.37-31.37c-3.12-3.12-3.12-8.19,0-11.31,3.12-3.12,8.19-3.12,11.31,0l31.37,31.37c3.12,3.12,3.12,8.19,0,11.31-1.56,1.56-3.61,2.34-5.66,2.34Z"/> 5031 <path d="M367.59,341.59c-2.05,0-4.09-.78-5.66-2.34l-31-31c-3.12-3.12-3.12-8.19,0-11.31,3.12-3.12,8.19-3.12,11.31,0l31,31c3.12,3.12,3.12,8.19,0,11.31-1.56,1.56-3.61,2.34-5.66,2.34Z"/> 5032 <path d="M461.12,531.82c-.54,0-1.08-.01-1.61-.03-10.43-.42-19.77-4.88-26.28-12.54l-103.16-121.36c-10.34-12.17-8.81-31.33,3.49-43.63l21.05-21.05c12.39-12.39,31.63-13.86,43.8-3.35l120.52,104.07h0c7.58,6.54,11.96,15.87,12.34,26.26,.43,11.71-4.33,23.44-13.06,32.17l-26.38,26.38c-8.37,8.37-19.48,13.09-30.71,13.09Zm-82.08-193.02c-4.54,0-9.36,1.96-13.12,5.72l-21.05,21.05c-6.45,6.45-7.6,16.09-2.61,21.96l103.16,121.36c3.59,4.22,8.82,6.68,14.74,6.92,7.31,.3,14.74-2.76,20.36-8.38l26.38-26.38c5.6-5.6,8.65-12.98,8.39-20.27-.22-5.9-2.63-11.13-6.81-14.73l-120.52-104.07c-2.47-2.13-5.61-3.16-8.91-3.16Z"/> 5033 </g> 5034 <circle fill="currentColor" class="cls-1" cx="194.17" cy="196.62" r="134.12"/> 5035 <circle fill="currentColor" class="cls-1" cx="194.21" cy="193.69" r="175.52"/> 5036</svg></span> 5037 </div> 5038 <details> 5039 5040 <summary 5041 class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" 5042 aria-haspopup="dialog" 5043 aria-label="Search" 5044 > 5045 <span> 5046 <span class="svg-wrapper show_mbl"><svg fill="none" class="hidden " viewBox="0 0 18 19"><path fill="currentColor" fill-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.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg> 5047<svg fill="currentColor" class="icon icon-search" xmlns="http://www.w3.org/2000/svg" id="Black" viewBox="0 0 550 550" style="width: 20px;height: 20px;"> 5048 <defs> 5049 <style> 5050 .cls-1 { 5051 fill:none; 5052 stroke:currentcolor; 5053 stroke-miterlimit: 10; 5054 stroke-width: 15px; 5055 } 5056 </style> 5057 </defs> 5058 <g> 5059 <path d="M333.26,376.67c-2.05,0-4.09-.78-5.66-2.34l-31.37-31.37c-3.12-3.12-3.12-8.19,0-11.31,3.12-3.12,8.19-3.12,11.31,0l31.37,31.37c3.12,3.12,3.12,8.19,0,11.31-1.56,1.56-3.61,2.34-5.66,2.34Z"/> 5060 <path d="M367.59,341.59c-2.05,0-4.09-.78-5.66-2.34l-31-31c-3.12-3.12-3.12-8.19,0-11.31,3.12-3.12,8.19-3.12,11.31,0l31,31c3.12,3.12,3.12,8.19,0,11.31-1.56,1.56-3.61,2.34-5.66,2.34Z"/> 5061 <path d="M461.12,531.82c-.54,0-1.08-.01-1.61-.03-10.43-.42-19.77-4.88-26.28-12.54l-103.16-121.36c-10.34-12.17-8.81-31.33,3.49-43.63l21.05-21.05c12.39-12.39,31.63-13.86,43.8-3.35l120.52,104.07h0c7.58,6.54,11.96,15.87,12.34,26.26,.43,11.71-4.33,23.44-13.06,32.17l-26.38,26.38c-8.37,8.37-19.48,13.09-30.71,
506113.09Zm-82.08-193.02c-4.54,0-9.36,1.96-13.12,5.72l-21.05,21.05c-6.45,6.45-7.6,16.09-2.61,21.96l103.16,121.36c3.59,4.22,8.82,6.68,14.74,6.92,7.31,.3,14.74-2.76,20.36-8.38l26.38-26.38c5.6-5.6,8.65-12.98,8.39-20.27-.22-5.9-2.63-11.13-6.81-14.73l-120.52-104.07c-2.47-2.13-5.61-3.16-8.91-3.16Z"/> 5062 </g> 5063 <circle fill="currentColor" class="cls-1" cx="194.17" cy="196.62" r="134.12"/> 5064 <circle fill="currentColor" class="cls-1" cx="194.21" cy="193.69" r="175.52"/> 5065</svg></span> 5066 <span class="svg-wrapper show_desktop text"> 5067 5068 <svg style="width:20px;" data-testid="search-icon-mobile" height="21" version="1.1" viewBox="0 0 21 20" width="21"><g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g data-testid="search-icon-path" opacity="1" stroke="#333333" stroke-width="2" transform="translate(-59.000000, -165.000000)" class="sitewide-0 e1a3rho10"><g transform="translate(0.000000, 151.000000)"><g transform="translate(59.000000, 14.000000)"><line stroke-linecap="square" x1="15.7644928" x2="19" y1="14.8586957" y2="18.0724638"></line><circle cx="8.80434783" cy="8.80434783" fill="transparent" r="7.5" class="sitewide-0 e1a3rho11"></circle></g></g></g></g></svg> 5069 </span> 5070 <!-- <span class="svg-wrapper header__icon-close"><svg class="icon icon-close" width="13" height="13" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.91793 5.78324L0.271484 1.13679L0.978591 0.429688L5.62504 5.07613L10.2715 0.429688L10.9786 1.13679L6.33214 5.78324L10.9786 10.4297L10.2715 11.1368L5.62504 6.49035L0.978591 11.1368L0.271484 10.4297L4.91793 5.78324Z" fill="#000"></path></svg></span> --> 5071 </span> 5072 </summary> 5073 5074 <div 5075 class="search-modal modal__content gradient" 5076 role="dialog" 5077 aria-modal="true" 5078 aria-label="Search" 5079 > 5080 <div class="modal-overlay"></div> 5081 <div class="site-search " bis_skin_checked="1"> 5082 <strong class="search-heading">Search</strong> 5083 5084 </div> 5085 <!-- { { 'html5-qrcode.min.js' | asset_url | script_tag }} --> 5086 5087<link href="//sefam.com/cdn/shop/t/112/assets/barcode-style.css?v=10350427338226351471788152450" rel="stylesheet" type="text/css" media="all" /> 5088 5089 5090<!-- HTML5 QR / BARCODE LIB --> 5091 5092 5093 5094
5095<script> 5096let html5QrCode; 5097 5098/* ===== DEVICE CAMERA CONFIG ===== */ 5099const cameraConfig = 5100 /Android|iPhone|iPad|iPod/i.test(navigator.userAgent) 5101 ? { facingMode: "environment" } 5102 : { facingMode: "user" }; 5103 5104/* ===== START CAMERA SCAN ===== */ 5105document.querySelector('.alche-barcode-pre--button').addEventListener('click', () => { 5106 document.querySelector('.alche-barcode-pre').style.display = 'none'; 5107 5108 html5QrCode = new Html5Qrcode("barcode-reader"); 5109 5110 html5QrCode.start( 5111 cameraConfig, 5112 { 5113 fps: 10, 5114 qrbox: { width: 300, height: 150 }, 5115 aspectRatio: 1.777, 5116 disableFlip: true, 5117 formatsToSupport: [ 5118 Html5QrcodeSupportedFormats.CODE_128, 5119 Html5QrcodeSupportedFormats.EAN_13, 5120 Html5QrcodeSupportedFormats.EAN_8, 5121 Html5QrcodeSupportedFormats.UPC_A, 5122 Html5QrcodeSupportedFormats.UPC_E, 5123 Html5QrcodeSupportedFormats.QR_CODE 5124 ] 5125 }, 5126 onScanSuccess, 5127 () => {} 5128 ); 5129}); 5130 5131/* ===== IMAGE UPLOAD SCAN ===== */ 5132document.querySelector('.barcode-upload-btn').addEventListener('click', () => { 5133 document.getElementById('barcode-image-input').click(); 5134}); 5135 5136document.getElementById('barcode-image-input').addEventListener('change', e => { 5137 const file = e.target.files[0]; 5138 if (!file) return; 5139 5140 const imgScanner = new Html5Qrcode("barcode-reader"); 5141 5142 imgScanner.scanFile(file, true) 5143 .then(text => handleBarcodeResult(text)) 5144 .catch(() => alert("No barcode found in image")); 5145}); 5146 5147/* ===== VOICE SEARCH ===== */ 5148document.querySelector('.voice-search-btn').addEventListener('click', () => { 5149 const SpeechRecognition = 5150 window.SpeechRecognition || window.webkitSpeechRecognition; 5151 5152 if (!SpeechRecognition) { 5153 alert("Voice search not supported"); 5154 return; 5155 } 5156 5157 const listeningUI = document.querySelector('.voice-listening'); 5158 listeningUI.hidden = false; 5159 5160 const recognition = new SpeechRecognition(); 5161 recognition.lang = "en-US"; 5162 recognition.start(); 5163 5164 recognition.onresult = e => { 5165 const text = e.results[0][0].transcript; 5166 listeningUI.hidden = true; 5167 window.location.href = `/search?q=${encodeURIComponent(text)}`; 5168 }; 5169 5170 recognition.onerror = () => { 5171 listeningUI.hidden = true; 5172 alert("Voice recognition failed"); 5173 }; 5174 5175 recognition.onend = () => { 5176 listeningUI.hidden = true; 5177 }; 5178}); 5179 5180/* ===== SCAN SUCCESS ===== */ 5181function onScanSuccess(decodedText) { 5182 html5QrCode.stop(); 5183 handleBarcodeResult(decodedText); 5184} 5185 5186/* ===== SHOPIFY BARCODE SEARCH ===== */ 5187function handleBarcodeResult(code) { 5188 fetch(`/search/suggest.json?q=${code}&resources[type]=product&resources[options][fields]=variants.barcode`) 5189 .then(res => res.json()) 5190 .then(data => { 5191 if (data.resources.results.products.length) { 5192 window.location.href = data.resources.results.products[0].url; 5193 } else { 5194 alert("Product not found"); 5195 document.querySelector('.alche-barcode-pre').style.display = 'flex'; 5196 } 5197 }); 5198} 5199</script>
5199 5200 5201 5202 <div id="search-header-custom" class="search-whole-wrap"> 5203 <div 5204 class=" search-modal__content search-modal__content-bottom" 5205 tabindex="-1" 5206 ><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form"> 5207 <div class="field"> 5208 <input 5209 class="search__input field__input" 5210 id="Search-In-Modal" 5211 type="search" 5212 name="q" 5213 value="" 5214 placeholder="Search"role="combobox" 5215 aria-expanded="false" 5216 aria-owns="predictive-search-results" 5217 aria-controls="predictive-search-results" 5218 aria-haspopup="listbox" 5219 aria-autocomplete="list" 5220 autocorrect="off" 5221 autocomplete="off" 5222 autocapitalize="off" 5223 spellcheck="false"> 5224 <label class="field__label" for="Search-In-Modal">Search</label> 5225 <input type="hidden" name="options[prefix]" value="last"> 5226 <button 5227 type="reset" 5228 class="reset__button field__button hidden" 5229 aria-label="Clear search term" 5230 > 5231 <span class="svg-wrapper"><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg> 5232</span> 5233 </button> 5234 <button class="search__button field__button" aria-label="Search"> 5235 <span class="svg-wrapper"> 5236 <svg style="width:20px;" data-testid="search-icon-mobile" height="21" version="1.1" viewBox="0 0 21 20" width="21"><g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g data-testid="search-icon-path" opacity="1" stroke="#333333" stroke-width="2" transform="translate(-59.000000, -165.000000)" class="sitewide-0 e1a3rho10"><g transform="translate(0.000000, 151.000000)"><g transform="translate(59.000000, 14.000000)"><line stroke-linecap="square" x1="15.7644928" x2="19" y1="14.8586957" y2="18.0724638"></line><circle cx="8.80434783" cy="8.80434783" fill="transparent" r="7.5" class="sitewide-0 e1a3rho11"></circle></g></g></g></g></svg> 5237 5238 </span> 5239 </button> 5240 </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search> 5241 5242<div class="predictive-search__loading-state"> 5243 <svg xmlns="http://www.w3.org/2000/svg" class="spinner" viewBox="0 0 66 66"><circle stroke-width="6" cx="33" cy="33" r="30" fill="none" class="path"/></svg> 5244 5245</div> 5246</div> 5247 5248 <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button 5249 type="button" 5250 class="search-modal__close-button modal__close-button link link--text focus-inset small-hide" 5251 aria-label="Close" 5252 > 5253 <span class="svg-wrapper"><svg class="icon icon-close" width="13" height="13" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.91793 5.78324L0.271484 1.13679L0.978591 0.429688L5.62504 5.07613L10.2715 0.429688L10.9786 1.13679L6.33214 5.78324L10.9786 10.4297L10.2715 11.1368L5.62504 6.49035L0.978591 11.1368L0.271484 10.4297L4.91793 5.78324Z" fill="#000"></path></svg></span> 5254 </button> 5255 </div> 5256 <div class="einstein-sidebar" bis_skin_checked="1"> 5257 5258 <div class=" popular-suggest pl-0" bis_skin_checked="1"> 5259 <span class="suggestion"> 5260 Popular Searches 5261 </span> 5262 </div> 5263 <div class="row" bis_skin_checked="1"> 5264 <div class="col-md-12 col-lg-12 items popular-suggestion-items" bis_skin_checked="1"> 5265 5266 <span class="item name" id="phrase-3-0" role="option"> 5267 <a href="/search?q=lawn%203%20piece">lawn 3 piece</a> 5268 </span> 5269
5270 <span class="item name" id="phrase-3-1" role="option"> 5271 <a href="/search?q=lawn">lawn</a> 5272 </span> 5273 5274 <span class="item name" id="phrase-3-2" role="option"> 5275 <a href="/search?q=unstitched">unstitched</a> 5276 </span> 5277 5278 <span class="item name" id="phrase-3-3" role="option"> 5279 <a href="/search?q=2%20piece">2 piece</a> 5280 </span> 5281 5282 <span class="item name" id="phrase-3-4" role="option"> 5283 <a href="/search?q=khaddar">khaddar</a> 5284 </span> 5285 5286 <span class="item name" id="phrase-3-5" role="option"> 5287 <a href="/search?q=kurta">kurta</a> 5288 </span> 5289 5290 <span class="item name" id="phrase-3-6" role="option"> 5291 <a href="/search?q=westernwear">westernwear</a> 5292 </span> 5293 5294 <span class="item name" id="phrase-3-7" role="option"> 5295 <a href="/search?q=velvet">velvet</a> 5296 </span> 5297 5298 <span class="item name" id="phrase-3-8" role="option"> 5299 <a href="/search?q=black">black</a> 5300 </span> 5301 5302 <span class="item name" id="phrase-3-9" role="option"> 5303 <a href="/search?q=dupatta">dupatta</a> 5304 </span> 5305 5306 </div> 5307 </div> 5308 5309 5310</div> 5311 </div> 5312 </div> 5313 </details> 5314</details-modal> 5315�<a 5316 href="https://sefam.com/customer_authentication/redirect?locale=en®ion_country=US" 5317 class="header__icon header__icon--account link focus-inset small-hide hidden" 5318 aria-label="Kayseria Account Icon" 5319 > 5320 <span class="show_desktop"> 5321 <svg 5322 data-testid="account-icon" 5323 fill="#000" 5324 height="22"
5325 viewBox="0 0 22 22" 5326 width="22" 5327 xmlns="http://www.w3.org/2000/svg" 5328 style="display:inline" 5329 > 5330 <path clip-rule="evenodd" d="M14.5 5.00001C14.5 6.93301 12.933 8.50002 11 8.50002C9.06701 8.50002 7.5 6.93301 7.5 5.00001C7.5 3.067 9.06701 1.5 11 1.5C12.933 1.5 14.5 3.067 14.5 5.00001ZM13.4468 9.36143C14.9706 8.50473 16 6.87258 16 5.00001C16 2.23858 13.7614 0 11 0C8.23858 0 6 2.23858 6 5.00001C6 6.87258 7.02939 8.50473 8.55317 9.36143C3.65573 10.8064 0 16.2375 0 19.3009C0 20.4028 0 21.069 0.327368 21.4638C0.828058 22.0677 2.09452 22.0366 5.29798 21.9578C6.75882 21.9219 8.62247 21.8761 11 21.8761C13.3775 21.8761 15.2412 21.9219 16.702 21.9578C19.9055 22.0366 21.1719 22.0677 21.6726 21.4638C22 21.069 22 20.4028 22 19.3009C22 16.2375 18.3443 10.8064 13.4468 9.36143ZM20.5 19.3009C20.5 19.7627 20.4992 20.0787 20.482 20.3299C20.4795 20.3662 20.4768 20.3986 20.474 20.4273C20.4544 20.4307 20.433 20.434 20.4098 20.4374C19.8756 20.5149 18.9905 20.5117 17.3946 20.4742C17.1871 20.4693 16.9698 20.464 16.7423 20.4584L16.7402 20.4583L16.7401 20.4583C15.279 20.4224 13.3971 20.3761 11 20.3761C8.60291 20.3761 6.72102 20.4224 5.25989 20.4583L5.25976 20.4583L5.25763 20.4584C5.03013 20.464 4.81283 20.4693 4.60538 20.4742C3.00945 20.5117 2.12445 20.5149 1.59022 20.4374C1.567 20.434 1.54562 20.4307 1.52598 20.4273C1.52318 20.3986 1.52047 20.3662 1.51797 20.3299C1.50076 20.0787 1.5 19.7627 1.5 19.3009C1.5 18.723 1.71169 17.868 2.21059 16.8531C2.69928 15.8589 3.41882 14.8035 4.31792 13.8411C6.14078 11.8899 8.52175 10.5 11 10.5C13.4782 10.5 15.8592 11.8899 17.6821 13.8411C18.5812 14.8035 19.3007 15.8589 19.7894 16.8531C20.2883 17.868 20.5 18.723 20.5 19.3009Z" fill-rule="evenodd"></path> 5331 </svg> 5332 5333 </span> 5334 </a><a 5335 href="/cart" 5336 class="header__icon header__icon--cart link focus-inset" 5337 id="cart-icon-bubble" 5338 aria-label="Kayseria Cart Icon" 5339 > 5340 <div class="show_mbl cart_icon"></div> 5341 <span class="show_desktop"> 5342 <svg 5343 data-testid="shopping-bag-icon-desktop" 5344 height="27"
5345 viewBox="0 0 20 27" 5346 width="20" 5347 xmlns="http://www.w3.org/2000/svg" 5348 stroke="#FFF" 5349 class="sw_shopping-bag__icon" 5350 > 5351 <g><path clip-rule="evenodd" d="M15.5 18.521V33.5455H30.5V18.521H15.5ZM15 17.0664C14.4477 17.0664 14 17.5006 14 18.0361V34.0304C14 34.5659 14.4477 35.0001 15 35.0001H31C31.5523 35.0001 32 34.5659 32 34.0304V18.0361C32 17.5006 31.5523 17.0664 31 17.0664H15Z" data-testid="shopping-bag-icon-desktop-bag-path" stroke-width="0" fill-rule="evenodd" id="Rectangle 3 (Stroke)" transform="translate(-13,-10)"></path><path clip-rule="evenodd" d="M17.4473 16.2107C17.4473 13.3071 19.9602 11 22.9997 11C26.0391 11 28.5521 13.3071 28.5521 16.2107V20.6941C28.5521 21.0958 28.2163 21.4214 27.8021 21.4214C27.3879 21.4214 27.0521 21.0958 27.0521 20.6941V16.2107C27.0521 14.162 25.2648 12.4545 22.9997 12.4545C20.7345 12.4545 18.9473 14.162 18.9473 16.2107V20.6941C18.9473 21.0958 18.6115 21.4214 18.1973 21.4214C17.7831 21.4214 17.4473 21.0958 17.4473 20.6941V16.2107Z" data-testid="shopping-bag-icon-desktop-handle-path" fill-rule="evenodd" stroke-width="0" id="Path (Stroke)" transform="translate(-13,-10)"></path></g> 5352 </svg> 5353 5354 </span></a> 5355 </div> 5356</header> 5357</div> 5358 5359 5360 5361 5362 5363<!-- Optimized JS --> 5364 5365
5366<script> 5367// Create a single function to initialize the menu functionality 5368function initMenuFunctionality() { 5369 const menuLinks = document.querySelectorAll('.new-header-second a'); 5370 const openMenu = document.querySelector('.open_menu'); 5371 const openSearch = document.querySelector('.open_search'); 5372 const submenuTabs = document.querySelectorAll('.new_header_drawer_submenu .new__drawer_submenu_tab'); 5373 const accordTriggers = document.querySelectorAll('.new_header_drawer_menus .has_submenu'); 5374 function clearActiveSubmenus(lvl) { 5375 5376 const activeLevelItems = document.querySelectorAll(`.main-menu-ul .has_submenu.active.${lvl}`); 5377 5378 const wrapper = document.querySelectorAll(`.main-menu-ul .${lvl}-wrapper`); 5379 const wrapperItems = document.querySelectorAll(`.main-menu-ul .${lvl}-wrapper .lvl-menu-wrapper,.main-menu-ul .${lvl}-wrapper .has_submenu.active`); 5380 5381 const allItems = [...activeLevelItems, ...wrapperItems]; 5382 5383 if (!activeLevelItems.length ) return; 5384 5385 activeLevelItems.forEach(item => item.classList.remove('active')); 5386 5387 if(!wrapper) return; 5388 5389 wrapper.forEach(item => { 5390 item.classList.remove('active'); 5391 if (item.classList.contains('lvl-menu-wrapper')) item.classList.add('hidden'); 5392 }); 5393 5394 if (!wrapperItems.length) return; 5395 5396 wrapperItems.forEach(item => { 5397 item.classList.remove('active'); 5398 if (item.classList.contains('lvl-menu-wrapper')) 5399 item.classList.add('hidden'); 5400 }); 5401 } 5402 function removeActive() { 5403 menuLinks.forEach(link => link.classList.remove('active')); 5404 } 5405 5406 if (openMenu) { 5407 openMenu.addEventListener('click', e => { 5408 console.log('calling 123') 5409 e.preventDefault(); 5410 removeActive(); 5411 e.target.classList.add('active'); 5412 openMenuDrawer(); 5413 }); 5414 } 5415 5416 if (openSearch) { 5417 openSearch.addEventListener('click', e => { 5418 e.preventDefault(); 5419 removeActive(); 5420 e.target.classList.add('active'); 5421 const header = document.querySelector('#shopify-section-header'); 5422 if (header.classList.contains('menu-open')) { 5423 header.classList.remove('menu-open'); 5424 document.querySelector('#Details-menu-drawer-container > summary').click(); 5425 } 5426 setTimeout(() => { 5427 document.querySelector('.header__search details > .header__icon--search').click(); 5428 }, 50); 5429 }); 5430 } 5431 5432 submenuTabs.forEach(tab => { 5433 tab.addEventListener('click', e => { 5434 e.preventDefault(); 5435 const tabToShow = tab.dataset.tab; 5436 if (tabToShow) { 5437 const logoTab = `slide_${tabToShow.split('_')[1]}`; 5438 5439 // Handle logo display 5440 document.querySelectorAll('.header__heading-logo-wrapper svg').forEach(logo => { 5441 logo.style.display = logo.dataset.category === logoTab ? 'block' : 'none'; 5442 }); 5443 5444 // Handle store locator display - FIXED THIS PART 5445 document.querySelectorAll('.drawer_bottom_item_store_locator').forEach(storeLocator => { 5446 const storeCategory = storeLocator.dataset.storeLocatorCategory; 5447 storeLocator.style.display = storeCategory === logoTab ? 'block' : 'none'; 5448 console.log(logoTab, 'logoTab', storeCategory, 'storeCategory'); 5449 }); 5450 } 5451 5452 submenuTabs.forEach(t => t.classList.remove('active')); 5453 tab.classList.add('active'); 5454 document.querySelectorAll('.new_header_drawer_menus').forEach(m => m.style.display = 'none'); 5455 document.getElementById(tabToShow).style.display = 'block'; 5456 localStorage.setItem('activeDrawerTab', tabToShow); 5457 }); 5458}); 5459 5460 5461 5462 5463 5464 accordTriggers.forEach(trigger => { 5465 trigger.addEventListener('click', e => { 5466 e.preventDefault(); 5467 5468 const element = e.currentTarget; 5469 const isActive = element.classList.contains('active'); 5470 5471 const levels = ['lvl-1-menu', 'lvl-2-menu', 'lvl-3-menu', 'lvl-4-menu', 'lvl-5-menu']; 5472 const levelClass = levels.find(lvl => element.classList.contains(lvl)); 5473 5474 // If already active â close it 5475 if (isActive) { 5476 element.classList.remove('active'); 5477 5478 if (element.nextElementSibling) { 5479 element.nextElementSibling.classList.add('hidden'); 5480 } 5481 5482 if (levelClass) { 5483 clearActiveSubmenus(levelClass); 5484 } 5485 5486 return; 5487 } 5488 5489 // Otherwise close same level others first 5490 if (levelClass) { 5491 clearActiveSubmenus(levelClass); 5492 } 5493 5494 // Open clicked one 5495 element.classList.add('active'); 5496 5497 if (element.nextElementSibling) { 5498 element.nextElementSibling.classList.remove('hidden'); 5499 } 5500 });
5501 }); 5502 5503 const drawerIconSearch = document.querySelector('.drawer_icon_search'); 5504 if (drawerIconSearch) { 5505 drawerIconSearch.addEventListener('click', () => { 5506 document.querySelector('.header').classList.remove('menu-open'); 5507 document.querySelector('#Details-menu-drawer-container > summary').click(); 5508 setTimeout(() => { 5509 document.querySelector('.header__search details > .header__icon--search').click(); 5510 }, 50); 5511 }); 5512 } 5513} 5514 5515function openMenuDrawer() { 5516 document.documentElement.style.setProperty('--viewport-height', `${window.innerHeight}px`); 5517 document.documentElement.style.setProperty('--header-bottom-position', `-1px`); 5518 const menuDrawer = document.querySelector('#Details-menu-drawer-container'); 5519 menuDrawer.classList.add('menu-opening'); 5520 menuDrawer.setAttribute('open', true); 5521 menuDrawer.querySelector('summary').setAttribute('aria-expanded', true); 5522 document.body.classList.add(`overflow-hidden-${document.querySelector('header-drawer').dataset.breakpoint}`); 5523 document.querySelector('.header').classList.add('menu-open'); 5524} 5525 5526// Defer execution until DOM is fully loaded 5527if (document.readyState === 'loading') { 5528 document.addEventListener('DOMContentLoaded', initMenuFunctionality); 5529} else { 5530 initMenuFunctionality(); 5531} 5532</script>
5532 5533 5534 5535 5536
5537<script type="application/ld+json"> 5538 { 5539 "@context": "http://schema.org", 5540 "@type": "Organization", 5541 "name": "Sefam Pvt. Ltd. ", 5542 5543 "logo": "https:\/\/sefam.com\/cdn\/shop\/files\/LC-Logo_1.png?v=1745572356\u0026width=500", 5544 5545 "sameAs": [ 5546 "https:\/\/twitter.com\/kayseriapk", 5547 "https:\/\/www.facebook.com\/Kayseriapk\/", 5548 "https:\/\/www.pinterest.com\/kayseria\/", 5549 "https:\/\/www.instagram.com\/kayseria.official\/", 5550 "https:\/\/www.tiktok.com\/@kayseria.official", 5551 "", 5552 "", 5553 "https:\/\/www.youtube.com\/@kayseriaofficial445\/videos", 5554 "" 5555 ], 5556 "url": "https:\/\/sefam.com" 5557 } 5558</script>
5558 5559
5559<script type="application/ld+json"> 5560 { 5561 "@context": "http://schema.org", 5562 "@type": "WebSite", 5563 "name": "Sefam Pvt. Ltd. ", 5564 "potentialAction": { 5565 "@type": "SearchAction", 5566 "target": "https:\/\/sefam.com\/search?q={search_term_string}", 5567 "query-input": "required name=search_term_string" 5568 }, 5569 "url": "https:\/\/sefam.com" 5570 } 5571 </script>
5571 5572<style> @media screen and (max-width: 749px) {#shopify-section-sections--27667674890536__header .banner-wrapper {flex-direction: column; text-align: center; gap: 10px !important; margin-bottom: 10px; } #shopify-section-sections--27667674890536__header .banner-content, #shopify-section-sections--27667674890536__header .banner-images {width: 100% !important; justify-content: center !important; } #shopify-section-sections--27667674890536__header .brand-bnr-img {width: 25% !important; }} </style></div> 5573<!-- END sections: header-group --> 5574 5575 <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"> 5576 <section id="shopify-section-template--27667673415976__slideshow_Lw87Ce" class="shopify-section section"><link href="//sefam.com/cdn/shop/t/112/assets/section-image-banner.css?v=76399578286164122971788152553" rel="stylesheet" type="text/css" media="all" /> 5577<link href="//sefam.com/cdn/shop/t/112/assets/component-slider.css?v=83483582819376410081788152470" rel="stylesheet" type="text/css" media="all" /> 5578<link href="//sefam.com/cdn/shop/t/112/assets/component-slideshow.css?v=4076895514961323871788152470" rel="stylesheet" type="text/css" media="all" /> 5579<style data-shopify> 5580 @media screen and (max-width: 749px) { 5581 #Slider-template--27667673415976__slideshow_Lw87Ce::before, 5582 #Slider-template--27667673415976__slideshow_Lw87Ce .media::before, 5583 #Slider-template--27667673415976__slideshow_Lw87Ce:not(.banner--mobile-bottom) .banner__content::before { 5584 padding-bottom: 125.0%; 5585 content: ''; 5586 display: block; 5587 } 5588 .slideshow--placeholder.banner--adapt_image:not(.banner--mobile-bottom){height:100% !important;} 5589 } 5590 5591 5592 5593 @media screen and (min-width: 750px) { 5594 #Slider-template--27667673415976__slideshow_Lw87Ce::before, 5595 #Slider-template--27667673415976__slideshow_Lw87Ce .media::before { 5596 padding-bottom: 32.5%; 5597 content: ''; 5598 display: block; 5599 } 5600 } 5601 5602 5603 @media screen and (min-width: 750px) { 5604 #Slider-template--27667673415976__slideshow_Lw87Ce::before, 5605 #Slider-template--27667673415976__slideshow_Lw87Ce .media::before { 5606 padding-bottom: 32.5%; 5607 content: ''; 5608 display: block; 5609 } 5610 } 5611 a.slidelink { 5612 position: absolute; 5613 display: block; 5614 width: 100%; 5615 height: 100%; 5616 z-index: 3; 5617 }</style><slideshow-component 5618 class="slider-mobile-gutter" 5619 role="region" 5620 aria-roledescription="Carousel" 5621 aria-label="Slideshow about our brand" 5622><div 5623 class="slideshow banner banner--adapt_image grid grid--1-col slider slider--everywhere slideshow--placeholder" 5624 id="Slider-template--27667673415976__slideshow_Lw87Ce" 5625 aria-live="polite" 5626 aria-atomic="true" 5627 data-autoplay="false" 5628 data-speed="5" 5629 ><style> 5630 #Slide-template--27667673415976__slideshow_Lw87Ce-1 .banner__media::after { 5631 opacity: 0.0; 5632 } 5633 </style> 5634 <div 5635 class="slideshow__slide grid__item grid--1-col slider__slide" 5636 id="Slide-template--27667673415976__slideshow_Lw87Ce-1" 5637 5638 role="group" 5639 aria-roledescription="Slide" 5640 aria-label="1 of 1" 5641 tabindex="-1" 5642 ><a 5643 href="/" 5644 class="slidelink" 5645 aria-label="View slide" 5646 > 5647 <span class="visually-hidden"> 5648 5649 View slide 5650 5651 </span> 5652 </a><div class="slideshow__media slideshow__video banner__media media placeholder"> 5653 5654 <img src="//sefam.com/cdn/shop/files/Web_banner_2000x650_11.jpg?v=1790225157&width=3840" alt="" srcset="//sefam.com/cdn/shop/files/Web_banner_2000x650_11.jpg?v=1790225157&width=375 375w, //sefam.com/cdn/shop/files/Web_banner_2000x650_11.jpg?v=1790225157&width=550 550w, //sefam.com/cdn/shop/files/Web_banner_2000x650_11.jpg?v=1790225157&width=750 750w, //sefam.com/cdn/shop/files/Web_banner_2000x650_11.jpg?v=1790225157&width=1100 1100w, //sefam.com/cdn/shop/files/Web_banner_2000x650_11.jpg?v=1790225157&width=1500 1500w, //sefam.com/cdn/shop/files/Web_banner_2000x650_11.jpg?v=1790225157&width=1780 1780w, //sefam.com/cdn/shop/files/Web_banner_2000x650_11.jpg?v=1790225157&width=2000 2000w, //sefam.com/cdn/shop/files/Web_banner_2000x650_11.jpg?v=1790225157&width=3000 3000w, //sefam.com/cdn/shop/files/Web_banner_2000x650_11.jpg?v=1790225157&width=3840 3840w" height="1300" sizes="100vw" fetchpriority="high" class="small-hide"> 5655 5656
5657 <img src="//sefam.com/cdn/shop/files/Mobile_Banner_800x1000px_11.jpg?v=1790225475&width=749" alt="" srcset="//sefam.com/cdn/shop/files/Mobile_Banner_800x1000px_11.jpg?v=1790225475&width=375 375w, //sefam.com/cdn/shop/files/Mobile_Banner_800x1000px_11.jpg?v=1790225475&width=550 550w" height="2000" sizes="100vw" fetchpriority="high" class="medium-hide large-up-hide"> 5658 5659</div> 5660 <div class="slideshow__text-wrapper banner__content banner__content--bottom-left page-width banner--desktop-transparent"> 5661 <div class="slideshow__text banner__box content-container content-container--full-width-mobile color-scheme-3 gradient slideshow__text--left slideshow__text-mobile--center"><div class="banner__buttons"></div> 5662 </div> 5663 </div> 5664 </div></div></slideshow-component>
5664<script defer="defer"> 5665document.addEventListener('DOMContentLoaded', () => { 5666 document.querySelectorAll('.slideshow__video ').forEach(wrapper => { 5667 const playBtn = wrapper.querySelector('.slide-video-play'); 5668 const muteBtn = wrapper.querySelector('.slide-video-mute'); 5669 const desktopVideo = wrapper.querySelector('.dk-video'); 5670 const mobileVideo = wrapper.querySelector('.mb-video'); 5671 5672 console.log('wrapper ----> ', wrapper); 5673 function getActiveVideo() { 5674 return window.innerWidth <= 767 && mobileVideo ? mobileVideo : desktopVideo; 5675 } 5676 5677 let video = getActiveVideo(); 5678 if (!video) return; 5679 5680 video.muted = true; 5681 5682 playBtn.addEventListener('click', (e) => { 5683 e.preventDefault(); 5684 e.stopPropagation(); 5685 console.log('click !!!!!') 5686 video = getActiveVideo(); 5687 if (!video) return; 5688 5689 if (video.paused) { 5690 video.play().catch(() => {}); 5691 playBtn.textContent = 'ââ'; 5692 } else { 5693 video.pause(); 5694 playBtn.textContent = 'â¶'; 5695 } 5696 }); 5697 5698 muteBtn.addEventListener('click', (e) => { 5699 e.preventDefault(); 5700 e.stopPropagation(); 5701 5702 video = getActiveVideo(); 5703 if (!video) return; 5704 5705 video.muted = !video.muted; 5706 muteBtn.textContent = video.muted ? 'ð' : 'ð'; 5707 }); 5708 5709 window.addEventListener('resize', () => { 5710 video = getActiveVideo(); 5711 }); 5712 }); 5713}); 5714</script>
5714 5715 5716 5717 5718 5719<style> 5720 5721:root{ 5722 --change_slides_speed: 5s; 5723} 5724 5725/* dot wrapper */ 5726 5727 5728/* inner dot */ 5729 5730 5731/* SVG sits behind dot */ 5732.progress-ring{ 5733 transform: rotate(-90deg); 5734 z-index: 1; 5735 width: 20px !important; 5736 height: 20px !important; 5737 margin-top: -6px; 5738 margin-left: -6px; 5739 display:none; 5740} 5741button.slider-counter__link.slider-counter__link--dots.link.slider-counter__link--active svg.progress-ring { 5742 display: block !important; 5743} 5744 5745/* circle base */ 5746.progress-ring circle{ 5747 fill: none; 5748 stroke: #000; 5749 stroke-width: 3; 5750 5751 /* THIS is critical */ 5752 stroke-dasharray: 100; 5753 stroke-dashoffset: 100; 5754} 5755 5756/* animate only active dot */ 5757.slider-counter__link--active .progress-ring circle{ 5758 animation: draw var(--change_slides_speed) linear forwards; 5759} 5760 5761/* real circular progress */ 5762@keyframes draw{ 5763 to{ 5764 stroke-dashoffset: 0; 5765 } 5766} 5767 5768</style></section><section id="shopify-section-template--27667673415976__styled_heaidng_NGpbjM" class="shopify-section section"><div class="heading-lines-section color-scheme-1 page-width"> 5769 <div class="heading-lines-outer"><div class="heading-lines-wrapper"><span 5770 class="heading-line heading-line--left line-hide-desktop" 5771 aria-hidden="true" 5772 ></span><h2 class="heading-lines-text">Our Brands</h2><span 5773 class="heading-line heading-line--right line-hide-desktop" 5774 aria-hidden="true" 5775 ></span></div></div> 5776</div> 5777 5778<style data-shopify> 5779 #shopify-section-template--27667673415976__styled_heaidng_NGpbjM .heading-lines-section { 5780 width: 100%; 5781 padding-top: 8px; 5782 padding-bottom: 8px; 5783 } 5784 5785 #shopify-section-template--27667673415976__styled_heaidng_NGpbjM .heading-lines-outer { 5786 display: flex;
5787 align-items: center; 5788 justify-content: center; 5789 gap: 1rem; 5790 } 5791 5792 #shopify-section-template--27667673415976__styled_heaidng_NGpbjM .heading-lines-spacer { 5793 display: none; 5794 } 5795 5796 #shopify-section-template--27667673415976__styled_heaidng_NGpbjM .heading-lines-wrapper { 5797 display: flex; 5798 align-items: center; 5799 justify-content: center; 5800 gap: 1rem; 5801 } 5802 5803 /* Mobile: when the link is present, push heading+lines to the left 5804 and the link to the right, on the same row */ 5805 #shopify-section-template--27667673415976__styled_heaidng_NGpbjM .heading-lines-outer.has-link { 5806 justify-content: space-between; 5807 } 5808 5809 #shopify-section-template--27667673415976__styled_heaidng_NGpbjM .heading-lines-outer.has-link .heading-lines-wrapper { 5810 flex: 1 1 auto; 5811 justify-content: flex-start; 5812 } 5813 5814 #shopify-section-template--27667673415976__styled_heaidng_NGpbjM .heading-line { 5815 flex: 1 1 auto; 5816 height: 1px; 5817 background-color: currentColor; 5818 opacity: 0.6; 5819 max-width: 4rem; 5820 width:10em; 5821 } 5822 5823 #shopify-section-template--27667673415976__styled_heaidng_NGpbjM .heading-line.line-hide-mobile { 5824 display: none; 5825 } 5826 5827 #shopify-section-template--27667673415976__styled_heaidng_NGpbjM .heading-lines-text { 5828 margin: 0; 5829 white-space: nowrap; 5830 letter-spacing: 0.08em; 5831 text-transform: uppercase; 5832 font-size: 24px; 5833 font-weight: 600; 5834 line-height: 1; 5835 } 5836 5837 #shopify-section-template--27667673415976__styled_heaidng_NGpbjM .heading-lines-link { 5838 flex: 0 0 auto; 5839 display: inline-flex;
5840 align-items: center; 5841 gap: 0.4rem; 5842 white-space: nowrap; 5843 text-decoration: none; 5844 font-size: 0.875em; 5845 letter-spacing: 0.04em; 5846 text-transform: uppercase; 5847 color:inherit; 5848 } 5849 5850 #shopify-section-template--27667673415976__styled_heaidng_NGpbjM .heading-lines-link:hover { 5851 text-decoration: underline; 5852 } 5853 5854 #shopify-section-template--27667673415976__styled_heaidng_NGpbjM .heading-lines-link-arrow { 5855 display: inline-block; 5856 transition: transform 0.2s ease; 5857 } 5858 5859 #shopify-section-template--27667673415976__styled_heaidng_NGpbjM .heading-lines-link:hover .heading-lines-link-arrow { 5860 transform: translateX(3px); 5861 } 5862 5863 @media screen and (min-width: 750px) { 5864 #shopify-section-template--27667673415976__styled_heaidng_NGpbjM .heading-lines-section { 5865 padding-top: 12px; 5866 padding-bottom: 12px; 5867 } 5868 5869 #shopify-section-template--27667673415976__styled_heaidng_NGpbjM .heading-lines-text { 5870 font-size: 27px; 5871 } 5872 5873 #shopify-section-template--27667673415976__styled_heaidng_NGpbjM .heading-line { 5874 max-width: 12rem; 5875 } 5876 5877 #shopify-section-template--27667673415976__styled_heaidng_NGpbjM .heading-line.line-hide-mobile { 5878 display: flex; 5879 } 5880 5881 #shopify-section-template--27667673415976__styled_heaidng_NGpbjM .heading-line.line-hide-desktop { 5882 display: none; 5883 } 5884 5885 /* Desktop: heading always stays truly centered, link floats to the right */ 5886 #shopify-section-template--27667673415976__styled_heaidng_NGpbjM .heading-lines-outer.has-link { 5887 display: grid; 5888 grid-template-columns: 1fr auto 1fr; 5889 justify-content: normal; 5890 } 5891 5892 #shopify-section-template--27667673415976__styled_heaidng_NGpbjM .heading-lines-outer.has-link .heading-lines-spacer { 5893 display: block; 5894 grid-column: 1; 5895 } 5896 5897 #shopify-section-template--27667673415976__styled_heaidng_NGpbjM .heading-lines-outer.has-link .heading-lines-wrapper { 5898 grid-column: 2; 5899 justify-self: center; 5900 justify-content: center; 5901 flex: initial; 5902 } 5903 5904 #shopify-section-template--27667673415976__styled_heaidng_NGpbjM .heading-lines-outer.has-link .heading-lines-link { 5905 grid-column: 3; 5906 justify-self: end; 5907 } 5908 } 5909</style> 5910 5911 5912</section><section id="shopify-section-template--27667673415976__styled_heaidng_jA8Cqk" class="shopify-section section"><div class="heading-lines-section color-scheme-1 page-width"> 5913 <div class="heading-lines-outer"><div class="heading-lines-wrapper"><span 5914 class="heading-line heading-line--left line-hide-mobile" 5915 aria-hidden="true" 5916 ></span><h2 class="heading-lines-text">Style for Every Age, Every Occasion</h2><span 5917 class="heading-line heading-line--right line-hide-mobile" 5918 aria-hidden="true" 5919 ></span></div></div> 5920</div> 5921 5922<style data-shopify> 5923 #shopify-section-template--27667673415976__styled_heaidng_jA8Cqk .heading-lines-section { 5924 width: 100%; 5925 padding-top: 0px; 5926 padding-bottom: 0px; 5927 } 5928 5929 #shopify-section-template--27667673415976__styled_heaidng_jA8Cqk .heading-lines-outer { 5930 display: flex;
5931 align-items: center; 5932 justify-content: center; 5933 gap: 1rem; 5934 } 5935 5936 #shopify-section-template--27667673415976__styled_heaidng_jA8Cqk .heading-lines-spacer { 5937 display: none; 5938 } 5939 5940 #shopify-section-template--27667673415976__styled_heaidng_jA8Cqk .heading-lines-wrapper { 5941 display: flex; 5942 align-items: center; 5943 justify-content: center; 5944 gap: 1rem; 5945 } 5946 5947 /* Mobile: when the link is present, push heading+lines to the left 5948 and the link to the right, on the same row */ 5949 #shopify-section-template--27667673415976__styled_heaidng_jA8Cqk .heading-lines-outer.has-link { 5950 justify-content: space-between; 5951 } 5952 5953 #shopify-section-template--27667673415976__styled_heaidng_jA8Cqk .heading-lines-outer.has-link .heading-lines-wrapper { 5954 flex: 1 1 auto; 5955 justify-content: flex-start; 5956 } 5957 5958 #shopify-section-template--27667673415976__styled_heaidng_jA8Cqk .heading-line { 5959 flex: 1 1 auto; 5960 height: 1px; 5961 background-color: currentColor; 5962 opacity: 0.6; 5963 max-width: 4rem; 5964 width:10em; 5965 } 5966 5967 #shopify-section-template--27667673415976__styled_heaidng_jA8Cqk .heading-line.line-hide-mobile { 5968 display: none; 5969 } 5970 5971 #shopify-section-template--27667673415976__styled_heaidng_jA8Cqk .heading-lines-text { 5972 margin: 0; 5973 white-space: nowrap; 5974 letter-spacing: 0.08em; 5975 text-transform: uppercase; 5976 font-size: 13px; 5977 font-weight: 600; 5978 line-height: 1; 5979 } 5980 5981 #shopify-section-template--27667673415976__styled_heaidng_jA8Cqk .heading-lines-link { 5982 flex: 0 0 auto; 5983 display: inline-flex;
5984 align-items: center; 5985 gap: 0.4rem; 5986 white-space: nowrap; 5987 text-decoration: none; 5988 font-size: 0.875em; 5989 letter-spacing: 0.04em; 5990 text-transform: uppercase; 5991 color:inherit; 5992 } 5993 5994 #shopify-section-template--27667673415976__styled_heaidng_jA8Cqk .heading-lines-link:hover { 5995 text-decoration: underline; 5996 } 5997 5998 #shopify-section-template--27667673415976__styled_heaidng_jA8Cqk .heading-lines-link-arrow { 5999 display: inline-block; 6000 transition: transform 0.2s ease; 6001 } 6002 6003 #shopify-section-template--27667673415976__styled_heaidng_jA8Cqk .heading-lines-link:hover .heading-lines-link-arrow { 6004 transform: translateX(3px); 6005 } 6006 6007 @media screen and (min-width: 750px) { 6008 #shopify-section-template--27667673415976__styled_heaidng_jA8Cqk .heading-lines-section { 6009 padding-top: 0px; 6010 padding-bottom: 0px; 6011 } 6012 6013 #shopify-section-template--27667673415976__styled_heaidng_jA8Cqk .heading-lines-text { 6014 font-size: 24px; 6015 } 6016 6017 #shopify-section-template--27667673415976__styled_heaidng_jA8Cqk .heading-line { 6018 max-width: 12rem; 6019 } 6020 6021 #shopify-section-template--27667673415976__styled_heaidng_jA8Cqk .heading-line.line-hide-mobile { 6022 display: flex; 6023 } 6024 6025 #shopify-section-template--27667673415976__styled_heaidng_jA8Cqk .heading-line.line-hide-desktop { 6026 display: none; 6027 } 6028 6029 /* Desktop: heading always stays truly centered, link floats to the right */ 6030 #shopify-section-template--27667673415976__styled_heaidng_jA8Cqk .heading-lines-outer.has-link { 6031 display: grid; 6032 grid-template-columns: 1fr auto 1fr; 6033 justify-content: normal; 6034 } 6035 6036 #shopify-section-template--27667673415976__styled_heaidng_jA8Cqk .heading-lines-outer.has-link .heading-lines-spacer { 6037 display: block; 6038 grid-column: 1; 6039 } 6040 6041 #shopify-section-template--27667673415976__styled_heaidng_jA8Cqk .heading-lines-outer.has-link .heading-lines-wrapper { 6042 grid-column: 2; 6043 justify-self: center; 6044 justify-content: center; 6045 flex: initial; 6046 } 6047 6048 #shopify-section-template--27667673415976__styled_heaidng_jA8Cqk .heading-lines-outer.has-link .heading-lines-link { 6049 grid-column: 3; 6050 justify-self: end; 6051 } 6052 } 6053</style> 6054 6055 6056<style> #shopify-section-template--27667673415976__styled_heaidng_jA8Cqk h2 {font-weight: 500 !important;} </style></section><section id="shopify-section-template--27667673415976__category_showcase_fT8VVH" class="shopify-section section"><link href="//sefam.com/cdn/shop/t/112/assets/component-category-showcase.css?v=72590641814773151741790314215" rel="stylesheet" type="text/css" media="all" />�<style data-shopify>.category-showcase-template--27667673415976__category_showcase_fT8VVH { 6057 padding-top: 36px; 6058 padding-bottom: 36px; 6059 --eyebrow-fs: 11px; 6060 --title-fs: 20px; 6061 --subtitle-fs: 12px; 6062 --pill-fs: 11px; 6063 --shopnow-fs: 14px; 6064 } 6065 .category-showcase-template--27667673415976__category_showcase_fT8VVH .category-showcase__grid { 6066 grid-template-columns: repeat(2, 1fr); 6067 } 6068 .category-showcase-template--27667673415976__category_showcase_fT8VVH .category-showcase__pills-grid--mobile { 6069 grid-template-columns: repeat(4, 1fr); 6070 } 6071 @media screen and (min-width: 750px) { 6072 .category-showcase-template--27667673415976__category_showcase_fT8VVH { 6073 --eyebrow-fs: 15px; 6074 --title-fs: 23px; 6075 --subtitle-fs: 14px; 6076 --pill-fs: 12px; 6077 --shopnow-fs: 20px; 6078 } 6079 .category-showcase-template--27667673415976__category_showcase_fT8VVH .category-showcase__grid { 6080 grid-template-columns: repeat(2, 1fr); 6081 } 6082 } 6083 @media screen and (min-width: 990px) { 6084 .category-showcase-template--27667673415976__category_showcase_fT8VVH .category-showcase__grid { 6085 grid-template-columns: repeat(4, 1fr); 6086 } 6087 }</style><div class="category-showcase-template--27667673415976__category_showcase_fT8VVH color-scheme-e19b9b20-6e5e-4434-82e4-0a3aa8daf8cb"> 6088 <div class="page-width"><div class="category-showcase__grid"><div class="category-showcase__card" > 6089 6090 <div class="category-showcase__image-wrapper"> 6091 <a 6092 href="https://sefam.com/pages/kayseria" 6093 class="category-showcase__image-link" 6094 6095 aria-label="View collection" 6096 6097 ><picture><source 6098 media="(max-width: 749px)" 6099 srcset=" 6100 //sefam.com/cdn/shop/files/Sefam_page_top_section_7_d2bde42c-c5c3-4ee8-9caf-7d079c359244.jpg?v=1790224679&width=400 400w, 6101 //sefam.com/cdn/shop/files/Sefam_page_top_section_7_d2bde42c-c5c3-4ee8-9caf-7d079c359244.jpg?v=1790224679&width=600 600w, 6102 //sefam.com/cdn/shop/files/Sefam_page_top_section_7_d2bde42c-c5c3-4ee8-9caf-7d079c359244.jpg?v=1790224679&width=800 800w 6103 " 6104 sizes="100vw" 6105 ><img src="//sefam.com/cdn/shop/files/Sefam_page_top_section_7_d2bde42c-c5c3-4ee8-9caf-7d079c359244.jpg?v=1790224679&width=1500" alt="" srcset="//sefam.com/cdn/shop/files/Sefam_page_top_section_7_d2bde42c-c5c3-4ee8-9caf-7d079c359244.jpg?v=1790224679&width=400 400w, //sefam.com/cdn/shop/files/Sefam_page_top_section_7_d2bde42c-c5c3-4ee8-9caf-7d079c359244.jpg?v=1790224679&width=600 600w, //sefam.com/cdn/shop/files/Sefam_page_top_section_7_d2bde42c-c5c3-4ee8-9caf-7d079c359244.jpg?v=1790224679&width=800 800w, //sefam.com/cdn/shop/files/Sefam_page_top_section_7_d2bde42c-c5c3-4ee8-9caf-7d079c359244.jpg?v=1790224679&width=1000 1000w, //sefam.com/cdn/shop/files/Sefam_page_top_section_7_d2bde42c-c5c3-4ee8-9caf-7d079c359244.jpg?v=1790224679&width=1200 1200w, //sefam.com/cdn/shop/files/Sefam_page_top_section_7_d2bde42c-c5c3-4ee8-9caf-7d079c359244.jpg?v=1790224679&width=1500 1500w" width="1500" height="1181" loading="eager" fetchpriority="high" sizes="(min-width: 990px) 25vw, (min-width: 750px) 50vw, 100vw" class="category-showcase__image"> 6106 </picture><div class="category-showcase__overlay" style="--overlay-opacity: 0.0;"></div> 6107 </a> 6108 6109 <div class="category-showcase__content" style="color: #000000;"></div><a 6110 href="https://sefam.com/pages/kayseria" 6111 class="button category-showcase__shop-now hidden" 6112 style=" 6113 --shopnow-h-desktop: 50%; 6114 --shopnow-v-desktop: 89%; 6115 --shopnow-h-mobile: 40%; 6116 --shopnow-v-mobile: 90%; 6117 color: #000000; 6118 " 6119 > 6120 Shop now
6121 <span aria-hidden="true" class="category-showcase__shop-now-arrow">→</span> 6122 </a></div><div class="category-showcase__mobile-extra"></div> 6123 6124 </div><div class="category-showcase__card" > 6125 6126 <div class="category-showcase__image-wrapper"> 6127 <a 6128 href="https://sefam.com/pages/leisure-club" 6129 class="category-showcase__image-link" 6130 6131 aria-label="View collection" 6132 6133 ><picture><source 6134 media="(max-width: 749px)" 6135 srcset=" 6136 //sefam.com/cdn/shop/files/Sefam_page_top_section_2_60014eb2-aeb1-4d72-ad3b-c374b7a80feb.jpg?v=1790224991&width=400 400w, 6137 //sefam.com/cdn/shop/files/Sefam_page_top_section_2_60014eb2-aeb1-4d72-ad3b-c374b7a80feb.jpg?v=1790224991&width=600 600w, 6138 //sefam.com/cdn/shop/files/Sefam_page_top_section_2_60014eb2-aeb1-4d72-ad3b-c374b7a80feb.jpg?v=1790224991&width=800 800w 6139 " 6140 sizes="100vw" 6141 ><img src="//sefam.com/cdn/shop/files/Sefam_page_top_section_2_60014eb2-aeb1-4d72-ad3b-c374b7a80feb.jpg?v=1790224991&width=1500" alt="" srcset="//sefam.com/cdn/shop/files/Sefam_page_top_section_2_60014eb2-aeb1-4d72-ad3b-c374b7a80feb.jpg?v=1790224991&width=400 400w, //sefam.com/cdn/shop/files/Sefam_page_top_section_2_60014eb2-aeb1-4d72-ad3b-c374b7a80feb.jpg?v=1790224991&width=600 600w, //sefam.com/cdn/shop/files/Sefam_page_top_section_2_60014eb2-aeb1-4d72-ad3b-c374b7a80feb.jpg?v=1790224991&width=800 800w, //sefam.com/cdn/shop/files/Sefam_page_top_section_2_60014eb2-aeb1-4d72-ad3b-c374b7a80feb.jpg?v=1790224991&width=1000 1000w, //sefam.com/cdn/shop/files/Sefam_page_top_section_2_60014eb2-aeb1-4d72-ad3b-c374b7a80feb.jpg?v=1790224991&width=1200 1200w, //sefam.com/cdn/shop/files/Sefam_page_top_section_2_60014eb2-aeb1-4d72-ad3b-c374b7a80feb.jpg?v=1790224991&width=1500 1500w" width="1500" height="1181" loading="lazy" fetchpriority="auto" sizes="(min-width: 990px) 25vw, (min-width: 750px) 50vw, 100vw" class="category-showcase__image"> 6142 </picture><div class="category-showcase__overlay" style="--overlay-opacity: 0.0;"></div> 6143 </a> 6144 6145 <div class="category-showcase__content" style="color: #000000;"></div><a 6146 href="https://sefam.com/pages/leisure-club" 6147 class="button category-showcase__shop-now hidden" 6148 style=" 6149 --shopnow-h-desktop: 50%; 6150 --shopnow-v-desktop: 89%; 6151 --shopnow-h-mobile: 40%; 6152 --shopnow-v-mobile: 90%; 6153 color: #000000; 6154 " 6155 > 6156 Shop now 6157 <span aria-hidden="true" class="category-showcase__shop-now-arrow">→</span> 6158 </a></div><div class="category-showcase__mobile-extra"></div> 6159 6160 </div><div class="category-showcase__card" > 6161 6162 <div class="category-showcase__image-wrapper"> 6163 <a 6164 href="https://sefam.com/pages/masters-collection" 6165 class="category-showcase__image-link" 6166 6167 aria-label="View collection" 6168 6169 ><picture><source 6170 media="(max-width: 749px)" 6171 srcset=" 6172 //sefam.com/cdn/shop/files/Sefam_page_top_section_1_4599d519-594f-4113-81d7-db04baa1708b.jpg?v=1790224992&width=400 400w, 6173 //sefam.com/cdn/shop/files/Sefam_page_top_section_1_4599d519-594f-4113-81d7-db04baa1708b.jpg?v=1790224992&width=600 600w, 6174 //sefam.com/cdn/shop/files/Sefam_page_top_section_1_4599d519-594f-4113-81d7-db04baa1708b.jpg?v=1790224992&width=800 800w 6175 " 6176 sizes="100vw" 6177 ><img src="//sefam.com/cdn/shop/files/Sefam_page_top_section_1_4599d519-594f-4113-81d7-db04baa1708b.jpg?v=1790224992&width=1500" alt="" srcset="//sefam.com/cdn/shop/files/Sefam_page_top_section_1_4599d519-594f-4113-81d7-db04baa1708b.jpg?v=1790224992&width=400 400w, //sefam.com/cdn/shop/files/Sefam_page_top_section_1_4599d519-594f-4113-81d7-db04baa1708b.jpg?v=1790224992&width=600 600w, //sefam.com/cdn/shop/files/Sefam_page_top_section_1_4599d519-594f-4113-81d7-db04baa1708b.jpg?v=1790224992&width=800 800w, //sefam.com/cdn/shop/files/Sefam_page_top_section_1_4599d519-594f-4113-81d7-db04baa1708b.jpg?v=1790224992&width=1000 1000w, //sefam.com/cdn/shop/files/Sefam_page_top_section_1_4599d519-594f-4113-81d7-db04baa1708b.jpg?v=1790224992&width=1200 1200w, //sefam.com/cdn/shop/files/Sefam_page_top_section_1_4599d519-594f-4113-81d7-db04baa1708b.jpg?v=1790224992&width=1500 1500w" width="1500" height="1181" loading="lazy" fetchpriority="auto" sizes="(min-width: 990px) 25vw, (min-width: 750px) 50vw, 100vw" class="category-showcase__image"> 6178 </picture><div class="category-showcase__overlay" style="--overlay-opacity: 0.0;"></div> 6179 </a> 6180 6181 <div class="category-showcase__content" style="color: #000000;"></div><a 6182 href="https://sefam.com/pages/masters-collection" 6183 class="button category-showcase__shop-now hidden" 6184 style=" 6185 --shopnow-h-desktop: 50%; 6186 --shopnow-v-desktop: 89%; 6187 --shopnow-h-mobile: 40%; 6188 --shopnow-v-mobile: 90%; 6189 color: #000000; 6190 " 6191 > 6192 Shop now
6193 <span aria-hidden="true" class="category-showcase__shop-now-arrow">→</span> 6194 </a></div><div class="category-showcase__mobile-extra"></div> 6195 6196 </div><div class="category-showcase__card" > 6197 6198 <div class="category-showcase__image-wrapper"> 6199 <a 6200 href="/pages/shahnameh" 6201 class="category-showcase__image-link" 6202 6203 aria-label="View collection" 6204 6205 ><picture><source 6206 media="(max-width: 749px)" 6207 srcset=" 6208 //sefam.com/cdn/shop/files/Sefam_page_top_section_5_94306861-3fe1-4305-8a12-22eecf9bd89c.jpg?v=1790224679&width=400 400w, 6209 //sefam.com/cdn/shop/files/Sefam_page_top_section_5_94306861-3fe1-4305-8a12-22eecf9bd89c.jpg?v=1790224679&width=600 600w, 6210 //sefam.com/cdn/shop/files/Sefam_page_top_section_5_94306861-3fe1-4305-8a12-22eecf9bd89c.jpg?v=1790224679&width=800 800w 6211 " 6212 sizes="100vw" 6213 ><img src="//sefam.com/cdn/shop/files/Sefam_page_top_section_5_94306861-3fe1-4305-8a12-22eecf9bd89c.jpg?v=1790224679&width=1500" alt="" srcset="//sefam.com/cdn/shop/files/Sefam_page_top_section_5_94306861-3fe1-4305-8a12-22eecf9bd89c.jpg?v=1790224679&width=400 400w, //sefam.com/cdn/shop/files/Sefam_page_top_section_5_94306861-3fe1-4305-8a12-22eecf9bd89c.jpg?v=1790224679&width=600 600w, //sefam.com/cdn/shop/files/Sefam_page_top_section_5_94306861-3fe1-4305-8a12-22eecf9bd89c.jpg?v=1790224679&width=800 800w, //sefam.com/cdn/shop/files/Sefam_page_top_section_5_94306861-3fe1-4305-8a12-22eecf9bd89c.jpg?v=1790224679&width=1000 1000w, //sefam.com/cdn/shop/files/Sefam_page_top_section_5_94306861-3fe1-4305-8a12-22eecf9bd89c.jpg?v=1790224679&width=1200 1200w, //sefam.com/cdn/shop/files/Sefam_page_top_section_5_94306861-3fe1-4305-8a12-22eecf9bd89c.jpg?v=1790224679&width=1500 1500w" width="1500" height="1181" loading="lazy" fetchpriority="auto" sizes="(min-width: 990px) 25vw, (min-width: 750px) 50vw, 100vw" class="category-showcase__image"> 6214 </picture><div class="category-showcase__overlay" style="--overlay-opacity: 0.0;"></div> 6215 </a> 6216 6217 <div class="category-showcase__content" style="color: #000000;"></div><a 6218 href="/pages/shahnameh" 6219 class="button category-showcase__shop-now hidden" 6220 style=" 6221 --shopnow-h-desktop: 50%; 6222 --shopnow-v-desktop: 89%; 6223 --shopnow-h-mobile: 40%; 6224 --shopnow-v-mobile: 90%; 6225 color: #000000; 6226 " 6227 > 6228 Shop now 6229 <span aria-hidden="true" class="category-showcase__shop-now-arrow">→</span> 6230 </a></div><div class="category-showcase__mobile-extra"></div> 6231 6232 </div></div> 6233 6234 </div> 6235</div> 6236 6237 6238</section><section id="shopify-section-template--27667673415976__styled_heaidng_F4fwHE" class="shopify-section section"><div class="heading-lines-section color-scheme-1 page-width"> 6239 <div class="heading-lines-outer has-link"><span class="heading-lines-spacer" aria-hidden="true"></span><div class="heading-lines-wrapper"><span 6240 class="heading-line heading-line--left line-hide-mobile" 6241 aria-hidden="true" 6242 ></span><h2 class="heading-lines-text">Meet The New Edit</h2><span 6243 class="heading-line heading-line--right line-hide-mobile" 6244 aria-hidden="true" 6245 ></span></div><a href="/collections/women-2-piece-ready-to-wear" class="heading-lines-link"> 6246 <span>View all</span> 6247 <span class="heading-lines-link-arrow" aria-hidden="true">→</span> 6248 </a></div> 6249</div> 6250 6251<style data-shopify> 6252 #shopify-section-template--27667673415976__styled_heaidng_F4fwHE .heading-lines-section { 6253 width: 100%; 6254 padding-top: 8px; 6255 padding-bottom: 8px; 6256 } 6257 6258 #shopify-section-template--27667673415976__styled_heaidng_F4fwHE .heading-lines-outer { 6259 display: flex;
6260 align-items: center; 6261 justify-content: center; 6262 gap: 1rem; 6263 } 6264 6265 #shopify-section-template--27667673415976__styled_heaidng_F4fwHE .heading-lines-spacer { 6266 display: none; 6267 } 6268 6269 #shopify-section-template--27667673415976__styled_heaidng_F4fwHE .heading-lines-wrapper { 6270 display: flex; 6271 align-items: center; 6272 justify-content: center; 6273 gap: 1rem; 6274 } 6275 6276 /* Mobile: when the link is present, push heading+lines to the left 6277 and the link to the right, on the same row */ 6278 #shopify-section-template--27667673415976__styled_heaidng_F4fwHE .heading-lines-outer.has-link { 6279 justify-content: space-between; 6280 } 6281 6282 #shopify-section-template--27667673415976__styled_heaidng_F4fwHE .heading-lines-outer.has-link .heading-lines-wrapper { 6283 flex: 1 1 auto; 6284 justify-content: flex-start; 6285 } 6286 6287 #shopify-section-template--27667673415976__styled_heaidng_F4fwHE .heading-line { 6288 flex: 1 1 auto; 6289 height: 1px; 6290 background-color: currentColor; 6291 opacity: 0.6; 6292 max-width: 4rem; 6293 width:10em; 6294 } 6295 6296 #shopify-section-template--27667673415976__styled_heaidng_F4fwHE .heading-line.line-hide-mobile { 6297 display: none; 6298 } 6299 6300 #shopify-section-template--27667673415976__styled_heaidng_F4fwHE .heading-lines-text { 6301 margin: 0; 6302 white-space: nowrap; 6303 letter-spacing: 0.08em; 6304 text-transform: uppercase; 6305 font-size: 16px; 6306 font-weight: 600; 6307 line-height: 1.2; 6308 } 6309 6310 #shopify-section-template--27667673415976__styled_heaidng_F4fwHE .heading-lines-link { 6311 flex: 0 0 auto; 6312 display: inline-flex;
6313 align-items: center; 6314 gap: 0.4rem; 6315 white-space: nowrap; 6316 text-decoration: none; 6317 font-size: 0.875em; 6318 letter-spacing: 0.04em; 6319 text-transform: uppercase; 6320 color:inherit; 6321 } 6322 6323 #shopify-section-template--27667673415976__styled_heaidng_F4fwHE .heading-lines-link:hover { 6324 text-decoration: underline; 6325 } 6326 6327 #shopify-section-template--27667673415976__styled_heaidng_F4fwHE .heading-lines-link-arrow { 6328 display: inline-block; 6329 transition: transform 0.2s ease; 6330 } 6331 6332 #shopify-section-template--27667673415976__styled_heaidng_F4fwHE .heading-lines-link:hover .heading-lines-link-arrow { 6333 transform: translateX(3px); 6334 } 6335 6336 @media screen and (min-width: 750px) { 6337 #shopify-section-template--27667673415976__styled_heaidng_F4fwHE .heading-lines-section { 6338 padding-top: 12px; 6339 padding-bottom: 12px; 6340 } 6341 6342 #shopify-section-template--27667673415976__styled_heaidng_F4fwHE .heading-lines-text { 6343 font-size: 24px; 6344 } 6345 6346 #shopify-section-template--27667673415976__styled_heaidng_F4fwHE .heading-line { 6347 max-width: 12rem; 6348 } 6349 6350 #shopify-section-template--27667673415976__styled_heaidng_F4fwHE .heading-line.line-hide-mobile { 6351 display: flex; 6352 } 6353 6354 #shopify-section-template--27667673415976__styled_heaidng_F4fwHE .heading-line.line-hide-desktop { 6355 display: none; 6356 } 6357 6358 /* Desktop: heading always stays truly centered, link floats to the right */ 6359 #shopify-section-template--27667673415976__styled_heaidng_F4fwHE .heading-lines-outer.has-link { 6360 display: grid; 6361 grid-template-columns: 1fr auto 1fr; 6362 justify-content: normal; 6363 } 6364 6365 #shopify-section-template--27667673415976__styled_heaidng_F4fwHE .heading-lines-outer.has-link .heading-lines-spacer { 6366 display: block; 6367 grid-column: 1; 6368 } 6369 6370 #shopify-section-template--27667673415976__styled_heaidng_F4fwHE .heading-lines-outer.has-link .heading-lines-wrapper { 6371 grid-column: 2; 6372 justify-self: center; 6373 justify-content: center; 6374 flex: initial; 6375 } 6376 6377 #shopify-section-template--27667673415976__styled_heaidng_F4fwHE .heading-lines-outer.has-link .heading-lines-link { 6378 grid-column: 3; 6379 justify-self: end; 6380 } 6381 } 6382</style> 6383 6384 6385</section><section id="shopify-section-template--27667673415976__brand_clctn_tabs_Y3Twdb" class="shopify-section section"><link href="//sefam.com/cdn/shop/t/112/assets/component-card.css?v=45841358862004625971788152455" rel="stylesheet" type="text/css" media="all" /> 6386<link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" /> 6387<link href="//sefam.com/cdn/shop/t/112/assets/component-slider.css?v=83483582819376410081788152470" rel="stylesheet" type="text/css" media="all" /> 6388<link href="//sefam.com/cdn/shop/t/112/assets/template-collection.css?v=89779315427909064051788152561" rel="stylesheet" type="text/css" media="all" /> 6389 6390<style data-shopify>.section-template--27667673415976__brand_clctn_tabs_Y3Twdb-padding { 6391 padding-top: 9px; 6392 padding-bottom: 12px; 6393 } 6394 .cstm-card-information .price-item span{font-weight:500 !important;} 6395 6396 .cstm-card-information .card__information { 6397 padding: 0 !important; 6398 display: flex !important; 6399 flex-direction: column !important; 6400 gap: 5px !important; 6401 justify-content: flex-start !important; 6402 align-items: center !important; 6403 margin-top: 10px;} 6404 6405.cstm-card-information .card__information > * { 6406 margin: 0!important; 6407} 6408 @media screen and (min-width: 750px) { 6409 .section-template--27667673415976__brand_clctn_tabs_Y3Twdb-padding { 6410 padding-top: 12px; 6411 padding-bottom: 16px; 6412 } 6413 } 6414 6415 /* Heading and tabs styling â scoped to this section only */ 6416 #shopify-section-template--27667673415976__brand_clctn_tabs_Y3Twdb .cstm-title-pos { 6417 margin: 0 0 18px; 6418 text-align: center; 6419 font-size: 30px; 6420 font-weight: 500; 6421 line-height: 1.2; 6422 letter-spacing: 0.04em; 6423 text-transform: uppercase; 6424 } 6425 6426 #shopify-section-template--27667673415976__brand_clctn_tabs_Y3Twdb .tabs { 6427 display: flex;
6428 align-items: center; 6429 justify-content: center; 6430 gap: clamp(28px, 5vw, 70px); 6431 margin: 0 0 30px; 6432 padding: 0; 6433 overflow-x: auto; 6434 white-space: nowrap; 6435 scrollbar-width: none; 6436 } 6437 #shopify-section-template--27667673415976__brand_clctn_tabs_Y3Twdb .tabs.brand-tabs { 6438 gap:40px; 6439 } 6440 6441 #shopify-section-template--27667673415976__brand_clctn_tabs_Y3Twdb .tabs::-webkit-scrollbar { 6442 display: none; 6443 } 6444 6445 #shopify-section-template--27667673415976__brand_clctn_tabs_Y3Twdb .tabs button { 6446 position: relative; 6447 flex: 0 0 auto; 6448 min-height: 26px; 6449 padding: 0 0 10px; 6450 border: 0; 6451 background: transparent; 6452 color: #000; 6453 font: inherit; 6454 font-size: 16px; 6455 font-weight: 500; 6456 line-height: 1.2; 6457 letter-spacing: 0.02em; 6458 text-transform: uppercase; 6459 cursor: pointer; 6460 opacity: 0.72; 6461 text-decoration: none !important; 6462 transition: opacity 180ms ease; 6463 } 6464 #shopify-section-template--27667673415976__brand_clctn_tabs_Y3Twdb .tabs button.brand-tab-btn { 6465 padding:0; 6466 } 6467 6468 6469 #shopify-section-template--27667673415976__brand_clctn_tabs_Y3Twdb .tabs button::after { 6470 content: ''; 6471 position: absolute; 6472 bottom: 0; 6473 left: 50%; 6474 width: 54px; 6475 height: 2px; 6476 background: #000; 6477 transform: translateX(-50%) scaleX(0); 6478 transform-origin: center; 6479 transition: transform 200ms ease; 6480 } 6481 #shopify-section-template--27667673415976__brand_clctn_tabs_Y3Twdb .tabs button.brand-tab-btn::after{ 6482 width:100%; 6483 } 6484 6485 #shopify-section-template--27667673415976__brand_clctn_tabs_Y3Twdb .tabs button:hover, 6486 #shopify-section-template--27667673415976__brand_clctn_tabs_Y3Twdb .tabs button.active { 6487 opacity: 1; 6488 text-decoration: none !important; 6489 } 6490 6491 #shopify-section-template--27667673415976__brand_clctn_tabs_Y3Twdb .tabs button.active::after { 6492 transform: translateX(-50%) scaleX(1); 6493 } 6494 6495 .tab-content { 6496 display: none; 6497 margin-top: 20px; 6498 } 6499 6500 /* Show active tab content */ 6501 .tab-content.active { 6502 display: block; 6503 } 6504 .cstm-slider-grid{margin-top:0 !important;gap:10px !important;} 6505.cstm-title-wrapper{padding:0 !important;} 6506.cstm-banner-with-slider-desk{padding:0;} 6507.cstm-content{padding: 0 40px;} 6508.cstm-des-pos{margin-bottom:10px;max-width:30%;} 6509#shopify-section-template--27667673415976__brand_clctn_tabs_Y3Twdb .view-all-wrapper { 6510 margin-top: 34px; 6511 text-align: center; 6512} 6513#shopify-section-template--27667673415976__brand_clctn_tabs_Y3Twdb .view-all-button { 6514 display: inline-flex !important; 6515 min-width: 132px; 6516 min-height: 42px; 6517 align-items: center; 6518 justify-content: center; 6519 padding: 10px 24px; 6520 border: 1px solid #222; 6521 border-radius: 2px; 6522 background: #fff; 6523 color: #222; 6524 font-size: 13px; 6525 font-weight: 600; 6526 line-height: 1; 6527 letter-spacing: 0.04em; 6528 text-decoration: none !important; 6529 text-transform: uppercase; 6530 transition: background-color 180ms ease, color 180ms ease; 6531} 6532#shopify-section-template--27667673415976__brand_clctn_tabs_Y3Twdb .view-all-button:hover { 6533 background: #222; 6534 color: #fff; 6535} 6536 .cstm-multi-nav-grid{gap:10px !important;} 6537 .cstm-multi-nav-content{padding:0 30px;} 6538 .tab-slider{padding: 0;} 6539 .cstm-multi-nav-col {padding:0 0 20px 0 !important;} 6540 @media screen and (min-width: 750px) and (max-width: 990px){ 6541 .collection .slider--tablet.product-grid { 6542 scroll-padding-left: auto; 6543 } 6544 .tab-slider{padding:0 !important;} 6545 } 6546 @media screen and (max-width: 749px) { 6547 .collection .slider--tablet.product-grid { 6548 scroll-padding-left: auto; 6549 } 6550 #shopify-section-template--27667673415976__brand_clctn_tabs_Y3Twdb .view-all-wrapper { margin-top: 22px; } 6551 .cstm-des-pos{max-width:100%;} 6552.cstm-content{padding: 0 20px !important;} 6553#shopify-section-template--27667673415976__brand_clctn_tabs_Y3Twdb .cstm-multi-nav-content { 6554 text-align: center; 6555} 6556#shopify-section-template--27667673415976__brand_clctn_tabs_Y3Twdb .cstm-title-pos { 6557 margin: 18px 0 16px !important; 6558 font-size: 24px; 6559 text-align: center; 6560} 6561#shopify-section-template--27667673415976__brand_clctn_tabs_Y3Twdb .cstm-des-pos { 6562 margin-left: auto; 6563 margin-right: auto; 6564 text-align: center; 6565} 6566#shopify-section-template--27667673415976__brand_clctn_tabs_Y3Twdb .tabs { 6567 justify-content: center; 6568 gap: 30px; 6569 margin-bottom: 22px; 6570 text-align: center; 6571} 6572#shopify-section-template--27667673415976__brand_clctn_tabs_Y3Twdb .tabs.brand-tabs { 6573 gap:20px; 6574} 6575#shopify-section-template--27667673415976__brand_clctn_tabs_Y3Twdb .tabs button { 6576 font-size: 12px; 6577 text-align: center; 6578 min-height:20px; 6579} 6580 .cstm-multi-nav-content{padding:0 10px;} 6581 .tab-slider{padding:0 !important;} 6582 6583 }</style><div class="color-scheme-1 isolate gradient section-template--27667673415976__brand_clctn_tabs_Y3Twdb-padding"> 6584 <div class="cstm-multi-nav-width page-width"> 6585<div class="cstm-multi-nav-content"><!-- Tabs --> 6586 <div class="tabs brand-tabs"> 6587 6588 <button class="brand-tab-btn active" data-tab-id="tab-tab_Vj3Gex"> 6589 KAYSERIA 6590 </button> 6591 6592 <button class="brand-tab-btn " data-tab-id="tab-tab_GLf4cC"> 6593 LEISURE CLUB 6594 </button> 6595 6596 <button class="brand-tab-btn " data-tab-id="tab-tab_XEb3C9"> 6597 SHAHNAMEH 6598 </button> 6599 6600 <button class="brand-tab-btn " data-tab-id="tab-tab_aLwpHn"> 6601 MASTER'S 6602 </button> 6603 6604 </div> 6605</div> 6606 <div class="collection cstm-card-information cstm-multi-nav-col collection--full-width" id="collection-template--27667673415976__brand_clctn_tabs_Y3Twdb" data-id="template--27667673415976__brand_clctn_tabs_Y3Twdb"> 6607 6608 6609 6610 6611 6612 6613 <div id="tab-tab_Vj3Gex" class="tab-content active"> 6614 <slider-component 6615 class="tab-slider page-width slider-mobile-gutter slider-component-full-width 6616 page-width 6617 6618 slider-component-desktop" 6619 data-autoplay="false" 6620 data-speed="6000" 6621> 6622 6623<ul 6624 id="Slider-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_Vj3Gex" 6625 data-id="template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_Vj3Gex" 6626 class="grid cstm-multi-nav-grid product-grid contains-card contains-card--product contains-card--standard 6627 grid--8-col-desktop 6628 grid--2-col-tablet-down 6629 slider slider--desktop slider--tablet grid--peek" 6630 role="list" 6631 aria-label="Slider" 6632> 6633 6634 6635 6636 <li 6637 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_Vj3Gex-1" 6638 class="grid__item slider__slide" 6639 > 6640 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 6641� 6642 6643 6644 � 6645 6646 6647 6648 <div class="card-wrapper product-card-wrapper"> 6649 <div 6650 class=" 6651 card card--standard 6652 card--media 6653 6654 6655 6656 6657 6658 " 6659 style="--ratio-percent: 150.00000000000003%;" 6660 6661 > 6662 <div class="card-wrapper-box"> 6663 6664 <div 6665 class="card__inner color-scheme-2 gradient ratio" 6666 style="--ratio-percent: 150.00000000000003%;" 6667 6668 > 6669 �<a href="/products/c6623"> 6670 6671 �<div class="card-prdct2 card__media"> 6672 <div class="media media--transparent mt3"> 6673 6674 6675 <img 6676 src="//sefam.com/cdn/shop/files/C6623_1_3eee0e9c-9aa8-4169-9c42-41a220b9887c.jpg?v=1788179216&width=800" 6677 srcset="//sefam.com/cdn/shop/files/C6623_1_3eee0e9c-9aa8-4169-9c42-41a220b9887c.jpg?v=1788179216&width=1600 2x" 6678 class="" 6679 alt="KHADDAR | PRINTED" 6680 6681 loading="lazy" 6682 6683 width="2400" 6684 height="3600" 6685 > 6686 �<img 6687 src="//sefam.com/cdn/shop/files/C6623_5.jpg?v=1788179216&width=800" 6688 srcset="//sefam.com/cdn/shop/files/C6623_5.jpg?v=1788179216&width=1600 2x" 6689 alt="KHADDAR | PRINTED" 6690 loading="lazy" 6691 width="2400" 6692 height="3600" 6693 data-index="" 6694 > 6695 6696 � 6697 </div> 6698 6699 6700 </div> 6701 </a> 6702 </div> 6703 6704 6705 6706 6707 <div class="bt-qatc-container"> 6708 <div class="bt-qatc-form-container"> 6709 <div class="bt-qatc-form-content large-up-hide medium-hide"> 6710 <h3>KHADDAR | PRINTED</h3> 6711 6712<div 6713 class=" 6714 price " 6715 > 6716 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
6717 <span class="price-item price-item--regular"> 6718 <span class=money>Rs.7,990</span> 6719 </span></div> 6720 <div class="price__sale"> 6721 <span class="visually-hidden visually-hidden--inline">Regular price</span> 6722 <span> 6723 <s class="price-item price-item--regular"> 6724 6725 <span class=money>Rs.7,990</span> 6726 6727 </s> 6728 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 6729 <span class="price-item price-item--sale price-item--last"> 6730 6731 6732 6733 6734 <span class="percentage__sale hidden">0% OFF</span> 6735 6736 <span class=money>Rs.7,990</span> 6737 </span> 6738 </div> 6739 <small class="unit-price caption hidden"> 6740 <span class="visually-hidden">Unit price</span> 6741 <span class="price-item price-item--last"> 6742 <span></span> 6743 <span aria-hidden="true">/</span> 6744 <span class="visually-hidden"> per </span> 6745 <span> 6746 </span> 6747 </span> 6748 </small> 6749 </div></div> 6750 6751 6752 6753 </div> 6754 <div 6755 class="ethnc-form-media large-up-hide medium-hide" 6756 6757 ></div> 6758 <form method="post" action="/cart/add" class="bt-qatc-form"> 6759 <input type="hidden" name="quantity" value="1"> 6760 <div class="bt-qatc-form-variants-container"> 6761 <div class="bt-qatc-form-variants--list"> 6762 6763 <div 6764 class="in-use bt-qatc-form-variant-input" 6765 6766 data-only-child 6767 6768 > 6769 <input 6770 type="radio" 6771 name="id" 6772 id="-52228267082024" 6773 value="52228267082024" 6774 data-price="799000" 6775 data-item-id="10391994401064" 6776 hidden 6777 6778 data-item-id="10391994401064" 6779 6780 checked 6781 6782 > 6783 6784 <label 6785 for="-52228267082024" 6786 data-sefam-quick-size 6787 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 6788 > 6789 <span class="split-variant-value"> 6790 6791 UNSTITCHED 6792 6793</span> 6794 </label> 6795 </div> 6796 6797 </div> 6798 6799 6800 6801 6802 </div> 6803 </form> 6804 </div> 6805 </div> 6806 6807 6808 6809 6810 6811 6812 6813 6814 6815 6816 6817 6818 6819 6820 6821 6822 6823 6824 6825 6826 6827 6828 6829 6830 6831 6832 6833 6834 6835 6836 6837 6838 6839 6840 6841 6842 6843 6844 6845 6846 6847 6848 <div 6849 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 6850 > 6851 <div class="ethnc-qatc-btn cstm-add-btn visible"> 6852 <span class="small-hide hide-mobile">Add to Basket</span> 6853 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 6854 </span>
6855 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 6856 width="11" 6857 height="11" 6858 viewBox="0 0 11 11" 6859 fill="none" 6860> 6861 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 6862 fill="black" 6863 /> 6864</svg> 6865</span> 6866 </div> 6867 </div> 6868 6869 6870 </div> 6871 6872 <div class="card__content aiza2"> 6873 <div class="card__information"> 6874 <small class="product-brand"> 6875 Kayseria 6876 </small> 6877 <h3 6878 class="card__heading h5" 6879 6880 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391994401064" 6881 6882 > 6883 <a 6884 href="/products/c6623" 6885 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391994401064" 6886 class="full-unstyled-link" 6887 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391994401064 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391994401064" 6888 > 6889 KHADDAR | PRINTED 6890 6891 <div class="card_colorways_container" onclick="event.stopPropagation();"> 6892 6893 6894 � 6895 </div> 6896 </a> 6897 6898 </h3> 6899 6900 <h3 class="product-subtitle hidden">UNSTITCHED | SHIRT, TROUSER & DUPATTA</h3> 6901 6902 <div class="card-information"><span class="caption-large light"></span> 6903<div 6904 class=" 6905 price " 6906 > 6907 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 6908 <span class="price-item price-item--regular"> 6909 <span class=money>Rs.7,990</span> 6910 </span></div> 6911 <div class="price__sale"> 6912 <span class="visually-hidden visually-hidden--inline">Regular price</span> 6913 <span> 6914 <s class="price-item price-item--regular"> 6915 6916 <span class=money>Rs.7,990</span> 6917 6918 </s> 6919 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 6920 <span class="price-item price-item--sale price-item--last"> 6921 6922 6923 6924 6925 <span class="percentage__sale hidden">0% OFF</span> 6926 6927 <span class=money>Rs.7,990</span> 6928 </span> 6929 </div> 6930 <small class="unit-price caption hidden"> 6931 <span class="visually-hidden">Unit price</span> 6932 <span class="price-item price-item--last"> 6933 <span></span> 6934 <span aria-hidden="true">/</span> 6935 <span class="visually-hidden"> per </span> 6936 <span> 6937 </span> 6938 </span> 6939 </small> 6940 </div></div> 6941 6942 6943 6944 </div> 6945 </div> 6946 </div> 6947 6948 </div> 6949 </div><style> 6950/* ========================================================= 6951 DESKTOP PRODUCT CARD QUICK ADD 6952 LEFT = sizes 6953 RIGHT = original bag icon 6954 Mobile behavior remains unchanged 6955 ========================================================= */ 6956@media (min-width: 990px) { 6957 .hide-desktop { 6958 display: none !important; 6959 } 6960 6961 /* Keep both controls on the same bottom row */ 6962 .card-wrapper-box { 6963 position: relative; 6964 } 6965 6966 .card-wrapper-box .bt-qatc-container, 6967 .card-wrapper-box .ethnc-qatc-btn-container { 6968 position: absolute !important; 6969 bottom: 0 !important; 6970 z-index: 8 !important; 6971 } 6972 6973 /* LEFT: size area */ 6974 .card-wrapper-box .bt-qatc-container { 6975 left: 0 !important; 6976 right: 46px !important; 6977 width: auto !important; 6978 } 6979 6980 .card-wrapper-box .bt-qatc-form-container { 6981 left: 0 !important; 6982 right: 0 !important; 6983 bottom: -350% !important; 6984 width: 100% !important; 6985 min-height: 43px !important; 6986 opacity: 0 !important; 6987 visibility: hidden !important; 6988 pointer-events: none !important; 6989 transition: bottom .22s ease, opacity .18s ease !important; 6990 } 6991 6992 .card-wrapper-box .bt-qatc-form, 6993 .card-wrapper-box .bt-qatc-form-variants-container, 6994 .card-wrapper-box .bt-qatc-form-variants--list { 6995 width: 100% !important; 6996 } 6997 6998 .card-wrapper-box .bt-qatc-form-variants--list { 6999 display: flex !important;
7000 align-items: center !important; 7001 flex-wrap: wrap !important; 7002 gap: 0 !important; 7003 min-height: 43px !important; 7004 } 7005 7006 /* RIGHT: original bag button */ 7007 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 7008 display: flex !important; 7009 align-items: stretch !important; 7010 justify-content: center !important; 7011 left: auto !important; 7012 right: 0 !important; 7013 width: 46px !important; 7014 height: 43px !important; 7015 opacity: 0 !important; 7016 visibility: hidden !important; 7017 pointer-events: none !important; 7018 transition: opacity .18s ease !important; 7019 } 7020 7021 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 7022 display: flex !important; 7023 align-items: center !important; 7024 justify-content: center !important; 7025 width: 46px !important; 7026 height: 43px !important; 7027 min-width: 46px !important; 7028 padding: 0 !important; 7029 cursor: pointer !important; 7030 } 7031 7032 /* Hide Add to Basket text on desktop; keep only bag icon */ 7033 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 7034 display: none !important; 7035 } 7036 7037 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 7038 display: flex !important; 7039 align-items: center !important; 7040 justify-content: center !important; 7041 width: 100% !important; 7042 height: 100% !important; 7043 padding: 0 !important; 7044 } 7045 7046 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 7047 display: block !important; 7048 width: 16px !important; 7049 height: 17px !important; 7050 } 7051 7052 /* Show sizes + bag together on desktop hover */ 7053 .card-wrapper-box:hover .bt-qatc-form-container { 7054 bottom: 0 !important; 7055 opacity: 1 !important; 7056 visibility: visible !important; 7057 pointer-events: auto !important; 7058 } 7059 7060 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 7061 opacity: 1 !important; 7062 visibility: visible !important; 7063 pointer-events: auto !important; 7064 } 7065} 7066 7067@media (max-width: 989px) { 7068 .hide-mobile { 7069 display: none; 7070 } 7071} 7072</style> 7073 7074 7075<style> 7076/* ========================================================= 7077 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 7078 Keeps all sizes in one clean row on the left 7079 and the bag icon fixed on the right. 7080 ========================================================= */ 7081@media (min-width: 990px) { 7082 7083 .card-wrapper-box .bt-qatc-form-container { 7084 height: 43px !important; 7085 min-height: 43px !important; 7086 max-height: 43px !important; 7087 overflow: hidden !important; 7088 background: rgba(255,255,255,.96) !important; 7089 } 7090 7091 .card-wrapper-box .bt-qatc-form { 7092 display: block !important; 7093 height: 43px !important; 7094 min-height: 43px !important; 7095 margin: 0 !important; 7096 padding: 0 !important; 7097 } 7098 7099 .card-wrapper-box .bt-qatc-form-variants-container { 7100 display: block !important; 7101 width: 100% !important; 7102 height: 43px !important; 7103 min-height: 43px !important; 7104 margin: 0 !important; 7105 padding: 0 !important; 7106 } 7107 7108 .card-wrapper-box .bt-qatc-form-variants--list { 7109 display: flex !important; 7110 flex-direction: row !important; 7111 flex-wrap: wrap !important; 7112 align-items: center !important; 7113 justify-content: center !important; 7114 7115 width: 100% !important; 7116 height: 43px !important; 7117 min-height: 43px !important; 7118 7119 margin: 0 !important; 7120 padding: 0 6px !important; 7121 gap: 2px !important; 7122 7123 box-sizing: border-box !important; 7124 overflow: visible !important; 7125 white-space: normal !important; 7126 } 7127 7128 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 7129 display: none !important; 7130 } 7131 7132 .card-wrapper-box .bt-qatc-form-variant-input { 7133 position: relative !important; 7134 7135 display: flex !important; 7136 align-items: center !important; 7137 justify-content: center !important; 7138 7139 flex: 0 0 auto !important; 7140 width: auto !important; 7141 min-width: 32px !important; 7142 height: 43px !important; 7143 7144 margin: 0 !important; 7145 padding: 0 !important; 7146 7147 border: 0 !important; 7148 background: transparent !important; 7149 } 7150 7151 .card-wrapper-box .bt-qatc-form-variant-input label { 7152 position: static !important; 7153 7154 display: flex !important;
7155 align-items: center !important; 7156 justify-content: center !important; 7157 7158 width: auto !important; 7159 min-width: 32px !important; 7160 height: 32px !important; 7161 7162 margin: 0 !important; 7163 padding: 0 6px !important; 7164 7165 box-sizing: border-box !important; 7166 7167 background: transparent !important; 7168 border: 0 !important; 7169 7170 color: #111 !important; 7171 font-size: 12px !important; 7172 line-height: 1 !important; 7173 font-weight: 400 !important; 7174 7175 white-space: nowrap !important; 7176 cursor: pointer !important; 7177 } 7178 7179 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 7180 display: block !important; 7181 width: auto !important; 7182 max-width: none !important; 7183 7184 margin: 0 !important; 7185 padding: 0 !important; 7186 7187 overflow: visible !important; 7188 white-space: nowrap !important; 7189 text-overflow: clip !important; 7190 7191 font-size: inherit !important; 7192 line-height: inherit !important; 7193 } 7194 7195 /* Sold-out size */ 7196 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 7197 opacity: .35 !important; 7198 text-decoration: line-through !important; 7199 cursor: not-allowed !important; 7200 } 7201 7202 /* Optional hover feedback */ 7203 .card-wrapper-box 7204 .bt-qatc-form-variant-input:not(.is-disbaled) 7205 label:hover { 7206 text-decoration: underline !important; 7207 text-underline-offset: 3px !important; 7208 } 7209 7210 /* Prevent old theme transforms / absolute positions */ 7211 .card-wrapper-box .bt-qatc-form-variant-input *, 7212 .card-wrapper-box .bt-qatc-form-variants--list * { 7213 transform: none; 7214 } 7215} 7216</style> 7217 7218 7219<style> 7220/* Desktop quick-add: use one seamless background for sizes + bag */ 7221@media (min-width: 990px) { 7222 .card-wrapper-box .bt-qatc-form-container, 7223 .card-wrapper-box .bt-qatc-form, 7224 .card-wrapper-box .bt-qatc-form-variants-container, 7225 .card-wrapper-box .bt-qatc-form-variants--list, 7226 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 7227 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 7228 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 7229 background: rgba(255,255,255,.96) !important; 7230 } 7231 7232 /* Remove any visual split between sizes and bag */ 7233 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 7234 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 7235 border-left: 0 !important; 7236 box-shadow: none !important; 7237 } 7238} 7239</style> 7240 7241 7242<style> 7243/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 7244@media (min-width: 990px) { 7245 .card-wrapper-box .bt-qatc-form-container, 7246 .card-wrapper-box .bt-qatc-form, 7247 .card-wrapper-box .bt-qatc-form-variants-container { 7248 height: auto !important; 7249 max-height: none !important; 7250 overflow: visible !important; 7251 } 7252 7253 .card-wrapper-box .bt-qatc-form-variants--list { 7254 display: flex !important; 7255 flex-wrap: wrap !important; 7256 justify-content: center !important; 7257 align-items: center !important; 7258 height: auto !important; 7259 min-height: 43px !important; 7260 max-height: none !important; 7261 overflow: visible !important; 7262 white-space: normal !important; 7263 padding: 5px 6px !important; 7264 } 7265 7266 .card-wrapper-box .bt-qatc-form-variant-input { 7267 flex: 0 0 auto !important; 7268 } 7269} 7270</style> 7271
7272<script> 7273 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 7274 const wrap = label.closest('.bt-qatc-form-variant-input'); 7275 const form = label.closest('.bt-qatc-form'); 7276 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 7277 7278 if (!wrap || !form || !input) return; 7279 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 7280 if (label.dataset.loading === 'true') return; 7281 7282 input.checked = true; 7283 label.dataset.loading = 'true'; 7284 label.style.pointerEvents = 'none'; 7285 7286 try { 7287 const cartResp = await fetch('/cart.js', { 7288 method: 'GET', 7289 headers: { 'Accept': 'application/json' } 7290 }); 7291 7292 if (!cartResp.ok) throw new Error('Unable to read cart'); 7293 7294 const cart = await cartResp.json(); 7295 const variantId = Number(input.value); 7296 const selectedPrice = Number(input.dataset.price || 0) / 100; 7297 const totalCartPrice = Number(cart.total_price || 0) / 100; 7298 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 7299 7300 if ((totalCartPrice + selectedPrice) > 250000) { 7301 if (window.showAlert) { 7302 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 7303 } else { 7304 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 7305 } 7306 return; 7307 } 7308 7309 if (itemInCart && Number(itemInCart.quantity) >= 3) { 7310 if (window.showAlert) { 7311 window.showAlert('Limit reached: Max 3 items per size can be added'); 7312 } else { 7313 alert('Limit reached: Max 3 items per size can be added'); 7314 } 7315 return; 7316 } 7317 7318 7319 const cartSections = document.querySelector('cart-notification, cart-drawer'); 7320 const formData = new FormData(form); 7321 7322 formData.set('id', input.value); 7323 formData.set('quantity', '1'); 7324 7325 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 7326 formData.set( 7327 'sections', 7328 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 7329 ); 7330 } 7331 7332 formData.set('sections_url', window.location.pathname); 7333 7334 const addResp = await fetch('/cart/add.js', { 7335 method: 'POST', 7336 headers: { 'Accept': 'application/json' }, 7337 body: formData 7338 }); 7339 7340 const data = await addResp.json(); 7341 7342 if (!addResp.ok) { 7343 throw new Error(data.description || data.message || 'Unable to add this size'); 7344 } 7345 7346 if (cartSections && typeof cartSections.renderContents === 'function') { 7347 cartSections.renderContents(data); 7348 } else { 7349 const bubble = document.querySelector('#cart-icon-bubble'); 7350 if (bubble) bubble.click(); 7351 } 7352 7353 const card = label.closest('.card-wrapper-box'); 7354 if (card) { 7355 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 7356 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 7357 } 7358 } catch (error) { 7359 console.error('SEFAM hover size quick-add error:', error); 7360 if (window.showAlert) { 7361 window.showAlert(error.message || 'Unable to add this size to cart'); 7362 } else { 7363 alert(error.message || 'Unable to add this size to cart'); 7364 } 7365 } finally { 7366 label.dataset.loading = 'false'; 7367 label.style.pointerEvents = ''; 7368 } 7369 }; 7370</script>
7370 7371 7372<style> 7373/* Desktop quick-add final alignment: 7374 sizes start from left; bag area matches the complete quick-size background height. */ 7375@media (min-width: 990px) { 7376 .card-wrapper-box .bt-qatc-form-variants--list { 7377 justify-content: flex-start !important; 7378 align-content: center !important; 7379 text-align: left !important; 7380 } 7381 7382 .card-wrapper-box .bt-qatc-container { 7383 right: 46px !important; 7384 } 7385 7386 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 7387 top: auto !important; 7388 bottom: 0 !important; 7389 width: 46px !important; 7390 height: 100% !important; 7391 min-height: 43px !important; 7392 align-items: stretch !important; 7393 background: rgba(255,255,255,.96) !important; 7394 } 7395 7396 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 7397 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 7398 width: 46px !important; 7399 height: 100% !important; 7400 min-height: 43px !important; 7401 background: rgba(255,255,255,.96) !important; 7402 } 7403 7404 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 7405 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 7406 height: var(--sefam-quick-add-height, 43px) !important; 7407 } 7408} 7409</style>
7410<script> 7411(function () { 7412 function syncQuickAddHeight(card) { 7413 if (!card || window.innerWidth < 990) return; 7414 var panel = card.querySelector('.bt-qatc-form-container'); 7415 if (!panel) return; 7416 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 7417 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 7418 } 7419 7420 document.addEventListener('mouseover', function(e) { 7421 var card = e.target.closest('.card-wrapper-box'); 7422 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 7423 }, { passive: true }); 7424 7425 window.addEventListener('resize', function() { 7426 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 7427 }, { passive: true }); 7428})(); 7429</script>
7429 7430 7431 7432 7433<style> 7434/* ========================================================= 7435 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 7436 - reduce space between sizes 7437 - keep sizes left aligned 7438 - keep the bag icon on the BOTTOM row 7439 - bag background still matches the full size panel 7440 ========================================================= */ 7441@media (min-width: 990px) { 7442 7443 /* More usable width for sizes */ 7444 .card-wrapper-box .bt-qatc-container { 7445 right: 42px !important; 7446 } 7447 7448 /* Compact, left-aligned size list */ 7449 .card-wrapper-box .bt-qatc-form-variants--list { 7450 justify-content: flex-start !important; 7451 align-items: center !important; 7452 align-content: center !important; 7453 7454 column-gap: 0 !important; 7455 row-gap: 0 !important; 7456 7457 padding: 4px 4px !important; 7458 margin: 0 !important; 7459 } 7460 7461 .card-wrapper-box .bt-qatc-form-variant-input { 7462 min-width: 0 !important; 7463 width: auto !important; 7464 height: 35px !important; 7465 margin: 0 !important; 7466 padding: 0 !important; 7467 } 7468 7469 .card-wrapper-box .bt-qatc-form-variant-input label { 7470 min-width: 0 !important; 7471 width: auto !important; 7472 height: 35px !important; 7473 7474 margin: 0 !important; 7475 padding: 0 4px !important; 7476 7477 font-size: 12px !important; 7478 line-height: 1 !important; 7479 } 7480 7481 /* Bag column keeps the same full white background as the sizes */ 7482 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 7483 right: 0 !important; 7484 bottom: 0 !important; 7485 top: auto !important; 7486 7487 width: 42px !important; 7488 min-width: 42px !important; 7489 height: var(--sefam-quick-add-height, 43px) !important; 7490 min-height: 43px !important; 7491 7492 display: flex !important; 7493 flex-direction: column !important; 7494 justify-content: flex-end !important; 7495 align-items: stretch !important; 7496 7497 padding: 0 !important; 7498 margin: 0 !important; 7499 7500 background: rgba(255,255,255,.96) !important; 7501 } 7502 7503 /* The clickable bag itself always sits at the bottom */ 7504 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 7505 width: 42px !important; 7506 min-width: 42px !important; 7507 height: 43px !important; 7508 min-height: 43px !important; 7509 7510 margin-top: auto !important; 7511 padding: 0 !important; 7512 7513 display: flex !important; 7514 align-items: center !important; 7515 justify-content: center !important; 7516 7517 background: rgba(255,255,255,.96) !important; 7518 } 7519 7520 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 7521 width: 42px !important; 7522 height: 43px !important; 7523 min-height: 43px !important; 7524 7525 display: flex !important; 7526 align-items: center !important; 7527 justify-content: center !important; 7528 7529 padding: 0 !important; 7530 margin: 0 !important; 7531 7532 background: transparent !important; 7533 } 7534 7535 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 7536 width: 16px !important; 7537 height: 17px !important; 7538 } 7539} 7540</style> 7541 7542 7543<style> 7544/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 7545@media (min-width: 990px) { 7546 .card-wrapper-box .bt-qatc-form-variants--list { 7547 padding: 3px 4px !important; 7548 column-gap: 0 !important; 7549 row-gap: 0 !important; 7550 justify-content: flex-start !important; 7551 align-items: center !important; 7552 align-content: center !important; 7553 } 7554 7555 .card-wrapper-box .bt-qatc-form-variant-input { 7556 min-width: 0 !important; 7557 width: auto !important; 7558 height: 30px !important; 7559 margin: 0 !important; 7560 padding: 0 !important; 7561 } 7562 7563 .card-wrapper-box .bt-qatc-form-variant-input label { 7564 min-width: 0 !important; 7565 width: auto !important; 7566 height: 30px !important; 7567 margin: 0 !important; 7568 padding: 0 4px !important; 7569 font-size: 12px !important; 7570 line-height: 1 !important; 7571 display: flex !important; 7572 align-items: center !important; 7573 justify-content: center !important; 7574 } 7575 7576 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 7577 display: flex !important; 7578 flex-direction: column !important; 7579 justify-content: flex-end !important;
7580 align-items: stretch !important; 7581 bottom: 0 !important; 7582 top: auto !important; 7583 height: var(--sefam-quick-add-height, 36px) !important; 7584 min-height: 36px !important; 7585 } 7586 7587 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 7588 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 7589 height: 36px !important; 7590 min-height: 36px !important; 7591 margin-top: auto !important; 7592 } 7593} 7594</style> 7595 7596<style> 7597 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 7598 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 7599 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 7600 .card_colorways_container .new-mbl-color-single label span, 7601 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 7602 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 7603</style> 7604 7605 </li> 7606 7607 <li 7608 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_Vj3Gex-2" 7609 class="grid__item slider__slide" 7610 > 7611 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 7612� 7613 7614 7615 � 7616 7617 7618 7619 <div class="card-wrapper product-card-wrapper"> 7620 <div 7621 class=" 7622 card card--standard 7623 card--media 7624 7625 7626 7627 7628 7629 " 7630 style="--ratio-percent: 150.00000000000003%;" 7631 7632 > 7633 <div class="card-wrapper-box"> 7634 7635 <div 7636 class="card__inner color-scheme-2 gradient ratio" 7637 style="--ratio-percent: 150.00000000000003%;" 7638 7639 > 7640 �<a href="/products/e2102"> 7641 7642 �<div class="card-prdct2 card__media"> 7643 <div class="media media--transparent mt3"> 7644 7645 7646 <img 7647 src="//sefam.com/cdn/shop/files/E2102_1.jpg?v=1787121824&width=800" 7648 srcset="//sefam.com/cdn/shop/files/E2102_1.jpg?v=1787121824&width=1600 2x" 7649 class="" 7650 alt="VISCOSE KARANDI | EMBROIDERED" 7651 7652 loading="lazy" 7653 7654 width="2400" 7655 height="3600" 7656 > 7657 �<img 7658 src="//sefam.com/cdn/shop/files/E2102_5.jpg?v=1787121824&width=800" 7659 srcset="//sefam.com/cdn/shop/files/E2102_5.jpg?v=1787121824&width=1600 2x" 7660 alt="VISCOSE KARANDI | EMBROIDERED" 7661 loading="lazy" 7662 width="2400" 7663 height="3600" 7664 data-index="" 7665 > 7666 7667 � 7668 </div> 7669 7670 7671 </div> 7672 </a> 7673 </div> 7674 7675 7676 7677 7678 <div class="bt-qatc-container"> 7679 <div class="bt-qatc-form-container"> 7680 <div class="bt-qatc-form-content large-up-hide medium-hide"> 7681 <h3>VISCOSE KARANDI | EMBROIDERED</h3> 7682 7683<div 7684 class=" 7685 price " 7686 > 7687 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 7688 <span class="price-item price-item--regular"> 7689 <span class=money>Rs.16,490</span> 7690 </span></div> 7691 <div class="price__sale"> 7692 <span class="visually-hidden visually-hidden--inline">Regular price</span> 7693 <span> 7694 <s class="price-item price-item--regular"> 7695 7696 <span class=money>Rs.16,490</span> 7697 7698 </s> 7699 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
7700 <span class="price-item price-item--sale price-item--last"> 7701 7702 7703 7704 7705 <span class="percentage__sale hidden">0% OFF</span> 7706 7707 <span class=money>Rs.16,490</span> 7708 </span> 7709 </div> 7710 <small class="unit-price caption hidden"> 7711 <span class="visually-hidden">Unit price</span> 7712 <span class="price-item price-item--last"> 7713 <span></span> 7714 <span aria-hidden="true">/</span> 7715 <span class="visually-hidden"> per </span> 7716 <span> 7717 </span> 7718 </span> 7719 </small> 7720 </div></div> 7721 7722 7723 7724 </div> 7725 <div 7726 class="ethnc-form-media large-up-hide medium-hide" 7727 7728 ></div> 7729 <form method="post" action="/cart/add" class="bt-qatc-form"> 7730 <input type="hidden" name="quantity" value="1"> 7731 <div class="bt-qatc-form-variants-container"> 7732 <div class="bt-qatc-form-variants--list"> 7733 7734 <div 7735 class="in-use bt-qatc-form-variant-input" 7736 7737 data-only-child 7738 7739 > 7740 <input 7741 type="radio" 7742 name="id" 7743 id="-52186585727272" 7744 value="52186585727272" 7745 data-price="1649000" 7746 data-item-id="10371285025064" 7747 hidden 7748 7749 data-item-id="10371285025064" 7750 7751 checked 7752 7753 > 7754 7755 <label 7756 for="-52186585727272" 7757 data-sefam-quick-size 7758 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 7759 > 7760 <span class="split-variant-value"> 7761 7762 UNSTITCHED 7763 7764</span> 7765 </label> 7766 </div> 7767 7768 </div> 7769 7770 7771 7772 7773 </div> 7774 </form> 7775 </div> 7776 </div> 7777 7778 7779 7780 7781 7782 7783 7784 7785 7786 7787 7788 7789 7790 7791 7792 7793 7794 7795 7796 7797 7798 7799 7800 7801 7802 7803 7804 7805 7806 7807 7808 7809 7810 7811 7812 7813 7814 7815 7816 <div 7817 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 7818 > 7819 <div class="ethnc-qatc-btn cstm-add-btn visible"> 7820 <span class="small-hide hide-mobile">Add to Basket</span> 7821 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 7822 </span>
7823 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 7824 width="11" 7825 height="11" 7826 viewBox="0 0 11 11" 7827 fill="none" 7828> 7829 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 7830 fill="black" 7831 /> 7832</svg> 7833</span> 7834 </div> 7835 </div> 7836 7837 7838 </div> 7839 7840 <div class="card__content aiza2"> 7841 <div class="card__information"> 7842 <small class="product-brand"> 7843 Kayseria 7844 </small> 7845 <h3 7846 class="card__heading h5" 7847 7848 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10371285025064" 7849 7850 > 7851 <a 7852 href="/products/e2102" 7853 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10371285025064" 7854 class="full-unstyled-link" 7855 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10371285025064 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10371285025064" 7856 > 7857 VISCOSE KARANDI | EMBROIDERED 7858 7859 <div class="card_colorways_container" onclick="event.stopPropagation();"> 7860 7861 7862 � 7863 </div> 7864 </a> 7865 7866 </h3> 7867 7868 <h3 class="product-subtitle hidden">UNSTITCHED | SHAWL</h3> 7869 7870 <div class="card-information"><span class="caption-large light"></span> 7871<div 7872 class=" 7873 price " 7874 > 7875 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 7876 <span class="price-item price-item--regular"> 7877 <span class=money>Rs.16,490</span> 7878 </span></div> 7879 <div class="price__sale"> 7880 <span class="visually-hidden visually-hidden--inline">Regular price</span> 7881 <span> 7882 <s class="price-item price-item--regular"> 7883 7884 <span class=money>Rs.16,490</span> 7885 7886 </s> 7887 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 7888 <span class="price-item price-item--sale price-item--last"> 7889 7890 7891 7892 7893 <span class="percentage__sale hidden">0% OFF</span> 7894 7895 <span class=money>Rs.16,490</span> 7896 </span> 7897 </div> 7898 <small class="unit-price caption hidden"> 7899 <span class="visually-hidden">Unit price</span> 7900 <span class="price-item price-item--last"> 7901 <span></span> 7902 <span aria-hidden="true">/</span> 7903 <span class="visually-hidden"> per </span> 7904 <span> 7905 </span> 7906 </span> 7907 </small> 7908 </div></div> 7909 7910 7911 7912 </div> 7913 </div> 7914 </div> 7915 7916 </div> 7917 </div><style> 7918/* ========================================================= 7919 DESKTOP PRODUCT CARD QUICK ADD 7920 LEFT = sizes 7921 RIGHT = original bag icon 7922 Mobile behavior remains unchanged 7923 ========================================================= */ 7924@media (min-width: 990px) { 7925 .hide-desktop { 7926 display: none !important; 7927 } 7928 7929 /* Keep both controls on the same bottom row */ 7930 .card-wrapper-box { 7931 position: relative; 7932 } 7933 7934 .card-wrapper-box .bt-qatc-container, 7935 .card-wrapper-box .ethnc-qatc-btn-container { 7936 position: absolute !important; 7937 bottom: 0 !important; 7938 z-index: 8 !important; 7939 } 7940 7941 /* LEFT: size area */ 7942 .card-wrapper-box .bt-qatc-container { 7943 left: 0 !important; 7944 right: 46px !important; 7945 width: auto !important; 7946 } 7947 7948 .card-wrapper-box .bt-qatc-form-container { 7949 left: 0 !important; 7950 right: 0 !important; 7951 bottom: -350% !important; 7952 width: 100% !important; 7953 min-height: 43px !important; 7954 opacity: 0 !important; 7955 visibility: hidden !important; 7956 pointer-events: none !important; 7957 transition: bottom .22s ease, opacity .18s ease !important; 7958 } 7959 7960 .card-wrapper-box .bt-qatc-form, 7961 .card-wrapper-box .bt-qatc-form-variants-container, 7962 .card-wrapper-box .bt-qatc-form-variants--list { 7963 width: 100% !important; 7964 } 7965 7966 .card-wrapper-box .bt-qatc-form-variants--list { 7967 display: flex !important;
7968 align-items: center !important; 7969 flex-wrap: wrap !important; 7970 gap: 0 !important; 7971 min-height: 43px !important; 7972 } 7973 7974 /* RIGHT: original bag button */ 7975 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 7976 display: flex !important; 7977 align-items: stretch !important; 7978 justify-content: center !important; 7979 left: auto !important; 7980 right: 0 !important; 7981 width: 46px !important; 7982 height: 43px !important; 7983 opacity: 0 !important; 7984 visibility: hidden !important; 7985 pointer-events: none !important; 7986 transition: opacity .18s ease !important; 7987 } 7988 7989 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 7990 display: flex !important; 7991 align-items: center !important; 7992 justify-content: center !important; 7993 width: 46px !important; 7994 height: 43px !important; 7995 min-width: 46px !important; 7996 padding: 0 !important; 7997 cursor: pointer !important; 7998 } 7999 8000 /* Hide Add to Basket text on desktop; keep only bag icon */ 8001 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 8002 display: none !important; 8003 } 8004 8005 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 8006 display: flex !important; 8007 align-items: center !important; 8008 justify-content: center !important; 8009 width: 100% !important; 8010 height: 100% !important; 8011 padding: 0 !important; 8012 } 8013 8014 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 8015 display: block !important; 8016 width: 16px !important; 8017 height: 17px !important; 8018 } 8019 8020 /* Show sizes + bag together on desktop hover */ 8021 .card-wrapper-box:hover .bt-qatc-form-container { 8022 bottom: 0 !important; 8023 opacity: 1 !important; 8024 visibility: visible !important; 8025 pointer-events: auto !important; 8026 } 8027 8028 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 8029 opacity: 1 !important; 8030 visibility: visible !important; 8031 pointer-events: auto !important; 8032 } 8033} 8034 8035@media (max-width: 989px) { 8036 .hide-mobile { 8037 display: none; 8038 } 8039} 8040</style> 8041 8042 8043<style> 8044/* ========================================================= 8045 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 8046 Keeps all sizes in one clean row on the left 8047 and the bag icon fixed on the right. 8048 ========================================================= */ 8049@media (min-width: 990px) { 8050 8051 .card-wrapper-box .bt-qatc-form-container { 8052 height: 43px !important; 8053 min-height: 43px !important; 8054 max-height: 43px !important; 8055 overflow: hidden !important; 8056 background: rgba(255,255,255,.96) !important; 8057 } 8058 8059 .card-wrapper-box .bt-qatc-form { 8060 display: block !important; 8061 height: 43px !important; 8062 min-height: 43px !important; 8063 margin: 0 !important; 8064 padding: 0 !important; 8065 } 8066 8067 .card-wrapper-box .bt-qatc-form-variants-container { 8068 display: block !important; 8069 width: 100% !important; 8070 height: 43px !important; 8071 min-height: 43px !important; 8072 margin: 0 !important; 8073 padding: 0 !important; 8074 } 8075 8076 .card-wrapper-box .bt-qatc-form-variants--list { 8077 display: flex !important; 8078 flex-direction: row !important; 8079 flex-wrap: wrap !important; 8080 align-items: center !important; 8081 justify-content: center !important; 8082 8083 width: 100% !important; 8084 height: 43px !important; 8085 min-height: 43px !important; 8086 8087 margin: 0 !important; 8088 padding: 0 6px !important; 8089 gap: 2px !important; 8090 8091 box-sizing: border-box !important; 8092 overflow: visible !important; 8093 white-space: normal !important; 8094 } 8095 8096 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 8097 display: none !important; 8098 } 8099 8100 .card-wrapper-box .bt-qatc-form-variant-input { 8101 position: relative !important; 8102 8103 display: flex !important; 8104 align-items: center !important; 8105 justify-content: center !important; 8106 8107 flex: 0 0 auto !important; 8108 width: auto !important; 8109 min-width: 32px !important; 8110 height: 43px !important; 8111 8112 margin: 0 !important; 8113 padding: 0 !important; 8114 8115 border: 0 !important; 8116 background: transparent !important; 8117 } 8118 8119 .card-wrapper-box .bt-qatc-form-variant-input label { 8120 position: static !important; 8121 8122 display: flex !important;
8123 align-items: center !important; 8124 justify-content: center !important; 8125 8126 width: auto !important; 8127 min-width: 32px !important; 8128 height: 32px !important; 8129 8130 margin: 0 !important; 8131 padding: 0 6px !important; 8132 8133 box-sizing: border-box !important; 8134 8135 background: transparent !important; 8136 border: 0 !important; 8137 8138 color: #111 !important; 8139 font-size: 12px !important; 8140 line-height: 1 !important; 8141 font-weight: 400 !important; 8142 8143 white-space: nowrap !important; 8144 cursor: pointer !important; 8145 } 8146 8147 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 8148 display: block !important; 8149 width: auto !important; 8150 max-width: none !important; 8151 8152 margin: 0 !important; 8153 padding: 0 !important; 8154 8155 overflow: visible !important; 8156 white-space: nowrap !important; 8157 text-overflow: clip !important; 8158 8159 font-size: inherit !important; 8160 line-height: inherit !important; 8161 } 8162 8163 /* Sold-out size */ 8164 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 8165 opacity: .35 !important; 8166 text-decoration: line-through !important; 8167 cursor: not-allowed !important; 8168 } 8169 8170 /* Optional hover feedback */ 8171 .card-wrapper-box 8172 .bt-qatc-form-variant-input:not(.is-disbaled) 8173 label:hover { 8174 text-decoration: underline !important; 8175 text-underline-offset: 3px !important; 8176 } 8177 8178 /* Prevent old theme transforms / absolute positions */ 8179 .card-wrapper-box .bt-qatc-form-variant-input *, 8180 .card-wrapper-box .bt-qatc-form-variants--list * { 8181 transform: none; 8182 } 8183} 8184</style> 8185 8186 8187<style> 8188/* Desktop quick-add: use one seamless background for sizes + bag */ 8189@media (min-width: 990px) { 8190 .card-wrapper-box .bt-qatc-form-container, 8191 .card-wrapper-box .bt-qatc-form, 8192 .card-wrapper-box .bt-qatc-form-variants-container, 8193 .card-wrapper-box .bt-qatc-form-variants--list, 8194 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 8195 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 8196 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 8197 background: rgba(255,255,255,.96) !important; 8198 } 8199 8200 /* Remove any visual split between sizes and bag */ 8201 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 8202 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 8203 border-left: 0 !important; 8204 box-shadow: none !important; 8205 } 8206} 8207</style> 8208 8209 8210<style> 8211/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 8212@media (min-width: 990px) { 8213 .card-wrapper-box .bt-qatc-form-container, 8214 .card-wrapper-box .bt-qatc-form, 8215 .card-wrapper-box .bt-qatc-form-variants-container { 8216 height: auto !important; 8217 max-height: none !important; 8218 overflow: visible !important; 8219 } 8220 8221 .card-wrapper-box .bt-qatc-form-variants--list { 8222 display: flex !important; 8223 flex-wrap: wrap !important; 8224 justify-content: center !important; 8225 align-items: center !important; 8226 height: auto !important; 8227 min-height: 43px !important; 8228 max-height: none !important; 8229 overflow: visible !important; 8230 white-space: normal !important; 8231 padding: 5px 6px !important; 8232 } 8233 8234 .card-wrapper-box .bt-qatc-form-variant-input { 8235 flex: 0 0 auto !important; 8236 } 8237} 8238</style> 8239
8240<script> 8241 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 8242 const wrap = label.closest('.bt-qatc-form-variant-input'); 8243 const form = label.closest('.bt-qatc-form'); 8244 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 8245 8246 if (!wrap || !form || !input) return; 8247 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 8248 if (label.dataset.loading === 'true') return; 8249 8250 input.checked = true; 8251 label.dataset.loading = 'true'; 8252 label.style.pointerEvents = 'none'; 8253 8254 try { 8255 const cartResp = await fetch('/cart.js', { 8256 method: 'GET', 8257 headers: { 'Accept': 'application/json' } 8258 }); 8259 8260 if (!cartResp.ok) throw new Error('Unable to read cart'); 8261 8262 const cart = await cartResp.json(); 8263 const variantId = Number(input.value); 8264 const selectedPrice = Number(input.dataset.price || 0) / 100; 8265 const totalCartPrice = Number(cart.total_price || 0) / 100; 8266 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 8267 8268 if ((totalCartPrice + selectedPrice) > 250000) { 8269 if (window.showAlert) { 8270 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 8271 } else { 8272 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 8273 } 8274 return; 8275 } 8276 8277 if (itemInCart && Number(itemInCart.quantity) >= 3) { 8278 if (window.showAlert) { 8279 window.showAlert('Limit reached: Max 3 items per size can be added'); 8280 } else { 8281 alert('Limit reached: Max 3 items per size can be added'); 8282 } 8283 return; 8284 } 8285 8286 8287 const cartSections = document.querySelector('cart-notification, cart-drawer'); 8288 const formData = new FormData(form); 8289 8290 formData.set('id', input.value); 8291 formData.set('quantity', '1'); 8292 8293 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 8294 formData.set( 8295 'sections', 8296 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 8297 ); 8298 } 8299 8300 formData.set('sections_url', window.location.pathname); 8301 8302 const addResp = await fetch('/cart/add.js', { 8303 method: 'POST', 8304 headers: { 'Accept': 'application/json' }, 8305 body: formData 8306 }); 8307 8308 const data = await addResp.json(); 8309 8310 if (!addResp.ok) { 8311 throw new Error(data.description || data.message || 'Unable to add this size'); 8312 } 8313 8314 if (cartSections && typeof cartSections.renderContents === 'function') { 8315 cartSections.renderContents(data); 8316 } else { 8317 const bubble = document.querySelector('#cart-icon-bubble'); 8318 if (bubble) bubble.click(); 8319 } 8320 8321 const card = label.closest('.card-wrapper-box'); 8322 if (card) { 8323 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 8324 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 8325 } 8326 } catch (error) { 8327 console.error('SEFAM hover size quick-add error:', error); 8328 if (window.showAlert) { 8329 window.showAlert(error.message || 'Unable to add this size to cart'); 8330 } else { 8331 alert(error.message || 'Unable to add this size to cart'); 8332 } 8333 } finally { 8334 label.dataset.loading = 'false'; 8335 label.style.pointerEvents = ''; 8336 } 8337 }; 8338</script>
8338 8339 8340<style> 8341/* Desktop quick-add final alignment: 8342 sizes start from left; bag area matches the complete quick-size background height. */ 8343@media (min-width: 990px) { 8344 .card-wrapper-box .bt-qatc-form-variants--list { 8345 justify-content: flex-start !important; 8346 align-content: center !important; 8347 text-align: left !important; 8348 } 8349 8350 .card-wrapper-box .bt-qatc-container { 8351 right: 46px !important; 8352 } 8353 8354 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 8355 top: auto !important; 8356 bottom: 0 !important; 8357 width: 46px !important; 8358 height: 100% !important; 8359 min-height: 43px !important; 8360 align-items: stretch !important; 8361 background: rgba(255,255,255,.96) !important; 8362 } 8363 8364 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 8365 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 8366 width: 46px !important; 8367 height: 100% !important; 8368 min-height: 43px !important; 8369 background: rgba(255,255,255,.96) !important; 8370 } 8371 8372 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 8373 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 8374 height: var(--sefam-quick-add-height, 43px) !important; 8375 } 8376} 8377</style>
8378<script> 8379(function () { 8380 function syncQuickAddHeight(card) { 8381 if (!card || window.innerWidth < 990) return; 8382 var panel = card.querySelector('.bt-qatc-form-container'); 8383 if (!panel) return; 8384 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 8385 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 8386 } 8387 8388 document.addEventListener('mouseover', function(e) { 8389 var card = e.target.closest('.card-wrapper-box'); 8390 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 8391 }, { passive: true }); 8392 8393 window.addEventListener('resize', function() { 8394 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 8395 }, { passive: true }); 8396})(); 8397</script>
8397 8398 8399 8400 8401<style> 8402/* ========================================================= 8403 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 8404 - reduce space between sizes 8405 - keep sizes left aligned 8406 - keep the bag icon on the BOTTOM row 8407 - bag background still matches the full size panel 8408 ========================================================= */ 8409@media (min-width: 990px) { 8410 8411 /* More usable width for sizes */ 8412 .card-wrapper-box .bt-qatc-container { 8413 right: 42px !important; 8414 } 8415 8416 /* Compact, left-aligned size list */ 8417 .card-wrapper-box .bt-qatc-form-variants--list { 8418 justify-content: flex-start !important; 8419 align-items: center !important; 8420 align-content: center !important; 8421 8422 column-gap: 0 !important; 8423 row-gap: 0 !important; 8424 8425 padding: 4px 4px !important; 8426 margin: 0 !important; 8427 } 8428 8429 .card-wrapper-box .bt-qatc-form-variant-input { 8430 min-width: 0 !important; 8431 width: auto !important; 8432 height: 35px !important; 8433 margin: 0 !important; 8434 padding: 0 !important; 8435 } 8436 8437 .card-wrapper-box .bt-qatc-form-variant-input label { 8438 min-width: 0 !important; 8439 width: auto !important; 8440 height: 35px !important; 8441 8442 margin: 0 !important; 8443 padding: 0 4px !important; 8444 8445 font-size: 12px !important; 8446 line-height: 1 !important; 8447 } 8448 8449 /* Bag column keeps the same full white background as the sizes */ 8450 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 8451 right: 0 !important; 8452 bottom: 0 !important; 8453 top: auto !important; 8454 8455 width: 42px !important; 8456 min-width: 42px !important; 8457 height: var(--sefam-quick-add-height, 43px) !important; 8458 min-height: 43px !important; 8459 8460 display: flex !important; 8461 flex-direction: column !important; 8462 justify-content: flex-end !important; 8463 align-items: stretch !important; 8464 8465 padding: 0 !important; 8466 margin: 0 !important; 8467 8468 background: rgba(255,255,255,.96) !important; 8469 } 8470 8471 /* The clickable bag itself always sits at the bottom */ 8472 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 8473 width: 42px !important; 8474 min-width: 42px !important; 8475 height: 43px !important; 8476 min-height: 43px !important; 8477 8478 margin-top: auto !important; 8479 padding: 0 !important; 8480 8481 display: flex !important; 8482 align-items: center !important; 8483 justify-content: center !important; 8484 8485 background: rgba(255,255,255,.96) !important; 8486 } 8487 8488 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 8489 width: 42px !important; 8490 height: 43px !important; 8491 min-height: 43px !important; 8492 8493 display: flex !important; 8494 align-items: center !important; 8495 justify-content: center !important; 8496 8497 padding: 0 !important; 8498 margin: 0 !important; 8499 8500 background: transparent !important; 8501 } 8502 8503 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 8504 width: 16px !important; 8505 height: 17px !important; 8506 } 8507} 8508</style> 8509 8510 8511<style> 8512/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 8513@media (min-width: 990px) { 8514 .card-wrapper-box .bt-qatc-form-variants--list { 8515 padding: 3px 4px !important; 8516 column-gap: 0 !important; 8517 row-gap: 0 !important; 8518 justify-content: flex-start !important; 8519 align-items: center !important; 8520 align-content: center !important; 8521 } 8522 8523 .card-wrapper-box .bt-qatc-form-variant-input { 8524 min-width: 0 !important; 8525 width: auto !important; 8526 height: 30px !important; 8527 margin: 0 !important; 8528 padding: 0 !important; 8529 } 8530 8531 .card-wrapper-box .bt-qatc-form-variant-input label { 8532 min-width: 0 !important; 8533 width: auto !important; 8534 height: 30px !important; 8535 margin: 0 !important; 8536 padding: 0 4px !important; 8537 font-size: 12px !important; 8538 line-height: 1 !important; 8539 display: flex !important; 8540 align-items: center !important; 8541 justify-content: center !important; 8542 } 8543 8544 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 8545 display: flex !important; 8546 flex-direction: column !important; 8547 justify-content: flex-end !important;
8548 align-items: stretch !important; 8549 bottom: 0 !important; 8550 top: auto !important; 8551 height: var(--sefam-quick-add-height, 36px) !important; 8552 min-height: 36px !important; 8553 } 8554 8555 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 8556 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 8557 height: 36px !important; 8558 min-height: 36px !important; 8559 margin-top: auto !important; 8560 } 8561} 8562</style> 8563 8564<style> 8565 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 8566 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 8567 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 8568 .card_colorways_container .new-mbl-color-single label span, 8569 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 8570 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 8571</style> 8572 8573 </li> 8574 8575 <li 8576 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_Vj3Gex-3" 8577 class="grid__item slider__slide" 8578 > 8579 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 8580� 8581 8582 8583 � 8584 8585 8586 8587 <div class="card-wrapper product-card-wrapper"> 8588 <div 8589 class=" 8590 card card--standard 8591 card--media 8592 8593 8594 8595 8596 8597 " 8598 style="--ratio-percent: 150.00000000000003%;" 8599 8600 > 8601 <div class="card-wrapper-box"> 8602 8603 <div 8604 class="card__inner color-scheme-2 gradient ratio" 8605 style="--ratio-percent: 150.00000000000003%;" 8606 8607 > 8608 �<a href="/products/c6759"> 8609 8610 �<div class="card-prdct2 card__media"> 8611 <div class="media media--transparent mt3"> 8612 8613 8614 <img 8615 src="//sefam.com/cdn/shop/files/C6759_25.jpg?v=1790071818&width=800" 8616 srcset="//sefam.com/cdn/shop/files/C6759_25.jpg?v=1790071818&width=1600 2x" 8617 class="" 8618 alt="KHADDAR | PRINTED" 8619 8620 loading="lazy" 8621 8622 width="2400" 8623 height="3600" 8624 > 8625 �<img 8626 src="//sefam.com/cdn/shop/files/C6759_20.jpg?v=1790071818&width=800" 8627 srcset="//sefam.com/cdn/shop/files/C6759_20.jpg?v=1790071818&width=1600 2x" 8628 alt="KHADDAR | PRINTED" 8629 loading="lazy" 8630 width="2400" 8631 height="3600" 8632 data-index="" 8633 > 8634 8635 � 8636 </div> 8637 8638 8639 </div> 8640 </a> 8641 </div> 8642 8643 8644 8645 8646 <div class="bt-qatc-container"> 8647 <div class="bt-qatc-form-container"> 8648 <div class="bt-qatc-form-content large-up-hide medium-hide"> 8649 <h3>KHADDAR | PRINTED</h3> 8650 8651<div 8652 class=" 8653 price " 8654 > 8655 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 8656 <span class="price-item price-item--regular"> 8657 <span class=money>Rs.5,490</span> 8658 </span></div> 8659 <div class="price__sale"> 8660 <span class="visually-hidden visually-hidden--inline">Regular price</span> 8661 <span> 8662 <s class="price-item price-item--regular"> 8663 8664 <span class=money>Rs.5,490</span> 8665 8666 </s> 8667 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
8668 <span class="price-item price-item--sale price-item--last"> 8669 8670 8671 8672 8673 <span class="percentage__sale hidden">0% OFF</span> 8674 8675 <span class=money>Rs.5,490</span> 8676 </span> 8677 </div> 8678 <small class="unit-price caption hidden"> 8679 <span class="visually-hidden">Unit price</span> 8680 <span class="price-item price-item--last"> 8681 <span></span> 8682 <span aria-hidden="true">/</span> 8683 <span class="visually-hidden"> per </span> 8684 <span> 8685 </span> 8686 </span> 8687 </small> 8688 </div></div> 8689 8690 8691 8692 </div> 8693 <div 8694 class="ethnc-form-media large-up-hide medium-hide" 8695 8696 ></div> 8697 <form method="post" action="/cart/add" class="bt-qatc-form"> 8698 <input type="hidden" name="quantity" value="1"> 8699 <div class="bt-qatc-form-variants-container"> 8700 <div class="bt-qatc-form-variants--list"> 8701 8702 <div 8703 class="in-use bt-qatc-form-variant-input" 8704 8705 data-only-child 8706 8707 > 8708 <input 8709 type="radio" 8710 name="id" 8711 id="-52228279599400" 8712 value="52228279599400" 8713 data-price="549000" 8714 data-item-id="10391997743400" 8715 hidden 8716 8717 data-item-id="10391997743400" 8718 8719 checked 8720 8721 > 8722 8723 <label 8724 for="-52228279599400" 8725 data-sefam-quick-size 8726 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 8727 > 8728 <span class="split-variant-value"> 8729 8730 UNSTITCHED 8731 8732</span> 8733 </label> 8734 </div> 8735 8736 </div> 8737 8738 8739 8740 8741 </div> 8742 </form> 8743 </div> 8744 </div> 8745 8746 8747 8748 8749 8750 8751 8752 8753 8754 8755 8756 8757 8758 8759 8760 8761 8762 8763 8764 8765 8766 8767 8768 8769 8770 8771 8772 8773 8774 8775 8776 8777 8778 8779 8780 8781 8782 8783 8784 8785 8786 8787 <div 8788 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 8789 > 8790 <div class="ethnc-qatc-btn cstm-add-btn visible"> 8791 <span class="small-hide hide-mobile">Add to Basket</span> 8792 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 8793 </span>
8794 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 8795 width="11" 8796 height="11" 8797 viewBox="0 0 11 11" 8798 fill="none" 8799> 8800 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 8801 fill="black" 8802 /> 8803</svg> 8804</span> 8805 </div> 8806 </div> 8807 8808 8809 </div> 8810 8811 <div class="card__content aiza2"> 8812 <div class="card__information"> 8813 <small class="product-brand"> 8814 Kayseria 8815 </small> 8816 <h3 8817 class="card__heading h5" 8818 8819 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391997743400" 8820 8821 > 8822 <a 8823 href="/products/c6759" 8824 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391997743400" 8825 class="full-unstyled-link" 8826 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391997743400 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391997743400" 8827 > 8828 KHADDAR | PRINTED 8829 8830 <div class="card_colorways_container" onclick="event.stopPropagation();"> 8831 8832 8833 � 8834 </div> 8835 </a> 8836 8837 </h3> 8838 8839 <h3 class="product-subtitle hidden">UNSTITCHED | SHIRT, TROUSER & DUPATTA</h3> 8840 8841 <div class="card-information"><span class="caption-large light"></span> 8842<div 8843 class=" 8844 price " 8845 > 8846 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 8847 <span class="price-item price-item--regular"> 8848 <span class=money>Rs.5,490</span> 8849 </span></div> 8850 <div class="price__sale"> 8851 <span class="visually-hidden visually-hidden--inline">Regular price</span> 8852 <span> 8853 <s class="price-item price-item--regular"> 8854 8855 <span class=money>Rs.5,490</span> 8856 8857 </s> 8858 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 8859 <span class="price-item price-item--sale price-item--last"> 8860 8861 8862 8863 8864 <span class="percentage__sale hidden">0% OFF</span> 8865 8866 <span class=money>Rs.5,490</span> 8867 </span> 8868 </div> 8869 <small class="unit-price caption hidden"> 8870 <span class="visually-hidden">Unit price</span> 8871 <span class="price-item price-item--last"> 8872 <span></span> 8873 <span aria-hidden="true">/</span> 8874 <span class="visually-hidden"> per </span> 8875 <span> 8876 </span> 8877 </span> 8878 </small> 8879 </div></div> 8880 8881 8882 8883 </div> 8884 </div> 8885 </div> 8886 8887 </div> 8888 </div><style> 8889/* ========================================================= 8890 DESKTOP PRODUCT CARD QUICK ADD 8891 LEFT = sizes 8892 RIGHT = original bag icon 8893 Mobile behavior remains unchanged 8894 ========================================================= */ 8895@media (min-width: 990px) { 8896 .hide-desktop { 8897 display: none !important; 8898 } 8899 8900 /* Keep both controls on the same bottom row */ 8901 .card-wrapper-box { 8902 position: relative; 8903 } 8904 8905 .card-wrapper-box .bt-qatc-container, 8906 .card-wrapper-box .ethnc-qatc-btn-container { 8907 position: absolute !important; 8908 bottom: 0 !important; 8909 z-index: 8 !important; 8910 } 8911 8912 /* LEFT: size area */ 8913 .card-wrapper-box .bt-qatc-container { 8914 left: 0 !important; 8915 right: 46px !important; 8916 width: auto !important; 8917 } 8918 8919 .card-wrapper-box .bt-qatc-form-container { 8920 left: 0 !important; 8921 right: 0 !important; 8922 bottom: -350% !important; 8923 width: 100% !important; 8924 min-height: 43px !important; 8925 opacity: 0 !important; 8926 visibility: hidden !important; 8927 pointer-events: none !important; 8928 transition: bottom .22s ease, opacity .18s ease !important; 8929 } 8930 8931 .card-wrapper-box .bt-qatc-form, 8932 .card-wrapper-box .bt-qatc-form-variants-container, 8933 .card-wrapper-box .bt-qatc-form-variants--list { 8934 width: 100% !important; 8935 } 8936 8937 .card-wrapper-box .bt-qatc-form-variants--list { 8938 display: flex !important;
8939 align-items: center !important; 8940 flex-wrap: wrap !important; 8941 gap: 0 !important; 8942 min-height: 43px !important; 8943 } 8944 8945 /* RIGHT: original bag button */ 8946 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 8947 display: flex !important; 8948 align-items: stretch !important; 8949 justify-content: center !important; 8950 left: auto !important; 8951 right: 0 !important; 8952 width: 46px !important; 8953 height: 43px !important; 8954 opacity: 0 !important; 8955 visibility: hidden !important; 8956 pointer-events: none !important; 8957 transition: opacity .18s ease !important; 8958 } 8959 8960 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 8961 display: flex !important; 8962 align-items: center !important; 8963 justify-content: center !important; 8964 width: 46px !important; 8965 height: 43px !important; 8966 min-width: 46px !important; 8967 padding: 0 !important; 8968 cursor: pointer !important; 8969 } 8970 8971 /* Hide Add to Basket text on desktop; keep only bag icon */ 8972 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 8973 display: none !important; 8974 } 8975 8976 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 8977 display: flex !important; 8978 align-items: center !important; 8979 justify-content: center !important; 8980 width: 100% !important; 8981 height: 100% !important; 8982 padding: 0 !important; 8983 } 8984 8985 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 8986 display: block !important; 8987 width: 16px !important; 8988 height: 17px !important; 8989 } 8990 8991 /* Show sizes + bag together on desktop hover */ 8992 .card-wrapper-box:hover .bt-qatc-form-container { 8993 bottom: 0 !important; 8994 opacity: 1 !important; 8995 visibility: visible !important; 8996 pointer-events: auto !important; 8997 } 8998 8999 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 9000 opacity: 1 !important; 9001 visibility: visible !important; 9002 pointer-events: auto !important; 9003 } 9004} 9005 9006@media (max-width: 989px) { 9007 .hide-mobile { 9008 display: none; 9009 } 9010} 9011</style> 9012 9013 9014<style> 9015/* ========================================================= 9016 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 9017 Keeps all sizes in one clean row on the left 9018 and the bag icon fixed on the right. 9019 ========================================================= */ 9020@media (min-width: 990px) { 9021 9022 .card-wrapper-box .bt-qatc-form-container { 9023 height: 43px !important; 9024 min-height: 43px !important; 9025 max-height: 43px !important; 9026 overflow: hidden !important; 9027 background: rgba(255,255,255,.96) !important; 9028 } 9029 9030 .card-wrapper-box .bt-qatc-form { 9031 display: block !important; 9032 height: 43px !important; 9033 min-height: 43px !important; 9034 margin: 0 !important; 9035 padding: 0 !important; 9036 } 9037 9038 .card-wrapper-box .bt-qatc-form-variants-container { 9039 display: block !important; 9040 width: 100% !important; 9041 height: 43px !important; 9042 min-height: 43px !important; 9043 margin: 0 !important; 9044 padding: 0 !important; 9045 } 9046 9047 .card-wrapper-box .bt-qatc-form-variants--list { 9048 display: flex !important; 9049 flex-direction: row !important; 9050 flex-wrap: wrap !important; 9051 align-items: center !important; 9052 justify-content: center !important; 9053 9054 width: 100% !important; 9055 height: 43px !important; 9056 min-height: 43px !important; 9057 9058 margin: 0 !important; 9059 padding: 0 6px !important; 9060 gap: 2px !important; 9061 9062 box-sizing: border-box !important; 9063 overflow: visible !important; 9064 white-space: normal !important; 9065 } 9066 9067 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 9068 display: none !important; 9069 } 9070 9071 .card-wrapper-box .bt-qatc-form-variant-input { 9072 position: relative !important; 9073 9074 display: flex !important; 9075 align-items: center !important; 9076 justify-content: center !important; 9077 9078 flex: 0 0 auto !important; 9079 width: auto !important; 9080 min-width: 32px !important; 9081 height: 43px !important; 9082 9083 margin: 0 !important; 9084 padding: 0 !important; 9085 9086 border: 0 !important; 9087 background: transparent !important; 9088 } 9089 9090 .card-wrapper-box .bt-qatc-form-variant-input label { 9091 position: static !important; 9092 9093 display: flex !important;
9094 align-items: center !important; 9095 justify-content: center !important; 9096 9097 width: auto !important; 9098 min-width: 32px !important; 9099 height: 32px !important; 9100 9101 margin: 0 !important; 9102 padding: 0 6px !important; 9103 9104 box-sizing: border-box !important; 9105 9106 background: transparent !important; 9107 border: 0 !important; 9108 9109 color: #111 !important; 9110 font-size: 12px !important; 9111 line-height: 1 !important; 9112 font-weight: 400 !important; 9113 9114 white-space: nowrap !important; 9115 cursor: pointer !important; 9116 } 9117 9118 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 9119 display: block !important; 9120 width: auto !important; 9121 max-width: none !important; 9122 9123 margin: 0 !important; 9124 padding: 0 !important; 9125 9126 overflow: visible !important; 9127 white-space: nowrap !important; 9128 text-overflow: clip !important; 9129 9130 font-size: inherit !important; 9131 line-height: inherit !important; 9132 } 9133 9134 /* Sold-out size */ 9135 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 9136 opacity: .35 !important; 9137 text-decoration: line-through !important; 9138 cursor: not-allowed !important; 9139 } 9140 9141 /* Optional hover feedback */ 9142 .card-wrapper-box 9143 .bt-qatc-form-variant-input:not(.is-disbaled) 9144 label:hover { 9145 text-decoration: underline !important; 9146 text-underline-offset: 3px !important; 9147 } 9148 9149 /* Prevent old theme transforms / absolute positions */ 9150 .card-wrapper-box .bt-qatc-form-variant-input *, 9151 .card-wrapper-box .bt-qatc-form-variants--list * { 9152 transform: none; 9153 } 9154} 9155</style> 9156 9157 9158<style> 9159/* Desktop quick-add: use one seamless background for sizes + bag */ 9160@media (min-width: 990px) { 9161 .card-wrapper-box .bt-qatc-form-container, 9162 .card-wrapper-box .bt-qatc-form, 9163 .card-wrapper-box .bt-qatc-form-variants-container, 9164 .card-wrapper-box .bt-qatc-form-variants--list, 9165 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 9166 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 9167 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 9168 background: rgba(255,255,255,.96) !important; 9169 } 9170 9171 /* Remove any visual split between sizes and bag */ 9172 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 9173 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 9174 border-left: 0 !important; 9175 box-shadow: none !important; 9176 } 9177} 9178</style> 9179 9180 9181<style> 9182/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 9183@media (min-width: 990px) { 9184 .card-wrapper-box .bt-qatc-form-container, 9185 .card-wrapper-box .bt-qatc-form, 9186 .card-wrapper-box .bt-qatc-form-variants-container { 9187 height: auto !important; 9188 max-height: none !important; 9189 overflow: visible !important; 9190 } 9191 9192 .card-wrapper-box .bt-qatc-form-variants--list { 9193 display: flex !important; 9194 flex-wrap: wrap !important; 9195 justify-content: center !important; 9196 align-items: center !important; 9197 height: auto !important; 9198 min-height: 43px !important; 9199 max-height: none !important; 9200 overflow: visible !important; 9201 white-space: normal !important; 9202 padding: 5px 6px !important; 9203 } 9204 9205 .card-wrapper-box .bt-qatc-form-variant-input { 9206 flex: 0 0 auto !important; 9207 } 9208} 9209</style> 9210
9211<script> 9212 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 9213 const wrap = label.closest('.bt-qatc-form-variant-input'); 9214 const form = label.closest('.bt-qatc-form'); 9215 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 9216 9217 if (!wrap || !form || !input) return; 9218 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 9219 if (label.dataset.loading === 'true') return; 9220 9221 input.checked = true; 9222 label.dataset.loading = 'true'; 9223 label.style.pointerEvents = 'none'; 9224 9225 try { 9226 const cartResp = await fetch('/cart.js', { 9227 method: 'GET', 9228 headers: { 'Accept': 'application/json' } 9229 }); 9230 9231 if (!cartResp.ok) throw new Error('Unable to read cart'); 9232 9233 const cart = await cartResp.json(); 9234 const variantId = Number(input.value); 9235 const selectedPrice = Number(input.dataset.price || 0) / 100; 9236 const totalCartPrice = Number(cart.total_price || 0) / 100; 9237 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 9238 9239 if ((totalCartPrice + selectedPrice) > 250000) { 9240 if (window.showAlert) { 9241 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 9242 } else { 9243 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 9244 } 9245 return; 9246 } 9247 9248 if (itemInCart && Number(itemInCart.quantity) >= 3) { 9249 if (window.showAlert) { 9250 window.showAlert('Limit reached: Max 3 items per size can be added'); 9251 } else { 9252 alert('Limit reached: Max 3 items per size can be added'); 9253 } 9254 return; 9255 } 9256 9257 9258 const cartSections = document.querySelector('cart-notification, cart-drawer'); 9259 const formData = new FormData(form); 9260 9261 formData.set('id', input.value); 9262 formData.set('quantity', '1'); 9263 9264 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 9265 formData.set( 9266 'sections', 9267 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 9268 ); 9269 } 9270 9271 formData.set('sections_url', window.location.pathname); 9272 9273 const addResp = await fetch('/cart/add.js', { 9274 method: 'POST', 9275 headers: { 'Accept': 'application/json' }, 9276 body: formData 9277 }); 9278 9279 const data = await addResp.json(); 9280 9281 if (!addResp.ok) { 9282 throw new Error(data.description || data.message || 'Unable to add this size'); 9283 } 9284 9285 if (cartSections && typeof cartSections.renderContents === 'function') { 9286 cartSections.renderContents(data); 9287 } else { 9288 const bubble = document.querySelector('#cart-icon-bubble'); 9289 if (bubble) bubble.click(); 9290 } 9291 9292 const card = label.closest('.card-wrapper-box'); 9293 if (card) { 9294 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 9295 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 9296 } 9297 } catch (error) { 9298 console.error('SEFAM hover size quick-add error:', error); 9299 if (window.showAlert) { 9300 window.showAlert(error.message || 'Unable to add this size to cart'); 9301 } else { 9302 alert(error.message || 'Unable to add this size to cart'); 9303 } 9304 } finally { 9305 label.dataset.loading = 'false'; 9306 label.style.pointerEvents = ''; 9307 } 9308 }; 9309</script>
9309 9310 9311<style> 9312/* Desktop quick-add final alignment: 9313 sizes start from left; bag area matches the complete quick-size background height. */ 9314@media (min-width: 990px) { 9315 .card-wrapper-box .bt-qatc-form-variants--list { 9316 justify-content: flex-start !important; 9317 align-content: center !important; 9318 text-align: left !important; 9319 } 9320 9321 .card-wrapper-box .bt-qatc-container { 9322 right: 46px !important; 9323 } 9324 9325 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 9326 top: auto !important; 9327 bottom: 0 !important; 9328 width: 46px !important; 9329 height: 100% !important; 9330 min-height: 43px !important; 9331 align-items: stretch !important; 9332 background: rgba(255,255,255,.96) !important; 9333 } 9334 9335 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 9336 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 9337 width: 46px !important; 9338 height: 100% !important; 9339 min-height: 43px !important; 9340 background: rgba(255,255,255,.96) !important; 9341 } 9342 9343 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 9344 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 9345 height: var(--sefam-quick-add-height, 43px) !important; 9346 } 9347} 9348</style>
9349<script> 9350(function () { 9351 function syncQuickAddHeight(card) { 9352 if (!card || window.innerWidth < 990) return; 9353 var panel = card.querySelector('.bt-qatc-form-container'); 9354 if (!panel) return; 9355 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 9356 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 9357 } 9358 9359 document.addEventListener('mouseover', function(e) { 9360 var card = e.target.closest('.card-wrapper-box'); 9361 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 9362 }, { passive: true }); 9363 9364 window.addEventListener('resize', function() { 9365 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 9366 }, { passive: true }); 9367})(); 9368</script>
9368 9369 9370 9371 9372<style> 9373/* ========================================================= 9374 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 9375 - reduce space between sizes 9376 - keep sizes left aligned 9377 - keep the bag icon on the BOTTOM row 9378 - bag background still matches the full size panel 9379 ========================================================= */ 9380@media (min-width: 990px) { 9381 9382 /* More usable width for sizes */ 9383 .card-wrapper-box .bt-qatc-container { 9384 right: 42px !important; 9385 } 9386 9387 /* Compact, left-aligned size list */ 9388 .card-wrapper-box .bt-qatc-form-variants--list { 9389 justify-content: flex-start !important; 9390 align-items: center !important; 9391 align-content: center !important; 9392 9393 column-gap: 0 !important; 9394 row-gap: 0 !important; 9395 9396 padding: 4px 4px !important; 9397 margin: 0 !important; 9398 } 9399 9400 .card-wrapper-box .bt-qatc-form-variant-input { 9401 min-width: 0 !important; 9402 width: auto !important; 9403 height: 35px !important; 9404 margin: 0 !important; 9405 padding: 0 !important; 9406 } 9407 9408 .card-wrapper-box .bt-qatc-form-variant-input label { 9409 min-width: 0 !important; 9410 width: auto !important; 9411 height: 35px !important; 9412 9413 margin: 0 !important; 9414 padding: 0 4px !important; 9415 9416 font-size: 12px !important; 9417 line-height: 1 !important; 9418 } 9419 9420 /* Bag column keeps the same full white background as the sizes */ 9421 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 9422 right: 0 !important; 9423 bottom: 0 !important; 9424 top: auto !important; 9425 9426 width: 42px !important; 9427 min-width: 42px !important; 9428 height: var(--sefam-quick-add-height, 43px) !important; 9429 min-height: 43px !important; 9430 9431 display: flex !important; 9432 flex-direction: column !important; 9433 justify-content: flex-end !important; 9434 align-items: stretch !important; 9435 9436 padding: 0 !important; 9437 margin: 0 !important; 9438 9439 background: rgba(255,255,255,.96) !important; 9440 } 9441 9442 /* The clickable bag itself always sits at the bottom */ 9443 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 9444 width: 42px !important; 9445 min-width: 42px !important; 9446 height: 43px !important; 9447 min-height: 43px !important; 9448 9449 margin-top: auto !important; 9450 padding: 0 !important; 9451 9452 display: flex !important; 9453 align-items: center !important; 9454 justify-content: center !important; 9455 9456 background: rgba(255,255,255,.96) !important; 9457 } 9458 9459 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 9460 width: 42px !important; 9461 height: 43px !important; 9462 min-height: 43px !important; 9463 9464 display: flex !important; 9465 align-items: center !important; 9466 justify-content: center !important; 9467 9468 padding: 0 !important; 9469 margin: 0 !important; 9470 9471 background: transparent !important; 9472 } 9473 9474 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 9475 width: 16px !important; 9476 height: 17px !important; 9477 } 9478} 9479</style> 9480 9481 9482<style> 9483/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 9484@media (min-width: 990px) { 9485 .card-wrapper-box .bt-qatc-form-variants--list { 9486 padding: 3px 4px !important; 9487 column-gap: 0 !important; 9488 row-gap: 0 !important; 9489 justify-content: flex-start !important; 9490 align-items: center !important; 9491 align-content: center !important; 9492 } 9493 9494 .card-wrapper-box .bt-qatc-form-variant-input { 9495 min-width: 0 !important; 9496 width: auto !important; 9497 height: 30px !important; 9498 margin: 0 !important; 9499 padding: 0 !important; 9500 } 9501 9502 .card-wrapper-box .bt-qatc-form-variant-input label { 9503 min-width: 0 !important; 9504 width: auto !important; 9505 height: 30px !important; 9506 margin: 0 !important; 9507 padding: 0 4px !important; 9508 font-size: 12px !important; 9509 line-height: 1 !important; 9510 display: flex !important; 9511 align-items: center !important; 9512 justify-content: center !important; 9513 } 9514 9515 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 9516 display: flex !important; 9517 flex-direction: column !important; 9518 justify-content: flex-end !important;
9519 align-items: stretch !important; 9520 bottom: 0 !important; 9521 top: auto !important; 9522 height: var(--sefam-quick-add-height, 36px) !important; 9523 min-height: 36px !important; 9524 } 9525 9526 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 9527 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 9528 height: 36px !important; 9529 min-height: 36px !important; 9530 margin-top: auto !important; 9531 } 9532} 9533</style> 9534 9535<style> 9536 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 9537 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 9538 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 9539 .card_colorways_container .new-mbl-color-single label span, 9540 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 9541 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 9542</style> 9543 9544 </li> 9545 9546 <li 9547 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_Vj3Gex-4" 9548 class="grid__item slider__slide" 9549 > 9550 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 9551� 9552 9553 9554 � 9555 9556 9557 9558 <div class="card-wrapper product-card-wrapper"> 9559 <div 9560 class=" 9561 card card--standard 9562 card--media 9563 9564 9565 9566 9567 9568 " 9569 style="--ratio-percent: 150.00000000000003%;" 9570 9571 > 9572 <div class="card-wrapper-box"> 9573 9574 <div 9575 class="card__inner color-scheme-2 gradient ratio" 9576 style="--ratio-percent: 150.00000000000003%;" 9577 9578 > 9579 �<a href="/products/c6643"> 9580 9581 �<div class="card-prdct2 card__media"> 9582 <div class="media media--transparent mt3"> 9583 9584 9585 <img 9586 src="//sefam.com/cdn/shop/files/C6643_1.jpg?v=1790074516&width=800" 9587 srcset="//sefam.com/cdn/shop/files/C6643_1.jpg?v=1790074516&width=1600 2x" 9588 class="" 9589 alt="KHADDAR | PRINTED" 9590 9591 loading="lazy" 9592 9593 width="2400" 9594 height="3600" 9595 > 9596 �<img 9597 src="//sefam.com/cdn/shop/files/C6643_6.jpg?v=1790074516&width=800" 9598 srcset="//sefam.com/cdn/shop/files/C6643_6.jpg?v=1790074516&width=1600 2x" 9599 alt="KHADDAR | PRINTED" 9600 loading="lazy" 9601 width="2400" 9602 height="3600" 9603 data-index="" 9604 > 9605 9606 � 9607 </div> 9608 9609 9610 </div> 9611 </a> 9612 </div> 9613 9614 9615 9616 9617 <div class="bt-qatc-container"> 9618 <div class="bt-qatc-form-container"> 9619 <div class="bt-qatc-form-content large-up-hide medium-hide"> 9620 <h3>KHADDAR | PRINTED</h3> 9621 9622<div 9623 class=" 9624 price " 9625 > 9626 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 9627 <span class="price-item price-item--regular"> 9628 <span class=money>Rs.5,490</span> 9629 </span></div> 9630 <div class="price__sale"> 9631 <span class="visually-hidden visually-hidden--inline">Regular price</span> 9632 <span> 9633 <s class="price-item price-item--regular"> 9634 9635 <span class=money>Rs.5,490</span> 9636 9637 </s> 9638 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
9639 <span class="price-item price-item--sale price-item--last"> 9640 9641 9642 9643 9644 <span class="percentage__sale hidden">0% OFF</span> 9645 9646 <span class=money>Rs.5,490</span> 9647 </span> 9648 </div> 9649 <small class="unit-price caption hidden"> 9650 <span class="visually-hidden">Unit price</span> 9651 <span class="price-item price-item--last"> 9652 <span></span> 9653 <span aria-hidden="true">/</span> 9654 <span class="visually-hidden"> per </span> 9655 <span> 9656 </span> 9657 </span> 9658 </small> 9659 </div></div> 9660 9661 9662 9663 </div> 9664 <div 9665 class="ethnc-form-media large-up-hide medium-hide" 9666 9667 ></div> 9668 <form method="post" action="/cart/add" class="bt-qatc-form"> 9669 <input type="hidden" name="quantity" value="1"> 9670 <div class="bt-qatc-form-variants-container"> 9671 <div class="bt-qatc-form-variants--list"> 9672 9673 <div 9674 class="in-use bt-qatc-form-variant-input" 9675 9676 data-only-child 9677 9678 > 9679 <input 9680 type="radio" 9681 name="id" 9682 id="-52228276650280" 9683 value="52228276650280" 9684 data-price="549000" 9685 data-item-id="10391994892584" 9686 hidden 9687 9688 data-item-id="10391994892584" 9689 9690 checked 9691 9692 > 9693 9694 <label 9695 for="-52228276650280" 9696 data-sefam-quick-size 9697 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 9698 > 9699 <span class="split-variant-value"> 9700 9701 UNSTITCHED 9702 9703</span> 9704 </label> 9705 </div> 9706 9707 </div> 9708 9709 9710 9711 9712 </div> 9713 </form> 9714 </div> 9715 </div> 9716 9717 9718 9719 9720 9721 9722 9723 9724 9725 9726 9727 9728 9729 9730 9731 9732 9733 9734 9735 9736 9737 9738 9739 9740 9741 9742 9743 9744 9745 9746 9747 9748 9749 9750 9751 9752 9753 9754 9755 9756 9757 9758 <div 9759 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 9760 > 9761 <div class="ethnc-qatc-btn cstm-add-btn visible"> 9762 <span class="small-hide hide-mobile">Add to Basket</span> 9763 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 9764 </span>
9765 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 9766 width="11" 9767 height="11" 9768 viewBox="0 0 11 11" 9769 fill="none" 9770> 9771 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 9772 fill="black" 9773 /> 9774</svg> 9775</span> 9776 </div> 9777 </div> 9778 9779 9780 </div> 9781 9782 <div class="card__content aiza2"> 9783 <div class="card__information"> 9784 <small class="product-brand"> 9785 Kayseria 9786 </small> 9787 <h3 9788 class="card__heading h5" 9789 9790 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391994892584" 9791 9792 > 9793 <a 9794 href="/products/c6643" 9795 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391994892584" 9796 class="full-unstyled-link" 9797 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391994892584 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391994892584" 9798 > 9799 KHADDAR | PRINTED 9800 9801 <div class="card_colorways_container" onclick="event.stopPropagation();"> 9802 9803 9804 � 9805 </div> 9806 </a> 9807 9808 </h3> 9809 9810 <h3 class="product-subtitle hidden">UNSTITCHED | SHIRT, TROUSER & DUPATTA</h3> 9811 9812 <div class="card-information"><span class="caption-large light"></span> 9813<div 9814 class=" 9815 price " 9816 > 9817 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 9818 <span class="price-item price-item--regular"> 9819 <span class=money>Rs.5,490</span> 9820 </span></div> 9821 <div class="price__sale"> 9822 <span class="visually-hidden visually-hidden--inline">Regular price</span> 9823 <span> 9824 <s class="price-item price-item--regular"> 9825 9826 <span class=money>Rs.5,490</span> 9827 9828 </s> 9829 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 9830 <span class="price-item price-item--sale price-item--last"> 9831 9832 9833 9834 9835 <span class="percentage__sale hidden">0% OFF</span> 9836 9837 <span class=money>Rs.5,490</span> 9838 </span> 9839 </div> 9840 <small class="unit-price caption hidden"> 9841 <span class="visually-hidden">Unit price</span> 9842 <span class="price-item price-item--last"> 9843 <span></span> 9844 <span aria-hidden="true">/</span> 9845 <span class="visually-hidden"> per </span> 9846 <span> 9847 </span> 9848 </span> 9849 </small> 9850 </div></div> 9851 9852 9853 9854 </div> 9855 </div> 9856 </div> 9857 9858 </div> 9859 </div><style> 9860/* ========================================================= 9861 DESKTOP PRODUCT CARD QUICK ADD 9862 LEFT = sizes 9863 RIGHT = original bag icon 9864 Mobile behavior remains unchanged 9865 ========================================================= */ 9866@media (min-width: 990px) { 9867 .hide-desktop { 9868 display: none !important; 9869 } 9870 9871 /* Keep both controls on the same bottom row */ 9872 .card-wrapper-box { 9873 position: relative; 9874 } 9875 9876 .card-wrapper-box .bt-qatc-container, 9877 .card-wrapper-box .ethnc-qatc-btn-container { 9878 position: absolute !important; 9879 bottom: 0 !important; 9880 z-index: 8 !important; 9881 } 9882 9883 /* LEFT: size area */ 9884 .card-wrapper-box .bt-qatc-container { 9885 left: 0 !important; 9886 right: 46px !important; 9887 width: auto !important; 9888 } 9889 9890 .card-wrapper-box .bt-qatc-form-container { 9891 left: 0 !important; 9892 right: 0 !important; 9893 bottom: -350% !important; 9894 width: 100% !important; 9895 min-height: 43px !important; 9896 opacity: 0 !important; 9897 visibility: hidden !important; 9898 pointer-events: none !important; 9899 transition: bottom .22s ease, opacity .18s ease !important; 9900 } 9901 9902 .card-wrapper-box .bt-qatc-form, 9903 .card-wrapper-box .bt-qatc-form-variants-container, 9904 .card-wrapper-box .bt-qatc-form-variants--list { 9905 width: 100% !important; 9906 } 9907 9908 .card-wrapper-box .bt-qatc-form-variants--list { 9909 display: flex !important;
9910 align-items: center !important; 9911 flex-wrap: wrap !important; 9912 gap: 0 !important; 9913 min-height: 43px !important; 9914 } 9915 9916 /* RIGHT: original bag button */ 9917 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 9918 display: flex !important; 9919 align-items: stretch !important; 9920 justify-content: center !important; 9921 left: auto !important; 9922 right: 0 !important; 9923 width: 46px !important; 9924 height: 43px !important; 9925 opacity: 0 !important; 9926 visibility: hidden !important; 9927 pointer-events: none !important; 9928 transition: opacity .18s ease !important; 9929 } 9930 9931 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 9932 display: flex !important; 9933 align-items: center !important; 9934 justify-content: center !important; 9935 width: 46px !important; 9936 height: 43px !important; 9937 min-width: 46px !important; 9938 padding: 0 !important; 9939 cursor: pointer !important; 9940 } 9941 9942 /* Hide Add to Basket text on desktop; keep only bag icon */ 9943 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 9944 display: none !important; 9945 } 9946 9947 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 9948 display: flex !important; 9949 align-items: center !important; 9950 justify-content: center !important; 9951 width: 100% !important; 9952 height: 100% !important; 9953 padding: 0 !important; 9954 } 9955 9956 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 9957 display: block !important; 9958 width: 16px !important; 9959 height: 17px !important; 9960 } 9961 9962 /* Show sizes + bag together on desktop hover */ 9963 .card-wrapper-box:hover .bt-qatc-form-container { 9964 bottom: 0 !important; 9965 opacity: 1 !important; 9966 visibility: visible !important; 9967 pointer-events: auto !important; 9968 } 9969 9970 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 9971 opacity: 1 !important; 9972 visibility: visible !important; 9973 pointer-events: auto !important; 9974 } 9975} 9976 9977@media (max-width: 989px) { 9978 .hide-mobile { 9979 display: none; 9980 } 9981} 9982</style> 9983 9984 9985<style> 9986/* ========================================================= 9987 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 9988 Keeps all sizes in one clean row on the left 9989 and the bag icon fixed on the right. 9990 ========================================================= */ 9991@media (min-width: 990px) { 9992 9993 .card-wrapper-box .bt-qatc-form-container { 9994 height: 43px !important; 9995 min-height: 43px !important; 9996 max-height: 43px !important; 9997 overflow: hidden !important; 9998 background: rgba(255,255,255,.96) !important; 9999 } 10000 10001 .card-wrapper-box .bt-qatc-form { 10002 display: block !important; 10003 height: 43px !important; 10004 min-height: 43px !important; 10005 margin: 0 !important; 10006 padding: 0 !important; 10007 } 10008 10009 .card-wrapper-box .bt-qatc-form-variants-container { 10010 display: block !important; 10011 width: 100% !important; 10012 height: 43px !important; 10013 min-height: 43px !important; 10014 margin: 0 !important; 10015 padding: 0 !important; 10016 } 10017 10018 .card-wrapper-box .bt-qatc-form-variants--list { 10019 display: flex !important; 10020 flex-direction: row !important; 10021 flex-wrap: wrap !important; 10022 align-items: center !important; 10023 justify-content: center !important; 10024 10025 width: 100% !important; 10026 height: 43px !important; 10027 min-height: 43px !important; 10028 10029 margin: 0 !important; 10030 padding: 0 6px !important; 10031 gap: 2px !important; 10032 10033 box-sizing: border-box !important; 10034 overflow: visible !important; 10035 white-space: normal !important; 10036 } 10037 10038 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 10039 display: none !important; 10040 } 10041 10042 .card-wrapper-box .bt-qatc-form-variant-input { 10043 position: relative !important; 10044 10045 display: flex !important; 10046 align-items: center !important; 10047 justify-content: center !important; 10048 10049 flex: 0 0 auto !important; 10050 width: auto !important; 10051 min-width: 32px !important; 10052 height: 43px !important; 10053 10054 margin: 0 !important; 10055 padding: 0 !important; 10056 10057 border: 0 !important; 10058 background: transparent !important; 10059 } 10060 10061 .card-wrapper-box .bt-qatc-form-variant-input label { 10062 position: static !important; 10063 10064 display: flex !important;
10065 align-items: center !important; 10066 justify-content: center !important; 10067 10068 width: auto !important; 10069 min-width: 32px !important; 10070 height: 32px !important; 10071 10072 margin: 0 !important; 10073 padding: 0 6px !important; 10074 10075 box-sizing: border-box !important; 10076 10077 background: transparent !important; 10078 border: 0 !important; 10079 10080 color: #111 !important; 10081 font-size: 12px !important; 10082 line-height: 1 !important; 10083 font-weight: 400 !important; 10084 10085 white-space: nowrap !important; 10086 cursor: pointer !important; 10087 } 10088 10089 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 10090 display: block !important; 10091 width: auto !important; 10092 max-width: none !important; 10093 10094 margin: 0 !important; 10095 padding: 0 !important; 10096 10097 overflow: visible !important; 10098 white-space: nowrap !important; 10099 text-overflow: clip !important; 10100 10101 font-size: inherit !important; 10102 line-height: inherit !important; 10103 } 10104 10105 /* Sold-out size */ 10106 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 10107 opacity: .35 !important; 10108 text-decoration: line-through !important; 10109 cursor: not-allowed !important; 10110 } 10111 10112 /* Optional hover feedback */ 10113 .card-wrapper-box 10114 .bt-qatc-form-variant-input:not(.is-disbaled) 10115 label:hover { 10116 text-decoration: underline !important; 10117 text-underline-offset: 3px !important; 10118 } 10119 10120 /* Prevent old theme transforms / absolute positions */ 10121 .card-wrapper-box .bt-qatc-form-variant-input *, 10122 .card-wrapper-box .bt-qatc-form-variants--list * { 10123 transform: none; 10124 } 10125} 10126</style> 10127 10128 10129<style> 10130/* Desktop quick-add: use one seamless background for sizes + bag */ 10131@media (min-width: 990px) { 10132 .card-wrapper-box .bt-qatc-form-container, 10133 .card-wrapper-box .bt-qatc-form, 10134 .card-wrapper-box .bt-qatc-form-variants-container, 10135 .card-wrapper-box .bt-qatc-form-variants--list, 10136 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 10137 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 10138 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 10139 background: rgba(255,255,255,.96) !important; 10140 } 10141 10142 /* Remove any visual split between sizes and bag */ 10143 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 10144 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 10145 border-left: 0 !important; 10146 box-shadow: none !important; 10147 } 10148} 10149</style> 10150 10151 10152<style> 10153/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 10154@media (min-width: 990px) { 10155 .card-wrapper-box .bt-qatc-form-container, 10156 .card-wrapper-box .bt-qatc-form, 10157 .card-wrapper-box .bt-qatc-form-variants-container { 10158 height: auto !important; 10159 max-height: none !important; 10160 overflow: visible !important; 10161 } 10162 10163 .card-wrapper-box .bt-qatc-form-variants--list { 10164 display: flex !important; 10165 flex-wrap: wrap !important; 10166 justify-content: center !important; 10167 align-items: center !important; 10168 height: auto !important; 10169 min-height: 43px !important; 10170 max-height: none !important; 10171 overflow: visible !important; 10172 white-space: normal !important; 10173 padding: 5px 6px !important; 10174 } 10175 10176 .card-wrapper-box .bt-qatc-form-variant-input { 10177 flex: 0 0 auto !important; 10178 } 10179} 10180</style> 10181
10182<script> 10183 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 10184 const wrap = label.closest('.bt-qatc-form-variant-input'); 10185 const form = label.closest('.bt-qatc-form'); 10186 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 10187 10188 if (!wrap || !form || !input) return; 10189 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 10190 if (label.dataset.loading === 'true') return; 10191 10192 input.checked = true; 10193 label.dataset.loading = 'true'; 10194 label.style.pointerEvents = 'none'; 10195 10196 try { 10197 const cartResp = await fetch('/cart.js', { 10198 method: 'GET', 10199 headers: { 'Accept': 'application/json' } 10200 }); 10201 10202 if (!cartResp.ok) throw new Error('Unable to read cart'); 10203 10204 const cart = await cartResp.json(); 10205 const variantId = Number(input.value); 10206 const selectedPrice = Number(input.dataset.price || 0) / 100; 10207 const totalCartPrice = Number(cart.total_price || 0) / 100; 10208 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 10209 10210 if ((totalCartPrice + selectedPrice) > 250000) { 10211 if (window.showAlert) { 10212 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 10213 } else { 10214 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 10215 } 10216 return; 10217 } 10218 10219 if (itemInCart && Number(itemInCart.quantity) >= 3) { 10220 if (window.showAlert) { 10221 window.showAlert('Limit reached: Max 3 items per size can be added'); 10222 } else { 10223 alert('Limit reached: Max 3 items per size can be added'); 10224 } 10225 return; 10226 } 10227 10228 10229 const cartSections = document.querySelector('cart-notification, cart-drawer'); 10230 const formData = new FormData(form); 10231 10232 formData.set('id', input.value); 10233 formData.set('quantity', '1'); 10234 10235 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 10236 formData.set( 10237 'sections', 10238 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 10239 ); 10240 } 10241 10242 formData.set('sections_url', window.location.pathname); 10243 10244 const addResp = await fetch('/cart/add.js', { 10245 method: 'POST', 10246 headers: { 'Accept': 'application/json' }, 10247 body: formData 10248 }); 10249 10250 const data = await addResp.json(); 10251 10252 if (!addResp.ok) { 10253 throw new Error(data.description || data.message || 'Unable to add this size'); 10254 } 10255 10256 if (cartSections && typeof cartSections.renderContents === 'function') { 10257 cartSections.renderContents(data); 10258 } else { 10259 const bubble = document.querySelector('#cart-icon-bubble'); 10260 if (bubble) bubble.click(); 10261 } 10262 10263 const card = label.closest('.card-wrapper-box'); 10264 if (card) { 10265 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 10266 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 10267 } 10268 } catch (error) { 10269 console.error('SEFAM hover size quick-add error:', error); 10270 if (window.showAlert) { 10271 window.showAlert(error.message || 'Unable to add this size to cart'); 10272 } else { 10273 alert(error.message || 'Unable to add this size to cart'); 10274 } 10275 } finally { 10276 label.dataset.loading = 'false'; 10277 label.style.pointerEvents = ''; 10278 } 10279 }; 10280</script>
10280 10281 10282<style> 10283/* Desktop quick-add final alignment: 10284 sizes start from left; bag area matches the complete quick-size background height. */ 10285@media (min-width: 990px) { 10286 .card-wrapper-box .bt-qatc-form-variants--list { 10287 justify-content: flex-start !important; 10288 align-content: center !important; 10289 text-align: left !important; 10290 } 10291 10292 .card-wrapper-box .bt-qatc-container { 10293 right: 46px !important; 10294 } 10295 10296 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 10297 top: auto !important; 10298 bottom: 0 !important; 10299 width: 46px !important; 10300 height: 100% !important; 10301 min-height: 43px !important; 10302 align-items: stretch !important; 10303 background: rgba(255,255,255,.96) !important; 10304 } 10305 10306 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 10307 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 10308 width: 46px !important; 10309 height: 100% !important; 10310 min-height: 43px !important; 10311 background: rgba(255,255,255,.96) !important; 10312 } 10313 10314 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 10315 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 10316 height: var(--sefam-quick-add-height, 43px) !important; 10317 } 10318} 10319</style>
10320<script> 10321(function () { 10322 function syncQuickAddHeight(card) { 10323 if (!card || window.innerWidth < 990) return; 10324 var panel = card.querySelector('.bt-qatc-form-container'); 10325 if (!panel) return; 10326 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 10327 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 10328 } 10329 10330 document.addEventListener('mouseover', function(e) { 10331 var card = e.target.closest('.card-wrapper-box'); 10332 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 10333 }, { passive: true }); 10334 10335 window.addEventListener('resize', function() { 10336 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 10337 }, { passive: true }); 10338})(); 10339</script>
10339 10340 10341 10342 10343<style> 10344/* ========================================================= 10345 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 10346 - reduce space between sizes 10347 - keep sizes left aligned 10348 - keep the bag icon on the BOTTOM row 10349 - bag background still matches the full size panel 10350 ========================================================= */ 10351@media (min-width: 990px) { 10352 10353 /* More usable width for sizes */ 10354 .card-wrapper-box .bt-qatc-container { 10355 right: 42px !important; 10356 } 10357 10358 /* Compact, left-aligned size list */ 10359 .card-wrapper-box .bt-qatc-form-variants--list { 10360 justify-content: flex-start !important; 10361 align-items: center !important; 10362 align-content: center !important; 10363 10364 column-gap: 0 !important; 10365 row-gap: 0 !important; 10366 10367 padding: 4px 4px !important; 10368 margin: 0 !important; 10369 } 10370 10371 .card-wrapper-box .bt-qatc-form-variant-input { 10372 min-width: 0 !important; 10373 width: auto !important; 10374 height: 35px !important; 10375 margin: 0 !important; 10376 padding: 0 !important; 10377 } 10378 10379 .card-wrapper-box .bt-qatc-form-variant-input label { 10380 min-width: 0 !important; 10381 width: auto !important; 10382 height: 35px !important; 10383 10384 margin: 0 !important; 10385 padding: 0 4px !important; 10386 10387 font-size: 12px !important; 10388 line-height: 1 !important; 10389 } 10390 10391 /* Bag column keeps the same full white background as the sizes */ 10392 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 10393 right: 0 !important; 10394 bottom: 0 !important; 10395 top: auto !important; 10396 10397 width: 42px !important; 10398 min-width: 42px !important; 10399 height: var(--sefam-quick-add-height, 43px) !important; 10400 min-height: 43px !important; 10401 10402 display: flex !important; 10403 flex-direction: column !important; 10404 justify-content: flex-end !important; 10405 align-items: stretch !important; 10406 10407 padding: 0 !important; 10408 margin: 0 !important; 10409 10410 background: rgba(255,255,255,.96) !important; 10411 } 10412 10413 /* The clickable bag itself always sits at the bottom */ 10414 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 10415 width: 42px !important; 10416 min-width: 42px !important; 10417 height: 43px !important; 10418 min-height: 43px !important; 10419 10420 margin-top: auto !important; 10421 padding: 0 !important; 10422 10423 display: flex !important; 10424 align-items: center !important; 10425 justify-content: center !important; 10426 10427 background: rgba(255,255,255,.96) !important; 10428 } 10429 10430 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 10431 width: 42px !important; 10432 height: 43px !important; 10433 min-height: 43px !important; 10434 10435 display: flex !important; 10436 align-items: center !important; 10437 justify-content: center !important; 10438 10439 padding: 0 !important; 10440 margin: 0 !important; 10441 10442 background: transparent !important; 10443 } 10444 10445 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 10446 width: 16px !important; 10447 height: 17px !important; 10448 } 10449} 10450</style> 10451 10452 10453<style> 10454/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 10455@media (min-width: 990px) { 10456 .card-wrapper-box .bt-qatc-form-variants--list { 10457 padding: 3px 4px !important; 10458 column-gap: 0 !important; 10459 row-gap: 0 !important; 10460 justify-content: flex-start !important; 10461 align-items: center !important; 10462 align-content: center !important; 10463 } 10464 10465 .card-wrapper-box .bt-qatc-form-variant-input { 10466 min-width: 0 !important; 10467 width: auto !important; 10468 height: 30px !important; 10469 margin: 0 !important; 10470 padding: 0 !important; 10471 } 10472 10473 .card-wrapper-box .bt-qatc-form-variant-input label { 10474 min-width: 0 !important; 10475 width: auto !important; 10476 height: 30px !important; 10477 margin: 0 !important; 10478 padding: 0 4px !important; 10479 font-size: 12px !important; 10480 line-height: 1 !important; 10481 display: flex !important; 10482 align-items: center !important; 10483 justify-content: center !important; 10484 } 10485 10486 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 10487 display: flex !important; 10488 flex-direction: column !important; 10489 justify-content: flex-end !important;
10490 align-items: stretch !important; 10491 bottom: 0 !important; 10492 top: auto !important; 10493 height: var(--sefam-quick-add-height, 36px) !important; 10494 min-height: 36px !important; 10495 } 10496 10497 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 10498 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 10499 height: 36px !important; 10500 min-height: 36px !important; 10501 margin-top: auto !important; 10502 } 10503} 10504</style> 10505 10506<style> 10507 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 10508 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 10509 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 10510 .card_colorways_container .new-mbl-color-single label span, 10511 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 10512 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 10513</style> 10514 10515 </li> 10516 10517 <li 10518 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_Vj3Gex-5" 10519 class="grid__item slider__slide" 10520 > 10521 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 10522� 10523 10524 10525 � 10526 10527 10528 10529 <div class="card-wrapper product-card-wrapper"> 10530 <div 10531 class=" 10532 card card--standard 10533 card--media 10534 10535 10536 10537 10538 10539 " 10540 style="--ratio-percent: 150.00000000000003%;" 10541 10542 > 10543 <div class="card-wrapper-box"> 10544 10545 <div 10546 class="card__inner color-scheme-2 gradient ratio" 10547 style="--ratio-percent: 150.00000000000003%;" 10548 10549 > 10550 �<a href="/products/c6757"> 10551 10552 �<div class="card-prdct2 card__media"> 10553 <div class="media media--transparent mt3"> 10554 10555 10556 <img 10557 src="//sefam.com/cdn/shop/files/C6757_9.jpg?v=1790071969&width=800" 10558 srcset="//sefam.com/cdn/shop/files/C6757_9.jpg?v=1790071969&width=1600 2x" 10559 class="" 10560 alt="KHADDAR | PRINTED" 10561 10562 loading="lazy" 10563 10564 width="2400" 10565 height="3600" 10566 > 10567 �<img 10568 src="//sefam.com/cdn/shop/files/C6757_4.jpg?v=1790071969&width=800" 10569 srcset="//sefam.com/cdn/shop/files/C6757_4.jpg?v=1790071969&width=1600 2x" 10570 alt="KHADDAR | PRINTED" 10571 loading="lazy" 10572 width="2400" 10573 height="3600" 10574 data-index="" 10575 > 10576 10577 � 10578 </div> 10579 10580 10581 </div> 10582 </a> 10583 </div> 10584 10585 10586 10587 10588 <div class="bt-qatc-container"> 10589 <div class="bt-qatc-form-container"> 10590 <div class="bt-qatc-form-content large-up-hide medium-hide"> 10591 <h3>KHADDAR | PRINTED</h3> 10592 10593<div 10594 class=" 10595 price " 10596 > 10597 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 10598 <span class="price-item price-item--regular"> 10599 <span class=money>Rs.5,490</span> 10600 </span></div> 10601 <div class="price__sale"> 10602 <span class="visually-hidden visually-hidden--inline">Regular price</span> 10603 <span> 10604 <s class="price-item price-item--regular"> 10605 10606 <span class=money>Rs.5,490</span> 10607 10608 </s> 10609 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
10610 <span class="price-item price-item--sale price-item--last"> 10611 10612 10613 10614 10615 <span class="percentage__sale hidden">0% OFF</span> 10616 10617 <span class=money>Rs.5,490</span> 10618 </span> 10619 </div> 10620 <small class="unit-price caption hidden"> 10621 <span class="visually-hidden">Unit price</span> 10622 <span class="price-item price-item--last"> 10623 <span></span> 10624 <span aria-hidden="true">/</span> 10625 <span class="visually-hidden"> per </span> 10626 <span> 10627 </span> 10628 </span> 10629 </small> 10630 </div></div> 10631 10632 10633 10634 </div> 10635 <div 10636 class="ethnc-form-media large-up-hide medium-hide" 10637 10638 ></div> 10639 <form method="post" action="/cart/add" class="bt-qatc-form"> 10640 <input type="hidden" name="quantity" value="1"> 10641 <div class="bt-qatc-form-variants-container"> 10642 <div class="bt-qatc-form-variants--list"> 10643 10644 <div 10645 class="in-use bt-qatc-form-variant-input" 10646 10647 data-only-child 10648 10649 > 10650 <input 10651 type="radio" 10652 name="id" 10653 id="-52228279533864" 10654 value="52228279533864" 10655 data-price="549000" 10656 data-item-id="10391997677864" 10657 hidden 10658 10659 data-item-id="10391997677864" 10660 10661 checked 10662 10663 > 10664 10665 <label 10666 for="-52228279533864" 10667 data-sefam-quick-size 10668 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 10669 > 10670 <span class="split-variant-value"> 10671 10672 UNSTITCHED 10673 10674</span> 10675 </label> 10676 </div> 10677 10678 </div> 10679 10680 10681 10682 10683 </div> 10684 </form> 10685 </div> 10686 </div> 10687 10688 10689 10690 10691 10692 10693 10694 10695 10696 10697 10698 10699 10700 10701 10702 10703 10704 10705 10706 10707 10708 10709 10710 10711 10712 10713 10714 10715 10716 10717 10718 10719 10720 10721 10722 10723 10724 10725 10726 10727 10728 10729 <div 10730 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 10731 > 10732 <div class="ethnc-qatc-btn cstm-add-btn visible"> 10733 <span class="small-hide hide-mobile">Add to Basket</span> 10734 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 10735 </span>
10736 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 10737 width="11" 10738 height="11" 10739 viewBox="0 0 11 11" 10740 fill="none" 10741> 10742 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 10743 fill="black" 10744 /> 10745</svg> 10746</span> 10747 </div> 10748 </div> 10749 10750 10751 </div> 10752 10753 <div class="card__content aiza2"> 10754 <div class="card__information"> 10755 <small class="product-brand"> 10756 Kayseria 10757 </small> 10758 <h3 10759 class="card__heading h5" 10760 10761 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391997677864" 10762 10763 > 10764 <a 10765 href="/products/c6757" 10766 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391997677864" 10767 class="full-unstyled-link" 10768 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391997677864 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391997677864" 10769 > 10770 KHADDAR | PRINTED 10771 10772 <div class="card_colorways_container" onclick="event.stopPropagation();"> 10773 10774 10775 � 10776 </div> 10777 </a> 10778 10779 </h3> 10780 10781 <h3 class="product-subtitle hidden">UNSTITCHED | SHIRT, TROUSER & DUPATTA</h3> 10782 10783 <div class="card-information"><span class="caption-large light"></span> 10784<div 10785 class=" 10786 price " 10787 > 10788 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 10789 <span class="price-item price-item--regular"> 10790 <span class=money>Rs.5,490</span> 10791 </span></div> 10792 <div class="price__sale"> 10793 <span class="visually-hidden visually-hidden--inline">Regular price</span> 10794 <span> 10795 <s class="price-item price-item--regular"> 10796 10797 <span class=money>Rs.5,490</span> 10798 10799 </s> 10800 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 10801 <span class="price-item price-item--sale price-item--last"> 10802 10803 10804 10805 10806 <span class="percentage__sale hidden">0% OFF</span> 10807 10808 <span class=money>Rs.5,490</span> 10809 </span> 10810 </div> 10811 <small class="unit-price caption hidden"> 10812 <span class="visually-hidden">Unit price</span> 10813 <span class="price-item price-item--last"> 10814 <span></span> 10815 <span aria-hidden="true">/</span> 10816 <span class="visually-hidden"> per </span> 10817 <span> 10818 </span> 10819 </span> 10820 </small> 10821 </div></div> 10822 10823 10824 10825 </div> 10826 </div> 10827 </div> 10828 10829 </div> 10830 </div><style> 10831/* ========================================================= 10832 DESKTOP PRODUCT CARD QUICK ADD 10833 LEFT = sizes 10834 RIGHT = original bag icon 10835 Mobile behavior remains unchanged 10836 ========================================================= */ 10837@media (min-width: 990px) { 10838 .hide-desktop { 10839 display: none !important; 10840 } 10841 10842 /* Keep both controls on the same bottom row */ 10843 .card-wrapper-box { 10844 position: relative; 10845 } 10846 10847 .card-wrapper-box .bt-qatc-container, 10848 .card-wrapper-box .ethnc-qatc-btn-container { 10849 position: absolute !important; 10850 bottom: 0 !important; 10851 z-index: 8 !important; 10852 } 10853 10854 /* LEFT: size area */ 10855 .card-wrapper-box .bt-qatc-container { 10856 left: 0 !important; 10857 right: 46px !important; 10858 width: auto !important; 10859 } 10860 10861 .card-wrapper-box .bt-qatc-form-container { 10862 left: 0 !important; 10863 right: 0 !important; 10864 bottom: -350% !important; 10865 width: 100% !important; 10866 min-height: 43px !important; 10867 opacity: 0 !important; 10868 visibility: hidden !important; 10869 pointer-events: none !important; 10870 transition: bottom .22s ease, opacity .18s ease !important; 10871 } 10872 10873 .card-wrapper-box .bt-qatc-form, 10874 .card-wrapper-box .bt-qatc-form-variants-container, 10875 .card-wrapper-box .bt-qatc-form-variants--list { 10876 width: 100% !important; 10877 } 10878 10879 .card-wrapper-box .bt-qatc-form-variants--list { 10880 display: flex !important;
10881 align-items: center !important; 10882 flex-wrap: wrap !important; 10883 gap: 0 !important; 10884 min-height: 43px !important; 10885 } 10886 10887 /* RIGHT: original bag button */ 10888 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 10889 display: flex !important; 10890 align-items: stretch !important; 10891 justify-content: center !important; 10892 left: auto !important; 10893 right: 0 !important; 10894 width: 46px !important; 10895 height: 43px !important; 10896 opacity: 0 !important; 10897 visibility: hidden !important; 10898 pointer-events: none !important; 10899 transition: opacity .18s ease !important; 10900 } 10901 10902 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 10903 display: flex !important; 10904 align-items: center !important; 10905 justify-content: center !important; 10906 width: 46px !important; 10907 height: 43px !important; 10908 min-width: 46px !important; 10909 padding: 0 !important; 10910 cursor: pointer !important; 10911 } 10912 10913 /* Hide Add to Basket text on desktop; keep only bag icon */ 10914 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 10915 display: none !important; 10916 } 10917 10918 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 10919 display: flex !important; 10920 align-items: center !important; 10921 justify-content: center !important; 10922 width: 100% !important; 10923 height: 100% !important; 10924 padding: 0 !important; 10925 } 10926 10927 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 10928 display: block !important; 10929 width: 16px !important; 10930 height: 17px !important; 10931 } 10932 10933 /* Show sizes + bag together on desktop hover */ 10934 .card-wrapper-box:hover .bt-qatc-form-container { 10935 bottom: 0 !important; 10936 opacity: 1 !important; 10937 visibility: visible !important; 10938 pointer-events: auto !important; 10939 } 10940 10941 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 10942 opacity: 1 !important; 10943 visibility: visible !important; 10944 pointer-events: auto !important; 10945 } 10946} 10947 10948@media (max-width: 989px) { 10949 .hide-mobile { 10950 display: none; 10951 } 10952} 10953</style> 10954 10955 10956<style> 10957/* ========================================================= 10958 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 10959 Keeps all sizes in one clean row on the left 10960 and the bag icon fixed on the right. 10961 ========================================================= */ 10962@media (min-width: 990px) { 10963 10964 .card-wrapper-box .bt-qatc-form-container { 10965 height: 43px !important; 10966 min-height: 43px !important; 10967 max-height: 43px !important; 10968 overflow: hidden !important; 10969 background: rgba(255,255,255,.96) !important; 10970 } 10971 10972 .card-wrapper-box .bt-qatc-form { 10973 display: block !important; 10974 height: 43px !important; 10975 min-height: 43px !important; 10976 margin: 0 !important; 10977 padding: 0 !important; 10978 } 10979 10980 .card-wrapper-box .bt-qatc-form-variants-container { 10981 display: block !important; 10982 width: 100% !important; 10983 height: 43px !important; 10984 min-height: 43px !important; 10985 margin: 0 !important; 10986 padding: 0 !important; 10987 } 10988 10989 .card-wrapper-box .bt-qatc-form-variants--list { 10990 display: flex !important; 10991 flex-direction: row !important; 10992 flex-wrap: wrap !important; 10993 align-items: center !important; 10994 justify-content: center !important; 10995 10996 width: 100% !important; 10997 height: 43px !important; 10998 min-height: 43px !important; 10999 11000 margin: 0 !important; 11001 padding: 0 6px !important; 11002 gap: 2px !important; 11003 11004 box-sizing: border-box !important; 11005 overflow: visible !important; 11006 white-space: normal !important; 11007 } 11008 11009 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 11010 display: none !important; 11011 } 11012 11013 .card-wrapper-box .bt-qatc-form-variant-input { 11014 position: relative !important; 11015 11016 display: flex !important; 11017 align-items: center !important; 11018 justify-content: center !important; 11019 11020 flex: 0 0 auto !important; 11021 width: auto !important; 11022 min-width: 32px !important; 11023 height: 43px !important; 11024 11025 margin: 0 !important; 11026 padding: 0 !important; 11027 11028 border: 0 !important; 11029 background: transparent !important; 11030 } 11031 11032 .card-wrapper-box .bt-qatc-form-variant-input label { 11033 position: static !important; 11034 11035 display: flex !important;
11036 align-items: center !important; 11037 justify-content: center !important; 11038 11039 width: auto !important; 11040 min-width: 32px !important; 11041 height: 32px !important; 11042 11043 margin: 0 !important; 11044 padding: 0 6px !important; 11045 11046 box-sizing: border-box !important; 11047 11048 background: transparent !important; 11049 border: 0 !important; 11050 11051 color: #111 !important; 11052 font-size: 12px !important; 11053 line-height: 1 !important; 11054 font-weight: 400 !important; 11055 11056 white-space: nowrap !important; 11057 cursor: pointer !important; 11058 } 11059 11060 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 11061 display: block !important; 11062 width: auto !important; 11063 max-width: none !important; 11064 11065 margin: 0 !important; 11066 padding: 0 !important; 11067 11068 overflow: visible !important; 11069 white-space: nowrap !important; 11070 text-overflow: clip !important; 11071 11072 font-size: inherit !important; 11073 line-height: inherit !important; 11074 } 11075 11076 /* Sold-out size */ 11077 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 11078 opacity: .35 !important; 11079 text-decoration: line-through !important; 11080 cursor: not-allowed !important; 11081 } 11082 11083 /* Optional hover feedback */ 11084 .card-wrapper-box 11085 .bt-qatc-form-variant-input:not(.is-disbaled) 11086 label:hover { 11087 text-decoration: underline !important; 11088 text-underline-offset: 3px !important; 11089 } 11090 11091 /* Prevent old theme transforms / absolute positions */ 11092 .card-wrapper-box .bt-qatc-form-variant-input *, 11093 .card-wrapper-box .bt-qatc-form-variants--list * { 11094 transform: none; 11095 } 11096} 11097</style> 11098 11099 11100<style> 11101/* Desktop quick-add: use one seamless background for sizes + bag */ 11102@media (min-width: 990px) { 11103 .card-wrapper-box .bt-qatc-form-container, 11104 .card-wrapper-box .bt-qatc-form, 11105 .card-wrapper-box .bt-qatc-form-variants-container, 11106 .card-wrapper-box .bt-qatc-form-variants--list, 11107 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 11108 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 11109 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 11110 background: rgba(255,255,255,.96) !important; 11111 } 11112 11113 /* Remove any visual split between sizes and bag */ 11114 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 11115 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 11116 border-left: 0 !important; 11117 box-shadow: none !important; 11118 } 11119} 11120</style> 11121 11122 11123<style> 11124/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 11125@media (min-width: 990px) { 11126 .card-wrapper-box .bt-qatc-form-container, 11127 .card-wrapper-box .bt-qatc-form, 11128 .card-wrapper-box .bt-qatc-form-variants-container { 11129 height: auto !important; 11130 max-height: none !important; 11131 overflow: visible !important; 11132 } 11133 11134 .card-wrapper-box .bt-qatc-form-variants--list { 11135 display: flex !important; 11136 flex-wrap: wrap !important; 11137 justify-content: center !important; 11138 align-items: center !important; 11139 height: auto !important; 11140 min-height: 43px !important; 11141 max-height: none !important; 11142 overflow: visible !important; 11143 white-space: normal !important; 11144 padding: 5px 6px !important; 11145 } 11146 11147 .card-wrapper-box .bt-qatc-form-variant-input { 11148 flex: 0 0 auto !important; 11149 } 11150} 11151</style> 11152
11153<script> 11154 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 11155 const wrap = label.closest('.bt-qatc-form-variant-input'); 11156 const form = label.closest('.bt-qatc-form'); 11157 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 11158 11159 if (!wrap || !form || !input) return; 11160 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 11161 if (label.dataset.loading === 'true') return; 11162 11163 input.checked = true; 11164 label.dataset.loading = 'true'; 11165 label.style.pointerEvents = 'none'; 11166 11167 try { 11168 const cartResp = await fetch('/cart.js', { 11169 method: 'GET', 11170 headers: { 'Accept': 'application/json' } 11171 }); 11172 11173 if (!cartResp.ok) throw new Error('Unable to read cart'); 11174 11175 const cart = await cartResp.json(); 11176 const variantId = Number(input.value); 11177 const selectedPrice = Number(input.dataset.price || 0) / 100; 11178 const totalCartPrice = Number(cart.total_price || 0) / 100; 11179 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 11180 11181 if ((totalCartPrice + selectedPrice) > 250000) { 11182 if (window.showAlert) { 11183 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 11184 } else { 11185 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 11186 } 11187 return; 11188 } 11189 11190 if (itemInCart && Number(itemInCart.quantity) >= 3) { 11191 if (window.showAlert) { 11192 window.showAlert('Limit reached: Max 3 items per size can be added'); 11193 } else { 11194 alert('Limit reached: Max 3 items per size can be added'); 11195 } 11196 return; 11197 } 11198 11199 11200 const cartSections = document.querySelector('cart-notification, cart-drawer'); 11201 const formData = new FormData(form); 11202 11203 formData.set('id', input.value); 11204 formData.set('quantity', '1'); 11205 11206 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 11207 formData.set( 11208 'sections', 11209 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 11210 ); 11211 } 11212 11213 formData.set('sections_url', window.location.pathname); 11214 11215 const addResp = await fetch('/cart/add.js', { 11216 method: 'POST', 11217 headers: { 'Accept': 'application/json' }, 11218 body: formData 11219 }); 11220 11221 const data = await addResp.json(); 11222 11223 if (!addResp.ok) { 11224 throw new Error(data.description || data.message || 'Unable to add this size'); 11225 } 11226 11227 if (cartSections && typeof cartSections.renderContents === 'function') { 11228 cartSections.renderContents(data); 11229 } else { 11230 const bubble = document.querySelector('#cart-icon-bubble'); 11231 if (bubble) bubble.click(); 11232 } 11233 11234 const card = label.closest('.card-wrapper-box'); 11235 if (card) { 11236 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 11237 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 11238 } 11239 } catch (error) { 11240 console.error('SEFAM hover size quick-add error:', error); 11241 if (window.showAlert) { 11242 window.showAlert(error.message || 'Unable to add this size to cart'); 11243 } else { 11244 alert(error.message || 'Unable to add this size to cart'); 11245 } 11246 } finally { 11247 label.dataset.loading = 'false'; 11248 label.style.pointerEvents = ''; 11249 } 11250 }; 11251</script>
11251 11252 11253<style> 11254/* Desktop quick-add final alignment: 11255 sizes start from left; bag area matches the complete quick-size background height. */ 11256@media (min-width: 990px) { 11257 .card-wrapper-box .bt-qatc-form-variants--list { 11258 justify-content: flex-start !important; 11259 align-content: center !important; 11260 text-align: left !important; 11261 } 11262 11263 .card-wrapper-box .bt-qatc-container { 11264 right: 46px !important; 11265 } 11266 11267 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 11268 top: auto !important; 11269 bottom: 0 !important; 11270 width: 46px !important; 11271 height: 100% !important; 11272 min-height: 43px !important; 11273 align-items: stretch !important; 11274 background: rgba(255,255,255,.96) !important; 11275 } 11276 11277 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 11278 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 11279 width: 46px !important; 11280 height: 100% !important; 11281 min-height: 43px !important; 11282 background: rgba(255,255,255,.96) !important; 11283 } 11284 11285 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 11286 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 11287 height: var(--sefam-quick-add-height, 43px) !important; 11288 } 11289} 11290</style>
11291<script> 11292(function () { 11293 function syncQuickAddHeight(card) { 11294 if (!card || window.innerWidth < 990) return; 11295 var panel = card.querySelector('.bt-qatc-form-container'); 11296 if (!panel) return; 11297 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 11298 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 11299 } 11300 11301 document.addEventListener('mouseover', function(e) { 11302 var card = e.target.closest('.card-wrapper-box'); 11303 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 11304 }, { passive: true }); 11305 11306 window.addEventListener('resize', function() { 11307 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 11308 }, { passive: true }); 11309})(); 11310</script>
11310 11311 11312 11313 11314<style> 11315/* ========================================================= 11316 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 11317 - reduce space between sizes 11318 - keep sizes left aligned 11319 - keep the bag icon on the BOTTOM row 11320 - bag background still matches the full size panel 11321 ========================================================= */ 11322@media (min-width: 990px) { 11323 11324 /* More usable width for sizes */ 11325 .card-wrapper-box .bt-qatc-container { 11326 right: 42px !important; 11327 } 11328 11329 /* Compact, left-aligned size list */ 11330 .card-wrapper-box .bt-qatc-form-variants--list { 11331 justify-content: flex-start !important; 11332 align-items: center !important; 11333 align-content: center !important; 11334 11335 column-gap: 0 !important; 11336 row-gap: 0 !important; 11337 11338 padding: 4px 4px !important; 11339 margin: 0 !important; 11340 } 11341 11342 .card-wrapper-box .bt-qatc-form-variant-input { 11343 min-width: 0 !important; 11344 width: auto !important; 11345 height: 35px !important; 11346 margin: 0 !important; 11347 padding: 0 !important; 11348 } 11349 11350 .card-wrapper-box .bt-qatc-form-variant-input label { 11351 min-width: 0 !important; 11352 width: auto !important; 11353 height: 35px !important; 11354 11355 margin: 0 !important; 11356 padding: 0 4px !important; 11357 11358 font-size: 12px !important; 11359 line-height: 1 !important; 11360 } 11361 11362 /* Bag column keeps the same full white background as the sizes */ 11363 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 11364 right: 0 !important; 11365 bottom: 0 !important; 11366 top: auto !important; 11367 11368 width: 42px !important; 11369 min-width: 42px !important; 11370 height: var(--sefam-quick-add-height, 43px) !important; 11371 min-height: 43px !important; 11372 11373 display: flex !important; 11374 flex-direction: column !important; 11375 justify-content: flex-end !important; 11376 align-items: stretch !important; 11377 11378 padding: 0 !important; 11379 margin: 0 !important; 11380 11381 background: rgba(255,255,255,.96) !important; 11382 } 11383 11384 /* The clickable bag itself always sits at the bottom */ 11385 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 11386 width: 42px !important; 11387 min-width: 42px !important; 11388 height: 43px !important; 11389 min-height: 43px !important; 11390 11391 margin-top: auto !important; 11392 padding: 0 !important; 11393 11394 display: flex !important; 11395 align-items: center !important; 11396 justify-content: center !important; 11397 11398 background: rgba(255,255,255,.96) !important; 11399 } 11400 11401 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 11402 width: 42px !important; 11403 height: 43px !important; 11404 min-height: 43px !important; 11405 11406 display: flex !important; 11407 align-items: center !important; 11408 justify-content: center !important; 11409 11410 padding: 0 !important; 11411 margin: 0 !important; 11412 11413 background: transparent !important; 11414 } 11415 11416 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 11417 width: 16px !important; 11418 height: 17px !important; 11419 } 11420} 11421</style> 11422 11423 11424<style> 11425/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 11426@media (min-width: 990px) { 11427 .card-wrapper-box .bt-qatc-form-variants--list { 11428 padding: 3px 4px !important; 11429 column-gap: 0 !important; 11430 row-gap: 0 !important; 11431 justify-content: flex-start !important; 11432 align-items: center !important; 11433 align-content: center !important; 11434 } 11435 11436 .card-wrapper-box .bt-qatc-form-variant-input { 11437 min-width: 0 !important; 11438 width: auto !important; 11439 height: 30px !important; 11440 margin: 0 !important; 11441 padding: 0 !important; 11442 } 11443 11444 .card-wrapper-box .bt-qatc-form-variant-input label { 11445 min-width: 0 !important; 11446 width: auto !important; 11447 height: 30px !important; 11448 margin: 0 !important; 11449 padding: 0 4px !important; 11450 font-size: 12px !important; 11451 line-height: 1 !important; 11452 display: flex !important; 11453 align-items: center !important; 11454 justify-content: center !important; 11455 } 11456 11457 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 11458 display: flex !important; 11459 flex-direction: column !important; 11460 justify-content: flex-end !important;
11461 align-items: stretch !important; 11462 bottom: 0 !important; 11463 top: auto !important; 11464 height: var(--sefam-quick-add-height, 36px) !important; 11465 min-height: 36px !important; 11466 } 11467 11468 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 11469 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 11470 height: 36px !important; 11471 min-height: 36px !important; 11472 margin-top: auto !important; 11473 } 11474} 11475</style> 11476 11477<style> 11478 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 11479 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 11480 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 11481 .card_colorways_container .new-mbl-color-single label span, 11482 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 11483 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 11484</style> 11485 11486 </li> 11487 11488 <li 11489 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_Vj3Gex-6" 11490 class="grid__item slider__slide" 11491 > 11492 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 11493� 11494 11495 11496 � 11497 11498 11499 11500 <div class="card-wrapper product-card-wrapper"> 11501 <div 11502 class=" 11503 card card--standard 11504 card--media 11505 11506 11507 11508 11509 11510 " 11511 style="--ratio-percent: 150.00000000000003%;" 11512 11513 > 11514 <div class="card-wrapper-box"> 11515 11516 <div 11517 class="card__inner color-scheme-2 gradient ratio" 11518 style="--ratio-percent: 150.00000000000003%;" 11519 11520 > 11521 �<a href="/products/c6718"> 11522 11523 �<div class="card-prdct2 card__media"> 11524 <div class="media media--transparent mt3"> 11525 11526 11527 <img 11528 src="//sefam.com/cdn/shop/files/C6718_22.jpg?v=1790072921&width=800" 11529 srcset="//sefam.com/cdn/shop/files/C6718_22.jpg?v=1790072921&width=1600 2x" 11530 class="" 11531 alt="KHADDAR | PRINTED" 11532 11533 loading="lazy" 11534 11535 width="2400" 11536 height="3600" 11537 > 11538 �<img 11539 src="//sefam.com/cdn/shop/files/C6718_18.jpg?v=1790072921&width=800" 11540 srcset="//sefam.com/cdn/shop/files/C6718_18.jpg?v=1790072921&width=1600 2x" 11541 alt="KHADDAR | PRINTED" 11542 loading="lazy" 11543 width="2400" 11544 height="3600" 11545 data-index="" 11546 > 11547 11548 � 11549 </div> 11550 11551 11552 </div> 11553 </a> 11554 </div> 11555 11556 11557 11558 11559 <div class="bt-qatc-container"> 11560 <div class="bt-qatc-form-container"> 11561 <div class="bt-qatc-form-content large-up-hide medium-hide"> 11562 <h3>KHADDAR | PRINTED</h3> 11563 11564<div 11565 class=" 11566 price " 11567 > 11568 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 11569 <span class="price-item price-item--regular"> 11570 <span class=money>Rs.5,490</span> 11571 </span></div> 11572 <div class="price__sale"> 11573 <span class="visually-hidden visually-hidden--inline">Regular price</span> 11574 <span> 11575 <s class="price-item price-item--regular"> 11576 11577 <span class=money>Rs.5,490</span> 11578 11579 </s> 11580 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
11581 <span class="price-item price-item--sale price-item--last"> 11582 11583 11584 11585 11586 <span class="percentage__sale hidden">0% OFF</span> 11587 11588 <span class=money>Rs.5,490</span> 11589 </span> 11590 </div> 11591 <small class="unit-price caption hidden"> 11592 <span class="visually-hidden">Unit price</span> 11593 <span class="price-item price-item--last"> 11594 <span></span> 11595 <span aria-hidden="true">/</span> 11596 <span class="visually-hidden"> per </span> 11597 <span> 11598 </span> 11599 </span> 11600 </small> 11601 </div></div> 11602 11603 11604 11605 </div> 11606 <div 11607 class="ethnc-form-media large-up-hide medium-hide" 11608 11609 ></div> 11610 <form method="post" action="/cart/add" class="bt-qatc-form"> 11611 <input type="hidden" name="quantity" value="1"> 11612 <div class="bt-qatc-form-variants-container"> 11613 <div class="bt-qatc-form-variants--list"> 11614 11615 <div 11616 class="in-use bt-qatc-form-variant-input" 11617 11618 data-only-child 11619 11620 > 11621 <input 11622 type="radio" 11623 name="id" 11624 id="-52228278649128" 11625 value="52228278649128" 11626 data-price="549000" 11627 data-item-id="10391996793128"
11628 hidden 11629 11630 data-item-id="10391996793128" 11631 11632 checked 11633 11634 > 11635 11636 <label 11637 for="-52228278649128" 11638 data-sefam-quick-size 11639 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 11640 > 11641 <span class="split-variant-value"> 11642 11643 UNSTITCHED 11644 11645</span> 11646 </label> 11647 </div> 11648 11649 </div> 11650 11651 11652 11653 11654 </div> 11655 </form> 11656 </div> 11657 </div> 11658 11659 11660 11661 11662 11663 11664 11665 11666 11667 11668 11669 11670 11671 11672 11673 11674 11675 11676 11677 11678 11679 11680 11681 11682 11683 11684 11685 11686 11687 11688 11689 11690 11691 11692 11693 11694 11695 11696 11697 <div 11698 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 11699 > 11700 <div class="ethnc-qatc-btn cstm-add-btn visible"> 11701 <span class="small-hide hide-mobile">Add to Basket</span> 11702 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 11703 </span> 11704 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 11705 width="11" 11706 height="11" 11707 viewBox="0 0 11 11" 11708 fill="none" 11709> 11710 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 11711 fill="black" 11712 /> 11713</svg> 11714</span> 11715 </div> 11716 </div> 11717 11718 11719 </div> 11720 11721 <div class="card__content aiza2"> 11722 <div class="card__information"> 11723 <small class="product-brand"> 11724 Kayseria 11725 </small> 11726 <h3 11727 class="card__heading h5" 11728 11729 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391996793128"
11730 11731 > 11732 <a 11733 href="/products/c6718" 11734 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391996793128" 11735 class="full-unstyled-link" 11736 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391996793128 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391996793128" 11737 > 11738 KHADDAR | PRINTED 11739 11740 <div class="card_colorways_container" onclick="event.stopPropagation();"> 11741 11742 11743 � 11744 </div> 11745 </a> 11746 11747 </h3> 11748 11749 <h3 class="product-subtitle hidden">UNSTITCHED | SHIRT, TROUSER & DUPATTA</h3> 11750 11751 <div class="card-information"><span class="caption-large light"></span> 11752<div 11753 class=" 11754 price " 11755 > 11756 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 11757 <span class="price-item price-item--regular"> 11758 <span class=money>Rs.5,490</span> 11759 </span></div> 11760 <div class="price__sale"> 11761 <span class="visually-hidden visually-hidden--inline">Regular price</span> 11762 <span> 11763 <s class="price-item price-item--regular"> 11764 11765 <span class=money>Rs.5,490</span> 11766 11767 </s> 11768 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 11769 <span class="price-item price-item--sale price-item--last"> 11770 11771 11772 11773 11774 <span class="percentage__sale hidden">0% OFF</span> 11775 11776 <span class=money>Rs.5,490</span> 11777 </span> 11778 </div> 11779 <small class="unit-price caption hidden"> 11780 <span class="visually-hidden">Unit price</span> 11781 <span class="price-item price-item--last"> 11782 <span></span> 11783 <span aria-hidden="true">/</span> 11784 <span class="visually-hidden"> per </span> 11785 <span> 11786 </span> 11787 </span> 11788 </small> 11789 </div></div> 11790 11791 11792 11793 </div> 11794 </div> 11795 </div> 11796 11797 </div> 11798 </div><style> 11799/* ========================================================= 11800 DESKTOP PRODUCT CARD QUICK ADD 11801 LEFT = sizes 11802 RIGHT = original bag icon 11803 Mobile behavior remains unchanged 11804 ========================================================= */ 11805@media (min-width: 990px) { 11806 .hide-desktop { 11807 display: none !important; 11808 } 11809 11810 /* Keep both controls on the same bottom row */ 11811 .card-wrapper-box { 11812 position: relative; 11813 } 11814 11815 .card-wrapper-box .bt-qatc-container, 11816 .card-wrapper-box .ethnc-qatc-btn-container { 11817 position: absolute !important; 11818 bottom: 0 !important; 11819 z-index: 8 !important; 11820 } 11821 11822 /* LEFT: size area */ 11823 .card-wrapper-box .bt-qatc-container { 11824 left: 0 !important; 11825 right: 46px !important; 11826 width: auto !important; 11827 } 11828 11829 .card-wrapper-box .bt-qatc-form-container { 11830 left: 0 !important; 11831 right: 0 !important; 11832 bottom: -350% !important; 11833 width: 100% !important; 11834 min-height: 43px !important; 11835 opacity: 0 !important; 11836 visibility: hidden !important; 11837 pointer-events: none !important; 11838 transition: bottom .22s ease, opacity .18s ease !important; 11839 } 11840 11841 .card-wrapper-box .bt-qatc-form, 11842 .card-wrapper-box .bt-qatc-form-variants-container, 11843 .card-wrapper-box .bt-qatc-form-variants--list { 11844 width: 100% !important; 11845 } 11846 11847 .card-wrapper-box .bt-qatc-form-variants--list { 11848 display: flex !important; 11849 align-items: center !important; 11850 flex-wrap: wrap !important; 11851 gap: 0 !important; 11852 min-height: 43px !important; 11853 } 11854 11855 /* RIGHT: original bag button */ 11856 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 11857 display: flex !important; 11858 align-items: stretch !important; 11859 justify-content: center !important; 11860 left: auto !important; 11861 right: 0 !important; 11862 width: 46px !important; 11863 height: 43px !important; 11864 opacity: 0 !important; 11865 visibility: hidden !important; 11866 pointer-events: none !important; 11867 transition: opacity .18s ease !important; 11868 } 11869
11870 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 11871 display: flex !important; 11872 align-items: center !important; 11873 justify-content: center !important; 11874 width: 46px !important; 11875 height: 43px !important; 11876 min-width: 46px !important; 11877 padding: 0 !important; 11878 cursor: pointer !important; 11879 } 11880 11881 /* Hide Add to Basket text on desktop; keep only bag icon */ 11882 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 11883 display: none !important; 11884 } 11885 11886 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 11887 display: flex !important; 11888 align-items: center !important; 11889 justify-content: center !important; 11890 width: 100% !important; 11891 height: 100% !important; 11892 padding: 0 !important; 11893 } 11894 11895 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 11896 display: block !important; 11897 width: 16px !important; 11898 height: 17px !important; 11899 } 11900 11901 /* Show sizes + bag together on desktop hover */ 11902 .card-wrapper-box:hover .bt-qatc-form-container { 11903 bottom: 0 !important; 11904 opacity: 1 !important; 11905 visibility: visible !important; 11906 pointer-events: auto !important; 11907 } 11908 11909 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 11910 opacity: 1 !important; 11911 visibility: visible !important; 11912 pointer-events: auto !important; 11913 } 11914} 11915 11916@media (max-width: 989px) { 11917 .hide-mobile { 11918 display: none; 11919 } 11920} 11921</style> 11922 11923 11924<style> 11925/* ========================================================= 11926 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 11927 Keeps all sizes in one clean row on the left 11928 and the bag icon fixed on the right. 11929 ========================================================= */ 11930@media (min-width: 990px) { 11931 11932 .card-wrapper-box .bt-qatc-form-container { 11933 height: 43px !important; 11934 min-height: 43px !important; 11935 max-height: 43px !important; 11936 overflow: hidden !important; 11937 background: rgba(255,255,255,.96) !important; 11938 } 11939 11940 .card-wrapper-box .bt-qatc-form { 11941 display: block !important; 11942 height: 43px !important; 11943 min-height: 43px !important; 11944 margin: 0 !important; 11945 padding: 0 !important; 11946 } 11947 11948 .card-wrapper-box .bt-qatc-form-variants-container { 11949 display: block !important; 11950 width: 100% !important; 11951 height: 43px !important; 11952 min-height: 43px !important; 11953 margin: 0 !important; 11954 padding: 0 !important; 11955 } 11956 11957 .card-wrapper-box .bt-qatc-form-variants--list { 11958 display: flex !important; 11959 flex-direction: row !important; 11960 flex-wrap: wrap !important; 11961 align-items: center !important; 11962 justify-content: center !important; 11963 11964 width: 100% !important; 11965 height: 43px !important; 11966 min-height: 43px !important; 11967 11968 margin: 0 !important; 11969 padding: 0 6px !important; 11970 gap: 2px !important; 11971 11972 box-sizing: border-box !important; 11973 overflow: visible !important; 11974 white-space: normal !important; 11975 } 11976 11977 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 11978 display: none !important; 11979 } 11980 11981 .card-wrapper-box .bt-qatc-form-variant-input { 11982 position: relative !important; 11983 11984 display: flex !important; 11985 align-items: center !important; 11986 justify-content: center !important; 11987 11988 flex: 0 0 auto !important; 11989 width: auto !important; 11990 min-width: 32px !important; 11991 height: 43px !important; 11992 11993 margin: 0 !important; 11994 padding: 0 !important; 11995 11996 border: 0 !important; 11997 background: transparent !important; 11998 } 11999 12000 .card-wrapper-box .bt-qatc-form-variant-input label { 12001 position: static !important; 12002 12003 display: flex !important; 12004 align-items: center !important; 12005 justify-content: center !important; 12006 12007 width: auto !important; 12008 min-width: 32px !important; 12009 height: 32px !important; 12010 12011 margin: 0 !important; 12012 padding: 0 6px !important; 12013 12014 box-sizing: border-box !important; 12015 12016 background: transparent !important; 12017 border: 0 !important; 12018 12019 color: #111 !important; 12020 font-size: 12px !important; 12021 line-height: 1 !important; 12022 font-weight: 400 !important; 12023 12024 white-space: nowrap !important; 12025 cursor: pointer !important; 12026 } 12027 12028 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 12029 display: block !important; 12030 width: auto !important; 12031 max-width: none !important; 12032 12033 margin: 0 !important; 12034 padding: 0 !important; 12035 12036 overflow: visible !important; 12037 white-space: nowrap !important; 12038 text-overflow: clip !important; 12039 12040 font-size: inherit !important; 12041 line-height: inherit !important; 12042 } 12043 12044 /* Sold-out size */ 12045 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 12046 opacity: .35 !important; 12047 text-decoration: line-through !important;
12048 cursor: not-allowed !important; 12049 } 12050 12051 /* Optional hover feedback */ 12052 .card-wrapper-box 12053 .bt-qatc-form-variant-input:not(.is-disbaled) 12054 label:hover { 12055 text-decoration: underline !important; 12056 text-underline-offset: 3px !important; 12057 } 12058 12059 /* Prevent old theme transforms / absolute positions */ 12060 .card-wrapper-box .bt-qatc-form-variant-input *, 12061 .card-wrapper-box .bt-qatc-form-variants--list * { 12062 transform: none; 12063 } 12064} 12065</style> 12066 12067 12068<style> 12069/* Desktop quick-add: use one seamless background for sizes + bag */ 12070@media (min-width: 990px) { 12071 .card-wrapper-box .bt-qatc-form-container, 12072 .card-wrapper-box .bt-qatc-form, 12073 .card-wrapper-box .bt-qatc-form-variants-container, 12074 .card-wrapper-box .bt-qatc-form-variants--list, 12075 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 12076 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 12077 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 12078 background: rgba(255,255,255,.96) !important; 12079 } 12080 12081 /* Remove any visual split between sizes and bag */ 12082 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 12083 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 12084 border-left: 0 !important; 12085 box-shadow: none !important; 12086 } 12087} 12088</style> 12089 12090 12091<style> 12092/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 12093@media (min-width: 990px) { 12094 .card-wrapper-box .bt-qatc-form-container, 12095 .card-wrapper-box .bt-qatc-form, 12096 .card-wrapper-box .bt-qatc-form-variants-container { 12097 height: auto !important; 12098 max-height: none !important; 12099 overflow: visible !important; 12100 } 12101 12102 .card-wrapper-box .bt-qatc-form-variants--list { 12103 display: flex !important; 12104 flex-wrap: wrap !important; 12105 justify-content: center !important; 12106 align-items: center !important; 12107 height: auto !important; 12108 min-height: 43px !important; 12109 max-height: none !important; 12110 overflow: visible !important; 12111 white-space: normal !important; 12112 padding: 5px 6px !important; 12113 } 12114 12115 .card-wrapper-box .bt-qatc-form-variant-input { 12116 flex: 0 0 auto !important; 12117 } 12118} 12119</style> 12120
12121<script> 12122 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 12123 const wrap = label.closest('.bt-qatc-form-variant-input'); 12124 const form = label.closest('.bt-qatc-form'); 12125 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 12126 12127 if (!wrap || !form || !input) return; 12128 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 12129 if (label.dataset.loading === 'true') return; 12130 12131 input.checked = true; 12132 label.dataset.loading = 'true'; 12133 label.style.pointerEvents = 'none'; 12134 12135 try { 12136 const cartResp = await fetch('/cart.js', { 12137 method: 'GET', 12138 headers: { 'Accept': 'application/json' } 12139 }); 12140 12141 if (!cartResp.ok) throw new Error('Unable to read cart'); 12142 12143 const cart = await cartResp.json(); 12144 const variantId = Number(input.value); 12145 const selectedPrice = Number(input.dataset.price || 0) / 100; 12146 const totalCartPrice = Number(cart.total_price || 0) / 100; 12147 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 12148 12149 if ((totalCartPrice + selectedPrice) > 250000) { 12150 if (window.showAlert) { 12151 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 12152 } else { 12153 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 12154 } 12155 return; 12156 } 12157 12158 if (itemInCart && Number(itemInCart.quantity) >= 3) { 12159 if (window.showAlert) { 12160 window.showAlert('Limit reached: Max 3 items per size can be added'); 12161 } else { 12162 alert('Limit reached: Max 3 items per size can be added'); 12163 } 12164 return; 12165 } 12166 12167 12168 const cartSections = document.querySelector('cart-notification, cart-drawer'); 12169 const formData = new FormData(form); 12170 12171 formData.set('id', input.value); 12172 formData.set('quantity', '1'); 12173 12174 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 12175 formData.set( 12176 'sections', 12177 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 12178 ); 12179 } 12180 12181 formData.set('sections_url', window.location.pathname); 12182 12183 const addResp = await fetch('/cart/add.js', { 12184 method: 'POST', 12185 headers: { 'Accept': 'application/json' }, 12186 body: formData 12187 }); 12188 12189 const data = await addResp.json(); 12190 12191 if (!addResp.ok) { 12192 throw new Error(data.description || data.message || 'Unable to add this size'); 12193 } 12194 12195 if (cartSections && typeof cartSections.renderContents === 'function') { 12196 cartSections.renderContents(data); 12197 } else { 12198 const bubble = document.querySelector('#cart-icon-bubble'); 12199 if (bubble) bubble.click(); 12200 } 12201 12202 const card = label.closest('.card-wrapper-box'); 12203 if (card) { 12204 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 12205 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 12206 } 12207 } catch (error) { 12208 console.error('SEFAM hover size quick-add error:', error); 12209 if (window.showAlert) { 12210 window.showAlert(error.message || 'Unable to add this size to cart'); 12211 } else { 12212 alert(error.message || 'Unable to add this size to cart'); 12213 } 12214 } finally { 12215 label.dataset.loading = 'false'; 12216 label.style.pointerEvents = ''; 12217 } 12218 }; 12219</script>
12219 12220 12221<style> 12222/* Desktop quick-add final alignment: 12223 sizes start from left; bag area matches the complete quick-size background height. */ 12224@media (min-width: 990px) { 12225 .card-wrapper-box .bt-qatc-form-variants--list { 12226 justify-content: flex-start !important; 12227 align-content: center !important; 12228 text-align: left !important; 12229 } 12230 12231 .card-wrapper-box .bt-qatc-container { 12232 right: 46px !important; 12233 } 12234 12235 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 12236 top: auto !important; 12237 bottom: 0 !important; 12238 width: 46px !important; 12239 height: 100% !important; 12240 min-height: 43px !important; 12241 align-items: stretch !important; 12242 background: rgba(255,255,255,.96) !important; 12243 } 12244 12245 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 12246 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 12247 width: 46px !important; 12248 height: 100% !important; 12249 min-height: 43px !important; 12250 background: rgba(255,255,255,.96) !important; 12251 } 12252 12253 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 12254 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 12255 height: var(--sefam-quick-add-height, 43px) !important; 12256 } 12257} 12258</style>
12259<script> 12260(function () { 12261 function syncQuickAddHeight(card) { 12262 if (!card || window.innerWidth < 990) return; 12263 var panel = card.querySelector('.bt-qatc-form-container'); 12264 if (!panel) return; 12265 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 12266 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 12267 } 12268 12269 document.addEventListener('mouseover', function(e) { 12270 var card = e.target.closest('.card-wrapper-box'); 12271 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 12272 }, { passive: true }); 12273 12274 window.addEventListener('resize', function() { 12275 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 12276 }, { passive: true }); 12277})(); 12278</script>
12278 12279 12280 12281 12282<style> 12283/* ========================================================= 12284 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 12285 - reduce space between sizes 12286 - keep sizes left aligned 12287 - keep the bag icon on the BOTTOM row 12288 - bag background still matches the full size panel 12289 ========================================================= */ 12290@media (min-width: 990px) { 12291 12292 /* More usable width for sizes */ 12293 .card-wrapper-box .bt-qatc-container { 12294 right: 42px !important; 12295 } 12296 12297 /* Compact, left-aligned size list */ 12298 .card-wrapper-box .bt-qatc-form-variants--list { 12299 justify-content: flex-start !important; 12300 align-items: center !important; 12301 align-content: center !important; 12302 12303 column-gap: 0 !important; 12304 row-gap: 0 !important; 12305 12306 padding: 4px 4px !important; 12307 margin: 0 !important; 12308 } 12309 12310 .card-wrapper-box .bt-qatc-form-variant-input { 12311 min-width: 0 !important; 12312 width: auto !important; 12313 height: 35px !important; 12314 margin: 0 !important; 12315 padding: 0 !important; 12316 } 12317 12318 .card-wrapper-box .bt-qatc-form-variant-input label { 12319 min-width: 0 !important; 12320 width: auto !important; 12321 height: 35px !important; 12322 12323 margin: 0 !important; 12324 padding: 0 4px !important; 12325 12326 font-size: 12px !important; 12327 line-height: 1 !important; 12328 } 12329 12330 /* Bag column keeps the same full white background as the sizes */ 12331 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 12332 right: 0 !important; 12333 bottom: 0 !important; 12334 top: auto !important; 12335 12336 width: 42px !important; 12337 min-width: 42px !important; 12338 height: var(--sefam-quick-add-height, 43px) !important; 12339 min-height: 43px !important; 12340 12341 display: flex !important; 12342 flex-direction: column !important; 12343 justify-content: flex-end !important; 12344 align-items: stretch !important; 12345 12346 padding: 0 !important; 12347 margin: 0 !important; 12348 12349 background: rgba(255,255,255,.96) !important; 12350 } 12351 12352 /* The clickable bag itself always sits at the bottom */ 12353 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 12354 width: 42px !important; 12355 min-width: 42px !important; 12356 height: 43px !important; 12357 min-height: 43px !important; 12358 12359 margin-top: auto !important; 12360 padding: 0 !important; 12361 12362 display: flex !important; 12363 align-items: center !important; 12364 justify-content: center !important; 12365 12366 background: rgba(255,255,255,.96) !important; 12367 } 12368 12369 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 12370 width: 42px !important; 12371 height: 43px !important; 12372 min-height: 43px !important; 12373 12374 display: flex !important; 12375 align-items: center !important; 12376 justify-content: center !important; 12377 12378 padding: 0 !important; 12379 margin: 0 !important; 12380 12381 background: transparent !important; 12382 } 12383 12384 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 12385 width: 16px !important; 12386 height: 17px !important; 12387 } 12388} 12389</style> 12390 12391 12392<style> 12393/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 12394@media (min-width: 990px) { 12395 .card-wrapper-box .bt-qatc-form-variants--list { 12396 padding: 3px 4px !important; 12397 column-gap: 0 !important; 12398 row-gap: 0 !important; 12399 justify-content: flex-start !important; 12400 align-items: center !important; 12401 align-content: center !important; 12402 } 12403 12404 .card-wrapper-box .bt-qatc-form-variant-input { 12405 min-width: 0 !important; 12406 width: auto !important; 12407 height: 30px !important; 12408 margin: 0 !important; 12409 padding: 0 !important; 12410 } 12411 12412 .card-wrapper-box .bt-qatc-form-variant-input label { 12413 min-width: 0 !important; 12414 width: auto !important; 12415 height: 30px !important; 12416 margin: 0 !important; 12417 padding: 0 4px !important; 12418 font-size: 12px !important; 12419 line-height: 1 !important; 12420 display: flex !important; 12421 align-items: center !important; 12422 justify-content: center !important; 12423 } 12424 12425 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 12426 display: flex !important; 12427 flex-direction: column !important; 12428 justify-content: flex-end !important;
12429 align-items: stretch !important; 12430 bottom: 0 !important; 12431 top: auto !important; 12432 height: var(--sefam-quick-add-height, 36px) !important; 12433 min-height: 36px !important; 12434 } 12435 12436 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 12437 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 12438 height: 36px !important; 12439 min-height: 36px !important; 12440 margin-top: auto !important; 12441 } 12442} 12443</style> 12444 12445<style> 12446 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 12447 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 12448 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 12449 .card_colorways_container .new-mbl-color-single label span, 12450 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 12451 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 12452</style> 12453 12454 </li> 12455 12456 <li 12457 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_Vj3Gex-7" 12458 class="grid__item slider__slide" 12459 > 12460 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 12461� 12462 12463 12464 � 12465 12466 12467 12468 <div class="card-wrapper product-card-wrapper"> 12469 <div 12470 class=" 12471 card card--standard 12472 card--media 12473 12474 12475 12476 12477 12478 " 12479 style="--ratio-percent: 150.00000000000003%;" 12480 12481 > 12482 <div class="card-wrapper-box"> 12483 12484 <div 12485 class="card__inner color-scheme-2 gradient ratio" 12486 style="--ratio-percent: 150.00000000000003%;" 12487 12488 > 12489 �<a href="/products/e1470"> 12490 12491 �<div class="card-prdct2 card__media"> 12492 <div class="media media--transparent mt3"> 12493 12494 12495 <img 12496 src="//sefam.com/cdn/shop/files/E1470_1_73d861c1-7972-41b3-bd9b-73598dd19293.jpg?v=1788163219&width=800" 12497 srcset="//sefam.com/cdn/shop/files/E1470_1_73d861c1-7972-41b3-bd9b-73598dd19293.jpg?v=1788163219&width=1600 2x" 12498 class="" 12499 alt="VELVET | EMBROIDERED" 12500 12501 loading="lazy" 12502 12503 width="2400" 12504 height="3600" 12505 > 12506 �<img 12507 src="//sefam.com/cdn/shop/files/E1470_3_16947764-3b7e-49ef-b4b1-45a333024b23.jpg?v=1788415314&width=800" 12508 srcset="//sefam.com/cdn/shop/files/E1470_3_16947764-3b7e-49ef-b4b1-45a333024b23.jpg?v=1788415314&width=1600 2x" 12509 alt="VELVET | EMBROIDERED" 12510 loading="lazy" 12511 width="2400" 12512 height="3600" 12513 data-index="" 12514 > 12515 12516 � 12517 </div> 12518 12519 12520 </div> 12521 </a> 12522 </div> 12523 12524 12525 12526 12527 <div class="bt-qatc-container"> 12528 <div class="bt-qatc-form-container"> 12529 <div class="bt-qatc-form-content large-up-hide medium-hide"> 12530 <h3>VELVET | EMBROIDERED</h3> 12531 12532<div 12533 class=" 12534 price " 12535 > 12536 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 12537 <span class="price-item price-item--regular"> 12538 <span class=money>Rs.19,990</span> 12539 </span></div> 12540 <div class="price__sale"> 12541 <span class="visually-hidden visually-hidden--inline">Regular price</span>
12542 <span> 12543 <s class="price-item price-item--regular"> 12544 12545 <span class=money>Rs.19,990</span> 12546 12547 </s> 12548 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 12549 <span class="price-item price-item--sale price-item--last"> 12550 12551 12552 12553 12554 <span class="percentage__sale hidden">0% OFF</span> 12555 12556 <span class=money>Rs.19,990</span> 12557 </span> 12558 </div> 12559 <small class="unit-price caption hidden"> 12560 <span class="visually-hidden">Unit price</span> 12561 <span class="price-item price-item--last"> 12562 <span></span> 12563 <span aria-hidden="true">/</span> 12564 <span class="visually-hidden"> per </span> 12565 <span> 12566 </span> 12567 </span> 12568 </small> 12569 </div></div> 12570 12571 12572 12573 </div> 12574 <div 12575 class="ethnc-form-media large-up-hide medium-hide" 12576 12577 ></div> 12578 <form method="post" action="/cart/add" class="bt-qatc-form"> 12579 <input type="hidden" name="quantity" value="1"> 12580 <div class="bt-qatc-form-variants-container"> 12581 <div class="bt-qatc-form-variants--list"> 12582 12583 <div 12584 class="in-use bt-qatc-form-variant-input" 12585 12586 data-only-child 12587 12588 > 12589 <input 12590 type="radio" 12591 name="id" 12592 id="-50789028430120" 12593 value="50789028430120" 12594 data-price="1999000" 12595 data-item-id="9839721283880" 12596 hidden 12597 12598 data-item-id="9839721283880" 12599 12600 checked 12601 12602 > 12603 12604 <label 12605 for="-50789028430120" 12606 data-sefam-quick-size 12607 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 12608 > 12609 <span class="split-variant-value"> 12610 12611 UNSTITCHED 12612 12613</span> 12614 </label> 12615 </div> 12616 12617 </div> 12618 12619 12620 12621 12622 </div> 12623 </form> 12624 </div> 12625 </div> 12626 12627 12628 12629 12630 12631 12632 12633 12634 12635 12636 12637 12638 12639 12640 12641 12642 12643 12644 12645 12646 12647 12648 12649 12650 12651 12652 12653 12654 12655 12656 12657 12658 12659 12660 12661 12662 12663 12664 12665 <div 12666 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 12667 > 12668 <div class="ethnc-qatc-btn cstm-add-btn visible"> 12669 <span class="small-hide hide-mobile">Add to Basket</span> 12670 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 12671 </span>
12672 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 12673 width="11" 12674 height="11" 12675 viewBox="0 0 11 11" 12676 fill="none" 12677> 12678 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 12679 fill="black" 12680 /> 12681</svg> 12682</span> 12683 </div> 12684 </div> 12685 12686 12687 </div> 12688 12689 <div class="card__content aiza2"> 12690 <div class="card__information"> 12691 <small class="product-brand"> 12692 Kayseria 12693 </small> 12694 <h3 12695 class="card__heading h5" 12696 12697 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-9839721283880" 12698 12699 > 12700 <a 12701 href="/products/e1470" 12702 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-9839721283880" 12703 class="full-unstyled-link" 12704 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-9839721283880 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-9839721283880" 12705 > 12706 VELVET | EMBROIDERED 12707 12708 <div class="card_colorways_container" onclick="event.stopPropagation();"> 12709 12710 12711 � 12712 </div> 12713 </a> 12714 12715 </h3> 12716 12717 <h3 class="product-subtitle hidden">UNSTITCHED | SHIRT & TROUSER</h3> 12718 12719 <div class="card-information"><span class="caption-large light"></span> 12720<div 12721 class=" 12722 price " 12723 > 12724 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 12725 <span class="price-item price-item--regular"> 12726 <span class=money>Rs.19,990</span> 12727 </span></div> 12728 <div class="price__sale"> 12729 <span class="visually-hidden visually-hidden--inline">Regular price</span> 12730 <span> 12731 <s class="price-item price-item--regular"> 12732 12733 <span class=money>Rs.19,990</span> 12734 12735 </s> 12736 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 12737 <span class="price-item price-item--sale price-item--last"> 12738 12739 12740 12741 12742 <span class="percentage__sale hidden">0% OFF</span> 12743 12744 <span class=money>Rs.19,990</span> 12745 </span> 12746 </div> 12747 <small class="unit-price caption hidden"> 12748 <span class="visually-hidden">Unit price</span> 12749 <span class="price-item price-item--last"> 12750 <span></span> 12751 <span aria-hidden="true">/</span> 12752 <span class="visually-hidden"> per </span> 12753 <span> 12754 </span> 12755 </span> 12756 </small> 12757 </div></div> 12758 12759 12760 12761 </div> 12762 </div> 12763 </div> 12764 12765 </div> 12766 </div><style> 12767/* ========================================================= 12768 DESKTOP PRODUCT CARD QUICK ADD 12769 LEFT = sizes 12770 RIGHT = original bag icon 12771 Mobile behavior remains unchanged 12772 ========================================================= */ 12773@media (min-width: 990px) { 12774 .hide-desktop { 12775 display: none !important; 12776 } 12777 12778 /* Keep both controls on the same bottom row */ 12779 .card-wrapper-box { 12780 position: relative; 12781 } 12782 12783 .card-wrapper-box .bt-qatc-container, 12784 .card-wrapper-box .ethnc-qatc-btn-container { 12785 position: absolute !important; 12786 bottom: 0 !important; 12787 z-index: 8 !important; 12788 } 12789 12790 /* LEFT: size area */ 12791 .card-wrapper-box .bt-qatc-container { 12792 left: 0 !important; 12793 right: 46px !important; 12794 width: auto !important; 12795 } 12796 12797 .card-wrapper-box .bt-qatc-form-container { 12798 left: 0 !important; 12799 right: 0 !important; 12800 bottom: -350% !important; 12801 width: 100% !important; 12802 min-height: 43px !important; 12803 opacity: 0 !important; 12804 visibility: hidden !important; 12805 pointer-events: none !important; 12806 transition: bottom .22s ease, opacity .18s ease !important; 12807 } 12808 12809 .card-wrapper-box .bt-qatc-form, 12810 .card-wrapper-box .bt-qatc-form-variants-container, 12811 .card-wrapper-box .bt-qatc-form-variants--list { 12812 width: 100% !important; 12813 } 12814 12815 .card-wrapper-box .bt-qatc-form-variants--list { 12816 display: flex !important;
12817 align-items: center !important; 12818 flex-wrap: wrap !important; 12819 gap: 0 !important; 12820 min-height: 43px !important; 12821 } 12822 12823 /* RIGHT: original bag button */ 12824 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 12825 display: flex !important; 12826 align-items: stretch !important; 12827 justify-content: center !important; 12828 left: auto !important; 12829 right: 0 !important; 12830 width: 46px !important; 12831 height: 43px !important; 12832 opacity: 0 !important; 12833 visibility: hidden !important; 12834 pointer-events: none !important; 12835 transition: opacity .18s ease !important; 12836 } 12837 12838 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 12839 display: flex !important; 12840 align-items: center !important; 12841 justify-content: center !important; 12842 width: 46px !important; 12843 height: 43px !important; 12844 min-width: 46px !important; 12845 padding: 0 !important; 12846 cursor: pointer !important; 12847 } 12848 12849 /* Hide Add to Basket text on desktop; keep only bag icon */ 12850 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 12851 display: none !important; 12852 } 12853 12854 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 12855 display: flex !important; 12856 align-items: center !important; 12857 justify-content: center !important; 12858 width: 100% !important; 12859 height: 100% !important; 12860 padding: 0 !important; 12861 } 12862 12863 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 12864 display: block !important; 12865 width: 16px !important; 12866 height: 17px !important; 12867 } 12868 12869 /* Show sizes + bag together on desktop hover */ 12870 .card-wrapper-box:hover .bt-qatc-form-container { 12871 bottom: 0 !important; 12872 opacity: 1 !important; 12873 visibility: visible !important; 12874 pointer-events: auto !important; 12875 } 12876 12877 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 12878 opacity: 1 !important; 12879 visibility: visible !important; 12880 pointer-events: auto !important; 12881 } 12882} 12883 12884@media (max-width: 989px) { 12885 .hide-mobile { 12886 display: none; 12887 } 12888} 12889</style> 12890 12891 12892<style> 12893/* ========================================================= 12894 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 12895 Keeps all sizes in one clean row on the left 12896 and the bag icon fixed on the right. 12897 ========================================================= */ 12898@media (min-width: 990px) { 12899 12900 .card-wrapper-box .bt-qatc-form-container { 12901 height: 43px !important; 12902 min-height: 43px !important; 12903 max-height: 43px !important; 12904 overflow: hidden !important; 12905 background: rgba(255,255,255,.96) !important; 12906 } 12907 12908 .card-wrapper-box .bt-qatc-form { 12909 display: block !important; 12910 height: 43px !important; 12911 min-height: 43px !important; 12912 margin: 0 !important; 12913 padding: 0 !important; 12914 } 12915 12916 .card-wrapper-box .bt-qatc-form-variants-container { 12917 display: block !important; 12918 width: 100% !important; 12919 height: 43px !important; 12920 min-height: 43px !important; 12921 margin: 0 !important; 12922 padding: 0 !important; 12923 } 12924 12925 .card-wrapper-box .bt-qatc-form-variants--list { 12926 display: flex !important; 12927 flex-direction: row !important; 12928 flex-wrap: wrap !important; 12929 align-items: center !important; 12930 justify-content: center !important; 12931 12932 width: 100% !important; 12933 height: 43px !important; 12934 min-height: 43px !important; 12935 12936 margin: 0 !important; 12937 padding: 0 6px !important; 12938 gap: 2px !important; 12939 12940 box-sizing: border-box !important; 12941 overflow: visible !important; 12942 white-space: normal !important; 12943 } 12944 12945 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 12946 display: none !important; 12947 } 12948 12949 .card-wrapper-box .bt-qatc-form-variant-input { 12950 position: relative !important; 12951 12952 display: flex !important; 12953 align-items: center !important; 12954 justify-content: center !important; 12955 12956 flex: 0 0 auto !important; 12957 width: auto !important; 12958 min-width: 32px !important; 12959 height: 43px !important; 12960 12961 margin: 0 !important; 12962 padding: 0 !important; 12963 12964 border: 0 !important; 12965 background: transparent !important; 12966 } 12967 12968 .card-wrapper-box .bt-qatc-form-variant-input label { 12969 position: static !important; 12970 12971 display: flex !important;
12972 align-items: center !important; 12973 justify-content: center !important; 12974 12975 width: auto !important; 12976 min-width: 32px !important; 12977 height: 32px !important; 12978 12979 margin: 0 !important; 12980 padding: 0 6px !important; 12981 12982 box-sizing: border-box !important; 12983 12984 background: transparent !important; 12985 border: 0 !important; 12986 12987 color: #111 !important; 12988 font-size: 12px !important; 12989 line-height: 1 !important; 12990 font-weight: 400 !important; 12991 12992 white-space: nowrap !important; 12993 cursor: pointer !important; 12994 } 12995 12996 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 12997 display: block !important; 12998 width: auto !important; 12999 max-width: none !important; 13000 13001 margin: 0 !important; 13002 padding: 0 !important; 13003 13004 overflow: visible !important; 13005 white-space: nowrap !important; 13006 text-overflow: clip !important; 13007 13008 font-size: inherit !important; 13009 line-height: inherit !important; 13010 } 13011 13012 /* Sold-out size */ 13013 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 13014 opacity: .35 !important; 13015 text-decoration: line-through !important; 13016 cursor: not-allowed !important; 13017 } 13018 13019 /* Optional hover feedback */ 13020 .card-wrapper-box 13021 .bt-qatc-form-variant-input:not(.is-disbaled) 13022 label:hover { 13023 text-decoration: underline !important; 13024 text-underline-offset: 3px !important; 13025 } 13026 13027 /* Prevent old theme transforms / absolute positions */ 13028 .card-wrapper-box .bt-qatc-form-variant-input *, 13029 .card-wrapper-box .bt-qatc-form-variants--list * { 13030 transform: none; 13031 } 13032} 13033</style> 13034 13035 13036<style> 13037/* Desktop quick-add: use one seamless background for sizes + bag */ 13038@media (min-width: 990px) { 13039 .card-wrapper-box .bt-qatc-form-container, 13040 .card-wrapper-box .bt-qatc-form, 13041 .card-wrapper-box .bt-qatc-form-variants-container, 13042 .card-wrapper-box .bt-qatc-form-variants--list, 13043 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 13044 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 13045 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 13046 background: rgba(255,255,255,.96) !important; 13047 } 13048 13049 /* Remove any visual split between sizes and bag */ 13050 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 13051 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 13052 border-left: 0 !important; 13053 box-shadow: none !important; 13054 } 13055} 13056</style> 13057 13058 13059<style> 13060/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 13061@media (min-width: 990px) { 13062 .card-wrapper-box .bt-qatc-form-container, 13063 .card-wrapper-box .bt-qatc-form, 13064 .card-wrapper-box .bt-qatc-form-variants-container { 13065 height: auto !important; 13066 max-height: none !important; 13067 overflow: visible !important; 13068 } 13069 13070 .card-wrapper-box .bt-qatc-form-variants--list { 13071 display: flex !important; 13072 flex-wrap: wrap !important; 13073 justify-content: center !important; 13074 align-items: center !important; 13075 height: auto !important; 13076 min-height: 43px !important; 13077 max-height: none !important; 13078 overflow: visible !important; 13079 white-space: normal !important; 13080 padding: 5px 6px !important; 13081 } 13082 13083 .card-wrapper-box .bt-qatc-form-variant-input { 13084 flex: 0 0 auto !important; 13085 } 13086} 13087</style> 13088
13089<script> 13090 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 13091 const wrap = label.closest('.bt-qatc-form-variant-input'); 13092 const form = label.closest('.bt-qatc-form'); 13093 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 13094 13095 if (!wrap || !form || !input) return; 13096 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 13097 if (label.dataset.loading === 'true') return; 13098 13099 input.checked = true; 13100 label.dataset.loading = 'true'; 13101 label.style.pointerEvents = 'none'; 13102 13103 try { 13104 const cartResp = await fetch('/cart.js', { 13105 method: 'GET', 13106 headers: { 'Accept': 'application/json' } 13107 }); 13108 13109 if (!cartResp.ok) throw new Error('Unable to read cart'); 13110 13111 const cart = await cartResp.json(); 13112 const variantId = Number(input.value); 13113 const selectedPrice = Number(input.dataset.price || 0) / 100; 13114 const totalCartPrice = Number(cart.total_price || 0) / 100; 13115 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 13116 13117 if ((totalCartPrice + selectedPrice) > 250000) { 13118 if (window.showAlert) { 13119 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 13120 } else { 13121 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 13122 } 13123 return; 13124 } 13125 13126 if (itemInCart && Number(itemInCart.quantity) >= 3) { 13127 if (window.showAlert) { 13128 window.showAlert('Limit reached: Max 3 items per size can be added'); 13129 } else { 13130 alert('Limit reached: Max 3 items per size can be added'); 13131 } 13132 return; 13133 } 13134 13135 13136 const cartSections = document.querySelector('cart-notification, cart-drawer'); 13137 const formData = new FormData(form); 13138 13139 formData.set('id', input.value); 13140 formData.set('quantity', '1'); 13141 13142 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 13143 formData.set( 13144 'sections', 13145 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 13146 ); 13147 } 13148 13149 formData.set('sections_url', window.location.pathname); 13150 13151 const addResp = await fetch('/cart/add.js', { 13152 method: 'POST', 13153 headers: { 'Accept': 'application/json' }, 13154 body: formData 13155 }); 13156 13157 const data = await addResp.json(); 13158 13159 if (!addResp.ok) { 13160 throw new Error(data.description || data.message || 'Unable to add this size'); 13161 } 13162 13163 if (cartSections && typeof cartSections.renderContents === 'function') { 13164 cartSections.renderContents(data); 13165 } else { 13166 const bubble = document.querySelector('#cart-icon-bubble'); 13167 if (bubble) bubble.click(); 13168 } 13169 13170 const card = label.closest('.card-wrapper-box'); 13171 if (card) { 13172 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 13173 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 13174 } 13175 } catch (error) { 13176 console.error('SEFAM hover size quick-add error:', error); 13177 if (window.showAlert) { 13178 window.showAlert(error.message || 'Unable to add this size to cart'); 13179 } else { 13180 alert(error.message || 'Unable to add this size to cart'); 13181 } 13182 } finally { 13183 label.dataset.loading = 'false'; 13184 label.style.pointerEvents = ''; 13185 } 13186 }; 13187</script>
13187 13188 13189<style> 13190/* Desktop quick-add final alignment: 13191 sizes start from left; bag area matches the complete quick-size background height. */ 13192@media (min-width: 990px) { 13193 .card-wrapper-box .bt-qatc-form-variants--list { 13194 justify-content: flex-start !important; 13195 align-content: center !important; 13196 text-align: left !important; 13197 } 13198 13199 .card-wrapper-box .bt-qatc-container { 13200 right: 46px !important; 13201 } 13202 13203 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 13204 top: auto !important; 13205 bottom: 0 !important; 13206 width: 46px !important; 13207 height: 100% !important; 13208 min-height: 43px !important; 13209 align-items: stretch !important; 13210 background: rgba(255,255,255,.96) !important; 13211 } 13212 13213 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 13214 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 13215 width: 46px !important; 13216 height: 100% !important; 13217 min-height: 43px !important; 13218 background: rgba(255,255,255,.96) !important; 13219 } 13220 13221 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 13222 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 13223 height: var(--sefam-quick-add-height, 43px) !important; 13224 } 13225} 13226</style>
13227<script> 13228(function () { 13229 function syncQuickAddHeight(card) { 13230 if (!card || window.innerWidth < 990) return; 13231 var panel = card.querySelector('.bt-qatc-form-container'); 13232 if (!panel) return; 13233 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 13234 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 13235 } 13236 13237 document.addEventListener('mouseover', function(e) { 13238 var card = e.target.closest('.card-wrapper-box'); 13239 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 13240 }, { passive: true }); 13241 13242 window.addEventListener('resize', function() { 13243 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 13244 }, { passive: true }); 13245})(); 13246</script>
13246 13247 13248 13249 13250<style> 13251/* ========================================================= 13252 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 13253 - reduce space between sizes 13254 - keep sizes left aligned 13255 - keep the bag icon on the BOTTOM row 13256 - bag background still matches the full size panel 13257 ========================================================= */ 13258@media (min-width: 990px) { 13259 13260 /* More usable width for sizes */ 13261 .card-wrapper-box .bt-qatc-container { 13262 right: 42px !important; 13263 } 13264 13265 /* Compact, left-aligned size list */ 13266 .card-wrapper-box .bt-qatc-form-variants--list { 13267 justify-content: flex-start !important; 13268 align-items: center !important; 13269 align-content: center !important; 13270 13271 column-gap: 0 !important; 13272 row-gap: 0 !important; 13273 13274 padding: 4px 4px !important; 13275 margin: 0 !important; 13276 } 13277 13278 .card-wrapper-box .bt-qatc-form-variant-input { 13279 min-width: 0 !important; 13280 width: auto !important; 13281 height: 35px !important; 13282 margin: 0 !important; 13283 padding: 0 !important; 13284 } 13285 13286 .card-wrapper-box .bt-qatc-form-variant-input label { 13287 min-width: 0 !important; 13288 width: auto !important; 13289 height: 35px !important; 13290 13291 margin: 0 !important; 13292 padding: 0 4px !important; 13293 13294 font-size: 12px !important; 13295 line-height: 1 !important; 13296 } 13297 13298 /* Bag column keeps the same full white background as the sizes */ 13299 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 13300 right: 0 !important; 13301 bottom: 0 !important; 13302 top: auto !important; 13303 13304 width: 42px !important; 13305 min-width: 42px !important; 13306 height: var(--sefam-quick-add-height, 43px) !important; 13307 min-height: 43px !important; 13308 13309 display: flex !important; 13310 flex-direction: column !important; 13311 justify-content: flex-end !important; 13312 align-items: stretch !important; 13313 13314 padding: 0 !important; 13315 margin: 0 !important; 13316 13317 background: rgba(255,255,255,.96) !important; 13318 } 13319 13320 /* The clickable bag itself always sits at the bottom */ 13321 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 13322 width: 42px !important; 13323 min-width: 42px !important; 13324 height: 43px !important; 13325 min-height: 43px !important; 13326 13327 margin-top: auto !important; 13328 padding: 0 !important; 13329 13330 display: flex !important; 13331 align-items: center !important; 13332 justify-content: center !important; 13333 13334 background: rgba(255,255,255,.96) !important; 13335 } 13336 13337 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 13338 width: 42px !important; 13339 height: 43px !important; 13340 min-height: 43px !important; 13341 13342 display: flex !important; 13343 align-items: center !important; 13344 justify-content: center !important; 13345 13346 padding: 0 !important; 13347 margin: 0 !important; 13348 13349 background: transparent !important; 13350 } 13351 13352 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 13353 width: 16px !important; 13354 height: 17px !important; 13355 } 13356} 13357</style> 13358 13359 13360<style> 13361/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 13362@media (min-width: 990px) { 13363 .card-wrapper-box .bt-qatc-form-variants--list { 13364 padding: 3px 4px !important; 13365 column-gap: 0 !important; 13366 row-gap: 0 !important; 13367 justify-content: flex-start !important; 13368 align-items: center !important; 13369 align-content: center !important; 13370 } 13371 13372 .card-wrapper-box .bt-qatc-form-variant-input { 13373 min-width: 0 !important; 13374 width: auto !important; 13375 height: 30px !important; 13376 margin: 0 !important; 13377 padding: 0 !important; 13378 } 13379 13380 .card-wrapper-box .bt-qatc-form-variant-input label { 13381 min-width: 0 !important; 13382 width: auto !important; 13383 height: 30px !important; 13384 margin: 0 !important; 13385 padding: 0 4px !important; 13386 font-size: 12px !important; 13387 line-height: 1 !important; 13388 display: flex !important; 13389 align-items: center !important; 13390 justify-content: center !important; 13391 } 13392 13393 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 13394 display: flex !important; 13395 flex-direction: column !important; 13396 justify-content: flex-end !important;
13397 align-items: stretch !important; 13398 bottom: 0 !important; 13399 top: auto !important; 13400 height: var(--sefam-quick-add-height, 36px) !important; 13401 min-height: 36px !important; 13402 } 13403 13404 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 13405 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 13406 height: 36px !important; 13407 min-height: 36px !important; 13408 margin-top: auto !important; 13409 } 13410} 13411</style> 13412 13413<style> 13414 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 13415 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 13416 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 13417 .card_colorways_container .new-mbl-color-single label span, 13418 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 13419 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 13420</style> 13421 13422 </li> 13423 13424 <li 13425 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_Vj3Gex-8" 13426 class="grid__item slider__slide" 13427 > 13428 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 13429� 13430 13431 13432 � 13433 13434 13435 13436 <div class="card-wrapper product-card-wrapper"> 13437 <div 13438 class=" 13439 card card--standard 13440 card--media 13441 13442 13443 13444 13445 13446 " 13447 style="--ratio-percent: 150.00000000000003%;" 13448 13449 > 13450 <div class="card-wrapper-box"> 13451 13452 <div 13453 class="card__inner color-scheme-2 gradient ratio" 13454 style="--ratio-percent: 150.00000000000003%;" 13455 13456 > 13457 �<a href="/products/e2233"> 13458 13459 �<div class="card-prdct2 card__media"> 13460 <div class="media media--transparent mt3"> 13461 13462 13463 <img 13464 src="//sefam.com/cdn/shop/files/E2233_2.jpg?v=1789381594&width=800" 13465 srcset="//sefam.com/cdn/shop/files/E2233_2.jpg?v=1789381594&width=1600 2x" 13466 class="" 13467 alt="SILK | PRINTED" 13468 13469 loading="lazy" 13470 13471 width="2400" 13472 height="3600" 13473 > 13474 �<img 13475 src="//sefam.com/cdn/shop/files/E2233_2_76dba8df-c5fe-4ecc-bb91-9adeba823378.jpg?v=1789736806&width=800" 13476 srcset="//sefam.com/cdn/shop/files/E2233_2_76dba8df-c5fe-4ecc-bb91-9adeba823378.jpg?v=1789736806&width=1600 2x" 13477 alt="SILK | PRINTED" 13478 loading="lazy" 13479 width="2400" 13480 height="3600" 13481 data-index="" 13482 > 13483 13484 � 13485 </div> 13486 13487 13488 </div> 13489 </a> 13490 </div> 13491 13492 13493 13494 13495 <div class="bt-qatc-container"> 13496 <div class="bt-qatc-form-container"> 13497 <div class="bt-qatc-form-content large-up-hide medium-hide"> 13498 <h3>SILK | PRINTED</h3> 13499 13500<div 13501 class=" 13502 price " 13503 > 13504 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 13505 <span class="price-item price-item--regular"> 13506 <span class=money>Rs.6,990</span> 13507 </span></div> 13508 <div class="price__sale"> 13509 <span class="visually-hidden visually-hidden--inline">Regular price</span> 13510 <span> 13511 <s class="price-item price-item--regular"> 13512
13513 <span class=money>Rs.6,990</span> 13514 13515 </s> 13516 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 13517 <span class="price-item price-item--sale price-item--last"> 13518 13519 13520 13521 13522 <span class="percentage__sale hidden">0% OFF</span> 13523 13524 <span class=money>Rs.6,990</span> 13525 </span> 13526 </div> 13527 <small class="unit-price caption hidden"> 13528 <span class="visually-hidden">Unit price</span> 13529 <span class="price-item price-item--last"> 13530 <span></span> 13531 <span aria-hidden="true">/</span> 13532 <span class="visually-hidden"> per </span> 13533 <span> 13534 </span> 13535 </span> 13536 </small> 13537 </div></div> 13538 13539 13540 13541 </div> 13542 <div 13543 class="ethnc-form-media large-up-hide medium-hide" 13544 13545 ></div> 13546 <form method="post" action="/cart/add" class="bt-qatc-form"> 13547 <input type="hidden" name="quantity" value="1"> 13548 <div class="bt-qatc-form-variants-container"> 13549 <div class="bt-qatc-form-variants--list"> 13550 13551 <div 13552 class="in-use bt-qatc-form-variant-input" 13553 13554 data-only-child 13555 13556 > 13557 <input 13558 type="radio" 13559 name="id" 13560 id="-52228608721192" 13561 value="52228608721192" 13562 data-price="699000" 13563 data-item-id="10392129437992" 13564 hidden 13565 13566 data-item-id="10392129437992" 13567 13568 checked 13569 13570 > 13571 13572 <label 13573 for="-52228608721192" 13574 data-sefam-quick-size 13575 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 13576 > 13577 <span class="split-variant-value"> 13578 13579 UNSTITCHED 13580 13581</span> 13582 </label> 13583 </div> 13584 13585 </div> 13586 13587 13588 13589 13590 </div> 13591 </form> 13592 </div> 13593 </div> 13594 13595 13596 13597 13598 13599 13600 13601 13602 13603 13604 13605 13606 13607 13608 13609 13610 13611 13612 13613 13614 13615 13616 13617 13618 13619 13620 13621 13622 13623 13624 13625 13626 13627 13628 13629 13630 <div 13631 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 13632 > 13633 <div class="ethnc-qatc-btn cstm-add-btn visible"> 13634 <span class="small-hide hide-mobile">Add to Basket</span> 13635 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 13636 </span>
13637 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 13638 width="11" 13639 height="11" 13640 viewBox="0 0 11 11" 13641 fill="none" 13642> 13643 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 13644 fill="black" 13645 /> 13646</svg> 13647</span> 13648 </div> 13649 </div> 13650 13651 13652 </div> 13653 13654 <div class="card__content aiza2"> 13655 <div class="card__information"> 13656 <small class="product-brand"> 13657 Kayseria 13658 </small> 13659 <h3 13660 class="card__heading h5" 13661 13662 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10392129437992" 13663 13664 > 13665 <a 13666 href="/products/e2233" 13667 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10392129437992" 13668 class="full-unstyled-link" 13669 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10392129437992 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10392129437992" 13670 > 13671 SILK | PRINTED 13672 13673 <div class="card_colorways_container" onclick="event.stopPropagation();"> 13674 13675 13676 � 13677 </div> 13678 </a> 13679 13680 </h3> 13681 13682 <h3 class="product-subtitle hidden">UNSTITCHED | SHIRT</h3> 13683 13684 <div class="card-information"><span class="caption-large light"></span> 13685<div 13686 class=" 13687 price " 13688 > 13689 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 13690 <span class="price-item price-item--regular"> 13691 <span class=money>Rs.6,990</span> 13692 </span></div> 13693 <div class="price__sale"> 13694 <span class="visually-hidden visually-hidden--inline">Regular price</span> 13695 <span> 13696 <s class="price-item price-item--regular"> 13697 13698 <span class=money>Rs.6,990</span> 13699 13700 </s> 13701 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 13702 <span class="price-item price-item--sale price-item--last"> 13703 13704 13705 13706 13707 <span class="percentage__sale hidden">0% OFF</span> 13708 13709 <span class=money>Rs.6,990</span> 13710 </span> 13711 </div> 13712 <small class="unit-price caption hidden"> 13713 <span class="visually-hidden">Unit price</span> 13714 <span class="price-item price-item--last"> 13715 <span></span> 13716 <span aria-hidden="true">/</span> 13717 <span class="visually-hidden"> per </span> 13718 <span> 13719 </span> 13720 </span> 13721 </small> 13722 </div></div> 13723 13724 13725 13726 </div> 13727 </div> 13728 </div> 13729 13730 </div> 13731 </div><style> 13732/* ========================================================= 13733 DESKTOP PRODUCT CARD QUICK ADD 13734 LEFT = sizes 13735 RIGHT = original bag icon 13736 Mobile behavior remains unchanged 13737 ========================================================= */ 13738@media (min-width: 990px) { 13739 .hide-desktop { 13740 display: none !important; 13741 } 13742 13743 /* Keep both controls on the same bottom row */ 13744 .card-wrapper-box { 13745 position: relative; 13746 } 13747 13748 .card-wrapper-box .bt-qatc-container, 13749 .card-wrapper-box .ethnc-qatc-btn-container { 13750 position: absolute !important; 13751 bottom: 0 !important; 13752 z-index: 8 !important; 13753 } 13754 13755 /* LEFT: size area */ 13756 .card-wrapper-box .bt-qatc-container { 13757 left: 0 !important; 13758 right: 46px !important; 13759 width: auto !important; 13760 } 13761 13762 .card-wrapper-box .bt-qatc-form-container { 13763 left: 0 !important; 13764 right: 0 !important; 13765 bottom: -350% !important; 13766 width: 100% !important; 13767 min-height: 43px !important; 13768 opacity: 0 !important; 13769 visibility: hidden !important; 13770 pointer-events: none !important; 13771 transition: bottom .22s ease, opacity .18s ease !important; 13772 } 13773 13774 .card-wrapper-box .bt-qatc-form, 13775 .card-wrapper-box .bt-qatc-form-variants-container, 13776 .card-wrapper-box .bt-qatc-form-variants--list { 13777 width: 100% !important; 13778 } 13779 13780 .card-wrapper-box .bt-qatc-form-variants--list { 13781 display: flex !important;
13782 align-items: center !important; 13783 flex-wrap: wrap !important; 13784 gap: 0 !important; 13785 min-height: 43px !important; 13786 } 13787 13788 /* RIGHT: original bag button */ 13789 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 13790 display: flex !important; 13791 align-items: stretch !important; 13792 justify-content: center !important; 13793 left: auto !important; 13794 right: 0 !important; 13795 width: 46px !important; 13796 height: 43px !important; 13797 opacity: 0 !important; 13798 visibility: hidden !important; 13799 pointer-events: none !important; 13800 transition: opacity .18s ease !important; 13801 } 13802 13803 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 13804 display: flex !important; 13805 align-items: center !important; 13806 justify-content: center !important; 13807 width: 46px !important; 13808 height: 43px !important; 13809 min-width: 46px !important; 13810 padding: 0 !important; 13811 cursor: pointer !important; 13812 } 13813 13814 /* Hide Add to Basket text on desktop; keep only bag icon */ 13815 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 13816 display: none !important; 13817 } 13818 13819 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 13820 display: flex !important; 13821 align-items: center !important; 13822 justify-content: center !important; 13823 width: 100% !important; 13824 height: 100% !important; 13825 padding: 0 !important; 13826 } 13827 13828 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 13829 display: block !important; 13830 width: 16px !important; 13831 height: 17px !important; 13832 } 13833 13834 /* Show sizes + bag together on desktop hover */ 13835 .card-wrapper-box:hover .bt-qatc-form-container { 13836 bottom: 0 !important; 13837 opacity: 1 !important; 13838 visibility: visible !important; 13839 pointer-events: auto !important; 13840 } 13841 13842 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 13843 opacity: 1 !important; 13844 visibility: visible !important; 13845 pointer-events: auto !important; 13846 } 13847} 13848 13849@media (max-width: 989px) { 13850 .hide-mobile { 13851 display: none; 13852 } 13853} 13854</style> 13855 13856 13857<style> 13858/* ========================================================= 13859 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 13860 Keeps all sizes in one clean row on the left 13861 and the bag icon fixed on the right. 13862 ========================================================= */ 13863@media (min-width: 990px) { 13864 13865 .card-wrapper-box .bt-qatc-form-container { 13866 height: 43px !important; 13867 min-height: 43px !important; 13868 max-height: 43px !important; 13869 overflow: hidden !important; 13870 background: rgba(255,255,255,.96) !important; 13871 } 13872 13873 .card-wrapper-box .bt-qatc-form { 13874 display: block !important; 13875 height: 43px !important; 13876 min-height: 43px !important; 13877 margin: 0 !important; 13878 padding: 0 !important; 13879 } 13880 13881 .card-wrapper-box .bt-qatc-form-variants-container { 13882 display: block !important; 13883 width: 100% !important; 13884 height: 43px !important; 13885 min-height: 43px !important; 13886 margin: 0 !important; 13887 padding: 0 !important; 13888 } 13889 13890 .card-wrapper-box .bt-qatc-form-variants--list { 13891 display: flex !important; 13892 flex-direction: row !important; 13893 flex-wrap: wrap !important; 13894 align-items: center !important; 13895 justify-content: center !important; 13896 13897 width: 100% !important; 13898 height: 43px !important; 13899 min-height: 43px !important; 13900 13901 margin: 0 !important; 13902 padding: 0 6px !important; 13903 gap: 2px !important; 13904 13905 box-sizing: border-box !important; 13906 overflow: visible !important; 13907 white-space: normal !important; 13908 } 13909 13910 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 13911 display: none !important; 13912 } 13913 13914 .card-wrapper-box .bt-qatc-form-variant-input { 13915 position: relative !important; 13916 13917 display: flex !important; 13918 align-items: center !important; 13919 justify-content: center !important; 13920 13921 flex: 0 0 auto !important; 13922 width: auto !important; 13923 min-width: 32px !important; 13924 height: 43px !important; 13925 13926 margin: 0 !important; 13927 padding: 0 !important; 13928 13929 border: 0 !important; 13930 background: transparent !important; 13931 } 13932 13933 .card-wrapper-box .bt-qatc-form-variant-input label { 13934 position: static !important; 13935 13936 display: flex !important;
13937 align-items: center !important; 13938 justify-content: center !important; 13939 13940 width: auto !important; 13941 min-width: 32px !important; 13942 height: 32px !important; 13943 13944 margin: 0 !important; 13945 padding: 0 6px !important; 13946 13947 box-sizing: border-box !important; 13948 13949 background: transparent !important; 13950 border: 0 !important; 13951 13952 color: #111 !important; 13953 font-size: 12px !important; 13954 line-height: 1 !important; 13955 font-weight: 400 !important; 13956 13957 white-space: nowrap !important; 13958 cursor: pointer !important; 13959 } 13960 13961 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 13962 display: block !important; 13963 width: auto !important; 13964 max-width: none !important; 13965 13966 margin: 0 !important; 13967 padding: 0 !important; 13968 13969 overflow: visible !important; 13970 white-space: nowrap !important; 13971 text-overflow: clip !important; 13972 13973 font-size: inherit !important; 13974 line-height: inherit !important; 13975 } 13976 13977 /* Sold-out size */ 13978 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 13979 opacity: .35 !important; 13980 text-decoration: line-through !important; 13981 cursor: not-allowed !important; 13982 } 13983 13984 /* Optional hover feedback */ 13985 .card-wrapper-box 13986 .bt-qatc-form-variant-input:not(.is-disbaled) 13987 label:hover { 13988 text-decoration: underline !important; 13989 text-underline-offset: 3px !important; 13990 } 13991 13992 /* Prevent old theme transforms / absolute positions */ 13993 .card-wrapper-box .bt-qatc-form-variant-input *, 13994 .card-wrapper-box .bt-qatc-form-variants--list * { 13995 transform: none; 13996 } 13997} 13998</style> 13999 14000 14001<style> 14002/* Desktop quick-add: use one seamless background for sizes + bag */ 14003@media (min-width: 990px) { 14004 .card-wrapper-box .bt-qatc-form-container, 14005 .card-wrapper-box .bt-qatc-form, 14006 .card-wrapper-box .bt-qatc-form-variants-container, 14007 .card-wrapper-box .bt-qatc-form-variants--list, 14008 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 14009 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 14010 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 14011 background: rgba(255,255,255,.96) !important; 14012 } 14013 14014 /* Remove any visual split between sizes and bag */ 14015 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 14016 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 14017 border-left: 0 !important; 14018 box-shadow: none !important; 14019 } 14020} 14021</style> 14022 14023 14024<style> 14025/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 14026@media (min-width: 990px) { 14027 .card-wrapper-box .bt-qatc-form-container, 14028 .card-wrapper-box .bt-qatc-form, 14029 .card-wrapper-box .bt-qatc-form-variants-container { 14030 height: auto !important; 14031 max-height: none !important; 14032 overflow: visible !important; 14033 } 14034 14035 .card-wrapper-box .bt-qatc-form-variants--list { 14036 display: flex !important; 14037 flex-wrap: wrap !important; 14038 justify-content: center !important; 14039 align-items: center !important; 14040 height: auto !important; 14041 min-height: 43px !important; 14042 max-height: none !important; 14043 overflow: visible !important; 14044 white-space: normal !important; 14045 padding: 5px 6px !important; 14046 } 14047 14048 .card-wrapper-box .bt-qatc-form-variant-input { 14049 flex: 0 0 auto !important; 14050 } 14051} 14052</style> 14053
14054<script> 14055 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 14056 const wrap = label.closest('.bt-qatc-form-variant-input'); 14057 const form = label.closest('.bt-qatc-form'); 14058 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 14059 14060 if (!wrap || !form || !input) return; 14061 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 14062 if (label.dataset.loading === 'true') return; 14063 14064 input.checked = true; 14065 label.dataset.loading = 'true'; 14066 label.style.pointerEvents = 'none'; 14067 14068 try { 14069 const cartResp = await fetch('/cart.js', { 14070 method: 'GET', 14071 headers: { 'Accept': 'application/json' } 14072 }); 14073 14074 if (!cartResp.ok) throw new Error('Unable to read cart'); 14075 14076 const cart = await cartResp.json(); 14077 const variantId = Number(input.value); 14078 const selectedPrice = Number(input.dataset.price || 0) / 100; 14079 const totalCartPrice = Number(cart.total_price || 0) / 100; 14080 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 14081 14082 if ((totalCartPrice + selectedPrice) > 250000) { 14083 if (window.showAlert) { 14084 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 14085 } else { 14086 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 14087 } 14088 return; 14089 } 14090 14091 if (itemInCart && Number(itemInCart.quantity) >= 3) { 14092 if (window.showAlert) { 14093 window.showAlert('Limit reached: Max 3 items per size can be added'); 14094 } else { 14095 alert('Limit reached: Max 3 items per size can be added'); 14096 } 14097 return; 14098 } 14099 14100 14101 const cartSections = document.querySelector('cart-notification, cart-drawer'); 14102 const formData = new FormData(form); 14103 14104 formData.set('id', input.value); 14105 formData.set('quantity', '1'); 14106 14107 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 14108 formData.set( 14109 'sections', 14110 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 14111 ); 14112 } 14113 14114 formData.set('sections_url', window.location.pathname); 14115 14116 const addResp = await fetch('/cart/add.js', { 14117 method: 'POST', 14118 headers: { 'Accept': 'application/json' }, 14119 body: formData 14120 }); 14121 14122 const data = await addResp.json(); 14123 14124 if (!addResp.ok) { 14125 throw new Error(data.description || data.message || 'Unable to add this size'); 14126 } 14127 14128 if (cartSections && typeof cartSections.renderContents === 'function') { 14129 cartSections.renderContents(data); 14130 } else { 14131 const bubble = document.querySelector('#cart-icon-bubble'); 14132 if (bubble) bubble.click(); 14133 } 14134 14135 const card = label.closest('.card-wrapper-box'); 14136 if (card) { 14137 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 14138 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 14139 } 14140 } catch (error) { 14141 console.error('SEFAM hover size quick-add error:', error); 14142 if (window.showAlert) { 14143 window.showAlert(error.message || 'Unable to add this size to cart'); 14144 } else { 14145 alert(error.message || 'Unable to add this size to cart'); 14146 } 14147 } finally { 14148 label.dataset.loading = 'false'; 14149 label.style.pointerEvents = ''; 14150 } 14151 }; 14152</script>
14152 14153 14154<style> 14155/* Desktop quick-add final alignment: 14156 sizes start from left; bag area matches the complete quick-size background height. */ 14157@media (min-width: 990px) { 14158 .card-wrapper-box .bt-qatc-form-variants--list { 14159 justify-content: flex-start !important; 14160 align-content: center !important; 14161 text-align: left !important; 14162 } 14163 14164 .card-wrapper-box .bt-qatc-container { 14165 right: 46px !important; 14166 } 14167 14168 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 14169 top: auto !important; 14170 bottom: 0 !important; 14171 width: 46px !important; 14172 height: 100% !important; 14173 min-height: 43px !important; 14174 align-items: stretch !important; 14175 background: rgba(255,255,255,.96) !important; 14176 } 14177 14178 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 14179 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 14180 width: 46px !important; 14181 height: 100% !important; 14182 min-height: 43px !important; 14183 background: rgba(255,255,255,.96) !important; 14184 } 14185 14186 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 14187 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 14188 height: var(--sefam-quick-add-height, 43px) !important; 14189 } 14190} 14191</style>
14192<script> 14193(function () { 14194 function syncQuickAddHeight(card) { 14195 if (!card || window.innerWidth < 990) return; 14196 var panel = card.querySelector('.bt-qatc-form-container'); 14197 if (!panel) return; 14198 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 14199 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 14200 } 14201 14202 document.addEventListener('mouseover', function(e) { 14203 var card = e.target.closest('.card-wrapper-box'); 14204 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 14205 }, { passive: true }); 14206 14207 window.addEventListener('resize', function() { 14208 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 14209 }, { passive: true }); 14210})(); 14211</script>
14211 14212 14213 14214 14215<style> 14216/* ========================================================= 14217 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 14218 - reduce space between sizes 14219 - keep sizes left aligned 14220 - keep the bag icon on the BOTTOM row 14221 - bag background still matches the full size panel 14222 ========================================================= */ 14223@media (min-width: 990px) { 14224 14225 /* More usable width for sizes */ 14226 .card-wrapper-box .bt-qatc-container { 14227 right: 42px !important; 14228 } 14229 14230 /* Compact, left-aligned size list */ 14231 .card-wrapper-box .bt-qatc-form-variants--list { 14232 justify-content: flex-start !important; 14233 align-items: center !important; 14234 align-content: center !important; 14235 14236 column-gap: 0 !important; 14237 row-gap: 0 !important; 14238 14239 padding: 4px 4px !important; 14240 margin: 0 !important; 14241 } 14242 14243 .card-wrapper-box .bt-qatc-form-variant-input { 14244 min-width: 0 !important; 14245 width: auto !important; 14246 height: 35px !important; 14247 margin: 0 !important; 14248 padding: 0 !important; 14249 } 14250 14251 .card-wrapper-box .bt-qatc-form-variant-input label { 14252 min-width: 0 !important; 14253 width: auto !important; 14254 height: 35px !important; 14255 14256 margin: 0 !important; 14257 padding: 0 4px !important; 14258 14259 font-size: 12px !important; 14260 line-height: 1 !important; 14261 } 14262 14263 /* Bag column keeps the same full white background as the sizes */ 14264 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 14265 right: 0 !important; 14266 bottom: 0 !important; 14267 top: auto !important; 14268 14269 width: 42px !important; 14270 min-width: 42px !important; 14271 height: var(--sefam-quick-add-height, 43px) !important; 14272 min-height: 43px !important; 14273 14274 display: flex !important; 14275 flex-direction: column !important; 14276 justify-content: flex-end !important; 14277 align-items: stretch !important; 14278 14279 padding: 0 !important; 14280 margin: 0 !important; 14281 14282 background: rgba(255,255,255,.96) !important; 14283 } 14284 14285 /* The clickable bag itself always sits at the bottom */ 14286 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 14287 width: 42px !important; 14288 min-width: 42px !important; 14289 height: 43px !important; 14290 min-height: 43px !important; 14291 14292 margin-top: auto !important; 14293 padding: 0 !important; 14294 14295 display: flex !important; 14296 align-items: center !important; 14297 justify-content: center !important; 14298 14299 background: rgba(255,255,255,.96) !important; 14300 } 14301 14302 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 14303 width: 42px !important; 14304 height: 43px !important; 14305 min-height: 43px !important; 14306 14307 display: flex !important; 14308 align-items: center !important; 14309 justify-content: center !important; 14310 14311 padding: 0 !important; 14312 margin: 0 !important; 14313 14314 background: transparent !important; 14315 } 14316 14317 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 14318 width: 16px !important; 14319 height: 17px !important; 14320 } 14321} 14322</style> 14323 14324 14325<style> 14326/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 14327@media (min-width: 990px) { 14328 .card-wrapper-box .bt-qatc-form-variants--list { 14329 padding: 3px 4px !important; 14330 column-gap: 0 !important; 14331 row-gap: 0 !important; 14332 justify-content: flex-start !important; 14333 align-items: center !important; 14334 align-content: center !important; 14335 } 14336 14337 .card-wrapper-box .bt-qatc-form-variant-input { 14338 min-width: 0 !important; 14339 width: auto !important; 14340 height: 30px !important; 14341 margin: 0 !important; 14342 padding: 0 !important; 14343 } 14344 14345 .card-wrapper-box .bt-qatc-form-variant-input label { 14346 min-width: 0 !important; 14347 width: auto !important; 14348 height: 30px !important; 14349 margin: 0 !important; 14350 padding: 0 4px !important; 14351 font-size: 12px !important; 14352 line-height: 1 !important; 14353 display: flex !important; 14354 align-items: center !important; 14355 justify-content: center !important; 14356 } 14357 14358 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 14359 display: flex !important; 14360 flex-direction: column !important; 14361 justify-content: flex-end !important;
14362 align-items: stretch !important; 14363 bottom: 0 !important; 14364 top: auto !important; 14365 height: var(--sefam-quick-add-height, 36px) !important; 14366 min-height: 36px !important; 14367 } 14368 14369 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 14370 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 14371 height: 36px !important; 14372 min-height: 36px !important; 14373 margin-top: auto !important; 14374 } 14375} 14376</style> 14377 14378<style> 14379 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 14380 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 14381 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 14382 .card_colorways_container .new-mbl-color-single label span, 14383 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 14384 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 14385</style> 14386 14387 </li> 14388 14389 <li 14390 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_Vj3Gex-9" 14391 class="grid__item slider__slide" 14392 > 14393 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 14394� 14395 14396 14397 � 14398 14399 14400 14401 <div class="card-wrapper product-card-wrapper"> 14402 <div 14403 class=" 14404 card card--standard 14405 card--media 14406 14407 14408 14409 14410 14411 " 14412 style="--ratio-percent: 150.00000000000003%;" 14413 14414 > 14415 <div class="card-wrapper-box"> 14416 14417 <div 14418 class="card__inner color-scheme-2 gradient ratio" 14419 style="--ratio-percent: 150.00000000000003%;" 14420 14421 > 14422 �<a href="/products/kpw26-p4201"> 14423 14424 �<div class="card-prdct2 card__media"> 14425 <div class="media media--transparent mt3"> 14426 14427 14428 <img 14429 src="//sefam.com/cdn/shop/files/KPW26-P4201_2.jpg?v=1789549531&width=800" 14430 srcset="//sefam.com/cdn/shop/files/KPW26-P4201_2.jpg?v=1789549531&width=1600 2x" 14431 class="" 14432 alt="FINER CAMBRIC | EMBROIDERED" 14433 14434 loading="lazy" 14435 14436 width="2400" 14437 height="3600" 14438 > 14439 �<img 14440 src="//sefam.com/cdn/shop/files/KPW26-P4201_2_2c5a8ad9-f235-4b95-a8f1-070d8c7f93d8.jpg?v=1789725117&width=800" 14441 srcset="//sefam.com/cdn/shop/files/KPW26-P4201_2_2c5a8ad9-f235-4b95-a8f1-070d8c7f93d8.jpg?v=1789725117&width=1600 2x" 14442 alt="FINER CAMBRIC | EMBROIDERED" 14443 loading="lazy" 14444 width="2400" 14445 height="3600" 14446 data-index="" 14447 > 14448 14449 � 14450 </div> 14451 14452 14453 </div> 14454 </a> 14455 </div> 14456 14457 14458 14459 14460 <div class="bt-qatc-container"> 14461 <div class="bt-qatc-form-container"> 14462 <div class="bt-qatc-form-content large-up-hide medium-hide"> 14463 <h3>FINER CAMBRIC | EMBROIDERED</h3> 14464 14465<div 14466 class=" 14467 price " 14468 > 14469 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 14470 <span class="price-item price-item--regular"> 14471 <span class=money>Rs.11,990</span> 14472 </span></div> 14473 <div class="price__sale"> 14474 <span class="visually-hidden visually-hidden--inline">Regular price</span> 14475 <span> 14476 <s class="price-item price-item--regular"> 14477
14478 <span class=money>Rs.11,990</span> 14479 14480 </s> 14481 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 14482 <span class="price-item price-item--sale price-item--last"> 14483 14484 14485 14486 14487 <span class="percentage__sale hidden">0% OFF</span> 14488 14489 <span class=money>Rs.11,990</span> 14490 </span> 14491 </div> 14492 <small class="unit-price caption hidden"> 14493 <span class="visually-hidden">Unit price</span> 14494 <span class="price-item price-item--last"> 14495 <span></span> 14496 <span aria-hidden="true">/</span> 14497 <span class="visually-hidden"> per </span> 14498 <span> 14499 </span> 14500 </span> 14501 </small> 14502 </div></div> 14503 14504 14505 14506 </div> 14507 <div 14508 class="ethnc-form-media large-up-hide medium-hide" 14509 14510 ></div> 14511 <form method="post" action="/cart/add" class="bt-qatc-form"> 14512 <input type="hidden" name="quantity" value="1"> 14513 <div class="bt-qatc-form-variants-container"> 14514 <div class="bt-qatc-form-variants--list"> 14515 14516 <div 14517 class="in-use bt-qatc-form-variant-input" 14518 14519 > 14520 <input 14521 type="radio" 14522 name="id" 14523 id="-52255789154600" 14524 value="52255789154600" 14525 data-price="1199000" 14526 data-item-id="10403974840616" 14527 hidden 14528 14529 data-item-id="10403974840616" 14530 14531 > 14532 14533 <label 14534 for="-52255789154600" 14535 data-sefam-quick-size 14536 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 14537 > 14538 <span class="split-variant-value"> 14539 14540 14541 14542 14543 14544 14545 14546 XS 14547 14548 14549</span> 14550 </label> 14551 </div> 14552 14553 <div 14554 class="in-use bt-qatc-form-variant-input" 14555 14556 > 14557 <input 14558 type="radio" 14559 name="id" 14560 id="-52255789187368" 14561 value="52255789187368" 14562 data-price="1199000" 14563 data-item-id="10403974840616" 14564 hidden 14565 14566 data-item-id="10403974840616" 14567 14568 > 14569 14570 <label 14571 for="-52255789187368" 14572 data-sefam-quick-size 14573 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 14574 > 14575 <span class="split-variant-value"> 14576 14577 14578 14579 14580 14581 14582 14583 S 14584 14585 14586</span> 14587 </label> 14588 </div> 14589 14590 <div 14591 class="in-use bt-qatc-form-variant-input" 14592 14593 > 14594 <input 14595 type="radio" 14596 name="id" 14597 id="-52255789220136" 14598 value="52255789220136" 14599 data-price="1199000" 14600 data-item-id="10403974840616" 14601 hidden 14602 14603 data-item-id="10403974840616" 14604 14605 > 14606 14607 <label 14608 for="-52255789220136" 14609 data-sefam-quick-size 14610 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 14611 >
14612 <span class="split-variant-value"> 14613 14614 14615 14616 14617 14618 14619 14620 M 14621 14622 14623</span> 14624 </label> 14625 </div> 14626 14627 <div 14628 class="in-use bt-qatc-form-variant-input" 14629 14630 > 14631 <input 14632 type="radio" 14633 name="id" 14634 id="-52255789252904" 14635 value="52255789252904" 14636 data-price="1199000" 14637 data-item-id="10403974840616" 14638 hidden 14639 14640 data-item-id="10403974840616" 14641 14642 > 14643 14644 <label 14645 for="-52255789252904" 14646 data-sefam-quick-size 14647 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 14648 > 14649 <span class="split-variant-value"> 14650 14651 14652 14653 14654 14655 14656 14657 L 14658 14659 14660</span> 14661 </label> 14662 </div> 14663 14664 <div 14665 class="in-use bt-qatc-form-variant-input is-disbaled" 14666 14667 > 14668 <input 14669 type="radio" 14670 name="id" 14671 id="-52255789285672" 14672 value="52255789285672" 14673 data-price="1199000" 14674 data-item-id="10403974840616" 14675 hidden 14676 14677 disbaled 14678 14679 data-item-id="10403974840616" 14680 14681 > 14682 14683 <label 14684 for="-52255789285672" 14685 data-sefam-quick-size 14686 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 14687 > 14688 <span class="split-variant-value"> 14689 14690 14691 14692 14693 14694 14695 14696 XL 14697 14698 14699</span> 14700 </label> 14701 </div> 14702 14703 </div> 14704 14705 14706 14707 14708 </div> 14709 </form> 14710 </div> 14711 </div> 14712 14713 14714 14715 14716 14717 14718 14719 14720 14721 14722 14723 14724 14725 14726 14727 14728 14729 14730 14731 14732 14733 14734 14735 14736 14737 14738 14739 14740 14741 14742 14743 14744 14745 14746 14747 14748 14749 14750 14751 14752 14753 14754 14755 14756 14757 <div 14758 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 14759 > 14760 <div class="ethnc-qatc-btn cstm-add-btn visible"> 14761 <span class="small-hide hide-mobile">Add to Basket</span> 14762 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 14763 </span>
14764 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 14765 width="11" 14766 height="11" 14767 viewBox="0 0 11 11" 14768 fill="none" 14769> 14770 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 14771 fill="black" 14772 /> 14773</svg> 14774</span> 14775 </div> 14776 </div> 14777 14778 14779 </div> 14780 14781 <div class="card__content aiza2"> 14782 <div class="card__information"> 14783 <small class="product-brand"> 14784 Kayseria 14785 </small> 14786 <h3 14787 class="card__heading h5" 14788 14789 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10403974840616" 14790 14791 > 14792 <a 14793 href="/products/kpw26-p4201" 14794 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10403974840616" 14795 class="full-unstyled-link" 14796 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10403974840616 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10403974840616" 14797 > 14798 FINER CAMBRIC | EMBROIDERED 14799 14800 <div class="card_colorways_container" onclick="event.stopPropagation();"> 14801 14802 14803 � 14804 </div> 14805 </a> 14806 14807 </h3> 14808 14809 <h3 class="product-subtitle hidden">RTW | SHIRT & TROUSER</h3> 14810 14811 <div class="card-information"><span class="caption-large light"></span> 14812<div 14813 class=" 14814 price " 14815 > 14816 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 14817 <span class="price-item price-item--regular"> 14818 <span class=money>Rs.11,990</span> 14819 </span></div> 14820 <div class="price__sale"> 14821 <span class="visually-hidden visually-hidden--inline">Regular price</span> 14822 <span> 14823 <s class="price-item price-item--regular"> 14824 14825 <span class=money>Rs.11,990</span> 14826 14827 </s> 14828 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 14829 <span class="price-item price-item--sale price-item--last"> 14830 14831 14832 14833 14834 <span class="percentage__sale hidden">0% OFF</span> 14835 14836 <span class=money>Rs.11,990</span> 14837 </span> 14838 </div> 14839 <small class="unit-price caption hidden"> 14840 <span class="visually-hidden">Unit price</span> 14841 <span class="price-item price-item--last"> 14842 <span></span> 14843 <span aria-hidden="true">/</span> 14844 <span class="visually-hidden"> per </span> 14845 <span> 14846 </span> 14847 </span> 14848 </small> 14849 </div></div> 14850 14851 14852 14853 </div> 14854 </div> 14855 </div> 14856 14857 </div> 14858 </div><style> 14859/* ========================================================= 14860 DESKTOP PRODUCT CARD QUICK ADD 14861 LEFT = sizes 14862 RIGHT = original bag icon 14863 Mobile behavior remains unchanged 14864 ========================================================= */ 14865@media (min-width: 990px) { 14866 .hide-desktop { 14867 display: none !important; 14868 } 14869 14870 /* Keep both controls on the same bottom row */ 14871 .card-wrapper-box { 14872 position: relative; 14873 } 14874 14875 .card-wrapper-box .bt-qatc-container, 14876 .card-wrapper-box .ethnc-qatc-btn-container { 14877 position: absolute !important; 14878 bottom: 0 !important; 14879 z-index: 8 !important; 14880 } 14881 14882 /* LEFT: size area */ 14883 .card-wrapper-box .bt-qatc-container { 14884 left: 0 !important; 14885 right: 46px !important; 14886 width: auto !important; 14887 } 14888 14889 .card-wrapper-box .bt-qatc-form-container { 14890 left: 0 !important; 14891 right: 0 !important; 14892 bottom: -350% !important; 14893 width: 100% !important; 14894 min-height: 43px !important; 14895 opacity: 0 !important; 14896 visibility: hidden !important; 14897 pointer-events: none !important; 14898 transition: bottom .22s ease, opacity .18s ease !important; 14899 } 14900 14901 .card-wrapper-box .bt-qatc-form, 14902 .card-wrapper-box .bt-qatc-form-variants-container, 14903 .card-wrapper-box .bt-qatc-form-variants--list { 14904 width: 100% !important; 14905 } 14906 14907 .card-wrapper-box .bt-qatc-form-variants--list { 14908 display: flex !important;
14909 align-items: center !important; 14910 flex-wrap: wrap !important; 14911 gap: 0 !important; 14912 min-height: 43px !important; 14913 } 14914 14915 /* RIGHT: original bag button */ 14916 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 14917 display: flex !important; 14918 align-items: stretch !important; 14919 justify-content: center !important; 14920 left: auto !important; 14921 right: 0 !important; 14922 width: 46px !important; 14923 height: 43px !important; 14924 opacity: 0 !important; 14925 visibility: hidden !important; 14926 pointer-events: none !important; 14927 transition: opacity .18s ease !important; 14928 } 14929 14930 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 14931 display: flex !important; 14932 align-items: center !important; 14933 justify-content: center !important; 14934 width: 46px !important; 14935 height: 43px !important; 14936 min-width: 46px !important; 14937 padding: 0 !important; 14938 cursor: pointer !important; 14939 } 14940 14941 /* Hide Add to Basket text on desktop; keep only bag icon */ 14942 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 14943 display: none !important; 14944 } 14945 14946 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 14947 display: flex !important; 14948 align-items: center !important; 14949 justify-content: center !important; 14950 width: 100% !important; 14951 height: 100% !important; 14952 padding: 0 !important; 14953 } 14954 14955 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 14956 display: block !important; 14957 width: 16px !important; 14958 height: 17px !important; 14959 } 14960 14961 /* Show sizes + bag together on desktop hover */ 14962 .card-wrapper-box:hover .bt-qatc-form-container { 14963 bottom: 0 !important; 14964 opacity: 1 !important; 14965 visibility: visible !important; 14966 pointer-events: auto !important; 14967 } 14968 14969 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 14970 opacity: 1 !important; 14971 visibility: visible !important; 14972 pointer-events: auto !important; 14973 } 14974} 14975 14976@media (max-width: 989px) { 14977 .hide-mobile { 14978 display: none; 14979 } 14980} 14981</style> 14982 14983 14984<style> 14985/* ========================================================= 14986 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 14987 Keeps all sizes in one clean row on the left 14988 and the bag icon fixed on the right. 14989 ========================================================= */ 14990@media (min-width: 990px) { 14991 14992 .card-wrapper-box .bt-qatc-form-container { 14993 height: 43px !important; 14994 min-height: 43px !important; 14995 max-height: 43px !important; 14996 overflow: hidden !important; 14997 background: rgba(255,255,255,.96) !important; 14998 } 14999 15000 .card-wrapper-box .bt-qatc-form { 15001 display: block !important; 15002 height: 43px !important; 15003 min-height: 43px !important; 15004 margin: 0 !important; 15005 padding: 0 !important; 15006 } 15007 15008 .card-wrapper-box .bt-qatc-form-variants-container { 15009 display: block !important; 15010 width: 100% !important; 15011 height: 43px !important; 15012 min-height: 43px !important; 15013 margin: 0 !important; 15014 padding: 0 !important; 15015 } 15016 15017 .card-wrapper-box .bt-qatc-form-variants--list { 15018 display: flex !important; 15019 flex-direction: row !important; 15020 flex-wrap: wrap !important; 15021 align-items: center !important; 15022 justify-content: center !important; 15023 15024 width: 100% !important; 15025 height: 43px !important; 15026 min-height: 43px !important; 15027 15028 margin: 0 !important; 15029 padding: 0 6px !important; 15030 gap: 2px !important; 15031 15032 box-sizing: border-box !important; 15033 overflow: visible !important; 15034 white-space: normal !important; 15035 } 15036 15037 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 15038 display: none !important; 15039 } 15040 15041 .card-wrapper-box .bt-qatc-form-variant-input { 15042 position: relative !important; 15043 15044 display: flex !important; 15045 align-items: center !important; 15046 justify-content: center !important; 15047 15048 flex: 0 0 auto !important; 15049 width: auto !important; 15050 min-width: 32px !important; 15051 height: 43px !important; 15052 15053 margin: 0 !important; 15054 padding: 0 !important; 15055 15056 border: 0 !important; 15057 background: transparent !important; 15058 } 15059 15060 .card-wrapper-box .bt-qatc-form-variant-input label { 15061 position: static !important; 15062 15063 display: flex !important;
15064 align-items: center !important; 15065 justify-content: center !important; 15066 15067 width: auto !important; 15068 min-width: 32px !important; 15069 height: 32px !important; 15070 15071 margin: 0 !important; 15072 padding: 0 6px !important; 15073 15074 box-sizing: border-box !important; 15075 15076 background: transparent !important; 15077 border: 0 !important; 15078 15079 color: #111 !important; 15080 font-size: 12px !important; 15081 line-height: 1 !important; 15082 font-weight: 400 !important; 15083 15084 white-space: nowrap !important; 15085 cursor: pointer !important; 15086 } 15087 15088 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 15089 display: block !important; 15090 width: auto !important; 15091 max-width: none !important; 15092 15093 margin: 0 !important; 15094 padding: 0 !important; 15095 15096 overflow: visible !important; 15097 white-space: nowrap !important; 15098 text-overflow: clip !important; 15099 15100 font-size: inherit !important; 15101 line-height: inherit !important; 15102 } 15103 15104 /* Sold-out size */ 15105 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 15106 opacity: .35 !important; 15107 text-decoration: line-through !important; 15108 cursor: not-allowed !important; 15109 } 15110 15111 /* Optional hover feedback */ 15112 .card-wrapper-box 15113 .bt-qatc-form-variant-input:not(.is-disbaled) 15114 label:hover { 15115 text-decoration: underline !important; 15116 text-underline-offset: 3px !important; 15117 } 15118 15119 /* Prevent old theme transforms / absolute positions */ 15120 .card-wrapper-box .bt-qatc-form-variant-input *, 15121 .card-wrapper-box .bt-qatc-form-variants--list * { 15122 transform: none; 15123 } 15124} 15125</style> 15126 15127 15128<style> 15129/* Desktop quick-add: use one seamless background for sizes + bag */ 15130@media (min-width: 990px) { 15131 .card-wrapper-box .bt-qatc-form-container, 15132 .card-wrapper-box .bt-qatc-form, 15133 .card-wrapper-box .bt-qatc-form-variants-container, 15134 .card-wrapper-box .bt-qatc-form-variants--list, 15135 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 15136 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 15137 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 15138 background: rgba(255,255,255,.96) !important; 15139 } 15140 15141 /* Remove any visual split between sizes and bag */ 15142 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 15143 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 15144 border-left: 0 !important; 15145 box-shadow: none !important; 15146 } 15147} 15148</style> 15149 15150 15151<style> 15152/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 15153@media (min-width: 990px) { 15154 .card-wrapper-box .bt-qatc-form-container, 15155 .card-wrapper-box .bt-qatc-form, 15156 .card-wrapper-box .bt-qatc-form-variants-container { 15157 height: auto !important; 15158 max-height: none !important; 15159 overflow: visible !important; 15160 } 15161 15162 .card-wrapper-box .bt-qatc-form-variants--list { 15163 display: flex !important; 15164 flex-wrap: wrap !important; 15165 justify-content: center !important; 15166 align-items: center !important; 15167 height: auto !important; 15168 min-height: 43px !important; 15169 max-height: none !important; 15170 overflow: visible !important; 15171 white-space: normal !important; 15172 padding: 5px 6px !important; 15173 } 15174 15175 .card-wrapper-box .bt-qatc-form-variant-input { 15176 flex: 0 0 auto !important; 15177 } 15178} 15179</style> 15180
15181<script> 15182 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 15183 const wrap = label.closest('.bt-qatc-form-variant-input'); 15184 const form = label.closest('.bt-qatc-form'); 15185 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 15186 15187 if (!wrap || !form || !input) return; 15188 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 15189 if (label.dataset.loading === 'true') return; 15190 15191 input.checked = true; 15192 label.dataset.loading = 'true'; 15193 label.style.pointerEvents = 'none'; 15194 15195 try { 15196 const cartResp = await fetch('/cart.js', { 15197 method: 'GET', 15198 headers: { 'Accept': 'application/json' } 15199 }); 15200 15201 if (!cartResp.ok) throw new Error('Unable to read cart'); 15202 15203 const cart = await cartResp.json(); 15204 const variantId = Number(input.value); 15205 const selectedPrice = Number(input.dataset.price || 0) / 100; 15206 const totalCartPrice = Number(cart.total_price || 0) / 100; 15207 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 15208 15209 if ((totalCartPrice + selectedPrice) > 250000) { 15210 if (window.showAlert) { 15211 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 15212 } else { 15213 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 15214 } 15215 return; 15216 } 15217 15218 if (itemInCart && Number(itemInCart.quantity) >= 3) { 15219 if (window.showAlert) { 15220 window.showAlert('Limit reached: Max 3 items per size can be added'); 15221 } else { 15222 alert('Limit reached: Max 3 items per size can be added'); 15223 } 15224 return; 15225 } 15226 15227 15228 const cartSections = document.querySelector('cart-notification, cart-drawer'); 15229 const formData = new FormData(form); 15230 15231 formData.set('id', input.value); 15232 formData.set('quantity', '1'); 15233 15234 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 15235 formData.set( 15236 'sections', 15237 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 15238 ); 15239 } 15240 15241 formData.set('sections_url', window.location.pathname); 15242 15243 const addResp = await fetch('/cart/add.js', { 15244 method: 'POST', 15245 headers: { 'Accept': 'application/json' }, 15246 body: formData 15247 }); 15248 15249 const data = await addResp.json(); 15250 15251 if (!addResp.ok) { 15252 throw new Error(data.description || data.message || 'Unable to add this size'); 15253 } 15254 15255 if (cartSections && typeof cartSections.renderContents === 'function') { 15256 cartSections.renderContents(data); 15257 } else { 15258 const bubble = document.querySelector('#cart-icon-bubble'); 15259 if (bubble) bubble.click(); 15260 } 15261 15262 const card = label.closest('.card-wrapper-box'); 15263 if (card) { 15264 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 15265 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 15266 } 15267 } catch (error) { 15268 console.error('SEFAM hover size quick-add error:', error); 15269 if (window.showAlert) { 15270 window.showAlert(error.message || 'Unable to add this size to cart'); 15271 } else { 15272 alert(error.message || 'Unable to add this size to cart'); 15273 } 15274 } finally { 15275 label.dataset.loading = 'false'; 15276 label.style.pointerEvents = ''; 15277 } 15278 }; 15279</script>
15279 15280 15281<style> 15282/* Desktop quick-add final alignment: 15283 sizes start from left; bag area matches the complete quick-size background height. */ 15284@media (min-width: 990px) { 15285 .card-wrapper-box .bt-qatc-form-variants--list { 15286 justify-content: flex-start !important; 15287 align-content: center !important; 15288 text-align: left !important; 15289 } 15290 15291 .card-wrapper-box .bt-qatc-container { 15292 right: 46px !important; 15293 } 15294 15295 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 15296 top: auto !important; 15297 bottom: 0 !important; 15298 width: 46px !important; 15299 height: 100% !important; 15300 min-height: 43px !important; 15301 align-items: stretch !important; 15302 background: rgba(255,255,255,.96) !important; 15303 } 15304 15305 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 15306 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 15307 width: 46px !important; 15308 height: 100% !important; 15309 min-height: 43px !important; 15310 background: rgba(255,255,255,.96) !important; 15311 } 15312 15313 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 15314 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 15315 height: var(--sefam-quick-add-height, 43px) !important; 15316 } 15317} 15318</style>
15319<script> 15320(function () { 15321 function syncQuickAddHeight(card) { 15322 if (!card || window.innerWidth < 990) return; 15323 var panel = card.querySelector('.bt-qatc-form-container'); 15324 if (!panel) return; 15325 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 15326 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 15327 } 15328 15329 document.addEventListener('mouseover', function(e) { 15330 var card = e.target.closest('.card-wrapper-box'); 15331 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 15332 }, { passive: true }); 15333 15334 window.addEventListener('resize', function() { 15335 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 15336 }, { passive: true }); 15337})(); 15338</script>
15338 15339 15340 15341 15342<style> 15343/* ========================================================= 15344 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 15345 - reduce space between sizes 15346 - keep sizes left aligned 15347 - keep the bag icon on the BOTTOM row 15348 - bag background still matches the full size panel 15349 ========================================================= */ 15350@media (min-width: 990px) { 15351 15352 /* More usable width for sizes */ 15353 .card-wrapper-box .bt-qatc-container { 15354 right: 42px !important; 15355 } 15356 15357 /* Compact, left-aligned size list */ 15358 .card-wrapper-box .bt-qatc-form-variants--list { 15359 justify-content: flex-start !important; 15360 align-items: center !important; 15361 align-content: center !important; 15362 15363 column-gap: 0 !important; 15364 row-gap: 0 !important; 15365 15366 padding: 4px 4px !important; 15367 margin: 0 !important; 15368 } 15369 15370 .card-wrapper-box .bt-qatc-form-variant-input { 15371 min-width: 0 !important; 15372 width: auto !important; 15373 height: 35px !important; 15374 margin: 0 !important; 15375 padding: 0 !important; 15376 } 15377 15378 .card-wrapper-box .bt-qatc-form-variant-input label { 15379 min-width: 0 !important; 15380 width: auto !important; 15381 height: 35px !important; 15382 15383 margin: 0 !important; 15384 padding: 0 4px !important; 15385 15386 font-size: 12px !important; 15387 line-height: 1 !important; 15388 } 15389 15390 /* Bag column keeps the same full white background as the sizes */ 15391 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 15392 right: 0 !important; 15393 bottom: 0 !important; 15394 top: auto !important; 15395 15396 width: 42px !important; 15397 min-width: 42px !important; 15398 height: var(--sefam-quick-add-height, 43px) !important; 15399 min-height: 43px !important; 15400 15401 display: flex !important; 15402 flex-direction: column !important; 15403 justify-content: flex-end !important; 15404 align-items: stretch !important; 15405 15406 padding: 0 !important; 15407 margin: 0 !important; 15408 15409 background: rgba(255,255,255,.96) !important; 15410 } 15411 15412 /* The clickable bag itself always sits at the bottom */ 15413 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 15414 width: 42px !important; 15415 min-width: 42px !important; 15416 height: 43px !important; 15417 min-height: 43px !important; 15418 15419 margin-top: auto !important; 15420 padding: 0 !important; 15421 15422 display: flex !important; 15423 align-items: center !important; 15424 justify-content: center !important; 15425 15426 background: rgba(255,255,255,.96) !important; 15427 } 15428 15429 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 15430 width: 42px !important; 15431 height: 43px !important; 15432 min-height: 43px !important; 15433 15434 display: flex !important; 15435 align-items: center !important; 15436 justify-content: center !important; 15437 15438 padding: 0 !important; 15439 margin: 0 !important; 15440 15441 background: transparent !important; 15442 } 15443 15444 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 15445 width: 16px !important; 15446 height: 17px !important; 15447 } 15448} 15449</style> 15450 15451 15452<style> 15453/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 15454@media (min-width: 990px) { 15455 .card-wrapper-box .bt-qatc-form-variants--list { 15456 padding: 3px 4px !important; 15457 column-gap: 0 !important; 15458 row-gap: 0 !important; 15459 justify-content: flex-start !important; 15460 align-items: center !important; 15461 align-content: center !important; 15462 } 15463 15464 .card-wrapper-box .bt-qatc-form-variant-input { 15465 min-width: 0 !important; 15466 width: auto !important; 15467 height: 30px !important; 15468 margin: 0 !important; 15469 padding: 0 !important; 15470 } 15471 15472 .card-wrapper-box .bt-qatc-form-variant-input label { 15473 min-width: 0 !important; 15474 width: auto !important; 15475 height: 30px !important; 15476 margin: 0 !important; 15477 padding: 0 4px !important; 15478 font-size: 12px !important; 15479 line-height: 1 !important; 15480 display: flex !important; 15481 align-items: center !important; 15482 justify-content: center !important; 15483 } 15484 15485 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 15486 display: flex !important; 15487 flex-direction: column !important; 15488 justify-content: flex-end !important;
15489 align-items: stretch !important; 15490 bottom: 0 !important; 15491 top: auto !important; 15492 height: var(--sefam-quick-add-height, 36px) !important; 15493 min-height: 36px !important; 15494 } 15495 15496 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 15497 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 15498 height: 36px !important; 15499 min-height: 36px !important; 15500 margin-top: auto !important; 15501 } 15502} 15503</style> 15504 15505<style> 15506 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 15507 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 15508 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 15509 .card_colorways_container .new-mbl-color-single label span, 15510 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 15511 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 15512</style> 15513 15514 </li> 15515 15516 <li 15517 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_Vj3Gex-10" 15518 class="grid__item slider__slide" 15519 > 15520 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 15521� 15522 15523 15524 � 15525 15526 15527 15528 <div class="card-wrapper product-card-wrapper"> 15529 <div 15530 class=" 15531 card card--standard 15532 card--media 15533 15534 15535 15536 15537 15538 " 15539 style="--ratio-percent: 150.00000000000003%;" 15540 15541 > 15542 <div class="card-wrapper-box"> 15543 15544 <div 15545 class="card__inner color-scheme-2 gradient ratio" 15546 style="--ratio-percent: 150.00000000000003%;" 15547 15548 > 15549 �<a href="/products/e2132"> 15550 15551 �<div class="card-prdct2 card__media"> 15552 <div class="media media--transparent mt3"> 15553 15554 15555 <img 15556 src="//sefam.com/cdn/shop/files/E2132_1.jpg?v=1788180733&width=800" 15557 srcset="//sefam.com/cdn/shop/files/E2132_1.jpg?v=1788180733&width=1600 2x" 15558 class="" 15559 alt="KHADDAR | EMBROIDERED" 15560 15561 loading="lazy" 15562 15563 width="2400" 15564 height="3600" 15565 > 15566 �<img 15567 src="//sefam.com/cdn/shop/files/E2132_5_6228565e-c7be-4419-80c7-a554b554db07.jpg?v=1790588046&width=800" 15568 srcset="//sefam.com/cdn/shop/files/E2132_5_6228565e-c7be-4419-80c7-a554b554db07.jpg?v=1790588046&width=1600 2x" 15569 alt="KHADDAR | EMBROIDERED" 15570 loading="lazy" 15571 width="2400" 15572 height="3600" 15573 data-index="" 15574 > 15575 15576 � 15577 </div> 15578 15579 15580 </div> 15581 </a> 15582 </div> 15583 15584 15585 15586 15587 <div class="bt-qatc-container"> 15588 <div class="bt-qatc-form-container"> 15589 <div class="bt-qatc-form-content large-up-hide medium-hide"> 15590 <h3>KHADDAR | EMBROIDERED</h3> 15591 15592<div 15593 class=" 15594 price " 15595 > 15596 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 15597 <span class="price-item price-item--regular"> 15598 <span class=money>Rs.14,490</span> 15599 </span></div> 15600 <div class="price__sale"> 15601 <span class="visually-hidden visually-hidden--inline">Regular price</span> 15602 <span> 15603 <s class="price-item price-item--regular"> 15604
15605 <span class=money>Rs.14,490</span> 15606 15607 </s> 15608 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 15609 <span class="price-item price-item--sale price-item--last"> 15610 15611 15612 15613 15614 <span class="percentage__sale hidden">0% OFF</span> 15615 15616 <span class=money>Rs.14,490</span> 15617 </span> 15618 </div> 15619 <small class="unit-price caption hidden"> 15620 <span class="visually-hidden">Unit price</span> 15621 <span class="price-item price-item--last"> 15622 <span></span> 15623 <span aria-hidden="true">/</span> 15624 <span class="visually-hidden"> per </span> 15625 <span> 15626 </span> 15627 </span> 15628 </small> 15629 </div></div> 15630 15631 15632 15633 </div> 15634 <div 15635 class="ethnc-form-media large-up-hide medium-hide" 15636 15637 ></div> 15638 <form method="post" action="/cart/add" class="bt-qatc-form"> 15639 <input type="hidden" name="quantity" value="1"> 15640 <div class="bt-qatc-form-variants-container"> 15641 <div class="bt-qatc-form-variants--list"> 15642 15643 <div 15644 class="in-use bt-qatc-form-variant-input" 15645 15646 data-only-child 15647 15648 > 15649 <input 15650 type="radio" 15651 name="id" 15652 id="-52228605804840" 15653 value="52228605804840" 15654 data-price="1449000" 15655 data-item-id="10392128749864" 15656 hidden 15657 15658 data-item-id="10392128749864" 15659 15660 checked 15661 15662 > 15663 15664 <label 15665 for="-52228605804840" 15666 data-sefam-quick-size 15667 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 15668 > 15669 <span class="split-variant-value"> 15670 15671 UNSTITCHED 15672 15673</span> 15674 </label> 15675 </div> 15676 15677 </div> 15678 15679 15680 15681 15682 </div> 15683 </form> 15684 </div> 15685 </div> 15686 15687 15688 15689 15690 15691 15692 15693 15694 15695 15696 15697 15698 15699 15700 15701 15702 15703 15704 15705 15706 15707 15708 15709 15710 15711 15712 15713 15714 15715 15716 15717 15718 15719 15720 15721 15722 15723 15724 15725 <div 15726 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 15727 > 15728 <div class="ethnc-qatc-btn cstm-add-btn visible"> 15729 <span class="small-hide hide-mobile">Add to Basket</span> 15730 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 15731 </span>
15732 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 15733 width="11" 15734 height="11" 15735 viewBox="0 0 11 11" 15736 fill="none" 15737> 15738 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 15739 fill="black" 15740 /> 15741</svg> 15742</span> 15743 </div> 15744 </div> 15745 15746 15747 </div> 15748 15749 <div class="card__content aiza2"> 15750 <div class="card__information"> 15751 <small class="product-brand"> 15752 Kayseria 15753 </small> 15754 <h3 15755 class="card__heading h5" 15756 15757 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10392128749864" 15758 15759 > 15760 <a 15761 href="/products/e2132" 15762 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10392128749864" 15763 class="full-unstyled-link" 15764 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10392128749864 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10392128749864" 15765 > 15766 KHADDAR | EMBROIDERED 15767 15768 <div class="card_colorways_container" onclick="event.stopPropagation();"> 15769 15770 15771 � 15772 </div> 15773 </a> 15774 15775 </h3> 15776 15777 <h3 class="product-subtitle hidden">UNSTITCHED | SHIRT, TROUSER & DUPATTA</h3> 15778 15779 <div class="card-information"><span class="caption-large light"></span> 15780<div 15781 class=" 15782 price " 15783 > 15784 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 15785 <span class="price-item price-item--regular"> 15786 <span class=money>Rs.14,490</span> 15787 </span></div> 15788 <div class="price__sale"> 15789 <span class="visually-hidden visually-hidden--inline">Regular price</span> 15790 <span> 15791 <s class="price-item price-item--regular"> 15792 15793 <span class=money>Rs.14,490</span> 15794 15795 </s> 15796 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 15797 <span class="price-item price-item--sale price-item--last"> 15798 15799 15800 15801 15802 <span class="percentage__sale hidden">0% OFF</span> 15803 15804 <span class=money>Rs.14,490</span> 15805 </span> 15806 </div> 15807 <small class="unit-price caption hidden"> 15808 <span class="visually-hidden">Unit price</span> 15809 <span class="price-item price-item--last"> 15810 <span></span> 15811 <span aria-hidden="true">/</span> 15812 <span class="visually-hidden"> per </span> 15813 <span> 15814 </span> 15815 </span> 15816 </small> 15817 </div></div> 15818 15819 15820 15821 </div> 15822 </div> 15823 </div> 15824 15825 </div> 15826 </div><style> 15827/* ========================================================= 15828 DESKTOP PRODUCT CARD QUICK ADD 15829 LEFT = sizes 15830 RIGHT = original bag icon 15831 Mobile behavior remains unchanged 15832 ========================================================= */ 15833@media (min-width: 990px) { 15834 .hide-desktop { 15835 display: none !important; 15836 } 15837 15838 /* Keep both controls on the same bottom row */ 15839 .card-wrapper-box { 15840 position: relative; 15841 } 15842 15843 .card-wrapper-box .bt-qatc-container, 15844 .card-wrapper-box .ethnc-qatc-btn-container { 15845 position: absolute !important; 15846 bottom: 0 !important; 15847 z-index: 8 !important; 15848 } 15849 15850 /* LEFT: size area */ 15851 .card-wrapper-box .bt-qatc-container { 15852 left: 0 !important; 15853 right: 46px !important; 15854 width: auto !important; 15855 } 15856 15857 .card-wrapper-box .bt-qatc-form-container { 15858 left: 0 !important; 15859 right: 0 !important; 15860 bottom: -350% !important; 15861 width: 100% !important; 15862 min-height: 43px !important; 15863 opacity: 0 !important; 15864 visibility: hidden !important; 15865 pointer-events: none !important; 15866 transition: bottom .22s ease, opacity .18s ease !important; 15867 } 15868 15869 .card-wrapper-box .bt-qatc-form, 15870 .card-wrapper-box .bt-qatc-form-variants-container, 15871 .card-wrapper-box .bt-qatc-form-variants--list { 15872 width: 100% !important; 15873 } 15874 15875 .card-wrapper-box .bt-qatc-form-variants--list { 15876 display: flex !important;
15877 align-items: center !important; 15878 flex-wrap: wrap !important; 15879 gap: 0 !important; 15880 min-height: 43px !important; 15881 } 15882 15883 /* RIGHT: original bag button */ 15884 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 15885 display: flex !important; 15886 align-items: stretch !important; 15887 justify-content: center !important; 15888 left: auto !important; 15889 right: 0 !important; 15890 width: 46px !important; 15891 height: 43px !important; 15892 opacity: 0 !important; 15893 visibility: hidden !important; 15894 pointer-events: none !important; 15895 transition: opacity .18s ease !important; 15896 } 15897 15898 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 15899 display: flex !important; 15900 align-items: center !important; 15901 justify-content: center !important; 15902 width: 46px !important; 15903 height: 43px !important; 15904 min-width: 46px !important; 15905 padding: 0 !important; 15906 cursor: pointer !important; 15907 } 15908 15909 /* Hide Add to Basket text on desktop; keep only bag icon */ 15910 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 15911 display: none !important; 15912 } 15913 15914 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 15915 display: flex !important; 15916 align-items: center !important; 15917 justify-content: center !important; 15918 width: 100% !important; 15919 height: 100% !important; 15920 padding: 0 !important; 15921 } 15922 15923 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 15924 display: block !important; 15925 width: 16px !important; 15926 height: 17px !important; 15927 } 15928 15929 /* Show sizes + bag together on desktop hover */ 15930 .card-wrapper-box:hover .bt-qatc-form-container { 15931 bottom: 0 !important; 15932 opacity: 1 !important; 15933 visibility: visible !important; 15934 pointer-events: auto !important; 15935 } 15936 15937 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 15938 opacity: 1 !important; 15939 visibility: visible !important; 15940 pointer-events: auto !important; 15941 } 15942} 15943 15944@media (max-width: 989px) { 15945 .hide-mobile { 15946 display: none; 15947 } 15948} 15949</style> 15950 15951 15952<style> 15953/* ========================================================= 15954 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 15955 Keeps all sizes in one clean row on the left 15956 and the bag icon fixed on the right. 15957 ========================================================= */ 15958@media (min-width: 990px) { 15959 15960 .card-wrapper-box .bt-qatc-form-container { 15961 height: 43px !important; 15962 min-height: 43px !important; 15963 max-height: 43px !important; 15964 overflow: hidden !important; 15965 background: rgba(255,255,255,.96) !important; 15966 } 15967 15968 .card-wrapper-box .bt-qatc-form { 15969 display: block !important; 15970 height: 43px !important; 15971 min-height: 43px !important; 15972 margin: 0 !important; 15973 padding: 0 !important; 15974 } 15975 15976 .card-wrapper-box .bt-qatc-form-variants-container { 15977 display: block !important; 15978 width: 100% !important; 15979 height: 43px !important; 15980 min-height: 43px !important; 15981 margin: 0 !important; 15982 padding: 0 !important; 15983 } 15984 15985 .card-wrapper-box .bt-qatc-form-variants--list { 15986 display: flex !important; 15987 flex-direction: row !important; 15988 flex-wrap: wrap !important; 15989 align-items: center !important; 15990 justify-content: center !important; 15991 15992 width: 100% !important; 15993 height: 43px !important; 15994 min-height: 43px !important; 15995 15996 margin: 0 !important; 15997 padding: 0 6px !important; 15998 gap: 2px !important; 15999 16000 box-sizing: border-box !important; 16001 overflow: visible !important; 16002 white-space: normal !important; 16003 } 16004 16005 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 16006 display: none !important; 16007 } 16008 16009 .card-wrapper-box .bt-qatc-form-variant-input { 16010 position: relative !important; 16011 16012 display: flex !important; 16013 align-items: center !important; 16014 justify-content: center !important; 16015 16016 flex: 0 0 auto !important; 16017 width: auto !important; 16018 min-width: 32px !important; 16019 height: 43px !important; 16020 16021 margin: 0 !important; 16022 padding: 0 !important; 16023 16024 border: 0 !important; 16025 background: transparent !important; 16026 } 16027 16028 .card-wrapper-box .bt-qatc-form-variant-input label { 16029 position: static !important; 16030 16031 display: flex !important;
16032 align-items: center !important; 16033 justify-content: center !important; 16034 16035 width: auto !important; 16036 min-width: 32px !important; 16037 height: 32px !important; 16038 16039 margin: 0 !important; 16040 padding: 0 6px !important; 16041 16042 box-sizing: border-box !important; 16043 16044 background: transparent !important; 16045 border: 0 !important; 16046 16047 color: #111 !important; 16048 font-size: 12px !important; 16049 line-height: 1 !important; 16050 font-weight: 400 !important; 16051 16052 white-space: nowrap !important; 16053 cursor: pointer !important; 16054 } 16055 16056 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 16057 display: block !important; 16058 width: auto !important; 16059 max-width: none !important; 16060 16061 margin: 0 !important; 16062 padding: 0 !important; 16063 16064 overflow: visible !important; 16065 white-space: nowrap !important; 16066 text-overflow: clip !important; 16067 16068 font-size: inherit !important; 16069 line-height: inherit !important; 16070 } 16071 16072 /* Sold-out size */ 16073 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 16074 opacity: .35 !important; 16075 text-decoration: line-through !important; 16076 cursor: not-allowed !important; 16077 } 16078 16079 /* Optional hover feedback */ 16080 .card-wrapper-box 16081 .bt-qatc-form-variant-input:not(.is-disbaled) 16082 label:hover { 16083 text-decoration: underline !important; 16084 text-underline-offset: 3px !important; 16085 } 16086 16087 /* Prevent old theme transforms / absolute positions */ 16088 .card-wrapper-box .bt-qatc-form-variant-input *, 16089 .card-wrapper-box .bt-qatc-form-variants--list * { 16090 transform: none; 16091 } 16092} 16093</style> 16094 16095 16096<style> 16097/* Desktop quick-add: use one seamless background for sizes + bag */ 16098@media (min-width: 990px) { 16099 .card-wrapper-box .bt-qatc-form-container, 16100 .card-wrapper-box .bt-qatc-form, 16101 .card-wrapper-box .bt-qatc-form-variants-container, 16102 .card-wrapper-box .bt-qatc-form-variants--list, 16103 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 16104 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 16105 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 16106 background: rgba(255,255,255,.96) !important; 16107 } 16108 16109 /* Remove any visual split between sizes and bag */ 16110 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 16111 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 16112 border-left: 0 !important; 16113 box-shadow: none !important; 16114 } 16115} 16116</style> 16117 16118 16119<style> 16120/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 16121@media (min-width: 990px) { 16122 .card-wrapper-box .bt-qatc-form-container, 16123 .card-wrapper-box .bt-qatc-form, 16124 .card-wrapper-box .bt-qatc-form-variants-container { 16125 height: auto !important; 16126 max-height: none !important; 16127 overflow: visible !important; 16128 } 16129 16130 .card-wrapper-box .bt-qatc-form-variants--list { 16131 display: flex !important; 16132 flex-wrap: wrap !important; 16133 justify-content: center !important; 16134 align-items: center !important; 16135 height: auto !important; 16136 min-height: 43px !important; 16137 max-height: none !important; 16138 overflow: visible !important; 16139 white-space: normal !important; 16140 padding: 5px 6px !important; 16141 } 16142 16143 .card-wrapper-box .bt-qatc-form-variant-input { 16144 flex: 0 0 auto !important; 16145 } 16146} 16147</style> 16148
16149<script> 16150 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 16151 const wrap = label.closest('.bt-qatc-form-variant-input'); 16152 const form = label.closest('.bt-qatc-form'); 16153 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 16154 16155 if (!wrap || !form || !input) return; 16156 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 16157 if (label.dataset.loading === 'true') return; 16158 16159 input.checked = true; 16160 label.dataset.loading = 'true'; 16161 label.style.pointerEvents = 'none'; 16162 16163 try { 16164 const cartResp = await fetch('/cart.js', { 16165 method: 'GET', 16166 headers: { 'Accept': 'application/json' } 16167 }); 16168 16169 if (!cartResp.ok) throw new Error('Unable to read cart'); 16170 16171 const cart = await cartResp.json(); 16172 const variantId = Number(input.value); 16173 const selectedPrice = Number(input.dataset.price || 0) / 100; 16174 const totalCartPrice = Number(cart.total_price || 0) / 100; 16175 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 16176 16177 if ((totalCartPrice + selectedPrice) > 250000) { 16178 if (window.showAlert) { 16179 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 16180 } else { 16181 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 16182 } 16183 return; 16184 } 16185 16186 if (itemInCart && Number(itemInCart.quantity) >= 3) { 16187 if (window.showAlert) { 16188 window.showAlert('Limit reached: Max 3 items per size can be added'); 16189 } else { 16190 alert('Limit reached: Max 3 items per size can be added'); 16191 } 16192 return; 16193 } 16194 16195 16196 const cartSections = document.querySelector('cart-notification, cart-drawer'); 16197 const formData = new FormData(form); 16198 16199 formData.set('id', input.value); 16200 formData.set('quantity', '1'); 16201 16202 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 16203 formData.set( 16204 'sections', 16205 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 16206 ); 16207 } 16208 16209 formData.set('sections_url', window.location.pathname); 16210 16211 const addResp = await fetch('/cart/add.js', { 16212 method: 'POST', 16213 headers: { 'Accept': 'application/json' }, 16214 body: formData 16215 }); 16216 16217 const data = await addResp.json(); 16218 16219 if (!addResp.ok) { 16220 throw new Error(data.description || data.message || 'Unable to add this size'); 16221 } 16222 16223 if (cartSections && typeof cartSections.renderContents === 'function') { 16224 cartSections.renderContents(data); 16225 } else { 16226 const bubble = document.querySelector('#cart-icon-bubble'); 16227 if (bubble) bubble.click(); 16228 } 16229 16230 const card = label.closest('.card-wrapper-box'); 16231 if (card) { 16232 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 16233 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 16234 } 16235 } catch (error) { 16236 console.error('SEFAM hover size quick-add error:', error); 16237 if (window.showAlert) { 16238 window.showAlert(error.message || 'Unable to add this size to cart'); 16239 } else { 16240 alert(error.message || 'Unable to add this size to cart'); 16241 } 16242 } finally { 16243 label.dataset.loading = 'false'; 16244 label.style.pointerEvents = ''; 16245 } 16246 }; 16247</script>
16247 16248 16249<style> 16250/* Desktop quick-add final alignment: 16251 sizes start from left; bag area matches the complete quick-size background height. */ 16252@media (min-width: 990px) { 16253 .card-wrapper-box .bt-qatc-form-variants--list { 16254 justify-content: flex-start !important; 16255 align-content: center !important; 16256 text-align: left !important; 16257 } 16258 16259 .card-wrapper-box .bt-qatc-container { 16260 right: 46px !important; 16261 } 16262 16263 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 16264 top: auto !important; 16265 bottom: 0 !important; 16266 width: 46px !important; 16267 height: 100% !important; 16268 min-height: 43px !important; 16269 align-items: stretch !important; 16270 background: rgba(255,255,255,.96) !important; 16271 } 16272 16273 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 16274 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 16275 width: 46px !important; 16276 height: 100% !important; 16277 min-height: 43px !important; 16278 background: rgba(255,255,255,.96) !important; 16279 } 16280 16281 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 16282 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 16283 height: var(--sefam-quick-add-height, 43px) !important; 16284 } 16285} 16286</style>
16287<script> 16288(function () { 16289 function syncQuickAddHeight(card) { 16290 if (!card || window.innerWidth < 990) return; 16291 var panel = card.querySelector('.bt-qatc-form-container'); 16292 if (!panel) return; 16293 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 16294 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 16295 } 16296 16297 document.addEventListener('mouseover', function(e) { 16298 var card = e.target.closest('.card-wrapper-box'); 16299 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 16300 }, { passive: true }); 16301 16302 window.addEventListener('resize', function() { 16303 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 16304 }, { passive: true }); 16305})(); 16306</script>
16306 16307 16308 16309 16310<style> 16311/* ========================================================= 16312 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 16313 - reduce space between sizes 16314 - keep sizes left aligned 16315 - keep the bag icon on the BOTTOM row 16316 - bag background still matches the full size panel 16317 ========================================================= */ 16318@media (min-width: 990px) { 16319 16320 /* More usable width for sizes */ 16321 .card-wrapper-box .bt-qatc-container { 16322 right: 42px !important; 16323 } 16324 16325 /* Compact, left-aligned size list */ 16326 .card-wrapper-box .bt-qatc-form-variants--list { 16327 justify-content: flex-start !important; 16328 align-items: center !important; 16329 align-content: center !important; 16330 16331 column-gap: 0 !important; 16332 row-gap: 0 !important; 16333 16334 padding: 4px 4px !important; 16335 margin: 0 !important; 16336 } 16337 16338 .card-wrapper-box .bt-qatc-form-variant-input { 16339 min-width: 0 !important; 16340 width: auto !important; 16341 height: 35px !important; 16342 margin: 0 !important; 16343 padding: 0 !important; 16344 } 16345 16346 .card-wrapper-box .bt-qatc-form-variant-input label { 16347 min-width: 0 !important; 16348 width: auto !important; 16349 height: 35px !important; 16350 16351 margin: 0 !important; 16352 padding: 0 4px !important; 16353 16354 font-size: 12px !important; 16355 line-height: 1 !important; 16356 } 16357 16358 /* Bag column keeps the same full white background as the sizes */ 16359 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 16360 right: 0 !important; 16361 bottom: 0 !important; 16362 top: auto !important; 16363 16364 width: 42px !important; 16365 min-width: 42px !important; 16366 height: var(--sefam-quick-add-height, 43px) !important; 16367 min-height: 43px !important; 16368 16369 display: flex !important; 16370 flex-direction: column !important; 16371 justify-content: flex-end !important; 16372 align-items: stretch !important; 16373 16374 padding: 0 !important; 16375 margin: 0 !important; 16376 16377 background: rgba(255,255,255,.96) !important; 16378 } 16379 16380 /* The clickable bag itself always sits at the bottom */ 16381 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 16382 width: 42px !important; 16383 min-width: 42px !important; 16384 height: 43px !important; 16385 min-height: 43px !important; 16386 16387 margin-top: auto !important; 16388 padding: 0 !important; 16389 16390 display: flex !important; 16391 align-items: center !important; 16392 justify-content: center !important; 16393 16394 background: rgba(255,255,255,.96) !important; 16395 } 16396 16397 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 16398 width: 42px !important; 16399 height: 43px !important; 16400 min-height: 43px !important; 16401 16402 display: flex !important; 16403 align-items: center !important; 16404 justify-content: center !important; 16405 16406 padding: 0 !important; 16407 margin: 0 !important; 16408 16409 background: transparent !important; 16410 } 16411 16412 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 16413 width: 16px !important; 16414 height: 17px !important; 16415 } 16416} 16417</style> 16418 16419 16420<style> 16421/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 16422@media (min-width: 990px) { 16423 .card-wrapper-box .bt-qatc-form-variants--list { 16424 padding: 3px 4px !important; 16425 column-gap: 0 !important; 16426 row-gap: 0 !important; 16427 justify-content: flex-start !important; 16428 align-items: center !important; 16429 align-content: center !important; 16430 } 16431 16432 .card-wrapper-box .bt-qatc-form-variant-input { 16433 min-width: 0 !important; 16434 width: auto !important; 16435 height: 30px !important; 16436 margin: 0 !important; 16437 padding: 0 !important; 16438 } 16439 16440 .card-wrapper-box .bt-qatc-form-variant-input label { 16441 min-width: 0 !important; 16442 width: auto !important; 16443 height: 30px !important; 16444 margin: 0 !important; 16445 padding: 0 4px !important; 16446 font-size: 12px !important; 16447 line-height: 1 !important; 16448 display: flex !important; 16449 align-items: center !important; 16450 justify-content: center !important; 16451 } 16452 16453 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 16454 display: flex !important; 16455 flex-direction: column !important; 16456 justify-content: flex-end !important;
16457 align-items: stretch !important; 16458 bottom: 0 !important; 16459 top: auto !important; 16460 height: var(--sefam-quick-add-height, 36px) !important; 16461 min-height: 36px !important; 16462 } 16463 16464 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 16465 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 16466 height: 36px !important; 16467 min-height: 36px !important; 16468 margin-top: auto !important; 16469 } 16470} 16471</style> 16472 16473<style> 16474 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 16475 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 16476 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 16477 .card_colorways_container .new-mbl-color-single label span, 16478 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 16479 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 16480</style> 16481 16482 </li> 16483 16484 <li 16485 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_Vj3Gex-11" 16486 class="grid__item slider__slide" 16487 > 16488 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 16489� 16490 16491 16492 � 16493 16494 16495 16496 <div class="card-wrapper product-card-wrapper"> 16497 <div 16498 class=" 16499 card card--standard 16500 card--media 16501 16502 16503 16504 16505 16506 " 16507 style="--ratio-percent: 150.00000000000003%;" 16508 16509 > 16510 <div class="card-wrapper-box"> 16511 16512 <div 16513 class="card__inner color-scheme-2 gradient ratio" 16514 style="--ratio-percent: 150.00000000000003%;" 16515 16516 > 16517 �<a href="/products/kpw26-p4179"> 16518 16519 �<div class="card-prdct2 card__media"> 16520 <div class="media media--transparent mt3"> 16521 16522 16523 <img 16524 src="//sefam.com/cdn/shop/files/KPW-P4179.jpg?v=1789550294&width=800" 16525 srcset="//sefam.com/cdn/shop/files/KPW-P4179.jpg?v=1789550294&width=1600 2x" 16526 class="" 16527 alt="SELF JACQUARD | EMBROIDERED" 16528 16529 loading="lazy" 16530 16531 width="2400" 16532 height="3600" 16533 > 16534 �<img 16535 src="//sefam.com/cdn/shop/files/KPW-P4179_5.jpg?v=1789727130&width=800" 16536 srcset="//sefam.com/cdn/shop/files/KPW-P4179_5.jpg?v=1789727130&width=1600 2x" 16537 alt="SELF JACQUARD | EMBROIDERED" 16538 loading="lazy" 16539 width="2400" 16540 height="3600" 16541 data-index="" 16542 > 16543 16544 � 16545 </div> 16546 16547 16548 </div> 16549 </a> 16550 </div> 16551 16552 16553 16554 16555 <div class="bt-qatc-container"> 16556 <div class="bt-qatc-form-container"> 16557 <div class="bt-qatc-form-content large-up-hide medium-hide"> 16558 <h3>SELF JACQUARD | EMBROIDERED</h3> 16559 16560<div 16561 class=" 16562 price " 16563 > 16564 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 16565 <span class="price-item price-item--regular"> 16566 <span class=money>Rs.12,490</span> 16567 </span></div> 16568 <div class="price__sale"> 16569 <span class="visually-hidden visually-hidden--inline">Regular price</span> 16570 <span> 16571 <s class="price-item price-item--regular"> 16572 16573 <span class=money>Rs.12,490</span> 16574 16575 </s> 16576 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
16577 <span class="price-item price-item--sale price-item--last"> 16578 16579 16580 16581 16582 <span class="percentage__sale hidden">0% OFF</span> 16583 16584 <span class=money>Rs.12,490</span> 16585 </span> 16586 </div> 16587 <small class="unit-price caption hidden"> 16588 <span class="visually-hidden">Unit price</span> 16589 <span class="price-item price-item--last"> 16590 <span></span> 16591 <span aria-hidden="true">/</span> 16592 <span class="visually-hidden"> per </span> 16593 <span> 16594 </span> 16595 </span> 16596 </small> 16597 </div></div> 16598 16599 16600 16601 </div> 16602 <div 16603 class="ethnc-form-media large-up-hide medium-hide" 16604 16605 ></div> 16606 <form method="post" action="/cart/add" class="bt-qatc-form"> 16607 <input type="hidden" name="quantity" value="1"> 16608 <div class="bt-qatc-form-variants-container"> 16609 <div class="bt-qatc-form-variants--list"> 16610 16611 <div 16612 class="in-use bt-qatc-form-variant-input" 16613 16614 > 16615 <input 16616 type="radio" 16617 name="id" 16618 id="-52255780569384" 16619 value="52255780569384" 16620 data-price="1249000" 16621 data-item-id="10403971957032" 16622 hidden 16623 16624 data-item-id="10403971957032" 16625 16626 > 16627 16628 <label 16629 for="-52255780569384" 16630 data-sefam-quick-size 16631 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 16632 > 16633 <span class="split-variant-value"> 16634 16635 16636 16637 16638 16639 16640 16641 XS 16642 16643 16644</span> 16645 </label> 16646 </div> 16647 16648 <div 16649 class="in-use bt-qatc-form-variant-input is-disbaled" 16650 16651 > 16652 <input 16653 type="radio" 16654 name="id" 16655 id="-52255780602152" 16656 value="52255780602152" 16657 data-price="1249000" 16658 data-item-id="10403971957032" 16659 hidden 16660 16661 disbaled 16662 16663 data-item-id="10403971957032" 16664 16665 > 16666 16667 <label 16668 for="-52255780602152" 16669 data-sefam-quick-size 16670 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 16671 > 16672 <span class="split-variant-value"> 16673 16674 16675 16676 16677 16678 16679 16680 S 16681 16682 16683</span> 16684 </label> 16685 </div> 16686 16687 <div 16688 class="in-use bt-qatc-form-variant-input" 16689 16690 > 16691 <input 16692 type="radio" 16693 name="id" 16694 id="-52255780634920" 16695 value="52255780634920" 16696 data-price="1249000" 16697 data-item-id="10403971957032" 16698 hidden 16699 16700 data-item-id="10403971957032" 16701 16702 > 16703 16704 <label 16705 for="-52255780634920" 16706 data-sefam-quick-size 16707 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 16708 >
16709 <span class="split-variant-value"> 16710 16711 16712 16713 16714 16715 16716 16717 M 16718 16719 16720</span> 16721 </label> 16722 </div> 16723 16724 <div 16725 class="in-use bt-qatc-form-variant-input" 16726 16727 > 16728 <input 16729 type="radio" 16730 name="id" 16731 id="-52255780667688" 16732 value="52255780667688" 16733 data-price="1249000" 16734 data-item-id="10403971957032" 16735 hidden 16736 16737 data-item-id="10403971957032" 16738 16739 > 16740 16741 <label 16742 for="-52255780667688" 16743 data-sefam-quick-size 16744 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 16745 > 16746 <span class="split-variant-value"> 16747 16748 16749 16750 16751 16752 16753 16754 L 16755 16756 16757</span> 16758 </label> 16759 </div> 16760 16761 <div 16762 class="in-use bt-qatc-form-variant-input" 16763 16764 > 16765 <input 16766 type="radio" 16767 name="id" 16768 id="-52255780700456" 16769 value="52255780700456" 16770 data-price="1249000" 16771 data-item-id="10403971957032" 16772 hidden 16773 16774 data-item-id="10403971957032" 16775 16776 > 16777 16778 <label 16779 for="-52255780700456" 16780 data-sefam-quick-size 16781 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 16782 > 16783 <span class="split-variant-value"> 16784 16785 16786 16787 16788 16789 16790 16791 XL 16792 16793 16794</span> 16795 </label> 16796 </div> 16797 16798 </div> 16799 16800 16801 16802 16803 </div> 16804 </form> 16805 </div> 16806 </div> 16807 16808 16809 16810 16811 16812 16813 16814 16815 16816 16817 16818 16819 16820 16821 16822 16823 16824 16825 16826 16827 16828 16829 16830 16831 16832 16833 16834 16835 16836 16837 16838 16839 16840 16841 16842 16843 16844 16845 16846 16847 16848 16849 <div 16850 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 16851 > 16852 <div class="ethnc-qatc-btn cstm-add-btn visible"> 16853 <span class="small-hide hide-mobile">Add to Basket</span> 16854 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 16855 </span>
16856 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 16857 width="11" 16858 height="11" 16859 viewBox="0 0 11 11" 16860 fill="none" 16861> 16862 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 16863 fill="black" 16864 /> 16865</svg> 16866</span> 16867 </div> 16868 </div> 16869 16870 16871 </div> 16872 16873 <div class="card__content aiza2"> 16874 <div class="card__information"> 16875 <small class="product-brand"> 16876 Kayseria 16877 </small> 16878 <h3 16879 class="card__heading h5" 16880 16881 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10403971957032" 16882 16883 > 16884 <a 16885 href="/products/kpw26-p4179" 16886 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10403971957032" 16887 class="full-unstyled-link" 16888 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10403971957032 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10403971957032" 16889 > 16890 SELF JACQUARD | EMBROIDERED 16891 16892 <div class="card_colorways_container" onclick="event.stopPropagation();"> 16893 16894 16895 � 16896 </div> 16897 </a> 16898 16899 </h3> 16900 16901 <h3 class="product-subtitle hidden">RTW | SHIRT & TROUSER</h3> 16902 16903 <div class="card-information"><span class="caption-large light"></span> 16904<div 16905 class=" 16906 price " 16907 > 16908 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 16909 <span class="price-item price-item--regular"> 16910 <span class=money>Rs.12,490</span> 16911 </span></div> 16912 <div class="price__sale"> 16913 <span class="visually-hidden visually-hidden--inline">Regular price</span> 16914 <span> 16915 <s class="price-item price-item--regular"> 16916 16917 <span class=money>Rs.12,490</span> 16918 16919 </s> 16920 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 16921 <span class="price-item price-item--sale price-item--last"> 16922 16923 16924 16925 16926 <span class="percentage__sale hidden">0% OFF</span> 16927 16928 <span class=money>Rs.12,490</span> 16929 </span> 16930 </div> 16931 <small class="unit-price caption hidden"> 16932 <span class="visually-hidden">Unit price</span> 16933 <span class="price-item price-item--last"> 16934 <span></span> 16935 <span aria-hidden="true">/</span> 16936 <span class="visually-hidden"> per </span> 16937 <span> 16938 </span> 16939 </span> 16940 </small> 16941 </div></div> 16942 16943 16944 16945 </div> 16946 </div> 16947 </div> 16948 16949 </div> 16950 </div><style> 16951/* ========================================================= 16952 DESKTOP PRODUCT CARD QUICK ADD 16953 LEFT = sizes 16954 RIGHT = original bag icon 16955 Mobile behavior remains unchanged 16956 ========================================================= */ 16957@media (min-width: 990px) { 16958 .hide-desktop { 16959 display: none !important; 16960 } 16961 16962 /* Keep both controls on the same bottom row */ 16963 .card-wrapper-box { 16964 position: relative; 16965 } 16966 16967 .card-wrapper-box .bt-qatc-container, 16968 .card-wrapper-box .ethnc-qatc-btn-container { 16969 position: absolute !important; 16970 bottom: 0 !important; 16971 z-index: 8 !important; 16972 } 16973 16974 /* LEFT: size area */ 16975 .card-wrapper-box .bt-qatc-container { 16976 left: 0 !important; 16977 right: 46px !important; 16978 width: auto !important; 16979 } 16980 16981 .card-wrapper-box .bt-qatc-form-container { 16982 left: 0 !important; 16983 right: 0 !important; 16984 bottom: -350% !important; 16985 width: 100% !important; 16986 min-height: 43px !important; 16987 opacity: 0 !important; 16988 visibility: hidden !important; 16989 pointer-events: none !important; 16990 transition: bottom .22s ease, opacity .18s ease !important; 16991 } 16992 16993 .card-wrapper-box .bt-qatc-form, 16994 .card-wrapper-box .bt-qatc-form-variants-container, 16995 .card-wrapper-box .bt-qatc-form-variants--list { 16996 width: 100% !important; 16997 } 16998 16999 .card-wrapper-box .bt-qatc-form-variants--list { 17000 display: flex !important;
17001 align-items: center !important; 17002 flex-wrap: wrap !important; 17003 gap: 0 !important; 17004 min-height: 43px !important; 17005 } 17006 17007 /* RIGHT: original bag button */ 17008 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 17009 display: flex !important; 17010 align-items: stretch !important; 17011 justify-content: center !important; 17012 left: auto !important; 17013 right: 0 !important; 17014 width: 46px !important; 17015 height: 43px !important; 17016 opacity: 0 !important; 17017 visibility: hidden !important; 17018 pointer-events: none !important; 17019 transition: opacity .18s ease !important; 17020 } 17021 17022 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 17023 display: flex !important; 17024 align-items: center !important; 17025 justify-content: center !important; 17026 width: 46px !important; 17027 height: 43px !important; 17028 min-width: 46px !important; 17029 padding: 0 !important; 17030 cursor: pointer !important; 17031 } 17032 17033 /* Hide Add to Basket text on desktop; keep only bag icon */ 17034 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 17035 display: none !important; 17036 } 17037 17038 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 17039 display: flex !important; 17040 align-items: center !important; 17041 justify-content: center !important; 17042 width: 100% !important; 17043 height: 100% !important; 17044 padding: 0 !important; 17045 } 17046 17047 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 17048 display: block !important; 17049 width: 16px !important; 17050 height: 17px !important; 17051 } 17052 17053 /* Show sizes + bag together on desktop hover */ 17054 .card-wrapper-box:hover .bt-qatc-form-container { 17055 bottom: 0 !important; 17056 opacity: 1 !important; 17057 visibility: visible !important; 17058 pointer-events: auto !important; 17059 } 17060 17061 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 17062 opacity: 1 !important; 17063 visibility: visible !important; 17064 pointer-events: auto !important; 17065 } 17066} 17067 17068@media (max-width: 989px) { 17069 .hide-mobile { 17070 display: none; 17071 } 17072} 17073</style> 17074 17075 17076<style> 17077/* ========================================================= 17078 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 17079 Keeps all sizes in one clean row on the left 17080 and the bag icon fixed on the right. 17081 ========================================================= */ 17082@media (min-width: 990px) { 17083 17084 .card-wrapper-box .bt-qatc-form-container { 17085 height: 43px !important; 17086 min-height: 43px !important; 17087 max-height: 43px !important; 17088 overflow: hidden !important; 17089 background: rgba(255,255,255,.96) !important; 17090 } 17091 17092 .card-wrapper-box .bt-qatc-form { 17093 display: block !important; 17094 height: 43px !important; 17095 min-height: 43px !important; 17096 margin: 0 !important; 17097 padding: 0 !important; 17098 } 17099 17100 .card-wrapper-box .bt-qatc-form-variants-container { 17101 display: block !important; 17102 width: 100% !important; 17103 height: 43px !important; 17104 min-height: 43px !important; 17105 margin: 0 !important; 17106 padding: 0 !important; 17107 } 17108 17109 .card-wrapper-box .bt-qatc-form-variants--list { 17110 display: flex !important; 17111 flex-direction: row !important; 17112 flex-wrap: wrap !important; 17113 align-items: center !important; 17114 justify-content: center !important; 17115 17116 width: 100% !important; 17117 height: 43px !important; 17118 min-height: 43px !important; 17119 17120 margin: 0 !important; 17121 padding: 0 6px !important; 17122 gap: 2px !important; 17123 17124 box-sizing: border-box !important; 17125 overflow: visible !important; 17126 white-space: normal !important; 17127 } 17128 17129 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 17130 display: none !important; 17131 } 17132 17133 .card-wrapper-box .bt-qatc-form-variant-input { 17134 position: relative !important; 17135 17136 display: flex !important; 17137 align-items: center !important; 17138 justify-content: center !important; 17139 17140 flex: 0 0 auto !important; 17141 width: auto !important; 17142 min-width: 32px !important; 17143 height: 43px !important; 17144 17145 margin: 0 !important; 17146 padding: 0 !important; 17147 17148 border: 0 !important; 17149 background: transparent !important; 17150 } 17151 17152 .card-wrapper-box .bt-qatc-form-variant-input label { 17153 position: static !important; 17154 17155 display: flex !important;
17156 align-items: center !important; 17157 justify-content: center !important; 17158 17159 width: auto !important; 17160 min-width: 32px !important; 17161 height: 32px !important; 17162 17163 margin: 0 !important; 17164 padding: 0 6px !important; 17165 17166 box-sizing: border-box !important; 17167 17168 background: transparent !important; 17169 border: 0 !important; 17170 17171 color: #111 !important; 17172 font-size: 12px !important; 17173 line-height: 1 !important; 17174 font-weight: 400 !important; 17175 17176 white-space: nowrap !important; 17177 cursor: pointer !important; 17178 } 17179 17180 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 17181 display: block !important; 17182 width: auto !important; 17183 max-width: none !important; 17184 17185 margin: 0 !important; 17186 padding: 0 !important; 17187 17188 overflow: visible !important; 17189 white-space: nowrap !important; 17190 text-overflow: clip !important; 17191 17192 font-size: inherit !important; 17193 line-height: inherit !important; 17194 } 17195 17196 /* Sold-out size */ 17197 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 17198 opacity: .35 !important; 17199 text-decoration: line-through !important; 17200 cursor: not-allowed !important; 17201 } 17202 17203 /* Optional hover feedback */ 17204 .card-wrapper-box 17205 .bt-qatc-form-variant-input:not(.is-disbaled) 17206 label:hover { 17207 text-decoration: underline !important; 17208 text-underline-offset: 3px !important; 17209 } 17210 17211 /* Prevent old theme transforms / absolute positions */ 17212 .card-wrapper-box .bt-qatc-form-variant-input *, 17213 .card-wrapper-box .bt-qatc-form-variants--list * { 17214 transform: none; 17215 } 17216} 17217</style> 17218 17219 17220<style> 17221/* Desktop quick-add: use one seamless background for sizes + bag */ 17222@media (min-width: 990px) { 17223 .card-wrapper-box .bt-qatc-form-container, 17224 .card-wrapper-box .bt-qatc-form, 17225 .card-wrapper-box .bt-qatc-form-variants-container, 17226 .card-wrapper-box .bt-qatc-form-variants--list, 17227 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 17228 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 17229 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 17230 background: rgba(255,255,255,.96) !important; 17231 } 17232 17233 /* Remove any visual split between sizes and bag */ 17234 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 17235 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 17236 border-left: 0 !important; 17237 box-shadow: none !important; 17238 } 17239} 17240</style> 17241 17242 17243<style> 17244/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 17245@media (min-width: 990px) { 17246 .card-wrapper-box .bt-qatc-form-container, 17247 .card-wrapper-box .bt-qatc-form, 17248 .card-wrapper-box .bt-qatc-form-variants-container { 17249 height: auto !important; 17250 max-height: none !important; 17251 overflow: visible !important; 17252 } 17253 17254 .card-wrapper-box .bt-qatc-form-variants--list { 17255 display: flex !important; 17256 flex-wrap: wrap !important; 17257 justify-content: center !important; 17258 align-items: center !important; 17259 height: auto !important; 17260 min-height: 43px !important; 17261 max-height: none !important; 17262 overflow: visible !important; 17263 white-space: normal !important; 17264 padding: 5px 6px !important; 17265 } 17266 17267 .card-wrapper-box .bt-qatc-form-variant-input { 17268 flex: 0 0 auto !important; 17269 } 17270} 17271</style> 17272
17273<script> 17274 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 17275 const wrap = label.closest('.bt-qatc-form-variant-input'); 17276 const form = label.closest('.bt-qatc-form'); 17277 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 17278 17279 if (!wrap || !form || !input) return; 17280 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 17281 if (label.dataset.loading === 'true') return; 17282 17283 input.checked = true; 17284 label.dataset.loading = 'true'; 17285 label.style.pointerEvents = 'none'; 17286 17287 try { 17288 const cartResp = await fetch('/cart.js', { 17289 method: 'GET', 17290 headers: { 'Accept': 'application/json' } 17291 }); 17292 17293 if (!cartResp.ok) throw new Error('Unable to read cart'); 17294 17295 const cart = await cartResp.json(); 17296 const variantId = Number(input.value); 17297 const selectedPrice = Number(input.dataset.price || 0) / 100; 17298 const totalCartPrice = Number(cart.total_price || 0) / 100; 17299 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 17300 17301 if ((totalCartPrice + selectedPrice) > 250000) { 17302 if (window.showAlert) { 17303 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 17304 } else { 17305 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 17306 } 17307 return; 17308 } 17309 17310 if (itemInCart && Number(itemInCart.quantity) >= 3) { 17311 if (window.showAlert) { 17312 window.showAlert('Limit reached: Max 3 items per size can be added'); 17313 } else { 17314 alert('Limit reached: Max 3 items per size can be added'); 17315 } 17316 return; 17317 } 17318 17319 17320 const cartSections = document.querySelector('cart-notification, cart-drawer'); 17321 const formData = new FormData(form); 17322 17323 formData.set('id', input.value); 17324 formData.set('quantity', '1'); 17325 17326 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 17327 formData.set( 17328 'sections', 17329 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 17330 ); 17331 } 17332 17333 formData.set('sections_url', window.location.pathname); 17334 17335 const addResp = await fetch('/cart/add.js', { 17336 method: 'POST', 17337 headers: { 'Accept': 'application/json' }, 17338 body: formData 17339 }); 17340 17341 const data = await addResp.json(); 17342 17343 if (!addResp.ok) { 17344 throw new Error(data.description || data.message || 'Unable to add this size'); 17345 } 17346 17347 if (cartSections && typeof cartSections.renderContents === 'function') { 17348 cartSections.renderContents(data); 17349 } else { 17350 const bubble = document.querySelector('#cart-icon-bubble'); 17351 if (bubble) bubble.click(); 17352 } 17353 17354 const card = label.closest('.card-wrapper-box'); 17355 if (card) { 17356 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 17357 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 17358 } 17359 } catch (error) { 17360 console.error('SEFAM hover size quick-add error:', error); 17361 if (window.showAlert) { 17362 window.showAlert(error.message || 'Unable to add this size to cart'); 17363 } else { 17364 alert(error.message || 'Unable to add this size to cart'); 17365 } 17366 } finally { 17367 label.dataset.loading = 'false'; 17368 label.style.pointerEvents = ''; 17369 } 17370 }; 17371</script>
17371 17372 17373<style> 17374/* Desktop quick-add final alignment: 17375 sizes start from left; bag area matches the complete quick-size background height. */ 17376@media (min-width: 990px) { 17377 .card-wrapper-box .bt-qatc-form-variants--list { 17378 justify-content: flex-start !important; 17379 align-content: center !important; 17380 text-align: left !important; 17381 } 17382 17383 .card-wrapper-box .bt-qatc-container { 17384 right: 46px !important; 17385 } 17386 17387 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 17388 top: auto !important; 17389 bottom: 0 !important; 17390 width: 46px !important; 17391 height: 100% !important; 17392 min-height: 43px !important; 17393 align-items: stretch !important; 17394 background: rgba(255,255,255,.96) !important; 17395 } 17396 17397 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 17398 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 17399 width: 46px !important; 17400 height: 100% !important; 17401 min-height: 43px !important; 17402 background: rgba(255,255,255,.96) !important; 17403 } 17404 17405 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 17406 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 17407 height: var(--sefam-quick-add-height, 43px) !important; 17408 } 17409} 17410</style>
17411<script> 17412(function () { 17413 function syncQuickAddHeight(card) { 17414 if (!card || window.innerWidth < 990) return; 17415 var panel = card.querySelector('.bt-qatc-form-container'); 17416 if (!panel) return; 17417 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 17418 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 17419 } 17420 17421 document.addEventListener('mouseover', function(e) { 17422 var card = e.target.closest('.card-wrapper-box'); 17423 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 17424 }, { passive: true }); 17425 17426 window.addEventListener('resize', function() { 17427 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 17428 }, { passive: true }); 17429})(); 17430</script>
17430 17431 17432 17433 17434<style> 17435/* ========================================================= 17436 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 17437 - reduce space between sizes 17438 - keep sizes left aligned 17439 - keep the bag icon on the BOTTOM row 17440 - bag background still matches the full size panel 17441 ========================================================= */ 17442@media (min-width: 990px) { 17443 17444 /* More usable width for sizes */ 17445 .card-wrapper-box .bt-qatc-container { 17446 right: 42px !important; 17447 } 17448 17449 /* Compact, left-aligned size list */ 17450 .card-wrapper-box .bt-qatc-form-variants--list { 17451 justify-content: flex-start !important; 17452 align-items: center !important; 17453 align-content: center !important; 17454 17455 column-gap: 0 !important; 17456 row-gap: 0 !important; 17457 17458 padding: 4px 4px !important; 17459 margin: 0 !important; 17460 } 17461 17462 .card-wrapper-box .bt-qatc-form-variant-input { 17463 min-width: 0 !important; 17464 width: auto !important; 17465 height: 35px !important; 17466 margin: 0 !important; 17467 padding: 0 !important; 17468 } 17469 17470 .card-wrapper-box .bt-qatc-form-variant-input label { 17471 min-width: 0 !important; 17472 width: auto !important; 17473 height: 35px !important; 17474 17475 margin: 0 !important; 17476 padding: 0 4px !important; 17477 17478 font-size: 12px !important; 17479 line-height: 1 !important; 17480 } 17481 17482 /* Bag column keeps the same full white background as the sizes */ 17483 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 17484 right: 0 !important; 17485 bottom: 0 !important; 17486 top: auto !important; 17487 17488 width: 42px !important; 17489 min-width: 42px !important; 17490 height: var(--sefam-quick-add-height, 43px) !important; 17491 min-height: 43px !important; 17492 17493 display: flex !important; 17494 flex-direction: column !important; 17495 justify-content: flex-end !important; 17496 align-items: stretch !important; 17497 17498 padding: 0 !important; 17499 margin: 0 !important; 17500 17501 background: rgba(255,255,255,.96) !important; 17502 } 17503 17504 /* The clickable bag itself always sits at the bottom */ 17505 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 17506 width: 42px !important; 17507 min-width: 42px !important; 17508 height: 43px !important; 17509 min-height: 43px !important; 17510 17511 margin-top: auto !important; 17512 padding: 0 !important; 17513 17514 display: flex !important; 17515 align-items: center !important; 17516 justify-content: center !important; 17517 17518 background: rgba(255,255,255,.96) !important; 17519 } 17520 17521 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 17522 width: 42px !important; 17523 height: 43px !important; 17524 min-height: 43px !important; 17525 17526 display: flex !important; 17527 align-items: center !important; 17528 justify-content: center !important; 17529 17530 padding: 0 !important; 17531 margin: 0 !important; 17532 17533 background: transparent !important; 17534 } 17535 17536 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 17537 width: 16px !important; 17538 height: 17px !important; 17539 } 17540} 17541</style> 17542 17543 17544<style> 17545/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 17546@media (min-width: 990px) { 17547 .card-wrapper-box .bt-qatc-form-variants--list { 17548 padding: 3px 4px !important; 17549 column-gap: 0 !important; 17550 row-gap: 0 !important; 17551 justify-content: flex-start !important; 17552 align-items: center !important; 17553 align-content: center !important; 17554 } 17555 17556 .card-wrapper-box .bt-qatc-form-variant-input { 17557 min-width: 0 !important; 17558 width: auto !important; 17559 height: 30px !important; 17560 margin: 0 !important; 17561 padding: 0 !important; 17562 } 17563 17564 .card-wrapper-box .bt-qatc-form-variant-input label { 17565 min-width: 0 !important; 17566 width: auto !important; 17567 height: 30px !important; 17568 margin: 0 !important; 17569 padding: 0 4px !important; 17570 font-size: 12px !important; 17571 line-height: 1 !important; 17572 display: flex !important; 17573 align-items: center !important; 17574 justify-content: center !important; 17575 } 17576 17577 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 17578 display: flex !important; 17579 flex-direction: column !important; 17580 justify-content: flex-end !important;
17581 align-items: stretch !important; 17582 bottom: 0 !important; 17583 top: auto !important; 17584 height: var(--sefam-quick-add-height, 36px) !important; 17585 min-height: 36px !important; 17586 } 17587 17588 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 17589 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 17590 height: 36px !important; 17591 min-height: 36px !important; 17592 margin-top: auto !important; 17593 } 17594} 17595</style> 17596 17597<style> 17598 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 17599 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 17600 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 17601 .card_colorways_container .new-mbl-color-single label span, 17602 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 17603 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 17604</style> 17605 17606 </li> 17607 17608 <li 17609 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_Vj3Gex-12" 17610 class="grid__item slider__slide" 17611 > 17612 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 17613� 17614 17615 17616 � 17617 17618 17619 17620 <div class="card-wrapper product-card-wrapper"> 17621 <div 17622 class=" 17623 card card--standard 17624 card--media 17625 17626 17627 17628 17629 17630 " 17631 style="--ratio-percent: 150.00000000000003%;" 17632 17633 > 17634 <div class="card-wrapper-box"> 17635 17636 <div 17637 class="card__inner color-scheme-2 gradient ratio" 17638 style="--ratio-percent: 150.00000000000003%;" 17639 17640 > 17641 �<a href="/products/e2100"> 17642 17643 �<div class="card-prdct2 card__media"> 17644 <div class="media media--transparent mt3"> 17645 17646 17647 <img 17648 src="//sefam.com/cdn/shop/files/E2100_4.jpg?v=1789736738&width=800" 17649 srcset="//sefam.com/cdn/shop/files/E2100_4.jpg?v=1789736738&width=1600 2x" 17650 class="" 17651 alt="VISCOSE KARANDI | EMBROIDERED" 17652 17653 loading="lazy" 17654 17655 width="2400" 17656 height="3600" 17657 > 17658 �<img 17659 src="//sefam.com/cdn/shop/files/E2100_1_7230f002-c97b-4586-ab4d-d7103c55863b.jpg?v=1789736737&width=800" 17660 srcset="//sefam.com/cdn/shop/files/E2100_1_7230f002-c97b-4586-ab4d-d7103c55863b.jpg?v=1789736737&width=1600 2x" 17661 alt="VISCOSE KARANDI | EMBROIDERED" 17662 loading="lazy" 17663 width="2400" 17664 height="3600" 17665 data-index="" 17666 > 17667 17668 � 17669 </div> 17670 17671 17672 </div> 17673 </a> 17674 </div> 17675 17676 17677 17678 17679 <div class="bt-qatc-container"> 17680 <div class="bt-qatc-form-container"> 17681 <div class="bt-qatc-form-content large-up-hide medium-hide"> 17682 <h3>VISCOSE KARANDI | EMBROIDERED</h3> 17683 17684<div 17685 class=" 17686 price " 17687 > 17688 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 17689 <span class="price-item price-item--regular"> 17690 <span class=money>Rs.17,490</span> 17691 </span></div> 17692 <div class="price__sale"> 17693 <span class="visually-hidden visually-hidden--inline">Regular price</span> 17694 <span> 17695 <s class="price-item price-item--regular"> 17696
17697 <span class=money>Rs.17,490</span> 17698 17699 </s> 17700 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 17701 <span class="price-item price-item--sale price-item--last"> 17702 17703 17704 17705 17706 <span class="percentage__sale hidden">0% OFF</span> 17707 17708 <span class=money>Rs.17,490</span> 17709 </span> 17710 </div> 17711 <small class="unit-price caption hidden"> 17712 <span class="visually-hidden">Unit price</span> 17713 <span class="price-item price-item--last"> 17714 <span></span> 17715 <span aria-hidden="true">/</span> 17716 <span class="visually-hidden"> per </span> 17717 <span> 17718 </span> 17719 </span> 17720 </small> 17721 </div></div> 17722 17723 17724 17725 </div> 17726 <div 17727 class="ethnc-form-media large-up-hide medium-hide" 17728 17729 ></div> 17730 <form method="post" action="/cart/add" class="bt-qatc-form"> 17731 <input type="hidden" name="quantity" value="1"> 17732 <div class="bt-qatc-form-variants-container"> 17733 <div class="bt-qatc-form-variants--list"> 17734 17735 <div 17736 class="in-use bt-qatc-form-variant-input" 17737 17738 data-only-child 17739 17740 > 17741 <input 17742 type="radio" 17743 name="id" 17744 id="-52228609048872" 17745 value="52228609048872" 17746 data-price="1749000" 17747 data-item-id="10392129634600" 17748 hidden 17749 17750 data-item-id="10392129634600" 17751 17752 checked 17753 17754 > 17755 17756 <label 17757 for="-52228609048872" 17758 data-sefam-quick-size 17759 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 17760 > 17761 <span class="split-variant-value"> 17762 17763 UNSTITCHED 17764 17765</span> 17766 </label> 17767 </div> 17768 17769 </div> 17770 17771 17772 17773 17774 </div> 17775 </form> 17776 </div> 17777 </div> 17778 17779 17780 17781 17782 17783 17784 17785 17786 17787 17788 17789 17790 17791 17792 17793 17794 17795 17796 17797 17798 17799 17800 17801 17802 17803 17804 17805 17806 17807 17808 17809 17810 17811 17812 17813 17814 <div 17815 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 17816 > 17817 <div class="ethnc-qatc-btn cstm-add-btn visible"> 17818 <span class="small-hide hide-mobile">Add to Basket</span> 17819 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 17820 </span>
17821 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 17822 width="11" 17823 height="11" 17824 viewBox="0 0 11 11" 17825 fill="none" 17826> 17827 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 17828 fill="black" 17829 /> 17830</svg> 17831</span> 17832 </div> 17833 </div> 17834 17835 17836 </div> 17837 17838 <div class="card__content aiza2"> 17839 <div class="card__information"> 17840 <small class="product-brand"> 17841 Kayseria 17842 </small> 17843 <h3 17844 class="card__heading h5" 17845 17846 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10392129634600" 17847 17848 > 17849 <a 17850 href="/products/e2100" 17851 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10392129634600" 17852 class="full-unstyled-link" 17853 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10392129634600 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10392129634600" 17854 > 17855 VISCOSE KARANDI | EMBROIDERED 17856 17857 <div class="card_colorways_container" onclick="event.stopPropagation();"> 17858 17859 17860 � 17861 </div> 17862 </a> 17863 17864 </h3> 17865 17866 <h3 class="product-subtitle hidden">UNSTITCHED | SHAWL</h3> 17867 17868 <div class="card-information"><span class="caption-large light"></span> 17869<div 17870 class=" 17871 price " 17872 > 17873 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 17874 <span class="price-item price-item--regular"> 17875 <span class=money>Rs.17,490</span> 17876 </span></div> 17877 <div class="price__sale"> 17878 <span class="visually-hidden visually-hidden--inline">Regular price</span> 17879 <span> 17880 <s class="price-item price-item--regular"> 17881 17882 <span class=money>Rs.17,490</span> 17883 17884 </s> 17885 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 17886 <span class="price-item price-item--sale price-item--last"> 17887 17888 17889 17890 17891 <span class="percentage__sale hidden">0% OFF</span> 17892 17893 <span class=money>Rs.17,490</span> 17894 </span> 17895 </div> 17896 <small class="unit-price caption hidden"> 17897 <span class="visually-hidden">Unit price</span> 17898 <span class="price-item price-item--last"> 17899 <span></span> 17900 <span aria-hidden="true">/</span> 17901 <span class="visually-hidden"> per </span> 17902 <span> 17903 </span> 17904 </span> 17905 </small> 17906 </div></div> 17907 17908 17909 17910 </div> 17911 </div> 17912 </div> 17913 17914 </div> 17915 </div><style> 17916/* ========================================================= 17917 DESKTOP PRODUCT CARD QUICK ADD 17918 LEFT = sizes 17919 RIGHT = original bag icon 17920 Mobile behavior remains unchanged 17921 ========================================================= */ 17922@media (min-width: 990px) { 17923 .hide-desktop { 17924 display: none !important; 17925 } 17926 17927 /* Keep both controls on the same bottom row */ 17928 .card-wrapper-box { 17929 position: relative; 17930 } 17931 17932 .card-wrapper-box .bt-qatc-container, 17933 .card-wrapper-box .ethnc-qatc-btn-container { 17934 position: absolute !important; 17935 bottom: 0 !important; 17936 z-index: 8 !important; 17937 } 17938 17939 /* LEFT: size area */ 17940 .card-wrapper-box .bt-qatc-container { 17941 left: 0 !important; 17942 right: 46px !important; 17943 width: auto !important; 17944 } 17945 17946 .card-wrapper-box .bt-qatc-form-container { 17947 left: 0 !important; 17948 right: 0 !important; 17949 bottom: -350% !important; 17950 width: 100% !important; 17951 min-height: 43px !important; 17952 opacity: 0 !important; 17953 visibility: hidden !important; 17954 pointer-events: none !important; 17955 transition: bottom .22s ease, opacity .18s ease !important; 17956 } 17957 17958 .card-wrapper-box .bt-qatc-form, 17959 .card-wrapper-box .bt-qatc-form-variants-container, 17960 .card-wrapper-box .bt-qatc-form-variants--list { 17961 width: 100% !important; 17962 } 17963 17964 .card-wrapper-box .bt-qatc-form-variants--list { 17965 display: flex !important;
17966 align-items: center !important; 17967 flex-wrap: wrap !important; 17968 gap: 0 !important; 17969 min-height: 43px !important; 17970 } 17971 17972 /* RIGHT: original bag button */ 17973 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 17974 display: flex !important; 17975 align-items: stretch !important; 17976 justify-content: center !important; 17977 left: auto !important; 17978 right: 0 !important; 17979 width: 46px !important; 17980 height: 43px !important; 17981 opacity: 0 !important; 17982 visibility: hidden !important; 17983 pointer-events: none !important; 17984 transition: opacity .18s ease !important; 17985 } 17986 17987 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 17988 display: flex !important; 17989 align-items: center !important; 17990 justify-content: center !important; 17991 width: 46px !important; 17992 height: 43px !important; 17993 min-width: 46px !important; 17994 padding: 0 !important; 17995 cursor: pointer !important; 17996 } 17997 17998 /* Hide Add to Basket text on desktop; keep only bag icon */ 17999 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 18000 display: none !important; 18001 } 18002 18003 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 18004 display: flex !important; 18005 align-items: center !important; 18006 justify-content: center !important; 18007 width: 100% !important; 18008 height: 100% !important; 18009 padding: 0 !important; 18010 } 18011 18012 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 18013 display: block !important; 18014 width: 16px !important; 18015 height: 17px !important; 18016 } 18017 18018 /* Show sizes + bag together on desktop hover */ 18019 .card-wrapper-box:hover .bt-qatc-form-container { 18020 bottom: 0 !important; 18021 opacity: 1 !important; 18022 visibility: visible !important; 18023 pointer-events: auto !important; 18024 } 18025 18026 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 18027 opacity: 1 !important; 18028 visibility: visible !important; 18029 pointer-events: auto !important; 18030 } 18031} 18032 18033@media (max-width: 989px) { 18034 .hide-mobile { 18035 display: none; 18036 } 18037} 18038</style> 18039 18040 18041<style> 18042/* ========================================================= 18043 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 18044 Keeps all sizes in one clean row on the left 18045 and the bag icon fixed on the right. 18046 ========================================================= */ 18047@media (min-width: 990px) { 18048 18049 .card-wrapper-box .bt-qatc-form-container { 18050 height: 43px !important; 18051 min-height: 43px !important; 18052 max-height: 43px !important; 18053 overflow: hidden !important; 18054 background: rgba(255,255,255,.96) !important; 18055 } 18056 18057 .card-wrapper-box .bt-qatc-form { 18058 display: block !important; 18059 height: 43px !important; 18060 min-height: 43px !important; 18061 margin: 0 !important; 18062 padding: 0 !important; 18063 } 18064 18065 .card-wrapper-box .bt-qatc-form-variants-container { 18066 display: block !important; 18067 width: 100% !important; 18068 height: 43px !important; 18069 min-height: 43px !important; 18070 margin: 0 !important; 18071 padding: 0 !important; 18072 } 18073 18074 .card-wrapper-box .bt-qatc-form-variants--list { 18075 display: flex !important; 18076 flex-direction: row !important; 18077 flex-wrap: wrap !important; 18078 align-items: center !important; 18079 justify-content: center !important; 18080 18081 width: 100% !important; 18082 height: 43px !important; 18083 min-height: 43px !important; 18084 18085 margin: 0 !important; 18086 padding: 0 6px !important; 18087 gap: 2px !important; 18088 18089 box-sizing: border-box !important; 18090 overflow: visible !important; 18091 white-space: normal !important; 18092 } 18093 18094 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 18095 display: none !important; 18096 } 18097 18098 .card-wrapper-box .bt-qatc-form-variant-input { 18099 position: relative !important; 18100 18101 display: flex !important; 18102 align-items: center !important; 18103 justify-content: center !important; 18104 18105 flex: 0 0 auto !important; 18106 width: auto !important; 18107 min-width: 32px !important; 18108 height: 43px !important; 18109 18110 margin: 0 !important; 18111 padding: 0 !important; 18112 18113 border: 0 !important; 18114 background: transparent !important; 18115 } 18116 18117 .card-wrapper-box .bt-qatc-form-variant-input label { 18118 position: static !important; 18119 18120 display: flex !important;
18121 align-items: center !important; 18122 justify-content: center !important; 18123 18124 width: auto !important; 18125 min-width: 32px !important; 18126 height: 32px !important; 18127 18128 margin: 0 !important; 18129 padding: 0 6px !important; 18130 18131 box-sizing: border-box !important; 18132 18133 background: transparent !important; 18134 border: 0 !important; 18135 18136 color: #111 !important; 18137 font-size: 12px !important; 18138 line-height: 1 !important; 18139 font-weight: 400 !important; 18140 18141 white-space: nowrap !important; 18142 cursor: pointer !important; 18143 } 18144 18145 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 18146 display: block !important; 18147 width: auto !important; 18148 max-width: none !important; 18149 18150 margin: 0 !important; 18151 padding: 0 !important; 18152 18153 overflow: visible !important; 18154 white-space: nowrap !important; 18155 text-overflow: clip !important; 18156 18157 font-size: inherit !important; 18158 line-height: inherit !important; 18159 } 18160 18161 /* Sold-out size */ 18162 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 18163 opacity: .35 !important; 18164 text-decoration: line-through !important; 18165 cursor: not-allowed !important; 18166 } 18167 18168 /* Optional hover feedback */ 18169 .card-wrapper-box 18170 .bt-qatc-form-variant-input:not(.is-disbaled) 18171 label:hover { 18172 text-decoration: underline !important; 18173 text-underline-offset: 3px !important; 18174 } 18175 18176 /* Prevent old theme transforms / absolute positions */ 18177 .card-wrapper-box .bt-qatc-form-variant-input *, 18178 .card-wrapper-box .bt-qatc-form-variants--list * { 18179 transform: none; 18180 } 18181} 18182</style> 18183 18184 18185<style> 18186/* Desktop quick-add: use one seamless background for sizes + bag */ 18187@media (min-width: 990px) { 18188 .card-wrapper-box .bt-qatc-form-container, 18189 .card-wrapper-box .bt-qatc-form, 18190 .card-wrapper-box .bt-qatc-form-variants-container, 18191 .card-wrapper-box .bt-qatc-form-variants--list, 18192 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 18193 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 18194 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 18195 background: rgba(255,255,255,.96) !important; 18196 } 18197 18198 /* Remove any visual split between sizes and bag */ 18199 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 18200 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 18201 border-left: 0 !important; 18202 box-shadow: none !important; 18203 } 18204} 18205</style> 18206 18207 18208<style> 18209/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 18210@media (min-width: 990px) { 18211 .card-wrapper-box .bt-qatc-form-container, 18212 .card-wrapper-box .bt-qatc-form, 18213 .card-wrapper-box .bt-qatc-form-variants-container { 18214 height: auto !important; 18215 max-height: none !important; 18216 overflow: visible !important; 18217 } 18218 18219 .card-wrapper-box .bt-qatc-form-variants--list { 18220 display: flex !important; 18221 flex-wrap: wrap !important; 18222 justify-content: center !important; 18223 align-items: center !important; 18224 height: auto !important; 18225 min-height: 43px !important; 18226 max-height: none !important; 18227 overflow: visible !important; 18228 white-space: normal !important; 18229 padding: 5px 6px !important; 18230 } 18231 18232 .card-wrapper-box .bt-qatc-form-variant-input { 18233 flex: 0 0 auto !important; 18234 } 18235} 18236</style> 18237
18238<script> 18239 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 18240 const wrap = label.closest('.bt-qatc-form-variant-input'); 18241 const form = label.closest('.bt-qatc-form'); 18242 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 18243 18244 if (!wrap || !form || !input) return; 18245 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 18246 if (label.dataset.loading === 'true') return; 18247 18248 input.checked = true; 18249 label.dataset.loading = 'true'; 18250 label.style.pointerEvents = 'none'; 18251 18252 try { 18253 const cartResp = await fetch('/cart.js', { 18254 method: 'GET', 18255 headers: { 'Accept': 'application/json' } 18256 }); 18257 18258 if (!cartResp.ok) throw new Error('Unable to read cart'); 18259 18260 const cart = await cartResp.json(); 18261 const variantId = Number(input.value); 18262 const selectedPrice = Number(input.dataset.price || 0) / 100; 18263 const totalCartPrice = Number(cart.total_price || 0) / 100; 18264 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 18265 18266 if ((totalCartPrice + selectedPrice) > 250000) { 18267 if (window.showAlert) { 18268 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 18269 } else { 18270 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 18271 } 18272 return; 18273 } 18274 18275 if (itemInCart && Number(itemInCart.quantity) >= 3) { 18276 if (window.showAlert) { 18277 window.showAlert('Limit reached: Max 3 items per size can be added'); 18278 } else { 18279 alert('Limit reached: Max 3 items per size can be added'); 18280 } 18281 return; 18282 } 18283 18284 18285 const cartSections = document.querySelector('cart-notification, cart-drawer'); 18286 const formData = new FormData(form); 18287 18288 formData.set('id', input.value); 18289 formData.set('quantity', '1'); 18290 18291 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 18292 formData.set( 18293 'sections', 18294 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 18295 ); 18296 } 18297 18298 formData.set('sections_url', window.location.pathname); 18299 18300 const addResp = await fetch('/cart/add.js', { 18301 method: 'POST', 18302 headers: { 'Accept': 'application/json' }, 18303 body: formData 18304 }); 18305 18306 const data = await addResp.json(); 18307 18308 if (!addResp.ok) { 18309 throw new Error(data.description || data.message || 'Unable to add this size'); 18310 } 18311 18312 if (cartSections && typeof cartSections.renderContents === 'function') { 18313 cartSections.renderContents(data); 18314 } else { 18315 const bubble = document.querySelector('#cart-icon-bubble'); 18316 if (bubble) bubble.click(); 18317 } 18318 18319 const card = label.closest('.card-wrapper-box'); 18320 if (card) { 18321 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 18322 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 18323 } 18324 } catch (error) { 18325 console.error('SEFAM hover size quick-add error:', error); 18326 if (window.showAlert) { 18327 window.showAlert(error.message || 'Unable to add this size to cart'); 18328 } else { 18329 alert(error.message || 'Unable to add this size to cart'); 18330 } 18331 } finally { 18332 label.dataset.loading = 'false'; 18333 label.style.pointerEvents = ''; 18334 } 18335 }; 18336</script>
18336 18337 18338<style> 18339/* Desktop quick-add final alignment: 18340 sizes start from left; bag area matches the complete quick-size background height. */ 18341@media (min-width: 990px) { 18342 .card-wrapper-box .bt-qatc-form-variants--list { 18343 justify-content: flex-start !important; 18344 align-content: center !important; 18345 text-align: left !important; 18346 } 18347 18348 .card-wrapper-box .bt-qatc-container { 18349 right: 46px !important; 18350 } 18351 18352 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 18353 top: auto !important; 18354 bottom: 0 !important; 18355 width: 46px !important; 18356 height: 100% !important; 18357 min-height: 43px !important; 18358 align-items: stretch !important; 18359 background: rgba(255,255,255,.96) !important; 18360 } 18361 18362 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 18363 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 18364 width: 46px !important; 18365 height: 100% !important; 18366 min-height: 43px !important; 18367 background: rgba(255,255,255,.96) !important; 18368 } 18369 18370 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 18371 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 18372 height: var(--sefam-quick-add-height, 43px) !important; 18373 } 18374} 18375</style>
18376<script> 18377(function () { 18378 function syncQuickAddHeight(card) { 18379 if (!card || window.innerWidth < 990) return; 18380 var panel = card.querySelector('.bt-qatc-form-container'); 18381 if (!panel) return; 18382 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 18383 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 18384 } 18385 18386 document.addEventListener('mouseover', function(e) { 18387 var card = e.target.closest('.card-wrapper-box'); 18388 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 18389 }, { passive: true }); 18390 18391 window.addEventListener('resize', function() { 18392 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 18393 }, { passive: true }); 18394})(); 18395</script>
18395 18396 18397 18398 18399<style> 18400/* ========================================================= 18401 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 18402 - reduce space between sizes 18403 - keep sizes left aligned 18404 - keep the bag icon on the BOTTOM row 18405 - bag background still matches the full size panel 18406 ========================================================= */ 18407@media (min-width: 990px) { 18408 18409 /* More usable width for sizes */ 18410 .card-wrapper-box .bt-qatc-container { 18411 right: 42px !important; 18412 } 18413 18414 /* Compact, left-aligned size list */ 18415 .card-wrapper-box .bt-qatc-form-variants--list { 18416 justify-content: flex-start !important; 18417 align-items: center !important; 18418 align-content: center !important; 18419 18420 column-gap: 0 !important; 18421 row-gap: 0 !important; 18422 18423 padding: 4px 4px !important; 18424 margin: 0 !important; 18425 } 18426 18427 .card-wrapper-box .bt-qatc-form-variant-input { 18428 min-width: 0 !important; 18429 width: auto !important; 18430 height: 35px !important; 18431 margin: 0 !important; 18432 padding: 0 !important; 18433 } 18434 18435 .card-wrapper-box .bt-qatc-form-variant-input label { 18436 min-width: 0 !important; 18437 width: auto !important; 18438 height: 35px !important; 18439 18440 margin: 0 !important; 18441 padding: 0 4px !important; 18442 18443 font-size: 12px !important; 18444 line-height: 1 !important; 18445 } 18446 18447 /* Bag column keeps the same full white background as the sizes */ 18448 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 18449 right: 0 !important; 18450 bottom: 0 !important; 18451 top: auto !important; 18452 18453 width: 42px !important; 18454 min-width: 42px !important; 18455 height: var(--sefam-quick-add-height, 43px) !important; 18456 min-height: 43px !important; 18457 18458 display: flex !important; 18459 flex-direction: column !important; 18460 justify-content: flex-end !important; 18461 align-items: stretch !important; 18462 18463 padding: 0 !important; 18464 margin: 0 !important; 18465 18466 background: rgba(255,255,255,.96) !important; 18467 } 18468 18469 /* The clickable bag itself always sits at the bottom */ 18470 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 18471 width: 42px !important; 18472 min-width: 42px !important; 18473 height: 43px !important; 18474 min-height: 43px !important; 18475 18476 margin-top: auto !important; 18477 padding: 0 !important; 18478 18479 display: flex !important; 18480 align-items: center !important; 18481 justify-content: center !important; 18482 18483 background: rgba(255,255,255,.96) !important; 18484 } 18485 18486 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 18487 width: 42px !important; 18488 height: 43px !important; 18489 min-height: 43px !important; 18490 18491 display: flex !important; 18492 align-items: center !important; 18493 justify-content: center !important; 18494 18495 padding: 0 !important; 18496 margin: 0 !important; 18497 18498 background: transparent !important; 18499 } 18500 18501 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 18502 width: 16px !important; 18503 height: 17px !important; 18504 } 18505} 18506</style> 18507 18508 18509<style> 18510/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 18511@media (min-width: 990px) { 18512 .card-wrapper-box .bt-qatc-form-variants--list { 18513 padding: 3px 4px !important; 18514 column-gap: 0 !important; 18515 row-gap: 0 !important; 18516 justify-content: flex-start !important; 18517 align-items: center !important; 18518 align-content: center !important; 18519 } 18520 18521 .card-wrapper-box .bt-qatc-form-variant-input { 18522 min-width: 0 !important; 18523 width: auto !important; 18524 height: 30px !important; 18525 margin: 0 !important; 18526 padding: 0 !important; 18527 } 18528 18529 .card-wrapper-box .bt-qatc-form-variant-input label { 18530 min-width: 0 !important; 18531 width: auto !important; 18532 height: 30px !important; 18533 margin: 0 !important; 18534 padding: 0 4px !important; 18535 font-size: 12px !important; 18536 line-height: 1 !important; 18537 display: flex !important; 18538 align-items: center !important; 18539 justify-content: center !important; 18540 } 18541 18542 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 18543 display: flex !important; 18544 flex-direction: column !important; 18545 justify-content: flex-end !important;
18546 align-items: stretch !important; 18547 bottom: 0 !important; 18548 top: auto !important; 18549 height: var(--sefam-quick-add-height, 36px) !important; 18550 min-height: 36px !important; 18551 } 18552 18553 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 18554 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 18555 height: 36px !important; 18556 min-height: 36px !important; 18557 margin-top: auto !important; 18558 } 18559} 18560</style> 18561 18562<style> 18563 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 18564 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 18565 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 18566 .card_colorways_container .new-mbl-color-single label span, 18567 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 18568 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 18569</style> 18570 18571 </li> 18572 18573 <li 18574 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_Vj3Gex-13" 18575 class="grid__item slider__slide" 18576 > 18577 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 18578� 18579 18580 18581 � 18582 18583 18584 18585 <div class="card-wrapper product-card-wrapper"> 18586 <div 18587 class=" 18588 card card--standard 18589 card--media 18590 18591 18592 18593 18594 18595 " 18596 style="--ratio-percent: 150.00000000000003%;" 18597 18598 > 18599 <div class="card-wrapper-box"> 18600 18601 <div 18602 class="card__inner color-scheme-2 gradient ratio" 18603 style="--ratio-percent: 150.00000000000003%;" 18604 18605 > 18606 �<a href="/products/c6628"> 18607 18608 �<div class="card-prdct2 card__media"> 18609 <div class="media media--transparent mt3"> 18610 18611 18612 <img 18613 src="//sefam.com/cdn/shop/files/C6628_6.jpg?v=1790074543&width=800" 18614 srcset="//sefam.com/cdn/shop/files/C6628_6.jpg?v=1790074543&width=1600 2x" 18615 class="" 18616 alt="KHADDAR | PRINTED" 18617 18618 loading="lazy" 18619 18620 width="2400" 18621 height="3600" 18622 > 18623 �<img 18624 src="//sefam.com/cdn/shop/files/C6628_1.jpg?v=1790074543&width=800" 18625 srcset="//sefam.com/cdn/shop/files/C6628_1.jpg?v=1790074543&width=1600 2x" 18626 alt="KHADDAR | PRINTED" 18627 loading="lazy" 18628 width="2400" 18629 height="3600" 18630 data-index="" 18631 > 18632 18633 � 18634 </div> 18635 18636 18637 </div> 18638 </a> 18639 </div> 18640 18641 18642 18643 18644 <div class="bt-qatc-container"> 18645 <div class="bt-qatc-form-container"> 18646 <div class="bt-qatc-form-content large-up-hide medium-hide"> 18647 <h3>KHADDAR | PRINTED</h3> 18648 18649<div 18650 class=" 18651 price " 18652 > 18653 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 18654 <span class="price-item price-item--regular"> 18655 <span class=money>Rs.4,990</span> 18656 </span></div> 18657 <div class="price__sale"> 18658 <span class="visually-hidden visually-hidden--inline">Regular price</span> 18659 <span> 18660 <s class="price-item price-item--regular"> 18661 18662 <span class=money>Rs.4,990</span> 18663 18664 </s> 18665 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
18666 <span class="price-item price-item--sale price-item--last"> 18667 18668 18669 18670 18671 <span class="percentage__sale hidden">0% OFF</span> 18672 18673 <span class=money>Rs.4,990</span> 18674 </span> 18675 </div> 18676 <small class="unit-price caption hidden"> 18677 <span class="visually-hidden">Unit price</span> 18678 <span class="price-item price-item--last"> 18679 <span></span> 18680 <span aria-hidden="true">/</span> 18681 <span class="visually-hidden"> per </span> 18682 <span> 18683 </span> 18684 </span> 18685 </small> 18686 </div></div> 18687 18688 18689 18690 </div> 18691 <div 18692 class="ethnc-form-media large-up-hide medium-hide" 18693 18694 ></div> 18695 <form method="post" action="/cart/add" class="bt-qatc-form"> 18696 <input type="hidden" name="quantity" value="1"> 18697 <div class="bt-qatc-form-variants-container"> 18698 <div class="bt-qatc-form-variants--list"> 18699 18700 <div 18701 class="in-use bt-qatc-form-variant-input" 18702 18703 data-only-child 18704 18705 > 18706 <input 18707 type="radio" 18708 name="id" 18709 id="-52228267376936" 18710 value="52228267376936" 18711 data-price="499000" 18712 data-item-id="10391994695976" 18713 hidden 18714 18715 data-item-id="10391994695976" 18716 18717 checked 18718 18719 > 18720 18721 <label 18722 for="-52228267376936" 18723 data-sefam-quick-size 18724 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 18725 > 18726 <span class="split-variant-value"> 18727 18728 UNSTITCHED 18729 18730</span> 18731 </label> 18732 </div> 18733 18734 </div> 18735 18736 18737 18738 18739 </div> 18740 </form> 18741 </div> 18742 </div> 18743 18744 18745 18746 18747 18748 18749 18750 18751 18752 18753 18754 18755 18756 18757 18758 18759 18760 18761 18762 18763 18764 18765 18766 18767 18768 18769 18770 18771 18772 18773 18774 18775 18776 18777 18778 18779 18780 18781 18782 <div 18783 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 18784 > 18785 <div class="ethnc-qatc-btn cstm-add-btn visible"> 18786 <span class="small-hide hide-mobile">Add to Basket</span> 18787 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 18788 </span>
18789 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 18790 width="11" 18791 height="11" 18792 viewBox="0 0 11 11" 18793 fill="none" 18794> 18795 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 18796 fill="black" 18797 /> 18798</svg> 18799</span> 18800 </div> 18801 </div> 18802 18803 18804 </div> 18805 18806 <div class="card__content aiza2"> 18807 <div class="card__information"> 18808 <small class="product-brand"> 18809 Kayseria 18810 </small> 18811 <h3 18812 class="card__heading h5" 18813 18814 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391994695976" 18815 18816 > 18817 <a 18818 href="/products/c6628" 18819 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391994695976" 18820 class="full-unstyled-link" 18821 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391994695976 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391994695976" 18822 > 18823 KHADDAR | PRINTED 18824 18825 <div class="card_colorways_container" onclick="event.stopPropagation();"> 18826 18827 18828 � 18829 </div> 18830 </a> 18831 18832 </h3> 18833 18834 <h3 class="product-subtitle hidden">UNSTITCHED | SHIRT, TROUSER & DUPATTA</h3> 18835 18836 <div class="card-information"><span class="caption-large light"></span> 18837<div 18838 class=" 18839 price " 18840 > 18841 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 18842 <span class="price-item price-item--regular"> 18843 <span class=money>Rs.4,990</span> 18844 </span></div> 18845 <div class="price__sale"> 18846 <span class="visually-hidden visually-hidden--inline">Regular price</span> 18847 <span> 18848 <s class="price-item price-item--regular"> 18849 18850 <span class=money>Rs.4,990</span> 18851 18852 </s> 18853 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 18854 <span class="price-item price-item--sale price-item--last"> 18855 18856 18857 18858 18859 <span class="percentage__sale hidden">0% OFF</span> 18860 18861 <span class=money>Rs.4,990</span> 18862 </span> 18863 </div> 18864 <small class="unit-price caption hidden"> 18865 <span class="visually-hidden">Unit price</span> 18866 <span class="price-item price-item--last"> 18867 <span></span> 18868 <span aria-hidden="true">/</span> 18869 <span class="visually-hidden"> per </span> 18870 <span> 18871 </span> 18872 </span> 18873 </small> 18874 </div></div> 18875 18876 18877 18878 </div> 18879 </div> 18880 </div> 18881 18882 </div> 18883 </div><style> 18884/* ========================================================= 18885 DESKTOP PRODUCT CARD QUICK ADD 18886 LEFT = sizes 18887 RIGHT = original bag icon 18888 Mobile behavior remains unchanged 18889 ========================================================= */ 18890@media (min-width: 990px) { 18891 .hide-desktop { 18892 display: none !important; 18893 } 18894 18895 /* Keep both controls on the same bottom row */ 18896 .card-wrapper-box { 18897 position: relative; 18898 } 18899 18900 .card-wrapper-box .bt-qatc-container, 18901 .card-wrapper-box .ethnc-qatc-btn-container { 18902 position: absolute !important; 18903 bottom: 0 !important; 18904 z-index: 8 !important; 18905 } 18906 18907 /* LEFT: size area */ 18908 .card-wrapper-box .bt-qatc-container { 18909 left: 0 !important; 18910 right: 46px !important; 18911 width: auto !important; 18912 } 18913 18914 .card-wrapper-box .bt-qatc-form-container { 18915 left: 0 !important; 18916 right: 0 !important; 18917 bottom: -350% !important; 18918 width: 100% !important; 18919 min-height: 43px !important; 18920 opacity: 0 !important; 18921 visibility: hidden !important; 18922 pointer-events: none !important; 18923 transition: bottom .22s ease, opacity .18s ease !important; 18924 } 18925 18926 .card-wrapper-box .bt-qatc-form, 18927 .card-wrapper-box .bt-qatc-form-variants-container, 18928 .card-wrapper-box .bt-qatc-form-variants--list { 18929 width: 100% !important; 18930 } 18931 18932 .card-wrapper-box .bt-qatc-form-variants--list { 18933 display: flex !important;
18934 align-items: center !important; 18935 flex-wrap: wrap !important; 18936 gap: 0 !important; 18937 min-height: 43px !important; 18938 } 18939 18940 /* RIGHT: original bag button */ 18941 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 18942 display: flex !important; 18943 align-items: stretch !important; 18944 justify-content: center !important; 18945 left: auto !important; 18946 right: 0 !important; 18947 width: 46px !important; 18948 height: 43px !important; 18949 opacity: 0 !important; 18950 visibility: hidden !important; 18951 pointer-events: none !important; 18952 transition: opacity .18s ease !important; 18953 } 18954 18955 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 18956 display: flex !important; 18957 align-items: center !important; 18958 justify-content: center !important; 18959 width: 46px !important; 18960 height: 43px !important; 18961 min-width: 46px !important; 18962 padding: 0 !important; 18963 cursor: pointer !important; 18964 } 18965 18966 /* Hide Add to Basket text on desktop; keep only bag icon */ 18967 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 18968 display: none !important; 18969 } 18970 18971 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 18972 display: flex !important; 18973 align-items: center !important; 18974 justify-content: center !important; 18975 width: 100% !important; 18976 height: 100% !important; 18977 padding: 0 !important; 18978 } 18979 18980 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 18981 display: block !important; 18982 width: 16px !important; 18983 height: 17px !important; 18984 } 18985 18986 /* Show sizes + bag together on desktop hover */ 18987 .card-wrapper-box:hover .bt-qatc-form-container { 18988 bottom: 0 !important; 18989 opacity: 1 !important; 18990 visibility: visible !important; 18991 pointer-events: auto !important; 18992 } 18993 18994 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 18995 opacity: 1 !important; 18996 visibility: visible !important; 18997 pointer-events: auto !important; 18998 } 18999} 19000 19001@media (max-width: 989px) { 19002 .hide-mobile { 19003 display: none; 19004 } 19005} 19006</style> 19007 19008 19009<style> 19010/* ========================================================= 19011 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 19012 Keeps all sizes in one clean row on the left 19013 and the bag icon fixed on the right. 19014 ========================================================= */ 19015@media (min-width: 990px) { 19016 19017 .card-wrapper-box .bt-qatc-form-container { 19018 height: 43px !important; 19019 min-height: 43px !important; 19020 max-height: 43px !important; 19021 overflow: hidden !important; 19022 background: rgba(255,255,255,.96) !important; 19023 } 19024 19025 .card-wrapper-box .bt-qatc-form { 19026 display: block !important; 19027 height: 43px !important; 19028 min-height: 43px !important; 19029 margin: 0 !important; 19030 padding: 0 !important; 19031 } 19032 19033 .card-wrapper-box .bt-qatc-form-variants-container { 19034 display: block !important; 19035 width: 100% !important; 19036 height: 43px !important; 19037 min-height: 43px !important; 19038 margin: 0 !important; 19039 padding: 0 !important; 19040 } 19041 19042 .card-wrapper-box .bt-qatc-form-variants--list { 19043 display: flex !important; 19044 flex-direction: row !important; 19045 flex-wrap: wrap !important; 19046 align-items: center !important; 19047 justify-content: center !important; 19048 19049 width: 100% !important; 19050 height: 43px !important; 19051 min-height: 43px !important; 19052 19053 margin: 0 !important; 19054 padding: 0 6px !important; 19055 gap: 2px !important; 19056 19057 box-sizing: border-box !important; 19058 overflow: visible !important; 19059 white-space: normal !important; 19060 } 19061 19062 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 19063 display: none !important; 19064 } 19065 19066 .card-wrapper-box .bt-qatc-form-variant-input { 19067 position: relative !important; 19068 19069 display: flex !important; 19070 align-items: center !important; 19071 justify-content: center !important; 19072 19073 flex: 0 0 auto !important; 19074 width: auto !important; 19075 min-width: 32px !important; 19076 height: 43px !important; 19077 19078 margin: 0 !important; 19079 padding: 0 !important; 19080 19081 border: 0 !important; 19082 background: transparent !important; 19083 } 19084 19085 .card-wrapper-box .bt-qatc-form-variant-input label { 19086 position: static !important; 19087 19088 display: flex !important;
19089 align-items: center !important; 19090 justify-content: center !important; 19091 19092 width: auto !important; 19093 min-width: 32px !important; 19094 height: 32px !important; 19095 19096 margin: 0 !important; 19097 padding: 0 6px !important; 19098 19099 box-sizing: border-box !important; 19100 19101 background: transparent !important; 19102 border: 0 !important; 19103 19104 color: #111 !important; 19105 font-size: 12px !important; 19106 line-height: 1 !important; 19107 font-weight: 400 !important; 19108 19109 white-space: nowrap !important; 19110 cursor: pointer !important; 19111 } 19112 19113 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 19114 display: block !important; 19115 width: auto !important; 19116 max-width: none !important; 19117 19118 margin: 0 !important; 19119 padding: 0 !important; 19120 19121 overflow: visible !important; 19122 white-space: nowrap !important; 19123 text-overflow: clip !important; 19124 19125 font-size: inherit !important; 19126 line-height: inherit !important; 19127 } 19128 19129 /* Sold-out size */ 19130 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 19131 opacity: .35 !important; 19132 text-decoration: line-through !important; 19133 cursor: not-allowed !important; 19134 } 19135 19136 /* Optional hover feedback */ 19137 .card-wrapper-box 19138 .bt-qatc-form-variant-input:not(.is-disbaled) 19139 label:hover { 19140 text-decoration: underline !important; 19141 text-underline-offset: 3px !important; 19142 } 19143 19144 /* Prevent old theme transforms / absolute positions */ 19145 .card-wrapper-box .bt-qatc-form-variant-input *, 19146 .card-wrapper-box .bt-qatc-form-variants--list * { 19147 transform: none; 19148 } 19149} 19150</style> 19151 19152 19153<style> 19154/* Desktop quick-add: use one seamless background for sizes + bag */ 19155@media (min-width: 990px) { 19156 .card-wrapper-box .bt-qatc-form-container, 19157 .card-wrapper-box .bt-qatc-form, 19158 .card-wrapper-box .bt-qatc-form-variants-container, 19159 .card-wrapper-box .bt-qatc-form-variants--list, 19160 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 19161 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 19162 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 19163 background: rgba(255,255,255,.96) !important; 19164 } 19165 19166 /* Remove any visual split between sizes and bag */ 19167 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 19168 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 19169 border-left: 0 !important; 19170 box-shadow: none !important; 19171 } 19172} 19173</style> 19174 19175 19176<style> 19177/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 19178@media (min-width: 990px) { 19179 .card-wrapper-box .bt-qatc-form-container, 19180 .card-wrapper-box .bt-qatc-form, 19181 .card-wrapper-box .bt-qatc-form-variants-container { 19182 height: auto !important; 19183 max-height: none !important; 19184 overflow: visible !important; 19185 } 19186 19187 .card-wrapper-box .bt-qatc-form-variants--list { 19188 display: flex !important; 19189 flex-wrap: wrap !important; 19190 justify-content: center !important; 19191 align-items: center !important; 19192 height: auto !important; 19193 min-height: 43px !important; 19194 max-height: none !important; 19195 overflow: visible !important; 19196 white-space: normal !important; 19197 padding: 5px 6px !important; 19198 } 19199 19200 .card-wrapper-box .bt-qatc-form-variant-input { 19201 flex: 0 0 auto !important; 19202 } 19203} 19204</style> 19205
19206<script> 19207 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 19208 const wrap = label.closest('.bt-qatc-form-variant-input'); 19209 const form = label.closest('.bt-qatc-form'); 19210 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 19211 19212 if (!wrap || !form || !input) return; 19213 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 19214 if (label.dataset.loading === 'true') return; 19215 19216 input.checked = true; 19217 label.dataset.loading = 'true'; 19218 label.style.pointerEvents = 'none'; 19219 19220 try { 19221 const cartResp = await fetch('/cart.js', { 19222 method: 'GET', 19223 headers: { 'Accept': 'application/json' } 19224 }); 19225 19226 if (!cartResp.ok) throw new Error('Unable to read cart'); 19227 19228 const cart = await cartResp.json(); 19229 const variantId = Number(input.value); 19230 const selectedPrice = Number(input.dataset.price || 0) / 100; 19231 const totalCartPrice = Number(cart.total_price || 0) / 100; 19232 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 19233 19234 if ((totalCartPrice + selectedPrice) > 250000) { 19235 if (window.showAlert) { 19236 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 19237 } else { 19238 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 19239 } 19240 return; 19241 } 19242 19243 if (itemInCart && Number(itemInCart.quantity) >= 3) { 19244 if (window.showAlert) { 19245 window.showAlert('Limit reached: Max 3 items per size can be added'); 19246 } else { 19247 alert('Limit reached: Max 3 items per size can be added'); 19248 } 19249 return; 19250 } 19251 19252 19253 const cartSections = document.querySelector('cart-notification, cart-drawer'); 19254 const formData = new FormData(form); 19255 19256 formData.set('id', input.value); 19257 formData.set('quantity', '1'); 19258 19259 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 19260 formData.set( 19261 'sections', 19262 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 19263 ); 19264 } 19265 19266 formData.set('sections_url', window.location.pathname); 19267 19268 const addResp = await fetch('/cart/add.js', { 19269 method: 'POST', 19270 headers: { 'Accept': 'application/json' }, 19271 body: formData 19272 }); 19273 19274 const data = await addResp.json(); 19275 19276 if (!addResp.ok) { 19277 throw new Error(data.description || data.message || 'Unable to add this size'); 19278 } 19279 19280 if (cartSections && typeof cartSections.renderContents === 'function') { 19281 cartSections.renderContents(data); 19282 } else { 19283 const bubble = document.querySelector('#cart-icon-bubble'); 19284 if (bubble) bubble.click(); 19285 } 19286 19287 const card = label.closest('.card-wrapper-box'); 19288 if (card) { 19289 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 19290 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 19291 } 19292 } catch (error) { 19293 console.error('SEFAM hover size quick-add error:', error); 19294 if (window.showAlert) { 19295 window.showAlert(error.message || 'Unable to add this size to cart'); 19296 } else { 19297 alert(error.message || 'Unable to add this size to cart'); 19298 } 19299 } finally { 19300 label.dataset.loading = 'false'; 19301 label.style.pointerEvents = ''; 19302 } 19303 }; 19304</script>
19304 19305 19306<style> 19307/* Desktop quick-add final alignment: 19308 sizes start from left; bag area matches the complete quick-size background height. */ 19309@media (min-width: 990px) { 19310 .card-wrapper-box .bt-qatc-form-variants--list { 19311 justify-content: flex-start !important; 19312 align-content: center !important; 19313 text-align: left !important; 19314 } 19315 19316 .card-wrapper-box .bt-qatc-container { 19317 right: 46px !important; 19318 } 19319 19320 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 19321 top: auto !important; 19322 bottom: 0 !important; 19323 width: 46px !important; 19324 height: 100% !important; 19325 min-height: 43px !important; 19326 align-items: stretch !important; 19327 background: rgba(255,255,255,.96) !important; 19328 } 19329 19330 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 19331 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 19332 width: 46px !important; 19333 height: 100% !important; 19334 min-height: 43px !important; 19335 background: rgba(255,255,255,.96) !important; 19336 } 19337 19338 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 19339 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 19340 height: var(--sefam-quick-add-height, 43px) !important; 19341 } 19342} 19343</style>
19344<script> 19345(function () { 19346 function syncQuickAddHeight(card) { 19347 if (!card || window.innerWidth < 990) return; 19348 var panel = card.querySelector('.bt-qatc-form-container'); 19349 if (!panel) return; 19350 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 19351 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 19352 } 19353 19354 document.addEventListener('mouseover', function(e) { 19355 var card = e.target.closest('.card-wrapper-box'); 19356 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 19357 }, { passive: true }); 19358 19359 window.addEventListener('resize', function() { 19360 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 19361 }, { passive: true }); 19362})(); 19363</script>
19363 19364 19365 19366 19367<style> 19368/* ========================================================= 19369 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 19370 - reduce space between sizes 19371 - keep sizes left aligned 19372 - keep the bag icon on the BOTTOM row 19373 - bag background still matches the full size panel 19374 ========================================================= */ 19375@media (min-width: 990px) { 19376 19377 /* More usable width for sizes */ 19378 .card-wrapper-box .bt-qatc-container { 19379 right: 42px !important; 19380 } 19381 19382 /* Compact, left-aligned size list */ 19383 .card-wrapper-box .bt-qatc-form-variants--list { 19384 justify-content: flex-start !important; 19385 align-items: center !important; 19386 align-content: center !important; 19387 19388 column-gap: 0 !important; 19389 row-gap: 0 !important; 19390 19391 padding: 4px 4px !important; 19392 margin: 0 !important; 19393 } 19394 19395 .card-wrapper-box .bt-qatc-form-variant-input { 19396 min-width: 0 !important; 19397 width: auto !important; 19398 height: 35px !important; 19399 margin: 0 !important; 19400 padding: 0 !important; 19401 } 19402 19403 .card-wrapper-box .bt-qatc-form-variant-input label { 19404 min-width: 0 !important; 19405 width: auto !important; 19406 height: 35px !important; 19407 19408 margin: 0 !important; 19409 padding: 0 4px !important; 19410 19411 font-size: 12px !important; 19412 line-height: 1 !important; 19413 } 19414 19415 /* Bag column keeps the same full white background as the sizes */ 19416 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 19417 right: 0 !important; 19418 bottom: 0 !important; 19419 top: auto !important; 19420 19421 width: 42px !important; 19422 min-width: 42px !important; 19423 height: var(--sefam-quick-add-height, 43px) !important; 19424 min-height: 43px !important; 19425 19426 display: flex !important; 19427 flex-direction: column !important; 19428 justify-content: flex-end !important; 19429 align-items: stretch !important; 19430 19431 padding: 0 !important; 19432 margin: 0 !important; 19433 19434 background: rgba(255,255,255,.96) !important; 19435 } 19436 19437 /* The clickable bag itself always sits at the bottom */ 19438 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 19439 width: 42px !important; 19440 min-width: 42px !important; 19441 height: 43px !important; 19442 min-height: 43px !important; 19443 19444 margin-top: auto !important; 19445 padding: 0 !important; 19446 19447 display: flex !important; 19448 align-items: center !important; 19449 justify-content: center !important; 19450 19451 background: rgba(255,255,255,.96) !important; 19452 } 19453 19454 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 19455 width: 42px !important; 19456 height: 43px !important; 19457 min-height: 43px !important; 19458 19459 display: flex !important; 19460 align-items: center !important; 19461 justify-content: center !important; 19462 19463 padding: 0 !important; 19464 margin: 0 !important; 19465 19466 background: transparent !important; 19467 } 19468 19469 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 19470 width: 16px !important; 19471 height: 17px !important; 19472 } 19473} 19474</style> 19475 19476 19477<style> 19478/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 19479@media (min-width: 990px) { 19480 .card-wrapper-box .bt-qatc-form-variants--list { 19481 padding: 3px 4px !important; 19482 column-gap: 0 !important; 19483 row-gap: 0 !important; 19484 justify-content: flex-start !important; 19485 align-items: center !important; 19486 align-content: center !important; 19487 } 19488 19489 .card-wrapper-box .bt-qatc-form-variant-input { 19490 min-width: 0 !important; 19491 width: auto !important; 19492 height: 30px !important; 19493 margin: 0 !important; 19494 padding: 0 !important; 19495 } 19496 19497 .card-wrapper-box .bt-qatc-form-variant-input label { 19498 min-width: 0 !important; 19499 width: auto !important; 19500 height: 30px !important; 19501 margin: 0 !important; 19502 padding: 0 4px !important; 19503 font-size: 12px !important; 19504 line-height: 1 !important; 19505 display: flex !important; 19506 align-items: center !important; 19507 justify-content: center !important; 19508 } 19509 19510 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 19511 display: flex !important; 19512 flex-direction: column !important; 19513 justify-content: flex-end !important;
19514 align-items: stretch !important; 19515 bottom: 0 !important; 19516 top: auto !important; 19517 height: var(--sefam-quick-add-height, 36px) !important; 19518 min-height: 36px !important; 19519 } 19520 19521 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 19522 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 19523 height: 36px !important; 19524 min-height: 36px !important; 19525 margin-top: auto !important; 19526 } 19527} 19528</style> 19529 19530<style> 19531 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 19532 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 19533 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 19534 .card_colorways_container .new-mbl-color-single label span, 19535 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 19536 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 19537</style> 19538 19539 </li> 19540 19541 <li 19542 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_Vj3Gex-14" 19543 class="grid__item slider__slide" 19544 > 19545 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 19546� 19547 19548 19549 � 19550 19551 19552 19553 <div class="card-wrapper product-card-wrapper"> 19554 <div 19555 class=" 19556 card card--standard 19557 card--media 19558 19559 19560 19561 19562 19563 " 19564 style="--ratio-percent: 150.00000000000003%;" 19565 19566 > 19567 <div class="card-wrapper-box"> 19568 19569 <div 19570 class="card__inner color-scheme-2 gradient ratio" 19571 style="--ratio-percent: 150.00000000000003%;" 19572 19573 > 19574 �<a href="/products/e2231"> 19575 19576 �<div class="card-prdct2 card__media"> 19577 <div class="media media--transparent mt3"> 19578 19579 19580 <img 19581 src="//sefam.com/cdn/shop/files/E2231_1.jpg?v=1789381616&width=800" 19582 srcset="//sefam.com/cdn/shop/files/E2231_1.jpg?v=1789381616&width=1600 2x" 19583 class="" 19584 alt="SILK | PRINTED" 19585 19586 loading="lazy" 19587 19588 width="2400" 19589 height="3600" 19590 > 19591 �<img 19592 src="//sefam.com/cdn/shop/files/E2231_4.jpg?v=1789736843&width=800" 19593 srcset="//sefam.com/cdn/shop/files/E2231_4.jpg?v=1789736843&width=1600 2x" 19594 alt="SILK | PRINTED" 19595 loading="lazy" 19596 width="2400" 19597 height="3600" 19598 data-index="" 19599 > 19600 19601 � 19602 </div> 19603 19604 19605 </div> 19606 </a> 19607 </div> 19608 19609 19610 19611 19612 <div class="bt-qatc-container"> 19613 <div class="bt-qatc-form-container"> 19614 <div class="bt-qatc-form-content large-up-hide medium-hide"> 19615 <h3>SILK | PRINTED</h3> 19616 19617<div 19618 class=" 19619 price " 19620 > 19621 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 19622 <span class="price-item price-item--regular"> 19623 <span class=money>Rs.6,990</span> 19624 </span></div> 19625 <div class="price__sale"> 19626 <span class="visually-hidden visually-hidden--inline">Regular price</span> 19627 <span> 19628 <s class="price-item price-item--regular"> 19629 19630 <span class=money>Rs.6,990</span> 19631 19632 </s> 19633 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
19634 <span class="price-item price-item--sale price-item--last"> 19635 19636 19637 19638 19639 <span class="percentage__sale hidden">0% OFF</span> 19640 19641 <span class=money>Rs.6,990</span> 19642 </span> 19643 </div> 19644 <small class="unit-price caption hidden"> 19645 <span class="visually-hidden">Unit price</span> 19646 <span class="price-item price-item--last"> 19647 <span></span> 19648 <span aria-hidden="true">/</span> 19649 <span class="visually-hidden"> per </span> 19650 <span> 19651 </span> 19652 </span> 19653 </small> 19654 </div></div> 19655 19656 19657 19658 </div> 19659 <div 19660 class="ethnc-form-media large-up-hide medium-hide" 19661 19662 ></div> 19663 <form method="post" action="/cart/add" class="bt-qatc-form"> 19664 <input type="hidden" name="quantity" value="1"> 19665 <div class="bt-qatc-form-variants-container"> 19666 <div class="bt-qatc-form-variants--list"> 19667 19668 <div 19669 class="in-use bt-qatc-form-variant-input" 19670 19671 data-only-child 19672 19673 > 19674 <input 19675 type="radio" 19676 name="id" 19677 id="-52228608622888" 19678 value="52228608622888" 19679 data-price="699000" 19680 data-item-id="10392129372456" 19681 hidden 19682 19683 data-item-id="10392129372456" 19684 19685 checked 19686 19687 > 19688 19689 <label 19690 for="-52228608622888" 19691 data-sefam-quick-size 19692 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 19693 > 19694 <span class="split-variant-value"> 19695 19696 UNSTITCHED 19697 19698</span> 19699 </label> 19700 </div> 19701 19702 </div> 19703 19704 19705 19706 19707 </div> 19708 </form> 19709 </div> 19710 </div> 19711 19712 19713 19714 19715 19716 19717 19718 19719 19720 19721 19722 19723 19724 19725 19726 19727 19728 19729 19730 19731 19732 19733 19734 19735 19736 19737 19738 19739 19740 19741 19742 19743 19744 19745 19746 19747 <div 19748 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 19749 > 19750 <div class="ethnc-qatc-btn cstm-add-btn visible"> 19751 <span class="small-hide hide-mobile">Add to Basket</span> 19752 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 19753 </span>
19754 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 19755 width="11" 19756 height="11" 19757 viewBox="0 0 11 11" 19758 fill="none" 19759> 19760 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 19761 fill="black" 19762 /> 19763</svg> 19764</span> 19765 </div> 19766 </div> 19767 19768 19769 </div> 19770 19771 <div class="card__content aiza2"> 19772 <div class="card__information"> 19773 <small class="product-brand"> 19774 Kayseria 19775 </small> 19776 <h3 19777 class="card__heading h5" 19778 19779 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10392129372456" 19780 19781 > 19782 <a 19783 href="/products/e2231" 19784 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10392129372456" 19785 class="full-unstyled-link" 19786 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10392129372456 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10392129372456" 19787 > 19788 SILK | PRINTED 19789 19790 <div class="card_colorways_container" onclick="event.stopPropagation();"> 19791 19792 19793 � 19794 </div> 19795 </a> 19796 19797 </h3> 19798 19799 <h3 class="product-subtitle hidden">UNSTITCHED | SHIRT</h3> 19800 19801 <div class="card-information"><span class="caption-large light"></span> 19802<div 19803 class=" 19804 price " 19805 > 19806 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 19807 <span class="price-item price-item--regular"> 19808 <span class=money>Rs.6,990</span> 19809 </span></div> 19810 <div class="price__sale"> 19811 <span class="visually-hidden visually-hidden--inline">Regular price</span> 19812 <span> 19813 <s class="price-item price-item--regular"> 19814 19815 <span class=money>Rs.6,990</span> 19816 19817 </s> 19818 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 19819 <span class="price-item price-item--sale price-item--last"> 19820 19821 19822 19823 19824 <span class="percentage__sale hidden">0% OFF</span> 19825 19826 <span class=money>Rs.6,990</span> 19827 </span> 19828 </div> 19829 <small class="unit-price caption hidden"> 19830 <span class="visually-hidden">Unit price</span> 19831 <span class="price-item price-item--last"> 19832 <span></span> 19833 <span aria-hidden="true">/</span> 19834 <span class="visually-hidden"> per </span> 19835 <span> 19836 </span> 19837 </span> 19838 </small> 19839 </div></div> 19840 19841 19842 19843 </div> 19844 </div> 19845 </div> 19846 19847 </div> 19848 </div><style> 19849/* ========================================================= 19850 DESKTOP PRODUCT CARD QUICK ADD 19851 LEFT = sizes 19852 RIGHT = original bag icon 19853 Mobile behavior remains unchanged 19854 ========================================================= */ 19855@media (min-width: 990px) { 19856 .hide-desktop { 19857 display: none !important; 19858 } 19859 19860 /* Keep both controls on the same bottom row */ 19861 .card-wrapper-box { 19862 position: relative; 19863 } 19864 19865 .card-wrapper-box .bt-qatc-container, 19866 .card-wrapper-box .ethnc-qatc-btn-container { 19867 position: absolute !important; 19868 bottom: 0 !important; 19869 z-index: 8 !important; 19870 } 19871 19872 /* LEFT: size area */ 19873 .card-wrapper-box .bt-qatc-container { 19874 left: 0 !important; 19875 right: 46px !important; 19876 width: auto !important; 19877 } 19878 19879 .card-wrapper-box .bt-qatc-form-container { 19880 left: 0 !important; 19881 right: 0 !important; 19882 bottom: -350% !important; 19883 width: 100% !important; 19884 min-height: 43px !important; 19885 opacity: 0 !important; 19886 visibility: hidden !important; 19887 pointer-events: none !important; 19888 transition: bottom .22s ease, opacity .18s ease !important; 19889 } 19890 19891 .card-wrapper-box .bt-qatc-form, 19892 .card-wrapper-box .bt-qatc-form-variants-container, 19893 .card-wrapper-box .bt-qatc-form-variants--list { 19894 width: 100% !important; 19895 } 19896 19897 .card-wrapper-box .bt-qatc-form-variants--list { 19898 display: flex !important;
19899 align-items: center !important; 19900 flex-wrap: wrap !important; 19901 gap: 0 !important; 19902 min-height: 43px !important; 19903 } 19904 19905 /* RIGHT: original bag button */ 19906 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 19907 display: flex !important; 19908 align-items: stretch !important; 19909 justify-content: center !important; 19910 left: auto !important; 19911 right: 0 !important; 19912 width: 46px !important; 19913 height: 43px !important; 19914 opacity: 0 !important; 19915 visibility: hidden !important; 19916 pointer-events: none !important; 19917 transition: opacity .18s ease !important; 19918 } 19919 19920 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 19921 display: flex !important; 19922 align-items: center !important; 19923 justify-content: center !important; 19924 width: 46px !important; 19925 height: 43px !important; 19926 min-width: 46px !important; 19927 padding: 0 !important; 19928 cursor: pointer !important; 19929 } 19930 19931 /* Hide Add to Basket text on desktop; keep only bag icon */ 19932 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 19933 display: none !important; 19934 } 19935 19936 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 19937 display: flex !important; 19938 align-items: center !important; 19939 justify-content: center !important; 19940 width: 100% !important; 19941 height: 100% !important; 19942 padding: 0 !important; 19943 } 19944 19945 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 19946 display: block !important; 19947 width: 16px !important; 19948 height: 17px !important; 19949 } 19950 19951 /* Show sizes + bag together on desktop hover */ 19952 .card-wrapper-box:hover .bt-qatc-form-container { 19953 bottom: 0 !important; 19954 opacity: 1 !important; 19955 visibility: visible !important; 19956 pointer-events: auto !important; 19957 } 19958 19959 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 19960 opacity: 1 !important; 19961 visibility: visible !important; 19962 pointer-events: auto !important; 19963 } 19964} 19965 19966@media (max-width: 989px) { 19967 .hide-mobile { 19968 display: none; 19969 } 19970} 19971</style> 19972 19973 19974<style> 19975/* ========================================================= 19976 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 19977 Keeps all sizes in one clean row on the left 19978 and the bag icon fixed on the right. 19979 ========================================================= */ 19980@media (min-width: 990px) { 19981 19982 .card-wrapper-box .bt-qatc-form-container { 19983 height: 43px !important; 19984 min-height: 43px !important; 19985 max-height: 43px !important; 19986 overflow: hidden !important; 19987 background: rgba(255,255,255,.96) !important; 19988 } 19989 19990 .card-wrapper-box .bt-qatc-form { 19991 display: block !important; 19992 height: 43px !important; 19993 min-height: 43px !important; 19994 margin: 0 !important; 19995 padding: 0 !important; 19996 } 19997 19998 .card-wrapper-box .bt-qatc-form-variants-container { 19999 display: block !important; 20000 width: 100% !important; 20001 height: 43px !important; 20002 min-height: 43px !important; 20003 margin: 0 !important; 20004 padding: 0 !important; 20005 } 20006 20007 .card-wrapper-box .bt-qatc-form-variants--list { 20008 display: flex !important; 20009 flex-direction: row !important; 20010 flex-wrap: wrap !important; 20011 align-items: center !important; 20012 justify-content: center !important; 20013 20014 width: 100% !important; 20015 height: 43px !important; 20016 min-height: 43px !important; 20017 20018 margin: 0 !important; 20019 padding: 0 6px !important; 20020 gap: 2px !important; 20021 20022 box-sizing: border-box !important; 20023 overflow: visible !important; 20024 white-space: normal !important; 20025 } 20026 20027 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 20028 display: none !important; 20029 } 20030 20031 .card-wrapper-box .bt-qatc-form-variant-input { 20032 position: relative !important; 20033 20034 display: flex !important; 20035 align-items: center !important; 20036 justify-content: center !important; 20037 20038 flex: 0 0 auto !important; 20039 width: auto !important; 20040 min-width: 32px !important; 20041 height: 43px !important; 20042 20043 margin: 0 !important; 20044 padding: 0 !important; 20045 20046 border: 0 !important; 20047 background: transparent !important; 20048 } 20049 20050 .card-wrapper-box .bt-qatc-form-variant-input label { 20051 position: static !important; 20052 20053 display: flex !important;
20054 align-items: center !important; 20055 justify-content: center !important; 20056 20057 width: auto !important; 20058 min-width: 32px !important; 20059 height: 32px !important; 20060 20061 margin: 0 !important; 20062 padding: 0 6px !important; 20063 20064 box-sizing: border-box !important; 20065 20066 background: transparent !important; 20067 border: 0 !important; 20068 20069 color: #111 !important; 20070 font-size: 12px !important; 20071 line-height: 1 !important; 20072 font-weight: 400 !important; 20073 20074 white-space: nowrap !important; 20075 cursor: pointer !important; 20076 } 20077 20078 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 20079 display: block !important; 20080 width: auto !important; 20081 max-width: none !important; 20082 20083 margin: 0 !important; 20084 padding: 0 !important; 20085 20086 overflow: visible !important; 20087 white-space: nowrap !important; 20088 text-overflow: clip !important; 20089 20090 font-size: inherit !important; 20091 line-height: inherit !important; 20092 } 20093 20094 /* Sold-out size */ 20095 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 20096 opacity: .35 !important; 20097 text-decoration: line-through !important; 20098 cursor: not-allowed !important; 20099 } 20100 20101 /* Optional hover feedback */ 20102 .card-wrapper-box 20103 .bt-qatc-form-variant-input:not(.is-disbaled) 20104 label:hover { 20105 text-decoration: underline !important; 20106 text-underline-offset: 3px !important; 20107 } 20108 20109 /* Prevent old theme transforms / absolute positions */ 20110 .card-wrapper-box .bt-qatc-form-variant-input *, 20111 .card-wrapper-box .bt-qatc-form-variants--list * { 20112 transform: none; 20113 } 20114} 20115</style> 20116 20117 20118<style> 20119/* Desktop quick-add: use one seamless background for sizes + bag */ 20120@media (min-width: 990px) { 20121 .card-wrapper-box .bt-qatc-form-container, 20122 .card-wrapper-box .bt-qatc-form, 20123 .card-wrapper-box .bt-qatc-form-variants-container, 20124 .card-wrapper-box .bt-qatc-form-variants--list, 20125 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 20126 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 20127 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 20128 background: rgba(255,255,255,.96) !important; 20129 } 20130 20131 /* Remove any visual split between sizes and bag */ 20132 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 20133 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 20134 border-left: 0 !important; 20135 box-shadow: none !important; 20136 } 20137} 20138</style> 20139 20140 20141<style> 20142/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 20143@media (min-width: 990px) { 20144 .card-wrapper-box .bt-qatc-form-container, 20145 .card-wrapper-box .bt-qatc-form, 20146 .card-wrapper-box .bt-qatc-form-variants-container { 20147 height: auto !important; 20148 max-height: none !important; 20149 overflow: visible !important; 20150 } 20151 20152 .card-wrapper-box .bt-qatc-form-variants--list { 20153 display: flex !important; 20154 flex-wrap: wrap !important; 20155 justify-content: center !important; 20156 align-items: center !important; 20157 height: auto !important; 20158 min-height: 43px !important; 20159 max-height: none !important; 20160 overflow: visible !important; 20161 white-space: normal !important; 20162 padding: 5px 6px !important; 20163 } 20164 20165 .card-wrapper-box .bt-qatc-form-variant-input { 20166 flex: 0 0 auto !important; 20167 } 20168} 20169</style> 20170
20171<script> 20172 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 20173 const wrap = label.closest('.bt-qatc-form-variant-input'); 20174 const form = label.closest('.bt-qatc-form'); 20175 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 20176 20177 if (!wrap || !form || !input) return; 20178 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 20179 if (label.dataset.loading === 'true') return; 20180 20181 input.checked = true; 20182 label.dataset.loading = 'true'; 20183 label.style.pointerEvents = 'none'; 20184 20185 try { 20186 const cartResp = await fetch('/cart.js', { 20187 method: 'GET', 20188 headers: { 'Accept': 'application/json' } 20189 }); 20190 20191 if (!cartResp.ok) throw new Error('Unable to read cart'); 20192 20193 const cart = await cartResp.json(); 20194 const variantId = Number(input.value); 20195 const selectedPrice = Number(input.dataset.price || 0) / 100; 20196 const totalCartPrice = Number(cart.total_price || 0) / 100; 20197 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 20198 20199 if ((totalCartPrice + selectedPrice) > 250000) { 20200 if (window.showAlert) { 20201 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 20202 } else { 20203 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 20204 } 20205 return; 20206 } 20207 20208 if (itemInCart && Number(itemInCart.quantity) >= 3) { 20209 if (window.showAlert) { 20210 window.showAlert('Limit reached: Max 3 items per size can be added'); 20211 } else { 20212 alert('Limit reached: Max 3 items per size can be added'); 20213 } 20214 return; 20215 } 20216 20217 20218 const cartSections = document.querySelector('cart-notification, cart-drawer'); 20219 const formData = new FormData(form); 20220 20221 formData.set('id', input.value); 20222 formData.set('quantity', '1'); 20223 20224 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 20225 formData.set( 20226 'sections', 20227 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 20228 ); 20229 } 20230 20231 formData.set('sections_url', window.location.pathname); 20232 20233 const addResp = await fetch('/cart/add.js', { 20234 method: 'POST', 20235 headers: { 'Accept': 'application/json' }, 20236 body: formData 20237 }); 20238 20239 const data = await addResp.json(); 20240 20241 if (!addResp.ok) { 20242 throw new Error(data.description || data.message || 'Unable to add this size'); 20243 } 20244 20245 if (cartSections && typeof cartSections.renderContents === 'function') { 20246 cartSections.renderContents(data); 20247 } else { 20248 const bubble = document.querySelector('#cart-icon-bubble'); 20249 if (bubble) bubble.click(); 20250 } 20251 20252 const card = label.closest('.card-wrapper-box'); 20253 if (card) { 20254 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 20255 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 20256 } 20257 } catch (error) { 20258 console.error('SEFAM hover size quick-add error:', error); 20259 if (window.showAlert) { 20260 window.showAlert(error.message || 'Unable to add this size to cart'); 20261 } else { 20262 alert(error.message || 'Unable to add this size to cart'); 20263 } 20264 } finally { 20265 label.dataset.loading = 'false'; 20266 label.style.pointerEvents = ''; 20267 } 20268 }; 20269</script>
20269 20270 20271<style> 20272/* Desktop quick-add final alignment: 20273 sizes start from left; bag area matches the complete quick-size background height. */ 20274@media (min-width: 990px) { 20275 .card-wrapper-box .bt-qatc-form-variants--list { 20276 justify-content: flex-start !important; 20277 align-content: center !important; 20278 text-align: left !important; 20279 } 20280 20281 .card-wrapper-box .bt-qatc-container { 20282 right: 46px !important; 20283 } 20284 20285 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 20286 top: auto !important; 20287 bottom: 0 !important; 20288 width: 46px !important; 20289 height: 100% !important; 20290 min-height: 43px !important; 20291 align-items: stretch !important; 20292 background: rgba(255,255,255,.96) !important; 20293 } 20294 20295 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 20296 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 20297 width: 46px !important; 20298 height: 100% !important; 20299 min-height: 43px !important; 20300 background: rgba(255,255,255,.96) !important; 20301 } 20302 20303 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 20304 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 20305 height: var(--sefam-quick-add-height, 43px) !important; 20306 } 20307} 20308</style>
20309<script> 20310(function () { 20311 function syncQuickAddHeight(card) { 20312 if (!card || window.innerWidth < 990) return; 20313 var panel = card.querySelector('.bt-qatc-form-container'); 20314 if (!panel) return; 20315 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 20316 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 20317 } 20318 20319 document.addEventListener('mouseover', function(e) { 20320 var card = e.target.closest('.card-wrapper-box'); 20321 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 20322 }, { passive: true }); 20323 20324 window.addEventListener('resize', function() { 20325 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 20326 }, { passive: true }); 20327})(); 20328</script>
20328 20329 20330 20331 20332<style> 20333/* ========================================================= 20334 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 20335 - reduce space between sizes 20336 - keep sizes left aligned 20337 - keep the bag icon on the BOTTOM row 20338 - bag background still matches the full size panel 20339 ========================================================= */ 20340@media (min-width: 990px) { 20341 20342 /* More usable width for sizes */ 20343 .card-wrapper-box .bt-qatc-container { 20344 right: 42px !important; 20345 } 20346 20347 /* Compact, left-aligned size list */ 20348 .card-wrapper-box .bt-qatc-form-variants--list { 20349 justify-content: flex-start !important; 20350 align-items: center !important; 20351 align-content: center !important; 20352 20353 column-gap: 0 !important; 20354 row-gap: 0 !important; 20355 20356 padding: 4px 4px !important; 20357 margin: 0 !important; 20358 } 20359 20360 .card-wrapper-box .bt-qatc-form-variant-input { 20361 min-width: 0 !important; 20362 width: auto !important; 20363 height: 35px !important; 20364 margin: 0 !important; 20365 padding: 0 !important; 20366 } 20367 20368 .card-wrapper-box .bt-qatc-form-variant-input label { 20369 min-width: 0 !important; 20370 width: auto !important; 20371 height: 35px !important; 20372 20373 margin: 0 !important; 20374 padding: 0 4px !important; 20375 20376 font-size: 12px !important; 20377 line-height: 1 !important; 20378 } 20379 20380 /* Bag column keeps the same full white background as the sizes */ 20381 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 20382 right: 0 !important; 20383 bottom: 0 !important; 20384 top: auto !important; 20385 20386 width: 42px !important; 20387 min-width: 42px !important; 20388 height: var(--sefam-quick-add-height, 43px) !important; 20389 min-height: 43px !important; 20390 20391 display: flex !important; 20392 flex-direction: column !important; 20393 justify-content: flex-end !important; 20394 align-items: stretch !important; 20395 20396 padding: 0 !important; 20397 margin: 0 !important; 20398 20399 background: rgba(255,255,255,.96) !important; 20400 } 20401 20402 /* The clickable bag itself always sits at the bottom */ 20403 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 20404 width: 42px !important; 20405 min-width: 42px !important; 20406 height: 43px !important; 20407 min-height: 43px !important; 20408 20409 margin-top: auto !important; 20410 padding: 0 !important; 20411 20412 display: flex !important; 20413 align-items: center !important; 20414 justify-content: center !important; 20415 20416 background: rgba(255,255,255,.96) !important; 20417 } 20418 20419 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 20420 width: 42px !important; 20421 height: 43px !important; 20422 min-height: 43px !important; 20423 20424 display: flex !important; 20425 align-items: center !important; 20426 justify-content: center !important; 20427 20428 padding: 0 !important; 20429 margin: 0 !important; 20430 20431 background: transparent !important; 20432 } 20433 20434 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 20435 width: 16px !important; 20436 height: 17px !important; 20437 } 20438} 20439</style> 20440 20441 20442<style> 20443/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 20444@media (min-width: 990px) { 20445 .card-wrapper-box .bt-qatc-form-variants--list { 20446 padding: 3px 4px !important; 20447 column-gap: 0 !important; 20448 row-gap: 0 !important; 20449 justify-content: flex-start !important; 20450 align-items: center !important; 20451 align-content: center !important; 20452 } 20453 20454 .card-wrapper-box .bt-qatc-form-variant-input { 20455 min-width: 0 !important; 20456 width: auto !important; 20457 height: 30px !important; 20458 margin: 0 !important; 20459 padding: 0 !important; 20460 } 20461 20462 .card-wrapper-box .bt-qatc-form-variant-input label { 20463 min-width: 0 !important; 20464 width: auto !important; 20465 height: 30px !important; 20466 margin: 0 !important; 20467 padding: 0 4px !important; 20468 font-size: 12px !important; 20469 line-height: 1 !important; 20470 display: flex !important; 20471 align-items: center !important; 20472 justify-content: center !important; 20473 } 20474 20475 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 20476 display: flex !important; 20477 flex-direction: column !important; 20478 justify-content: flex-end !important;
20479 align-items: stretch !important; 20480 bottom: 0 !important; 20481 top: auto !important; 20482 height: var(--sefam-quick-add-height, 36px) !important; 20483 min-height: 36px !important; 20484 } 20485 20486 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 20487 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 20488 height: 36px !important; 20489 min-height: 36px !important; 20490 margin-top: auto !important; 20491 } 20492} 20493</style> 20494 20495<style> 20496 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 20497 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 20498 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 20499 .card_colorways_container .new-mbl-color-single label span, 20500 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 20501 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 20502</style> 20503 20504 </li> 20505 20506 <li 20507 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_Vj3Gex-15" 20508 class="grid__item slider__slide" 20509 > 20510 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 20511� 20512 20513 20514 � 20515 20516 20517 20518 <div class="card-wrapper product-card-wrapper"> 20519 <div 20520 class=" 20521 card card--standard 20522 card--media 20523 20524 20525 20526 20527 20528 " 20529 style="--ratio-percent: 150.00000000000003%;" 20530 20531 > 20532 <div class="card-wrapper-box"> 20533 20534 <div 20535 class="card__inner color-scheme-2 gradient ratio" 20536 style="--ratio-percent: 150.00000000000003%;" 20537 20538 > 20539 �<a href="/products/c6745"> 20540 20541 �<div class="card-prdct2 card__media"> 20542 <div class="media media--transparent mt3"> 20543 20544 20545 <img 20546 src="//sefam.com/cdn/shop/files/C6745_9.jpg?v=1790072475&width=800" 20547 srcset="//sefam.com/cdn/shop/files/C6745_9.jpg?v=1790072475&width=1600 2x" 20548 class="" 20549 alt="KHADDAR | PRINTED" 20550 20551 loading="lazy" 20552 20553 width="2400" 20554 height="3600" 20555 > 20556 �<img 20557 src="//sefam.com/cdn/shop/files/C6745_10.jpg?v=1790072475&width=800" 20558 srcset="//sefam.com/cdn/shop/files/C6745_10.jpg?v=1790072475&width=1600 2x" 20559 alt="KHADDAR | PRINTED" 20560 loading="lazy" 20561 width="2400" 20562 height="3600" 20563 data-index="" 20564 > 20565 20566 � 20567 </div> 20568 20569 20570 </div> 20571 </a> 20572 </div> 20573 20574 20575 20576 20577 <div class="bt-qatc-container"> 20578 <div class="bt-qatc-form-container"> 20579 <div class="bt-qatc-form-content large-up-hide medium-hide"> 20580 <h3>KHADDAR | PRINTED</h3> 20581 20582<div 20583 class=" 20584 price " 20585 > 20586 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 20587 <span class="price-item price-item--regular"> 20588 <span class=money>Rs.5,490</span> 20589 </span></div> 20590 <div class="price__sale"> 20591 <span class="visually-hidden visually-hidden--inline">Regular price</span> 20592 <span> 20593 <s class="price-item price-item--regular"> 20594 20595 <span class=money>Rs.5,490</span> 20596 20597 </s> 20598 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
20599 <span class="price-item price-item--sale price-item--last"> 20600 20601 20602 20603 20604 <span class="percentage__sale hidden">0% OFF</span> 20605 20606 <span class=money>Rs.5,490</span> 20607 </span> 20608 </div> 20609 <small class="unit-price caption hidden"> 20610 <span class="visually-hidden">Unit price</span> 20611 <span class="price-item price-item--last"> 20612 <span></span> 20613 <span aria-hidden="true">/</span> 20614 <span class="visually-hidden"> per </span> 20615 <span> 20616 </span> 20617 </span> 20618 </small> 20619 </div></div> 20620 20621 20622 20623 </div> 20624 <div 20625 class="ethnc-form-media large-up-hide medium-hide" 20626 20627 ></div> 20628 <form method="post" action="/cart/add" class="bt-qatc-form"> 20629 <input type="hidden" name="quantity" value="1"> 20630 <div class="bt-qatc-form-variants-container"> 20631 <div class="bt-qatc-form-variants--list"> 20632 20633 <div 20634 class="in-use bt-qatc-form-variant-input" 20635 20636 data-only-child 20637 20638 > 20639 <input 20640 type="radio" 20641 name="id" 20642 id="-52228279337256" 20643 value="52228279337256" 20644 data-price="549000" 20645 data-item-id="10391997481256" 20646 hidden 20647 20648 data-item-id="10391997481256" 20649 20650 checked 20651 20652 > 20653 20654 <label 20655 for="-52228279337256" 20656 data-sefam-quick-size 20657 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 20658 > 20659 <span class="split-variant-value"> 20660 20661 UNSTITCHED 20662 20663</span> 20664 </label> 20665 </div> 20666 20667 </div> 20668 20669 20670 20671 20672 </div> 20673 </form> 20674 </div> 20675 </div> 20676 20677 20678 20679 20680 20681 20682 20683 20684 20685 20686 20687 20688 20689 20690 20691 20692 20693 20694 20695 20696 20697 20698 20699 20700 20701 20702 20703 20704 20705 20706 20707 20708 20709 20710 20711 20712 20713 20714 20715 20716 20717 20718 <div 20719 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 20720 > 20721 <div class="ethnc-qatc-btn cstm-add-btn visible"> 20722 <span class="small-hide hide-mobile">Add to Basket</span> 20723 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 20724 </span>
20725 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 20726 width="11" 20727 height="11" 20728 viewBox="0 0 11 11" 20729 fill="none" 20730> 20731 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 20732 fill="black" 20733 /> 20734</svg> 20735</span> 20736 </div> 20737 </div> 20738 20739 20740 </div> 20741 20742 <div class="card__content aiza2"> 20743 <div class="card__information"> 20744 <small class="product-brand"> 20745 Kayseria 20746 </small> 20747 <h3 20748 class="card__heading h5" 20749 20750 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391997481256" 20751 20752 > 20753 <a 20754 href="/products/c6745" 20755 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391997481256" 20756 class="full-unstyled-link" 20757 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391997481256 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391997481256" 20758 > 20759 KHADDAR | PRINTED 20760 20761 <div class="card_colorways_container" onclick="event.stopPropagation();"> 20762 20763 20764 � 20765 </div> 20766 </a> 20767 20768 </h3> 20769 20770 <h3 class="product-subtitle hidden">UNSTITCHED | SHIRT, TROUSER & DUPATTA</h3> 20771 20772 <div class="card-information"><span class="caption-large light"></span> 20773<div 20774 class=" 20775 price " 20776 > 20777 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 20778 <span class="price-item price-item--regular"> 20779 <span class=money>Rs.5,490</span> 20780 </span></div> 20781 <div class="price__sale"> 20782 <span class="visually-hidden visually-hidden--inline">Regular price</span> 20783 <span> 20784 <s class="price-item price-item--regular"> 20785 20786 <span class=money>Rs.5,490</span> 20787 20788 </s> 20789 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 20790 <span class="price-item price-item--sale price-item--last"> 20791 20792 20793 20794 20795 <span class="percentage__sale hidden">0% OFF</span> 20796 20797 <span class=money>Rs.5,490</span> 20798 </span> 20799 </div> 20800 <small class="unit-price caption hidden"> 20801 <span class="visually-hidden">Unit price</span> 20802 <span class="price-item price-item--last"> 20803 <span></span> 20804 <span aria-hidden="true">/</span> 20805 <span class="visually-hidden"> per </span> 20806 <span> 20807 </span> 20808 </span> 20809 </small> 20810 </div></div> 20811 20812 20813 20814 </div> 20815 </div> 20816 </div> 20817 20818 </div> 20819 </div><style> 20820/* ========================================================= 20821 DESKTOP PRODUCT CARD QUICK ADD 20822 LEFT = sizes 20823 RIGHT = original bag icon 20824 Mobile behavior remains unchanged 20825 ========================================================= */ 20826@media (min-width: 990px) { 20827 .hide-desktop { 20828 display: none !important; 20829 } 20830 20831 /* Keep both controls on the same bottom row */ 20832 .card-wrapper-box { 20833 position: relative; 20834 } 20835 20836 .card-wrapper-box .bt-qatc-container, 20837 .card-wrapper-box .ethnc-qatc-btn-container { 20838 position: absolute !important; 20839 bottom: 0 !important; 20840 z-index: 8 !important; 20841 } 20842 20843 /* LEFT: size area */ 20844 .card-wrapper-box .bt-qatc-container { 20845 left: 0 !important; 20846 right: 46px !important; 20847 width: auto !important; 20848 } 20849 20850 .card-wrapper-box .bt-qatc-form-container { 20851 left: 0 !important; 20852 right: 0 !important; 20853 bottom: -350% !important; 20854 width: 100% !important; 20855 min-height: 43px !important; 20856 opacity: 0 !important; 20857 visibility: hidden !important; 20858 pointer-events: none !important; 20859 transition: bottom .22s ease, opacity .18s ease !important; 20860 } 20861 20862 .card-wrapper-box .bt-qatc-form, 20863 .card-wrapper-box .bt-qatc-form-variants-container, 20864 .card-wrapper-box .bt-qatc-form-variants--list { 20865 width: 100% !important; 20866 } 20867 20868 .card-wrapper-box .bt-qatc-form-variants--list { 20869 display: flex !important;
20870 align-items: center !important; 20871 flex-wrap: wrap !important; 20872 gap: 0 !important; 20873 min-height: 43px !important; 20874 } 20875 20876 /* RIGHT: original bag button */ 20877 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 20878 display: flex !important; 20879 align-items: stretch !important; 20880 justify-content: center !important; 20881 left: auto !important; 20882 right: 0 !important; 20883 width: 46px !important; 20884 height: 43px !important; 20885 opacity: 0 !important; 20886 visibility: hidden !important; 20887 pointer-events: none !important; 20888 transition: opacity .18s ease !important; 20889 } 20890 20891 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 20892 display: flex !important; 20893 align-items: center !important; 20894 justify-content: center !important; 20895 width: 46px !important; 20896 height: 43px !important; 20897 min-width: 46px !important; 20898 padding: 0 !important; 20899 cursor: pointer !important; 20900 } 20901 20902 /* Hide Add to Basket text on desktop; keep only bag icon */ 20903 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 20904 display: none !important; 20905 } 20906 20907 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 20908 display: flex !important; 20909 align-items: center !important; 20910 justify-content: center !important; 20911 width: 100% !important; 20912 height: 100% !important; 20913 padding: 0 !important; 20914 } 20915 20916 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 20917 display: block !important; 20918 width: 16px !important; 20919 height: 17px !important; 20920 } 20921 20922 /* Show sizes + bag together on desktop hover */ 20923 .card-wrapper-box:hover .bt-qatc-form-container { 20924 bottom: 0 !important; 20925 opacity: 1 !important; 20926 visibility: visible !important; 20927 pointer-events: auto !important; 20928 } 20929 20930 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 20931 opacity: 1 !important; 20932 visibility: visible !important; 20933 pointer-events: auto !important; 20934 } 20935} 20936 20937@media (max-width: 989px) { 20938 .hide-mobile { 20939 display: none; 20940 } 20941} 20942</style> 20943 20944 20945<style> 20946/* ========================================================= 20947 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 20948 Keeps all sizes in one clean row on the left 20949 and the bag icon fixed on the right. 20950 ========================================================= */ 20951@media (min-width: 990px) { 20952 20953 .card-wrapper-box .bt-qatc-form-container { 20954 height: 43px !important; 20955 min-height: 43px !important; 20956 max-height: 43px !important; 20957 overflow: hidden !important; 20958 background: rgba(255,255,255,.96) !important; 20959 } 20960 20961 .card-wrapper-box .bt-qatc-form { 20962 display: block !important; 20963 height: 43px !important; 20964 min-height: 43px !important; 20965 margin: 0 !important; 20966 padding: 0 !important; 20967 } 20968 20969 .card-wrapper-box .bt-qatc-form-variants-container { 20970 display: block !important; 20971 width: 100% !important; 20972 height: 43px !important; 20973 min-height: 43px !important; 20974 margin: 0 !important; 20975 padding: 0 !important; 20976 } 20977 20978 .card-wrapper-box .bt-qatc-form-variants--list { 20979 display: flex !important; 20980 flex-direction: row !important; 20981 flex-wrap: wrap !important; 20982 align-items: center !important; 20983 justify-content: center !important; 20984 20985 width: 100% !important; 20986 height: 43px !important; 20987 min-height: 43px !important; 20988 20989 margin: 0 !important; 20990 padding: 0 6px !important; 20991 gap: 2px !important; 20992 20993 box-sizing: border-box !important; 20994 overflow: visible !important; 20995 white-space: normal !important; 20996 } 20997 20998 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 20999 display: none !important; 21000 } 21001 21002 .card-wrapper-box .bt-qatc-form-variant-input { 21003 position: relative !important; 21004 21005 display: flex !important; 21006 align-items: center !important; 21007 justify-content: center !important; 21008 21009 flex: 0 0 auto !important; 21010 width: auto !important; 21011 min-width: 32px !important; 21012 height: 43px !important; 21013 21014 margin: 0 !important; 21015 padding: 0 !important; 21016 21017 border: 0 !important; 21018 background: transparent !important; 21019 } 21020 21021 .card-wrapper-box .bt-qatc-form-variant-input label { 21022 position: static !important; 21023 21024 display: flex !important;
21025 align-items: center !important; 21026 justify-content: center !important; 21027 21028 width: auto !important; 21029 min-width: 32px !important; 21030 height: 32px !important; 21031 21032 margin: 0 !important; 21033 padding: 0 6px !important; 21034 21035 box-sizing: border-box !important; 21036 21037 background: transparent !important; 21038 border: 0 !important; 21039 21040 color: #111 !important; 21041 font-size: 12px !important; 21042 line-height: 1 !important; 21043 font-weight: 400 !important; 21044 21045 white-space: nowrap !important; 21046 cursor: pointer !important; 21047 } 21048 21049 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 21050 display: block !important; 21051 width: auto !important; 21052 max-width: none !important; 21053 21054 margin: 0 !important; 21055 padding: 0 !important; 21056 21057 overflow: visible !important; 21058 white-space: nowrap !important; 21059 text-overflow: clip !important; 21060 21061 font-size: inherit !important; 21062 line-height: inherit !important; 21063 } 21064 21065 /* Sold-out size */ 21066 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 21067 opacity: .35 !important; 21068 text-decoration: line-through !important; 21069 cursor: not-allowed !important; 21070 } 21071 21072 /* Optional hover feedback */ 21073 .card-wrapper-box 21074 .bt-qatc-form-variant-input:not(.is-disbaled) 21075 label:hover { 21076 text-decoration: underline !important; 21077 text-underline-offset: 3px !important; 21078 } 21079 21080 /* Prevent old theme transforms / absolute positions */ 21081 .card-wrapper-box .bt-qatc-form-variant-input *, 21082 .card-wrapper-box .bt-qatc-form-variants--list * { 21083 transform: none; 21084 } 21085} 21086</style> 21087 21088 21089<style> 21090/* Desktop quick-add: use one seamless background for sizes + bag */ 21091@media (min-width: 990px) { 21092 .card-wrapper-box .bt-qatc-form-container, 21093 .card-wrapper-box .bt-qatc-form, 21094 .card-wrapper-box .bt-qatc-form-variants-container, 21095 .card-wrapper-box .bt-qatc-form-variants--list, 21096 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 21097 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 21098 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 21099 background: rgba(255,255,255,.96) !important; 21100 } 21101 21102 /* Remove any visual split between sizes and bag */ 21103 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 21104 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 21105 border-left: 0 !important; 21106 box-shadow: none !important; 21107 } 21108} 21109</style> 21110 21111 21112<style> 21113/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 21114@media (min-width: 990px) { 21115 .card-wrapper-box .bt-qatc-form-container, 21116 .card-wrapper-box .bt-qatc-form, 21117 .card-wrapper-box .bt-qatc-form-variants-container { 21118 height: auto !important; 21119 max-height: none !important; 21120 overflow: visible !important; 21121 } 21122 21123 .card-wrapper-box .bt-qatc-form-variants--list { 21124 display: flex !important; 21125 flex-wrap: wrap !important; 21126 justify-content: center !important; 21127 align-items: center !important; 21128 height: auto !important; 21129 min-height: 43px !important; 21130 max-height: none !important; 21131 overflow: visible !important; 21132 white-space: normal !important; 21133 padding: 5px 6px !important; 21134 } 21135 21136 .card-wrapper-box .bt-qatc-form-variant-input { 21137 flex: 0 0 auto !important; 21138 } 21139} 21140</style> 21141
21142<script> 21143 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 21144 const wrap = label.closest('.bt-qatc-form-variant-input'); 21145 const form = label.closest('.bt-qatc-form'); 21146 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 21147 21148 if (!wrap || !form || !input) return; 21149 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 21150 if (label.dataset.loading === 'true') return; 21151 21152 input.checked = true; 21153 label.dataset.loading = 'true'; 21154 label.style.pointerEvents = 'none'; 21155 21156 try { 21157 const cartResp = await fetch('/cart.js', { 21158 method: 'GET', 21159 headers: { 'Accept': 'application/json' } 21160 }); 21161 21162 if (!cartResp.ok) throw new Error('Unable to read cart'); 21163 21164 const cart = await cartResp.json(); 21165 const variantId = Number(input.value); 21166 const selectedPrice = Number(input.dataset.price || 0) / 100; 21167 const totalCartPrice = Number(cart.total_price || 0) / 100; 21168 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 21169 21170 if ((totalCartPrice + selectedPrice) > 250000) { 21171 if (window.showAlert) { 21172 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 21173 } else { 21174 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 21175 } 21176 return; 21177 } 21178 21179 if (itemInCart && Number(itemInCart.quantity) >= 3) { 21180 if (window.showAlert) { 21181 window.showAlert('Limit reached: Max 3 items per size can be added'); 21182 } else { 21183 alert('Limit reached: Max 3 items per size can be added'); 21184 } 21185 return; 21186 } 21187 21188 21189 const cartSections = document.querySelector('cart-notification, cart-drawer'); 21190 const formData = new FormData(form); 21191 21192 formData.set('id', input.value); 21193 formData.set('quantity', '1'); 21194 21195 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 21196 formData.set( 21197 'sections', 21198 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 21199 ); 21200 } 21201 21202 formData.set('sections_url', window.location.pathname); 21203 21204 const addResp = await fetch('/cart/add.js', { 21205 method: 'POST', 21206 headers: { 'Accept': 'application/json' }, 21207 body: formData 21208 }); 21209 21210 const data = await addResp.json(); 21211 21212 if (!addResp.ok) { 21213 throw new Error(data.description || data.message || 'Unable to add this size'); 21214 } 21215 21216 if (cartSections && typeof cartSections.renderContents === 'function') { 21217 cartSections.renderContents(data); 21218 } else { 21219 const bubble = document.querySelector('#cart-icon-bubble'); 21220 if (bubble) bubble.click(); 21221 } 21222 21223 const card = label.closest('.card-wrapper-box'); 21224 if (card) { 21225 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 21226 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 21227 } 21228 } catch (error) { 21229 console.error('SEFAM hover size quick-add error:', error); 21230 if (window.showAlert) { 21231 window.showAlert(error.message || 'Unable to add this size to cart'); 21232 } else { 21233 alert(error.message || 'Unable to add this size to cart'); 21234 } 21235 } finally { 21236 label.dataset.loading = 'false'; 21237 label.style.pointerEvents = ''; 21238 } 21239 }; 21240</script>
21240 21241 21242<style> 21243/* Desktop quick-add final alignment: 21244 sizes start from left; bag area matches the complete quick-size background height. */ 21245@media (min-width: 990px) { 21246 .card-wrapper-box .bt-qatc-form-variants--list { 21247 justify-content: flex-start !important; 21248 align-content: center !important; 21249 text-align: left !important; 21250 } 21251 21252 .card-wrapper-box .bt-qatc-container { 21253 right: 46px !important; 21254 } 21255 21256 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 21257 top: auto !important; 21258 bottom: 0 !important; 21259 width: 46px !important; 21260 height: 100% !important; 21261 min-height: 43px !important; 21262 align-items: stretch !important; 21263 background: rgba(255,255,255,.96) !important; 21264 } 21265 21266 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 21267 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 21268 width: 46px !important; 21269 height: 100% !important; 21270 min-height: 43px !important; 21271 background: rgba(255,255,255,.96) !important; 21272 } 21273 21274 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 21275 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 21276 height: var(--sefam-quick-add-height, 43px) !important; 21277 } 21278} 21279</style>
21280<script> 21281(function () { 21282 function syncQuickAddHeight(card) { 21283 if (!card || window.innerWidth < 990) return; 21284 var panel = card.querySelector('.bt-qatc-form-container'); 21285 if (!panel) return; 21286 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 21287 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 21288 } 21289 21290 document.addEventListener('mouseover', function(e) { 21291 var card = e.target.closest('.card-wrapper-box'); 21292 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 21293 }, { passive: true }); 21294 21295 window.addEventListener('resize', function() { 21296 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 21297 }, { passive: true }); 21298})(); 21299</script>
21299 21300 21301 21302 21303<style> 21304/* ========================================================= 21305 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 21306 - reduce space between sizes 21307 - keep sizes left aligned 21308 - keep the bag icon on the BOTTOM row 21309 - bag background still matches the full size panel 21310 ========================================================= */ 21311@media (min-width: 990px) { 21312 21313 /* More usable width for sizes */ 21314 .card-wrapper-box .bt-qatc-container { 21315 right: 42px !important; 21316 } 21317 21318 /* Compact, left-aligned size list */ 21319 .card-wrapper-box .bt-qatc-form-variants--list { 21320 justify-content: flex-start !important; 21321 align-items: center !important; 21322 align-content: center !important; 21323 21324 column-gap: 0 !important; 21325 row-gap: 0 !important; 21326 21327 padding: 4px 4px !important; 21328 margin: 0 !important; 21329 } 21330 21331 .card-wrapper-box .bt-qatc-form-variant-input { 21332 min-width: 0 !important; 21333 width: auto !important; 21334 height: 35px !important; 21335 margin: 0 !important; 21336 padding: 0 !important; 21337 } 21338 21339 .card-wrapper-box .bt-qatc-form-variant-input label { 21340 min-width: 0 !important; 21341 width: auto !important; 21342 height: 35px !important; 21343 21344 margin: 0 !important; 21345 padding: 0 4px !important; 21346 21347 font-size: 12px !important; 21348 line-height: 1 !important; 21349 } 21350 21351 /* Bag column keeps the same full white background as the sizes */ 21352 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 21353 right: 0 !important; 21354 bottom: 0 !important; 21355 top: auto !important; 21356 21357 width: 42px !important; 21358 min-width: 42px !important; 21359 height: var(--sefam-quick-add-height, 43px) !important; 21360 min-height: 43px !important; 21361 21362 display: flex !important; 21363 flex-direction: column !important; 21364 justify-content: flex-end !important; 21365 align-items: stretch !important; 21366 21367 padding: 0 !important; 21368 margin: 0 !important; 21369 21370 background: rgba(255,255,255,.96) !important; 21371 } 21372 21373 /* The clickable bag itself always sits at the bottom */ 21374 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 21375 width: 42px !important; 21376 min-width: 42px !important; 21377 height: 43px !important; 21378 min-height: 43px !important; 21379 21380 margin-top: auto !important; 21381 padding: 0 !important; 21382 21383 display: flex !important; 21384 align-items: center !important; 21385 justify-content: center !important; 21386 21387 background: rgba(255,255,255,.96) !important; 21388 } 21389 21390 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 21391 width: 42px !important; 21392 height: 43px !important; 21393 min-height: 43px !important; 21394 21395 display: flex !important; 21396 align-items: center !important; 21397 justify-content: center !important; 21398 21399 padding: 0 !important; 21400 margin: 0 !important; 21401 21402 background: transparent !important; 21403 } 21404 21405 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 21406 width: 16px !important; 21407 height: 17px !important; 21408 } 21409} 21410</style> 21411 21412 21413<style> 21414/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 21415@media (min-width: 990px) { 21416 .card-wrapper-box .bt-qatc-form-variants--list { 21417 padding: 3px 4px !important; 21418 column-gap: 0 !important; 21419 row-gap: 0 !important; 21420 justify-content: flex-start !important; 21421 align-items: center !important; 21422 align-content: center !important; 21423 } 21424 21425 .card-wrapper-box .bt-qatc-form-variant-input { 21426 min-width: 0 !important; 21427 width: auto !important; 21428 height: 30px !important; 21429 margin: 0 !important; 21430 padding: 0 !important; 21431 } 21432 21433 .card-wrapper-box .bt-qatc-form-variant-input label { 21434 min-width: 0 !important; 21435 width: auto !important; 21436 height: 30px !important; 21437 margin: 0 !important; 21438 padding: 0 4px !important; 21439 font-size: 12px !important; 21440 line-height: 1 !important; 21441 display: flex !important; 21442 align-items: center !important; 21443 justify-content: center !important; 21444 } 21445 21446 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 21447 display: flex !important; 21448 flex-direction: column !important; 21449 justify-content: flex-end !important;
21450 align-items: stretch !important; 21451 bottom: 0 !important; 21452 top: auto !important; 21453 height: var(--sefam-quick-add-height, 36px) !important; 21454 min-height: 36px !important; 21455 } 21456 21457 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 21458 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 21459 height: 36px !important; 21460 min-height: 36px !important; 21461 margin-top: auto !important; 21462 } 21463} 21464</style> 21465 21466<style> 21467 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 21468 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 21469 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 21470 .card_colorways_container .new-mbl-color-single label span, 21471 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 21472 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 21473</style> 21474 21475 </li> 21476 21477 <li 21478 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_Vj3Gex-16" 21479 class="grid__item slider__slide" 21480 > 21481 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 21482� 21483 21484 21485 � 21486 21487 21488 21489 <div class="card-wrapper product-card-wrapper"> 21490 <div 21491 class=" 21492 card card--standard 21493 card--media 21494 21495 21496 21497 21498 21499 " 21500 style="--ratio-percent: 150.00000000000003%;" 21501 21502 > 21503 <div class="card-wrapper-box"> 21504 21505 <div 21506 class="card__inner color-scheme-2 gradient ratio" 21507 style="--ratio-percent: 150.00000000000003%;" 21508 21509 > 21510 �<a href="/products/c6755"> 21511 21512 �<div class="card-prdct2 card__media"> 21513 <div class="media media--transparent mt3"> 21514 21515 21516 <img 21517 src="//sefam.com/cdn/shop/files/C6755_16.jpg?v=1790072164&width=800" 21518 srcset="//sefam.com/cdn/shop/files/C6755_16.jpg?v=1790072164&width=1600 2x" 21519 class="" 21520 alt="KHADDAR | PRINTED" 21521 21522 loading="lazy" 21523 21524 width="2400" 21525 height="3600" 21526 > 21527 �<img 21528 src="//sefam.com/cdn/shop/files/C6755_10.jpg?v=1790072164&width=800" 21529 srcset="//sefam.com/cdn/shop/files/C6755_10.jpg?v=1790072164&width=1600 2x" 21530 alt="KHADDAR | PRINTED" 21531 loading="lazy" 21532 width="2400" 21533 height="3600" 21534 data-index="" 21535 > 21536 21537 � 21538 </div> 21539 21540 21541 </div> 21542 </a> 21543 </div> 21544 21545 21546 21547 21548 <div class="bt-qatc-container"> 21549 <div class="bt-qatc-form-container"> 21550 <div class="bt-qatc-form-content large-up-hide medium-hide"> 21551 <h3>KHADDAR | PRINTED</h3> 21552 21553<div 21554 class=" 21555 price " 21556 > 21557 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 21558 <span class="price-item price-item--regular"> 21559 <span class=money>Rs.5,490</span> 21560 </span></div> 21561 <div class="price__sale"> 21562 <span class="visually-hidden visually-hidden--inline">Regular price</span> 21563 <span> 21564 <s class="price-item price-item--regular"> 21565 21566 <span class=money>Rs.5,490</span> 21567 21568 </s> 21569 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
21570 <span class="price-item price-item--sale price-item--last"> 21571 21572 21573 21574 21575 <span class="percentage__sale hidden">0% OFF</span> 21576 21577 <span class=money>Rs.5,490</span> 21578 </span> 21579 </div> 21580 <small class="unit-price caption hidden"> 21581 <span class="visually-hidden">Unit price</span> 21582 <span class="price-item price-item--last"> 21583 <span></span> 21584 <span aria-hidden="true">/</span> 21585 <span class="visually-hidden"> per </span> 21586 <span> 21587 </span> 21588 </span> 21589 </small> 21590 </div></div> 21591 21592 21593 21594 </div> 21595 <div 21596 class="ethnc-form-media large-up-hide medium-hide" 21597 21598 ></div> 21599 <form method="post" action="/cart/add" class="bt-qatc-form"> 21600 <input type="hidden" name="quantity" value="1"> 21601 <div class="bt-qatc-form-variants-container"> 21602 <div class="bt-qatc-form-variants--list"> 21603 21604 <div 21605 class="in-use bt-qatc-form-variant-input" 21606 21607 data-only-child 21608 21609 > 21610 <input 21611 type="radio" 21612 name="id" 21613 id="-52228279468328" 21614 value="52228279468328" 21615 data-price="549000" 21616 data-item-id="10391997612328" 21617 hidden 21618 21619 data-item-id="10391997612328" 21620 21621 checked 21622 21623 > 21624 21625 <label 21626 for="-52228279468328" 21627 data-sefam-quick-size 21628 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 21629 > 21630 <span class="split-variant-value"> 21631 21632 UNSTITCHED 21633 21634</span> 21635 </label> 21636 </div> 21637 21638 </div> 21639 21640 21641 21642 21643 </div> 21644 </form> 21645 </div> 21646 </div> 21647 21648 21649 21650 21651 21652 21653 21654 21655 21656 21657 21658 21659 21660 21661 21662 21663 21664 21665 21666 21667 21668 21669 21670 21671 21672 21673 21674 21675 21676 21677 21678 21679 21680 21681 21682 21683 21684 21685 21686 21687 21688 21689 <div 21690 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 21691 > 21692 <div class="ethnc-qatc-btn cstm-add-btn visible"> 21693 <span class="small-hide hide-mobile">Add to Basket</span> 21694 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 21695 </span>
21696 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 21697 width="11" 21698 height="11" 21699 viewBox="0 0 11 11" 21700 fill="none" 21701> 21702 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 21703 fill="black" 21704 /> 21705</svg> 21706</span> 21707 </div> 21708 </div> 21709 21710 21711 </div> 21712 21713 <div class="card__content aiza2"> 21714 <div class="card__information"> 21715 <small class="product-brand"> 21716 Kayseria 21717 </small> 21718 <h3 21719 class="card__heading h5" 21720 21721 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391997612328" 21722 21723 > 21724 <a 21725 href="/products/c6755" 21726 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391997612328" 21727 class="full-unstyled-link" 21728 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391997612328 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391997612328" 21729 > 21730 KHADDAR | PRINTED 21731 21732 <div class="card_colorways_container" onclick="event.stopPropagation();"> 21733 21734 21735 � 21736 </div> 21737 </a> 21738 21739 </h3> 21740 21741 <h3 class="product-subtitle hidden">UNSTITCHED | SHIRT, TROUSER & DUPATTA</h3> 21742 21743 <div class="card-information"><span class="caption-large light"></span> 21744<div 21745 class=" 21746 price " 21747 > 21748 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 21749 <span class="price-item price-item--regular"> 21750 <span class=money>Rs.5,490</span> 21751 </span></div> 21752 <div class="price__sale"> 21753 <span class="visually-hidden visually-hidden--inline">Regular price</span> 21754 <span> 21755 <s class="price-item price-item--regular"> 21756 21757 <span class=money>Rs.5,490</span> 21758 21759 </s> 21760 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 21761 <span class="price-item price-item--sale price-item--last"> 21762 21763 21764 21765 21766 <span class="percentage__sale hidden">0% OFF</span> 21767 21768 <span class=money>Rs.5,490</span> 21769 </span> 21770 </div> 21771 <small class="unit-price caption hidden"> 21772 <span class="visually-hidden">Unit price</span> 21773 <span class="price-item price-item--last"> 21774 <span></span> 21775 <span aria-hidden="true">/</span> 21776 <span class="visually-hidden"> per </span> 21777 <span> 21778 </span> 21779 </span> 21780 </small> 21781 </div></div> 21782 21783 21784 21785 </div> 21786 </div> 21787 </div> 21788 21789 </div> 21790 </div><style> 21791/* ========================================================= 21792 DESKTOP PRODUCT CARD QUICK ADD 21793 LEFT = sizes 21794 RIGHT = original bag icon 21795 Mobile behavior remains unchanged 21796 ========================================================= */ 21797@media (min-width: 990px) { 21798 .hide-desktop { 21799 display: none !important; 21800 } 21801 21802 /* Keep both controls on the same bottom row */ 21803 .card-wrapper-box { 21804 position: relative; 21805 } 21806 21807 .card-wrapper-box .bt-qatc-container, 21808 .card-wrapper-box .ethnc-qatc-btn-container { 21809 position: absolute !important; 21810 bottom: 0 !important; 21811 z-index: 8 !important; 21812 } 21813 21814 /* LEFT: size area */ 21815 .card-wrapper-box .bt-qatc-container { 21816 left: 0 !important; 21817 right: 46px !important; 21818 width: auto !important; 21819 } 21820 21821 .card-wrapper-box .bt-qatc-form-container { 21822 left: 0 !important; 21823 right: 0 !important; 21824 bottom: -350% !important; 21825 width: 100% !important; 21826 min-height: 43px !important; 21827 opacity: 0 !important; 21828 visibility: hidden !important; 21829 pointer-events: none !important; 21830 transition: bottom .22s ease, opacity .18s ease !important; 21831 } 21832 21833 .card-wrapper-box .bt-qatc-form, 21834 .card-wrapper-box .bt-qatc-form-variants-container, 21835 .card-wrapper-box .bt-qatc-form-variants--list { 21836 width: 100% !important; 21837 } 21838 21839 .card-wrapper-box .bt-qatc-form-variants--list { 21840 display: flex !important;
21841 align-items: center !important; 21842 flex-wrap: wrap !important; 21843 gap: 0 !important; 21844 min-height: 43px !important; 21845 } 21846 21847 /* RIGHT: original bag button */ 21848 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 21849 display: flex !important; 21850 align-items: stretch !important; 21851 justify-content: center !important; 21852 left: auto !important; 21853 right: 0 !important; 21854 width: 46px !important; 21855 height: 43px !important; 21856 opacity: 0 !important; 21857 visibility: hidden !important; 21858 pointer-events: none !important; 21859 transition: opacity .18s ease !important; 21860 } 21861 21862 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 21863 display: flex !important; 21864 align-items: center !important; 21865 justify-content: center !important; 21866 width: 46px !important; 21867 height: 43px !important; 21868 min-width: 46px !important; 21869 padding: 0 !important; 21870 cursor: pointer !important; 21871 } 21872 21873 /* Hide Add to Basket text on desktop; keep only bag icon */ 21874 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 21875 display: none !important; 21876 } 21877 21878 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 21879 display: flex !important; 21880 align-items: center !important; 21881 justify-content: center !important; 21882 width: 100% !important; 21883 height: 100% !important; 21884 padding: 0 !important; 21885 } 21886 21887 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 21888 display: block !important; 21889 width: 16px !important; 21890 height: 17px !important; 21891 } 21892 21893 /* Show sizes + bag together on desktop hover */ 21894 .card-wrapper-box:hover .bt-qatc-form-container { 21895 bottom: 0 !important; 21896 opacity: 1 !important; 21897 visibility: visible !important; 21898 pointer-events: auto !important; 21899 } 21900 21901 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 21902 opacity: 1 !important; 21903 visibility: visible !important; 21904 pointer-events: auto !important; 21905 } 21906} 21907 21908@media (max-width: 989px) { 21909 .hide-mobile { 21910 display: none; 21911 } 21912} 21913</style> 21914 21915 21916<style> 21917/* ========================================================= 21918 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 21919 Keeps all sizes in one clean row on the left 21920 and the bag icon fixed on the right. 21921 ========================================================= */ 21922@media (min-width: 990px) { 21923 21924 .card-wrapper-box .bt-qatc-form-container { 21925 height: 43px !important; 21926 min-height: 43px !important; 21927 max-height: 43px !important; 21928 overflow: hidden !important; 21929 background: rgba(255,255,255,.96) !important; 21930 } 21931 21932 .card-wrapper-box .bt-qatc-form { 21933 display: block !important; 21934 height: 43px !important; 21935 min-height: 43px !important; 21936 margin: 0 !important; 21937 padding: 0 !important; 21938 } 21939 21940 .card-wrapper-box .bt-qatc-form-variants-container { 21941 display: block !important; 21942 width: 100% !important; 21943 height: 43px !important; 21944 min-height: 43px !important; 21945 margin: 0 !important; 21946 padding: 0 !important; 21947 } 21948 21949 .card-wrapper-box .bt-qatc-form-variants--list { 21950 display: flex !important; 21951 flex-direction: row !important; 21952 flex-wrap: wrap !important; 21953 align-items: center !important; 21954 justify-content: center !important; 21955 21956 width: 100% !important; 21957 height: 43px !important; 21958 min-height: 43px !important; 21959 21960 margin: 0 !important; 21961 padding: 0 6px !important; 21962 gap: 2px !important; 21963 21964 box-sizing: border-box !important; 21965 overflow: visible !important; 21966 white-space: normal !important; 21967 } 21968 21969 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 21970 display: none !important; 21971 } 21972 21973 .card-wrapper-box .bt-qatc-form-variant-input { 21974 position: relative !important; 21975 21976 display: flex !important; 21977 align-items: center !important; 21978 justify-content: center !important; 21979 21980 flex: 0 0 auto !important; 21981 width: auto !important; 21982 min-width: 32px !important; 21983 height: 43px !important; 21984 21985 margin: 0 !important; 21986 padding: 0 !important; 21987 21988 border: 0 !important; 21989 background: transparent !important; 21990 } 21991 21992 .card-wrapper-box .bt-qatc-form-variant-input label { 21993 position: static !important; 21994 21995 display: flex !important;
21996 align-items: center !important; 21997 justify-content: center !important; 21998 21999 width: auto !important; 22000 min-width: 32px !important; 22001 height: 32px !important; 22002 22003 margin: 0 !important; 22004 padding: 0 6px !important; 22005 22006 box-sizing: border-box !important; 22007 22008 background: transparent !important; 22009 border: 0 !important; 22010 22011 color: #111 !important; 22012 font-size: 12px !important; 22013 line-height: 1 !important; 22014 font-weight: 400 !important; 22015 22016 white-space: nowrap !important; 22017 cursor: pointer !important; 22018 } 22019 22020 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 22021 display: block !important; 22022 width: auto !important; 22023 max-width: none !important; 22024 22025 margin: 0 !important; 22026 padding: 0 !important; 22027 22028 overflow: visible !important; 22029 white-space: nowrap !important; 22030 text-overflow: clip !important; 22031 22032 font-size: inherit !important; 22033 line-height: inherit !important; 22034 } 22035 22036 /* Sold-out size */ 22037 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 22038 opacity: .35 !important; 22039 text-decoration: line-through !important; 22040 cursor: not-allowed !important; 22041 } 22042 22043 /* Optional hover feedback */ 22044 .card-wrapper-box 22045 .bt-qatc-form-variant-input:not(.is-disbaled) 22046 label:hover { 22047 text-decoration: underline !important; 22048 text-underline-offset: 3px !important; 22049 } 22050 22051 /* Prevent old theme transforms / absolute positions */ 22052 .card-wrapper-box .bt-qatc-form-variant-input *, 22053 .card-wrapper-box .bt-qatc-form-variants--list * { 22054 transform: none; 22055 } 22056} 22057</style> 22058 22059 22060<style> 22061/* Desktop quick-add: use one seamless background for sizes + bag */ 22062@media (min-width: 990px) { 22063 .card-wrapper-box .bt-qatc-form-container, 22064 .card-wrapper-box .bt-qatc-form, 22065 .card-wrapper-box .bt-qatc-form-variants-container, 22066 .card-wrapper-box .bt-qatc-form-variants--list, 22067 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 22068 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 22069 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 22070 background: rgba(255,255,255,.96) !important; 22071 } 22072 22073 /* Remove any visual split between sizes and bag */ 22074 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 22075 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 22076 border-left: 0 !important; 22077 box-shadow: none !important; 22078 } 22079} 22080</style> 22081 22082 22083<style> 22084/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 22085@media (min-width: 990px) { 22086 .card-wrapper-box .bt-qatc-form-container, 22087 .card-wrapper-box .bt-qatc-form, 22088 .card-wrapper-box .bt-qatc-form-variants-container { 22089 height: auto !important; 22090 max-height: none !important; 22091 overflow: visible !important; 22092 } 22093 22094 .card-wrapper-box .bt-qatc-form-variants--list { 22095 display: flex !important; 22096 flex-wrap: wrap !important; 22097 justify-content: center !important; 22098 align-items: center !important; 22099 height: auto !important; 22100 min-height: 43px !important; 22101 max-height: none !important; 22102 overflow: visible !important; 22103 white-space: normal !important; 22104 padding: 5px 6px !important; 22105 } 22106 22107 .card-wrapper-box .bt-qatc-form-variant-input { 22108 flex: 0 0 auto !important; 22109 } 22110} 22111</style> 22112
22113<script> 22114 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 22115 const wrap = label.closest('.bt-qatc-form-variant-input'); 22116 const form = label.closest('.bt-qatc-form'); 22117 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 22118 22119 if (!wrap || !form || !input) return; 22120 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 22121 if (label.dataset.loading === 'true') return; 22122 22123 input.checked = true; 22124 label.dataset.loading = 'true'; 22125 label.style.pointerEvents = 'none'; 22126 22127 try { 22128 const cartResp = await fetch('/cart.js', { 22129 method: 'GET', 22130 headers: { 'Accept': 'application/json' } 22131 }); 22132 22133 if (!cartResp.ok) throw new Error('Unable to read cart'); 22134 22135 const cart = await cartResp.json(); 22136 const variantId = Number(input.value); 22137 const selectedPrice = Number(input.dataset.price || 0) / 100; 22138 const totalCartPrice = Number(cart.total_price || 0) / 100; 22139 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 22140 22141 if ((totalCartPrice + selectedPrice) > 250000) { 22142 if (window.showAlert) { 22143 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 22144 } else { 22145 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 22146 } 22147 return; 22148 } 22149 22150 if (itemInCart && Number(itemInCart.quantity) >= 3) { 22151 if (window.showAlert) { 22152 window.showAlert('Limit reached: Max 3 items per size can be added'); 22153 } else { 22154 alert('Limit reached: Max 3 items per size can be added'); 22155 } 22156 return; 22157 } 22158 22159 22160 const cartSections = document.querySelector('cart-notification, cart-drawer'); 22161 const formData = new FormData(form); 22162 22163 formData.set('id', input.value); 22164 formData.set('quantity', '1'); 22165 22166 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 22167 formData.set( 22168 'sections', 22169 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 22170 ); 22171 } 22172 22173 formData.set('sections_url', window.location.pathname); 22174 22175 const addResp = await fetch('/cart/add.js', { 22176 method: 'POST', 22177 headers: { 'Accept': 'application/json' }, 22178 body: formData 22179 }); 22180 22181 const data = await addResp.json(); 22182 22183 if (!addResp.ok) { 22184 throw new Error(data.description || data.message || 'Unable to add this size'); 22185 } 22186 22187 if (cartSections && typeof cartSections.renderContents === 'function') { 22188 cartSections.renderContents(data); 22189 } else { 22190 const bubble = document.querySelector('#cart-icon-bubble'); 22191 if (bubble) bubble.click(); 22192 } 22193 22194 const card = label.closest('.card-wrapper-box'); 22195 if (card) { 22196 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 22197 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 22198 } 22199 } catch (error) { 22200 console.error('SEFAM hover size quick-add error:', error); 22201 if (window.showAlert) { 22202 window.showAlert(error.message || 'Unable to add this size to cart'); 22203 } else { 22204 alert(error.message || 'Unable to add this size to cart'); 22205 } 22206 } finally { 22207 label.dataset.loading = 'false'; 22208 label.style.pointerEvents = ''; 22209 } 22210 }; 22211</script>
22211 22212 22213<style> 22214/* Desktop quick-add final alignment: 22215 sizes start from left; bag area matches the complete quick-size background height. */ 22216@media (min-width: 990px) { 22217 .card-wrapper-box .bt-qatc-form-variants--list { 22218 justify-content: flex-start !important; 22219 align-content: center !important; 22220 text-align: left !important; 22221 } 22222 22223 .card-wrapper-box .bt-qatc-container { 22224 right: 46px !important; 22225 } 22226 22227 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 22228 top: auto !important; 22229 bottom: 0 !important; 22230 width: 46px !important; 22231 height: 100% !important; 22232 min-height: 43px !important; 22233 align-items: stretch !important; 22234 background: rgba(255,255,255,.96) !important; 22235 } 22236 22237 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 22238 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 22239 width: 46px !important; 22240 height: 100% !important; 22241 min-height: 43px !important; 22242 background: rgba(255,255,255,.96) !important; 22243 } 22244 22245 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 22246 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 22247 height: var(--sefam-quick-add-height, 43px) !important; 22248 } 22249} 22250</style>
22251<script> 22252(function () { 22253 function syncQuickAddHeight(card) { 22254 if (!card || window.innerWidth < 990) return; 22255 var panel = card.querySelector('.bt-qatc-form-container'); 22256 if (!panel) return; 22257 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 22258 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 22259 } 22260 22261 document.addEventListener('mouseover', function(e) { 22262 var card = e.target.closest('.card-wrapper-box'); 22263 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 22264 }, { passive: true }); 22265 22266 window.addEventListener('resize', function() { 22267 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 22268 }, { passive: true }); 22269})(); 22270</script>
22270 22271 22272 22273 22274<style> 22275/* ========================================================= 22276 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 22277 - reduce space between sizes 22278 - keep sizes left aligned 22279 - keep the bag icon on the BOTTOM row 22280 - bag background still matches the full size panel 22281 ========================================================= */ 22282@media (min-width: 990px) { 22283 22284 /* More usable width for sizes */ 22285 .card-wrapper-box .bt-qatc-container { 22286 right: 42px !important; 22287 } 22288 22289 /* Compact, left-aligned size list */ 22290 .card-wrapper-box .bt-qatc-form-variants--list { 22291 justify-content: flex-start !important; 22292 align-items: center !important; 22293 align-content: center !important; 22294 22295 column-gap: 0 !important; 22296 row-gap: 0 !important; 22297 22298 padding: 4px 4px !important; 22299 margin: 0 !important; 22300 } 22301 22302 .card-wrapper-box .bt-qatc-form-variant-input { 22303 min-width: 0 !important; 22304 width: auto !important; 22305 height: 35px !important; 22306 margin: 0 !important; 22307 padding: 0 !important; 22308 } 22309 22310 .card-wrapper-box .bt-qatc-form-variant-input label { 22311 min-width: 0 !important; 22312 width: auto !important; 22313 height: 35px !important; 22314 22315 margin: 0 !important; 22316 padding: 0 4px !important; 22317 22318 font-size: 12px !important; 22319 line-height: 1 !important; 22320 } 22321 22322 /* Bag column keeps the same full white background as the sizes */ 22323 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 22324 right: 0 !important; 22325 bottom: 0 !important; 22326 top: auto !important; 22327 22328 width: 42px !important; 22329 min-width: 42px !important; 22330 height: var(--sefam-quick-add-height, 43px) !important; 22331 min-height: 43px !important; 22332 22333 display: flex !important; 22334 flex-direction: column !important; 22335 justify-content: flex-end !important; 22336 align-items: stretch !important; 22337 22338 padding: 0 !important; 22339 margin: 0 !important; 22340 22341 background: rgba(255,255,255,.96) !important; 22342 } 22343 22344 /* The clickable bag itself always sits at the bottom */ 22345 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 22346 width: 42px !important; 22347 min-width: 42px !important; 22348 height: 43px !important; 22349 min-height: 43px !important; 22350 22351 margin-top: auto !important; 22352 padding: 0 !important; 22353 22354 display: flex !important; 22355 align-items: center !important; 22356 justify-content: center !important; 22357 22358 background: rgba(255,255,255,.96) !important; 22359 } 22360 22361 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 22362 width: 42px !important; 22363 height: 43px !important; 22364 min-height: 43px !important; 22365 22366 display: flex !important; 22367 align-items: center !important; 22368 justify-content: center !important; 22369 22370 padding: 0 !important; 22371 margin: 0 !important; 22372 22373 background: transparent !important; 22374 } 22375 22376 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 22377 width: 16px !important; 22378 height: 17px !important; 22379 } 22380} 22381</style> 22382 22383 22384<style> 22385/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 22386@media (min-width: 990px) { 22387 .card-wrapper-box .bt-qatc-form-variants--list { 22388 padding: 3px 4px !important; 22389 column-gap: 0 !important; 22390 row-gap: 0 !important; 22391 justify-content: flex-start !important; 22392 align-items: center !important; 22393 align-content: center !important; 22394 } 22395 22396 .card-wrapper-box .bt-qatc-form-variant-input { 22397 min-width: 0 !important; 22398 width: auto !important; 22399 height: 30px !important; 22400 margin: 0 !important; 22401 padding: 0 !important; 22402 } 22403 22404 .card-wrapper-box .bt-qatc-form-variant-input label { 22405 min-width: 0 !important; 22406 width: auto !important; 22407 height: 30px !important; 22408 margin: 0 !important; 22409 padding: 0 4px !important; 22410 font-size: 12px !important; 22411 line-height: 1 !important; 22412 display: flex !important; 22413 align-items: center !important; 22414 justify-content: center !important; 22415 } 22416 22417 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 22418 display: flex !important; 22419 flex-direction: column !important; 22420 justify-content: flex-end !important;
22421 align-items: stretch !important; 22422 bottom: 0 !important; 22423 top: auto !important; 22424 height: var(--sefam-quick-add-height, 36px) !important; 22425 min-height: 36px !important; 22426 } 22427 22428 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 22429 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 22430 height: 36px !important; 22431 min-height: 36px !important; 22432 margin-top: auto !important; 22433 } 22434} 22435</style> 22436 22437<style> 22438 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 22439 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 22440 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 22441 .card_colorways_container .new-mbl-color-single label span, 22442 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 22443 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 22444</style> 22445 22446 </li> 22447 22448 <li 22449 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_Vj3Gex-17" 22450 class="grid__item slider__slide" 22451 > 22452 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 22453� 22454 22455 22456 � 22457 22458 22459 22460 <div class="card-wrapper product-card-wrapper"> 22461 <div 22462 class=" 22463 card card--standard 22464 card--media 22465 22466 22467 22468 22469 22470 " 22471 style="--ratio-percent: 150.00000000000003%;" 22472 22473 > 22474 <div class="card-wrapper-box"> 22475 22476 <div 22477 class="card__inner color-scheme-2 gradient ratio" 22478 style="--ratio-percent: 150.00000000000003%;" 22479 22480 > 22481 �<a href="/products/c6753"> 22482 22483 �<div class="card-prdct2 card__media"> 22484 <div class="media media--transparent mt3"> 22485 22486 22487 <img 22488 src="//sefam.com/cdn/shop/files/C6753_4.jpg?v=1787052866&width=800" 22489 srcset="//sefam.com/cdn/shop/files/C6753_4.jpg?v=1787052866&width=1600 2x" 22490 class="" 22491 alt="KHADDAR | EMBROIDERED" 22492 22493 loading="lazy" 22494 22495 width="2400" 22496 height="3600" 22497 > 22498 �<img 22499 src="//sefam.com/cdn/shop/files/C6753_6.jpg?v=1787052866&width=800" 22500 srcset="//sefam.com/cdn/shop/files/C6753_6.jpg?v=1787052866&width=1600 2x" 22501 alt="KHADDAR | EMBROIDERED" 22502 loading="lazy" 22503 width="2400" 22504 height="3600" 22505 data-index="" 22506 > 22507 22508 � 22509 </div> 22510 22511 22512 </div> 22513 </a> 22514 </div> 22515 22516 22517 22518 22519 <div class="bt-qatc-container"> 22520 <div class="bt-qatc-form-container"> 22521 <div class="bt-qatc-form-content large-up-hide medium-hide"> 22522 <h3>KHADDAR | EMBROIDERED</h3> 22523 22524<div 22525 class=" 22526 price " 22527 > 22528 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 22529 <span class="price-item price-item--regular"> 22530 <span class=money>Rs.8,490</span> 22531 </span></div> 22532 <div class="price__sale"> 22533 <span class="visually-hidden visually-hidden--inline">Regular price</span> 22534 <span> 22535 <s class="price-item price-item--regular"> 22536 22537 <span class=money>Rs.8,490</span> 22538 22539 </s> 22540 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
22541 <span class="price-item price-item--sale price-item--last"> 22542 22543 22544 22545 22546 <span class="percentage__sale hidden">0% OFF</span> 22547 22548 <span class=money>Rs.8,490</span> 22549 </span> 22550 </div> 22551 <small class="unit-price caption hidden"> 22552 <span class="visually-hidden">Unit price</span> 22553 <span class="price-item price-item--last"> 22554 <span></span> 22555 <span aria-hidden="true">/</span> 22556 <span class="visually-hidden"> per </span> 22557 <span> 22558 </span> 22559 </span> 22560 </small> 22561 </div></div> 22562 22563 22564 22565 </div> 22566 <div 22567 class="ethnc-form-media large-up-hide medium-hide" 22568 22569 ></div> 22570 <form method="post" action="/cart/add" class="bt-qatc-form"> 22571 <input type="hidden" name="quantity" value="1"> 22572 <div class="bt-qatc-form-variants-container"> 22573 <div class="bt-qatc-form-variants--list"> 22574 22575 <div 22576 class="in-use bt-qatc-form-variant-input" 22577 22578 data-only-child 22579 22580 > 22581 <input 22582 type="radio" 22583 name="id" 22584 id="-52193136083240" 22585 value="52193136083240" 22586 data-price="849000" 22587 data-item-id="10373591040296" 22588 hidden 22589 22590 data-item-id="10373591040296" 22591 22592 checked 22593 22594 > 22595 22596 <label 22597 for="-52193136083240" 22598 data-sefam-quick-size 22599 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 22600 > 22601 <span class="split-variant-value"> 22602 22603 UNSTITCHED 22604 22605</span> 22606 </label> 22607 </div> 22608 22609 </div> 22610 22611 22612 22613 22614 </div> 22615 </form> 22616 </div> 22617 </div> 22618 22619 22620 22621 22622 22623 22624 22625 22626 22627 22628 22629 22630 22631 22632 22633 22634 22635 22636 22637 22638 22639 22640 22641 22642 22643 22644 22645 22646 22647 22648 22649 22650 22651 22652 22653 22654 <div 22655 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 22656 > 22657 <div class="ethnc-qatc-btn cstm-add-btn visible"> 22658 <span class="small-hide hide-mobile">Add to Basket</span> 22659 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 22660 </span>
22661 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 22662 width="11" 22663 height="11" 22664 viewBox="0 0 11 11" 22665 fill="none" 22666> 22667 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 22668 fill="black" 22669 /> 22670</svg> 22671</span> 22672 </div> 22673 </div> 22674 22675 22676 </div> 22677 22678 <div class="card__content aiza2"> 22679 <div class="card__information"> 22680 <small class="product-brand"> 22681 Kayseria 22682 </small> 22683 <h3 22684 class="card__heading h5" 22685 22686 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10373591040296" 22687 22688 > 22689 <a 22690 href="/products/c6753" 22691 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10373591040296" 22692 class="full-unstyled-link" 22693 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10373591040296 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10373591040296" 22694 > 22695 KHADDAR | EMBROIDERED 22696 22697 <div class="card_colorways_container" onclick="event.stopPropagation();"> 22698 22699 22700 � 22701 </div> 22702 </a> 22703 22704 </h3> 22705 22706 <h3 class="product-subtitle hidden">UNSTITCHED | SHIRT, TROUSER & DUPATTA</h3> 22707 22708 <div class="card-information"><span class="caption-large light"></span> 22709<div 22710 class=" 22711 price " 22712 > 22713 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 22714 <span class="price-item price-item--regular"> 22715 <span class=money>Rs.8,490</span> 22716 </span></div> 22717 <div class="price__sale"> 22718 <span class="visually-hidden visually-hidden--inline">Regular price</span> 22719 <span> 22720 <s class="price-item price-item--regular"> 22721 22722 <span class=money>Rs.8,490</span> 22723 22724 </s> 22725 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 22726 <span class="price-item price-item--sale price-item--last"> 22727 22728 22729 22730 22731 <span class="percentage__sale hidden">0% OFF</span> 22732 22733 <span class=money>Rs.8,490</span> 22734 </span> 22735 </div> 22736 <small class="unit-price caption hidden"> 22737 <span class="visually-hidden">Unit price</span> 22738 <span class="price-item price-item--last"> 22739 <span></span> 22740 <span aria-hidden="true">/</span> 22741 <span class="visually-hidden"> per </span> 22742 <span> 22743 </span> 22744 </span> 22745 </small> 22746 </div></div> 22747 22748 22749 22750 </div> 22751 </div> 22752 </div> 22753 22754 </div> 22755 </div><style> 22756/* ========================================================= 22757 DESKTOP PRODUCT CARD QUICK ADD 22758 LEFT = sizes 22759 RIGHT = original bag icon 22760 Mobile behavior remains unchanged 22761 ========================================================= */ 22762@media (min-width: 990px) { 22763 .hide-desktop { 22764 display: none !important; 22765 } 22766 22767 /* Keep both controls on the same bottom row */ 22768 .card-wrapper-box { 22769 position: relative; 22770 } 22771 22772 .card-wrapper-box .bt-qatc-container, 22773 .card-wrapper-box .ethnc-qatc-btn-container { 22774 position: absolute !important; 22775 bottom: 0 !important; 22776 z-index: 8 !important; 22777 } 22778 22779 /* LEFT: size area */ 22780 .card-wrapper-box .bt-qatc-container { 22781 left: 0 !important; 22782 right: 46px !important; 22783 width: auto !important; 22784 } 22785 22786 .card-wrapper-box .bt-qatc-form-container { 22787 left: 0 !important; 22788 right: 0 !important; 22789 bottom: -350% !important; 22790 width: 100% !important; 22791 min-height: 43px !important; 22792 opacity: 0 !important; 22793 visibility: hidden !important; 22794 pointer-events: none !important; 22795 transition: bottom .22s ease, opacity .18s ease !important; 22796 } 22797 22798 .card-wrapper-box .bt-qatc-form, 22799 .card-wrapper-box .bt-qatc-form-variants-container, 22800 .card-wrapper-box .bt-qatc-form-variants--list { 22801 width: 100% !important; 22802 } 22803 22804 .card-wrapper-box .bt-qatc-form-variants--list { 22805 display: flex !important;
22806 align-items: center !important; 22807 flex-wrap: wrap !important; 22808 gap: 0 !important; 22809 min-height: 43px !important; 22810 } 22811 22812 /* RIGHT: original bag button */ 22813 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 22814 display: flex !important; 22815 align-items: stretch !important; 22816 justify-content: center !important; 22817 left: auto !important; 22818 right: 0 !important; 22819 width: 46px !important; 22820 height: 43px !important; 22821 opacity: 0 !important; 22822 visibility: hidden !important; 22823 pointer-events: none !important; 22824 transition: opacity .18s ease !important; 22825 } 22826 22827 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 22828 display: flex !important; 22829 align-items: center !important; 22830 justify-content: center !important; 22831 width: 46px !important; 22832 height: 43px !important; 22833 min-width: 46px !important; 22834 padding: 0 !important; 22835 cursor: pointer !important; 22836 } 22837 22838 /* Hide Add to Basket text on desktop; keep only bag icon */ 22839 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 22840 display: none !important; 22841 } 22842 22843 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 22844 display: flex !important; 22845 align-items: center !important; 22846 justify-content: center !important; 22847 width: 100% !important; 22848 height: 100% !important; 22849 padding: 0 !important; 22850 } 22851 22852 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 22853 display: block !important; 22854 width: 16px !important; 22855 height: 17px !important; 22856 } 22857 22858 /* Show sizes + bag together on desktop hover */ 22859 .card-wrapper-box:hover .bt-qatc-form-container { 22860 bottom: 0 !important; 22861 opacity: 1 !important; 22862 visibility: visible !important; 22863 pointer-events: auto !important; 22864 } 22865 22866 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 22867 opacity: 1 !important; 22868 visibility: visible !important; 22869 pointer-events: auto !important; 22870 } 22871} 22872 22873@media (max-width: 989px) { 22874 .hide-mobile { 22875 display: none; 22876 } 22877} 22878</style> 22879 22880 22881<style> 22882/* ========================================================= 22883 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 22884 Keeps all sizes in one clean row on the left 22885 and the bag icon fixed on the right. 22886 ========================================================= */ 22887@media (min-width: 990px) { 22888 22889 .card-wrapper-box .bt-qatc-form-container { 22890 height: 43px !important; 22891 min-height: 43px !important; 22892 max-height: 43px !important; 22893 overflow: hidden !important; 22894 background: rgba(255,255,255,.96) !important; 22895 } 22896 22897 .card-wrapper-box .bt-qatc-form { 22898 display: block !important; 22899 height: 43px !important; 22900 min-height: 43px !important; 22901 margin: 0 !important; 22902 padding: 0 !important; 22903 } 22904 22905 .card-wrapper-box .bt-qatc-form-variants-container { 22906 display: block !important; 22907 width: 100% !important; 22908 height: 43px !important; 22909 min-height: 43px !important; 22910 margin: 0 !important; 22911 padding: 0 !important; 22912 } 22913 22914 .card-wrapper-box .bt-qatc-form-variants--list { 22915 display: flex !important; 22916 flex-direction: row !important; 22917 flex-wrap: wrap !important; 22918 align-items: center !important; 22919 justify-content: center !important; 22920 22921 width: 100% !important; 22922 height: 43px !important; 22923 min-height: 43px !important; 22924 22925 margin: 0 !important; 22926 padding: 0 6px !important; 22927 gap: 2px !important; 22928 22929 box-sizing: border-box !important; 22930 overflow: visible !important; 22931 white-space: normal !important; 22932 } 22933 22934 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 22935 display: none !important; 22936 } 22937 22938 .card-wrapper-box .bt-qatc-form-variant-input { 22939 position: relative !important; 22940 22941 display: flex !important; 22942 align-items: center !important; 22943 justify-content: center !important; 22944 22945 flex: 0 0 auto !important; 22946 width: auto !important; 22947 min-width: 32px !important; 22948 height: 43px !important; 22949 22950 margin: 0 !important; 22951 padding: 0 !important; 22952 22953 border: 0 !important; 22954 background: transparent !important; 22955 } 22956 22957 .card-wrapper-box .bt-qatc-form-variant-input label { 22958 position: static !important; 22959 22960 display: flex !important;
22961 align-items: center !important; 22962 justify-content: center !important; 22963 22964 width: auto !important; 22965 min-width: 32px !important; 22966 height: 32px !important; 22967 22968 margin: 0 !important; 22969 padding: 0 6px !important; 22970 22971 box-sizing: border-box !important; 22972 22973 background: transparent !important; 22974 border: 0 !important; 22975 22976 color: #111 !important; 22977 font-size: 12px !important; 22978 line-height: 1 !important; 22979 font-weight: 400 !important; 22980 22981 white-space: nowrap !important; 22982 cursor: pointer !important; 22983 } 22984 22985 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 22986 display: block !important; 22987 width: auto !important; 22988 max-width: none !important; 22989 22990 margin: 0 !important; 22991 padding: 0 !important; 22992 22993 overflow: visible !important; 22994 white-space: nowrap !important; 22995 text-overflow: clip !important; 22996 22997 font-size: inherit !important; 22998 line-height: inherit !important; 22999 } 23000 23001 /* Sold-out size */ 23002 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 23003 opacity: .35 !important; 23004 text-decoration: line-through !important; 23005 cursor: not-allowed !important; 23006 } 23007 23008 /* Optional hover feedback */ 23009 .card-wrapper-box 23010 .bt-qatc-form-variant-input:not(.is-disbaled) 23011 label:hover { 23012 text-decoration: underline !important; 23013 text-underline-offset: 3px !important; 23014 } 23015 23016 /* Prevent old theme transforms / absolute positions */ 23017 .card-wrapper-box .bt-qatc-form-variant-input *, 23018 .card-wrapper-box .bt-qatc-form-variants--list * { 23019 transform: none; 23020 } 23021} 23022</style> 23023 23024 23025<style> 23026/* Desktop quick-add: use one seamless background for sizes + bag */ 23027@media (min-width: 990px) { 23028 .card-wrapper-box .bt-qatc-form-container, 23029 .card-wrapper-box .bt-qatc-form, 23030 .card-wrapper-box .bt-qatc-form-variants-container, 23031 .card-wrapper-box .bt-qatc-form-variants--list, 23032 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 23033 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 23034 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 23035 background: rgba(255,255,255,.96) !important; 23036 } 23037 23038 /* Remove any visual split between sizes and bag */ 23039 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 23040 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 23041 border-left: 0 !important; 23042 box-shadow: none !important; 23043 } 23044} 23045</style> 23046 23047 23048<style> 23049/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 23050@media (min-width: 990px) { 23051 .card-wrapper-box .bt-qatc-form-container, 23052 .card-wrapper-box .bt-qatc-form, 23053 .card-wrapper-box .bt-qatc-form-variants-container { 23054 height: auto !important; 23055 max-height: none !important; 23056 overflow: visible !important; 23057 } 23058 23059 .card-wrapper-box .bt-qatc-form-variants--list { 23060 display: flex !important; 23061 flex-wrap: wrap !important; 23062 justify-content: center !important; 23063 align-items: center !important; 23064 height: auto !important; 23065 min-height: 43px !important; 23066 max-height: none !important; 23067 overflow: visible !important; 23068 white-space: normal !important; 23069 padding: 5px 6px !important; 23070 } 23071 23072 .card-wrapper-box .bt-qatc-form-variant-input { 23073 flex: 0 0 auto !important; 23074 } 23075} 23076</style> 23077
23078<script> 23079 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 23080 const wrap = label.closest('.bt-qatc-form-variant-input'); 23081 const form = label.closest('.bt-qatc-form'); 23082 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 23083 23084 if (!wrap || !form || !input) return; 23085 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 23086 if (label.dataset.loading === 'true') return; 23087 23088 input.checked = true; 23089 label.dataset.loading = 'true'; 23090 label.style.pointerEvents = 'none'; 23091 23092 try { 23093 const cartResp = await fetch('/cart.js', { 23094 method: 'GET', 23095 headers: { 'Accept': 'application/json' } 23096 }); 23097 23098 if (!cartResp.ok) throw new Error('Unable to read cart'); 23099 23100 const cart = await cartResp.json(); 23101 const variantId = Number(input.value); 23102 const selectedPrice = Number(input.dataset.price || 0) / 100; 23103 const totalCartPrice = Number(cart.total_price || 0) / 100; 23104 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 23105 23106 if ((totalCartPrice + selectedPrice) > 250000) { 23107 if (window.showAlert) { 23108 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 23109 } else { 23110 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 23111 } 23112 return; 23113 } 23114 23115 if (itemInCart && Number(itemInCart.quantity) >= 3) { 23116 if (window.showAlert) { 23117 window.showAlert('Limit reached: Max 3 items per size can be added'); 23118 } else { 23119 alert('Limit reached: Max 3 items per size can be added'); 23120 } 23121 return; 23122 } 23123 23124 23125 const cartSections = document.querySelector('cart-notification, cart-drawer'); 23126 const formData = new FormData(form); 23127 23128 formData.set('id', input.value); 23129 formData.set('quantity', '1'); 23130 23131 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 23132 formData.set( 23133 'sections', 23134 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 23135 ); 23136 } 23137 23138 formData.set('sections_url', window.location.pathname); 23139 23140 const addResp = await fetch('/cart/add.js', { 23141 method: 'POST', 23142 headers: { 'Accept': 'application/json' }, 23143 body: formData 23144 }); 23145 23146 const data = await addResp.json(); 23147 23148 if (!addResp.ok) { 23149 throw new Error(data.description || data.message || 'Unable to add this size'); 23150 } 23151 23152 if (cartSections && typeof cartSections.renderContents === 'function') { 23153 cartSections.renderContents(data); 23154 } else { 23155 const bubble = document.querySelector('#cart-icon-bubble'); 23156 if (bubble) bubble.click(); 23157 } 23158 23159 const card = label.closest('.card-wrapper-box'); 23160 if (card) { 23161 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 23162 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 23163 } 23164 } catch (error) { 23165 console.error('SEFAM hover size quick-add error:', error); 23166 if (window.showAlert) { 23167 window.showAlert(error.message || 'Unable to add this size to cart'); 23168 } else { 23169 alert(error.message || 'Unable to add this size to cart'); 23170 } 23171 } finally { 23172 label.dataset.loading = 'false'; 23173 label.style.pointerEvents = ''; 23174 } 23175 }; 23176</script>
23176 23177 23178<style> 23179/* Desktop quick-add final alignment: 23180 sizes start from left; bag area matches the complete quick-size background height. */ 23181@media (min-width: 990px) { 23182 .card-wrapper-box .bt-qatc-form-variants--list { 23183 justify-content: flex-start !important; 23184 align-content: center !important; 23185 text-align: left !important; 23186 } 23187 23188 .card-wrapper-box .bt-qatc-container { 23189 right: 46px !important; 23190 } 23191 23192 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 23193 top: auto !important; 23194 bottom: 0 !important; 23195 width: 46px !important; 23196 height: 100% !important; 23197 min-height: 43px !important; 23198 align-items: stretch !important; 23199 background: rgba(255,255,255,.96) !important; 23200 } 23201 23202 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 23203 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 23204 width: 46px !important; 23205 height: 100% !important; 23206 min-height: 43px !important; 23207 background: rgba(255,255,255,.96) !important; 23208 } 23209 23210 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 23211 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 23212 height: var(--sefam-quick-add-height, 43px) !important; 23213 } 23214} 23215</style>
23216<script> 23217(function () { 23218 function syncQuickAddHeight(card) { 23219 if (!card || window.innerWidth < 990) return; 23220 var panel = card.querySelector('.bt-qatc-form-container'); 23221 if (!panel) return; 23222 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 23223 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 23224 } 23225 23226 document.addEventListener('mouseover', function(e) { 23227 var card = e.target.closest('.card-wrapper-box'); 23228 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 23229 }, { passive: true }); 23230 23231 window.addEventListener('resize', function() { 23232 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 23233 }, { passive: true }); 23234})(); 23235</script>
23235 23236 23237 23238 23239<style> 23240/* ========================================================= 23241 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 23242 - reduce space between sizes 23243 - keep sizes left aligned 23244 - keep the bag icon on the BOTTOM row 23245 - bag background still matches the full size panel 23246 ========================================================= */ 23247@media (min-width: 990px) { 23248 23249 /* More usable width for sizes */ 23250 .card-wrapper-box .bt-qatc-container { 23251 right: 42px !important; 23252 } 23253 23254 /* Compact, left-aligned size list */ 23255 .card-wrapper-box .bt-qatc-form-variants--list { 23256 justify-content: flex-start !important; 23257 align-items: center !important; 23258 align-content: center !important; 23259 23260 column-gap: 0 !important; 23261 row-gap: 0 !important; 23262 23263 padding: 4px 4px !important; 23264 margin: 0 !important; 23265 } 23266 23267 .card-wrapper-box .bt-qatc-form-variant-input { 23268 min-width: 0 !important; 23269 width: auto !important; 23270 height: 35px !important; 23271 margin: 0 !important; 23272 padding: 0 !important; 23273 } 23274 23275 .card-wrapper-box .bt-qatc-form-variant-input label { 23276 min-width: 0 !important; 23277 width: auto !important; 23278 height: 35px !important; 23279 23280 margin: 0 !important; 23281 padding: 0 4px !important; 23282 23283 font-size: 12px !important; 23284 line-height: 1 !important; 23285 } 23286 23287 /* Bag column keeps the same full white background as the sizes */ 23288 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 23289 right: 0 !important; 23290 bottom: 0 !important; 23291 top: auto !important; 23292 23293 width: 42px !important; 23294 min-width: 42px !important; 23295 height: var(--sefam-quick-add-height, 43px) !important; 23296 min-height: 43px !important; 23297 23298 display: flex !important; 23299 flex-direction: column !important; 23300 justify-content: flex-end !important; 23301 align-items: stretch !important; 23302 23303 padding: 0 !important; 23304 margin: 0 !important; 23305 23306 background: rgba(255,255,255,.96) !important; 23307 } 23308 23309 /* The clickable bag itself always sits at the bottom */ 23310 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 23311 width: 42px !important; 23312 min-width: 42px !important; 23313 height: 43px !important; 23314 min-height: 43px !important; 23315 23316 margin-top: auto !important; 23317 padding: 0 !important; 23318 23319 display: flex !important; 23320 align-items: center !important; 23321 justify-content: center !important; 23322 23323 background: rgba(255,255,255,.96) !important; 23324 } 23325 23326 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 23327 width: 42px !important; 23328 height: 43px !important; 23329 min-height: 43px !important; 23330 23331 display: flex !important; 23332 align-items: center !important; 23333 justify-content: center !important; 23334 23335 padding: 0 !important; 23336 margin: 0 !important; 23337 23338 background: transparent !important; 23339 } 23340 23341 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 23342 width: 16px !important; 23343 height: 17px !important; 23344 } 23345} 23346</style> 23347 23348 23349<style> 23350/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 23351@media (min-width: 990px) { 23352 .card-wrapper-box .bt-qatc-form-variants--list { 23353 padding: 3px 4px !important; 23354 column-gap: 0 !important; 23355 row-gap: 0 !important; 23356 justify-content: flex-start !important; 23357 align-items: center !important; 23358 align-content: center !important; 23359 } 23360 23361 .card-wrapper-box .bt-qatc-form-variant-input { 23362 min-width: 0 !important; 23363 width: auto !important; 23364 height: 30px !important; 23365 margin: 0 !important; 23366 padding: 0 !important; 23367 } 23368 23369 .card-wrapper-box .bt-qatc-form-variant-input label { 23370 min-width: 0 !important; 23371 width: auto !important; 23372 height: 30px !important; 23373 margin: 0 !important; 23374 padding: 0 4px !important; 23375 font-size: 12px !important; 23376 line-height: 1 !important; 23377 display: flex !important; 23378 align-items: center !important; 23379 justify-content: center !important; 23380 } 23381 23382 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 23383 display: flex !important; 23384 flex-direction: column !important; 23385 justify-content: flex-end !important;
23386 align-items: stretch !important; 23387 bottom: 0 !important; 23388 top: auto !important; 23389 height: var(--sefam-quick-add-height, 36px) !important; 23390 min-height: 36px !important; 23391 } 23392 23393 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 23394 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 23395 height: 36px !important; 23396 min-height: 36px !important; 23397 margin-top: auto !important; 23398 } 23399} 23400</style> 23401 23402<style> 23403 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 23404 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 23405 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 23406 .card_colorways_container .new-mbl-color-single label span, 23407 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 23408 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 23409</style> 23410 23411 </li> 23412 23413 <li 23414 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_Vj3Gex-18" 23415 class="grid__item slider__slide" 23416 > 23417 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 23418� 23419 23420 23421 � 23422 23423 23424 23425 <div class="card-wrapper product-card-wrapper"> 23426 <div 23427 class=" 23428 card card--standard 23429 card--media 23430 23431 23432 23433 23434 23435 " 23436 style="--ratio-percent: 150.00000000000003%;" 23437 23438 > 23439 <div class="card-wrapper-box"> 23440 23441 <div 23442 class="card__inner color-scheme-2 gradient ratio" 23443 style="--ratio-percent: 150.00000000000003%;" 23444 23445 > 23446 �<a href="/products/c6775"> 23447 23448 �<div class="card-prdct2 card__media"> 23449 <div class="media media--transparent mt3"> 23450 23451 23452 <img 23453 src="//sefam.com/cdn/shop/files/C6775_2.jpg?v=1789382761&width=800" 23454 srcset="//sefam.com/cdn/shop/files/C6775_2.jpg?v=1789382761&width=1600 2x" 23455 class="" 23456 alt="SLUB KHADDAR | EMBROIDERED" 23457 23458 loading="lazy" 23459 23460 width="2400" 23461 height="3600" 23462 > 23463 �<img 23464 src="//sefam.com/cdn/shop/files/C6775_5.jpg?v=1789737092&width=800" 23465 srcset="//sefam.com/cdn/shop/files/C6775_5.jpg?v=1789737092&width=1600 2x" 23466 alt="SLUB KHADDAR | EMBROIDERED" 23467 loading="lazy" 23468 width="2400" 23469 height="3600" 23470 data-index="" 23471 > 23472 23473 � 23474 </div> 23475 23476 23477 </div> 23478 </a> 23479 </div> 23480 23481 23482 23483 23484 <div class="bt-qatc-container"> 23485 <div class="bt-qatc-form-container"> 23486 <div class="bt-qatc-form-content large-up-hide medium-hide"> 23487 <h3>SLUB KHADDAR | EMBROIDERED</h3> 23488 23489<div 23490 class=" 23491 price " 23492 > 23493 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 23494 <span class="price-item price-item--regular"> 23495 <span class=money>Rs.8,490</span> 23496 </span></div> 23497 <div class="price__sale"> 23498 <span class="visually-hidden visually-hidden--inline">Regular price</span> 23499 <span> 23500 <s class="price-item price-item--regular"> 23501 23502 <span class=money>Rs.8,490</span> 23503 23504 </s> 23505 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
23506 <span class="price-item price-item--sale price-item--last"> 23507 23508 23509 23510 23511 <span class="percentage__sale hidden">0% OFF</span> 23512 23513 <span class=money>Rs.8,490</span> 23514 </span> 23515 </div> 23516 <small class="unit-price caption hidden"> 23517 <span class="visually-hidden">Unit price</span> 23518 <span class="price-item price-item--last"> 23519 <span></span> 23520 <span aria-hidden="true">/</span> 23521 <span class="visually-hidden"> per </span> 23522 <span> 23523 </span> 23524 </span> 23525 </small> 23526 </div></div> 23527 23528 23529 23530 </div> 23531 <div 23532 class="ethnc-form-media large-up-hide medium-hide" 23533 23534 ></div> 23535 <form method="post" action="/cart/add" class="bt-qatc-form"> 23536 <input type="hidden" name="quantity" value="1"> 23537 <div class="bt-qatc-form-variants-container"> 23538 <div class="bt-qatc-form-variants--list"> 23539 23540 <div 23541 class="in-use bt-qatc-form-variant-input" 23542 23543 data-only-child 23544 23545 > 23546 <input 23547 type="radio" 23548 name="id" 23549 id="-52228297490728" 23550 value="52228297490728" 23551 data-price="849000" 23552 data-item-id="10392002363688" 23553 hidden 23554 23555 data-item-id="10392002363688" 23556 23557 checked 23558 23559 > 23560 23561 <label 23562 for="-52228297490728" 23563 data-sefam-quick-size 23564 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 23565 > 23566 <span class="split-variant-value"> 23567 23568 UNSTITCHED 23569 23570</span> 23571 </label> 23572 </div> 23573 23574 </div> 23575 23576 23577 23578 23579 </div> 23580 </form> 23581 </div> 23582 </div> 23583 23584 23585 23586 23587 23588 23589 23590 23591 23592 23593 23594 23595 23596 23597 23598 23599 23600 23601 23602 23603 23604 23605 23606 23607 23608 23609 23610 23611 23612 23613 23614 23615 23616 23617 23618 23619 23620 23621 23622 <div 23623 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 23624 > 23625 <div class="ethnc-qatc-btn cstm-add-btn visible"> 23626 <span class="small-hide hide-mobile">Add to Basket</span> 23627 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 23628 </span>
23629 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 23630 width="11" 23631 height="11" 23632 viewBox="0 0 11 11" 23633 fill="none" 23634> 23635 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 23636 fill="black" 23637 /> 23638</svg> 23639</span> 23640 </div> 23641 </div> 23642 23643 23644 </div> 23645 23646 <div class="card__content aiza2"> 23647 <div class="card__information"> 23648 <small class="product-brand"> 23649 Kayseria 23650 </small> 23651 <h3 23652 class="card__heading h5" 23653 23654 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10392002363688" 23655 23656 > 23657 <a 23658 href="/products/c6775" 23659 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10392002363688" 23660 class="full-unstyled-link" 23661 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10392002363688 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10392002363688" 23662 > 23663 SLUB KHADDAR | EMBROIDERED 23664 23665 <div class="card_colorways_container" onclick="event.stopPropagation();"> 23666 23667 23668 � 23669 </div> 23670 </a> 23671 23672 </h3> 23673 23674 <h3 class="product-subtitle hidden">UNSTITCHED | SHIRT, TROUSER & DUPATTA</h3> 23675 23676 <div class="card-information"><span class="caption-large light"></span> 23677<div 23678 class=" 23679 price " 23680 > 23681 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 23682 <span class="price-item price-item--regular"> 23683 <span class=money>Rs.8,490</span> 23684 </span></div> 23685 <div class="price__sale"> 23686 <span class="visually-hidden visually-hidden--inline">Regular price</span> 23687 <span> 23688 <s class="price-item price-item--regular"> 23689 23690 <span class=money>Rs.8,490</span> 23691 23692 </s> 23693 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 23694 <span class="price-item price-item--sale price-item--last"> 23695 23696 23697 23698 23699 <span class="percentage__sale hidden">0% OFF</span> 23700 23701 <span class=money>Rs.8,490</span> 23702 </span> 23703 </div> 23704 <small class="unit-price caption hidden"> 23705 <span class="visually-hidden">Unit price</span> 23706 <span class="price-item price-item--last"> 23707 <span></span> 23708 <span aria-hidden="true">/</span> 23709 <span class="visually-hidden"> per </span> 23710 <span> 23711 </span> 23712 </span> 23713 </small> 23714 </div></div> 23715 23716 23717 23718 </div> 23719 </div> 23720 </div> 23721 23722 </div> 23723 </div><style> 23724/* ========================================================= 23725 DESKTOP PRODUCT CARD QUICK ADD 23726 LEFT = sizes 23727 RIGHT = original bag icon 23728 Mobile behavior remains unchanged 23729 ========================================================= */ 23730@media (min-width: 990px) { 23731 .hide-desktop { 23732 display: none !important; 23733 } 23734 23735 /* Keep both controls on the same bottom row */ 23736 .card-wrapper-box { 23737 position: relative; 23738 } 23739 23740 .card-wrapper-box .bt-qatc-container, 23741 .card-wrapper-box .ethnc-qatc-btn-container { 23742 position: absolute !important; 23743 bottom: 0 !important; 23744 z-index: 8 !important; 23745 } 23746 23747 /* LEFT: size area */ 23748 .card-wrapper-box .bt-qatc-container { 23749 left: 0 !important; 23750 right: 46px !important; 23751 width: auto !important; 23752 } 23753 23754 .card-wrapper-box .bt-qatc-form-container { 23755 left: 0 !important; 23756 right: 0 !important; 23757 bottom: -350% !important; 23758 width: 100% !important; 23759 min-height: 43px !important; 23760 opacity: 0 !important; 23761 visibility: hidden !important; 23762 pointer-events: none !important; 23763 transition: bottom .22s ease, opacity .18s ease !important; 23764 } 23765 23766 .card-wrapper-box .bt-qatc-form, 23767 .card-wrapper-box .bt-qatc-form-variants-container, 23768 .card-wrapper-box .bt-qatc-form-variants--list { 23769 width: 100% !important; 23770 } 23771 23772 .card-wrapper-box .bt-qatc-form-variants--list { 23773 display: flex !important;
23774 align-items: center !important; 23775 flex-wrap: wrap !important; 23776 gap: 0 !important; 23777 min-height: 43px !important; 23778 } 23779 23780 /* RIGHT: original bag button */ 23781 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 23782 display: flex !important; 23783 align-items: stretch !important; 23784 justify-content: center !important; 23785 left: auto !important; 23786 right: 0 !important; 23787 width: 46px !important; 23788 height: 43px !important; 23789 opacity: 0 !important; 23790 visibility: hidden !important; 23791 pointer-events: none !important; 23792 transition: opacity .18s ease !important; 23793 } 23794 23795 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 23796 display: flex !important; 23797 align-items: center !important; 23798 justify-content: center !important; 23799 width: 46px !important; 23800 height: 43px !important; 23801 min-width: 46px !important; 23802 padding: 0 !important; 23803 cursor: pointer !important; 23804 } 23805 23806 /* Hide Add to Basket text on desktop; keep only bag icon */ 23807 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 23808 display: none !important; 23809 } 23810 23811 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 23812 display: flex !important; 23813 align-items: center !important; 23814 justify-content: center !important; 23815 width: 100% !important; 23816 height: 100% !important; 23817 padding: 0 !important; 23818 } 23819 23820 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 23821 display: block !important; 23822 width: 16px !important; 23823 height: 17px !important; 23824 } 23825 23826 /* Show sizes + bag together on desktop hover */ 23827 .card-wrapper-box:hover .bt-qatc-form-container { 23828 bottom: 0 !important; 23829 opacity: 1 !important; 23830 visibility: visible !important; 23831 pointer-events: auto !important; 23832 } 23833 23834 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 23835 opacity: 1 !important; 23836 visibility: visible !important; 23837 pointer-events: auto !important; 23838 } 23839} 23840 23841@media (max-width: 989px) { 23842 .hide-mobile { 23843 display: none; 23844 } 23845} 23846</style> 23847 23848 23849<style> 23850/* ========================================================= 23851 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 23852 Keeps all sizes in one clean row on the left 23853 and the bag icon fixed on the right. 23854 ========================================================= */ 23855@media (min-width: 990px) { 23856 23857 .card-wrapper-box .bt-qatc-form-container { 23858 height: 43px !important; 23859 min-height: 43px !important; 23860 max-height: 43px !important; 23861 overflow: hidden !important; 23862 background: rgba(255,255,255,.96) !important; 23863 } 23864 23865 .card-wrapper-box .bt-qatc-form { 23866 display: block !important; 23867 height: 43px !important; 23868 min-height: 43px !important; 23869 margin: 0 !important; 23870 padding: 0 !important; 23871 } 23872 23873 .card-wrapper-box .bt-qatc-form-variants-container { 23874 display: block !important; 23875 width: 100% !important; 23876 height: 43px !important; 23877 min-height: 43px !important; 23878 margin: 0 !important; 23879 padding: 0 !important; 23880 } 23881 23882 .card-wrapper-box .bt-qatc-form-variants--list { 23883 display: flex !important; 23884 flex-direction: row !important; 23885 flex-wrap: wrap !important; 23886 align-items: center !important; 23887 justify-content: center !important; 23888 23889 width: 100% !important; 23890 height: 43px !important; 23891 min-height: 43px !important; 23892 23893 margin: 0 !important; 23894 padding: 0 6px !important; 23895 gap: 2px !important; 23896 23897 box-sizing: border-box !important; 23898 overflow: visible !important; 23899 white-space: normal !important; 23900 } 23901 23902 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 23903 display: none !important; 23904 } 23905 23906 .card-wrapper-box .bt-qatc-form-variant-input { 23907 position: relative !important; 23908 23909 display: flex !important; 23910 align-items: center !important; 23911 justify-content: center !important; 23912 23913 flex: 0 0 auto !important; 23914 width: auto !important; 23915 min-width: 32px !important; 23916 height: 43px !important; 23917 23918 margin: 0 !important; 23919 padding: 0 !important; 23920 23921 border: 0 !important; 23922 background: transparent !important; 23923 } 23924 23925 .card-wrapper-box .bt-qatc-form-variant-input label { 23926 position: static !important; 23927 23928 display: flex !important;
23929 align-items: center !important; 23930 justify-content: center !important; 23931 23932 width: auto !important; 23933 min-width: 32px !important; 23934 height: 32px !important; 23935 23936 margin: 0 !important; 23937 padding: 0 6px !important; 23938 23939 box-sizing: border-box !important; 23940 23941 background: transparent !important; 23942 border: 0 !important; 23943 23944 color: #111 !important; 23945 font-size: 12px !important; 23946 line-height: 1 !important; 23947 font-weight: 400 !important; 23948 23949 white-space: nowrap !important; 23950 cursor: pointer !important; 23951 } 23952 23953 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 23954 display: block !important; 23955 width: auto !important; 23956 max-width: none !important; 23957 23958 margin: 0 !important; 23959 padding: 0 !important; 23960 23961 overflow: visible !important; 23962 white-space: nowrap !important; 23963 text-overflow: clip !important; 23964 23965 font-size: inherit !important; 23966 line-height: inherit !important; 23967 } 23968 23969 /* Sold-out size */ 23970 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 23971 opacity: .35 !important; 23972 text-decoration: line-through !important; 23973 cursor: not-allowed !important; 23974 } 23975 23976 /* Optional hover feedback */ 23977 .card-wrapper-box 23978 .bt-qatc-form-variant-input:not(.is-disbaled) 23979 label:hover { 23980 text-decoration: underline !important; 23981 text-underline-offset: 3px !important; 23982 } 23983 23984 /* Prevent old theme transforms / absolute positions */ 23985 .card-wrapper-box .bt-qatc-form-variant-input *, 23986 .card-wrapper-box .bt-qatc-form-variants--list * { 23987 transform: none; 23988 } 23989} 23990</style> 23991 23992 23993<style> 23994/* Desktop quick-add: use one seamless background for sizes + bag */ 23995@media (min-width: 990px) { 23996 .card-wrapper-box .bt-qatc-form-container, 23997 .card-wrapper-box .bt-qatc-form, 23998 .card-wrapper-box .bt-qatc-form-variants-container, 23999 .card-wrapper-box .bt-qatc-form-variants--list, 24000 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 24001 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 24002 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 24003 background: rgba(255,255,255,.96) !important; 24004 } 24005 24006 /* Remove any visual split between sizes and bag */ 24007 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 24008 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 24009 border-left: 0 !important; 24010 box-shadow: none !important; 24011 } 24012} 24013</style> 24014 24015 24016<style> 24017/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 24018@media (min-width: 990px) { 24019 .card-wrapper-box .bt-qatc-form-container, 24020 .card-wrapper-box .bt-qatc-form, 24021 .card-wrapper-box .bt-qatc-form-variants-container { 24022 height: auto !important; 24023 max-height: none !important; 24024 overflow: visible !important; 24025 } 24026 24027 .card-wrapper-box .bt-qatc-form-variants--list { 24028 display: flex !important; 24029 flex-wrap: wrap !important; 24030 justify-content: center !important; 24031 align-items: center !important; 24032 height: auto !important; 24033 min-height: 43px !important; 24034 max-height: none !important; 24035 overflow: visible !important; 24036 white-space: normal !important; 24037 padding: 5px 6px !important; 24038 } 24039 24040 .card-wrapper-box .bt-qatc-form-variant-input { 24041 flex: 0 0 auto !important; 24042 } 24043} 24044</style> 24045
24046<script> 24047 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 24048 const wrap = label.closest('.bt-qatc-form-variant-input'); 24049 const form = label.closest('.bt-qatc-form'); 24050 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 24051 24052 if (!wrap || !form || !input) return; 24053 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 24054 if (label.dataset.loading === 'true') return; 24055 24056 input.checked = true; 24057 label.dataset.loading = 'true'; 24058 label.style.pointerEvents = 'none'; 24059 24060 try { 24061 const cartResp = await fetch('/cart.js', { 24062 method: 'GET', 24063 headers: { 'Accept': 'application/json' } 24064 }); 24065 24066 if (!cartResp.ok) throw new Error('Unable to read cart'); 24067 24068 const cart = await cartResp.json(); 24069 const variantId = Number(input.value); 24070 const selectedPrice = Number(input.dataset.price || 0) / 100; 24071 const totalCartPrice = Number(cart.total_price || 0) / 100; 24072 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 24073 24074 if ((totalCartPrice + selectedPrice) > 250000) { 24075 if (window.showAlert) { 24076 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 24077 } else { 24078 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 24079 } 24080 return; 24081 } 24082 24083 if (itemInCart && Number(itemInCart.quantity) >= 3) { 24084 if (window.showAlert) { 24085 window.showAlert('Limit reached: Max 3 items per size can be added'); 24086 } else { 24087 alert('Limit reached: Max 3 items per size can be added'); 24088 } 24089 return; 24090 } 24091 24092 24093 const cartSections = document.querySelector('cart-notification, cart-drawer'); 24094 const formData = new FormData(form); 24095 24096 formData.set('id', input.value); 24097 formData.set('quantity', '1'); 24098 24099 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 24100 formData.set( 24101 'sections', 24102 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 24103 ); 24104 } 24105 24106 formData.set('sections_url', window.location.pathname); 24107 24108 const addResp = await fetch('/cart/add.js', { 24109 method: 'POST', 24110 headers: { 'Accept': 'application/json' }, 24111 body: formData 24112 }); 24113 24114 const data = await addResp.json(); 24115 24116 if (!addResp.ok) { 24117 throw new Error(data.description || data.message || 'Unable to add this size'); 24118 } 24119 24120 if (cartSections && typeof cartSections.renderContents === 'function') { 24121 cartSections.renderContents(data); 24122 } else { 24123 const bubble = document.querySelector('#cart-icon-bubble'); 24124 if (bubble) bubble.click(); 24125 } 24126 24127 const card = label.closest('.card-wrapper-box'); 24128 if (card) { 24129 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 24130 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 24131 } 24132 } catch (error) { 24133 console.error('SEFAM hover size quick-add error:', error); 24134 if (window.showAlert) { 24135 window.showAlert(error.message || 'Unable to add this size to cart'); 24136 } else { 24137 alert(error.message || 'Unable to add this size to cart'); 24138 } 24139 } finally { 24140 label.dataset.loading = 'false'; 24141 label.style.pointerEvents = ''; 24142 } 24143 }; 24144</script>
24144 24145 24146<style> 24147/* Desktop quick-add final alignment: 24148 sizes start from left; bag area matches the complete quick-size background height. */ 24149@media (min-width: 990px) { 24150 .card-wrapper-box .bt-qatc-form-variants--list { 24151 justify-content: flex-start !important; 24152 align-content: center !important; 24153 text-align: left !important; 24154 } 24155 24156 .card-wrapper-box .bt-qatc-container { 24157 right: 46px !important; 24158 } 24159 24160 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 24161 top: auto !important; 24162 bottom: 0 !important; 24163 width: 46px !important; 24164 height: 100% !important; 24165 min-height: 43px !important; 24166 align-items: stretch !important; 24167 background: rgba(255,255,255,.96) !important; 24168 } 24169 24170 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 24171 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 24172 width: 46px !important; 24173 height: 100% !important; 24174 min-height: 43px !important; 24175 background: rgba(255,255,255,.96) !important; 24176 } 24177 24178 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 24179 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 24180 height: var(--sefam-quick-add-height, 43px) !important; 24181 } 24182} 24183</style>
24184<script> 24185(function () { 24186 function syncQuickAddHeight(card) { 24187 if (!card || window.innerWidth < 990) return; 24188 var panel = card.querySelector('.bt-qatc-form-container'); 24189 if (!panel) return; 24190 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 24191 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 24192 } 24193 24194 document.addEventListener('mouseover', function(e) { 24195 var card = e.target.closest('.card-wrapper-box'); 24196 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 24197 }, { passive: true }); 24198 24199 window.addEventListener('resize', function() { 24200 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 24201 }, { passive: true }); 24202})(); 24203</script>
24203 24204 24205 24206 24207<style> 24208/* ========================================================= 24209 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 24210 - reduce space between sizes 24211 - keep sizes left aligned 24212 - keep the bag icon on the BOTTOM row 24213 - bag background still matches the full size panel 24214 ========================================================= */ 24215@media (min-width: 990px) { 24216 24217 /* More usable width for sizes */ 24218 .card-wrapper-box .bt-qatc-container { 24219 right: 42px !important; 24220 } 24221 24222 /* Compact, left-aligned size list */ 24223 .card-wrapper-box .bt-qatc-form-variants--list { 24224 justify-content: flex-start !important; 24225 align-items: center !important; 24226 align-content: center !important; 24227 24228 column-gap: 0 !important; 24229 row-gap: 0 !important; 24230 24231 padding: 4px 4px !important; 24232 margin: 0 !important; 24233 } 24234 24235 .card-wrapper-box .bt-qatc-form-variant-input { 24236 min-width: 0 !important; 24237 width: auto !important; 24238 height: 35px !important; 24239 margin: 0 !important; 24240 padding: 0 !important; 24241 } 24242 24243 .card-wrapper-box .bt-qatc-form-variant-input label { 24244 min-width: 0 !important; 24245 width: auto !important; 24246 height: 35px !important; 24247 24248 margin: 0 !important; 24249 padding: 0 4px !important; 24250 24251 font-size: 12px !important; 24252 line-height: 1 !important; 24253 } 24254 24255 /* Bag column keeps the same full white background as the sizes */ 24256 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 24257 right: 0 !important; 24258 bottom: 0 !important; 24259 top: auto !important; 24260 24261 width: 42px !important; 24262 min-width: 42px !important; 24263 height: var(--sefam-quick-add-height, 43px) !important; 24264 min-height: 43px !important; 24265 24266 display: flex !important; 24267 flex-direction: column !important; 24268 justify-content: flex-end !important; 24269 align-items: stretch !important; 24270 24271 padding: 0 !important; 24272 margin: 0 !important; 24273 24274 background: rgba(255,255,255,.96) !important; 24275 } 24276 24277 /* The clickable bag itself always sits at the bottom */ 24278 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 24279 width: 42px !important; 24280 min-width: 42px !important; 24281 height: 43px !important; 24282 min-height: 43px !important; 24283 24284 margin-top: auto !important; 24285 padding: 0 !important; 24286 24287 display: flex !important; 24288 align-items: center !important; 24289 justify-content: center !important; 24290 24291 background: rgba(255,255,255,.96) !important; 24292 } 24293 24294 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 24295 width: 42px !important; 24296 height: 43px !important; 24297 min-height: 43px !important; 24298 24299 display: flex !important; 24300 align-items: center !important; 24301 justify-content: center !important; 24302 24303 padding: 0 !important; 24304 margin: 0 !important; 24305 24306 background: transparent !important; 24307 } 24308 24309 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 24310 width: 16px !important; 24311 height: 17px !important; 24312 } 24313} 24314</style> 24315 24316 24317<style> 24318/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 24319@media (min-width: 990px) { 24320 .card-wrapper-box .bt-qatc-form-variants--list { 24321 padding: 3px 4px !important; 24322 column-gap: 0 !important; 24323 row-gap: 0 !important; 24324 justify-content: flex-start !important; 24325 align-items: center !important; 24326 align-content: center !important; 24327 } 24328 24329 .card-wrapper-box .bt-qatc-form-variant-input { 24330 min-width: 0 !important; 24331 width: auto !important; 24332 height: 30px !important; 24333 margin: 0 !important; 24334 padding: 0 !important; 24335 } 24336 24337 .card-wrapper-box .bt-qatc-form-variant-input label { 24338 min-width: 0 !important; 24339 width: auto !important; 24340 height: 30px !important; 24341 margin: 0 !important; 24342 padding: 0 4px !important; 24343 font-size: 12px !important; 24344 line-height: 1 !important; 24345 display: flex !important; 24346 align-items: center !important; 24347 justify-content: center !important; 24348 } 24349 24350 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 24351 display: flex !important; 24352 flex-direction: column !important; 24353 justify-content: flex-end !important;
24354 align-items: stretch !important; 24355 bottom: 0 !important; 24356 top: auto !important; 24357 height: var(--sefam-quick-add-height, 36px) !important; 24358 min-height: 36px !important; 24359 } 24360 24361 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 24362 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 24363 height: 36px !important; 24364 min-height: 36px !important; 24365 margin-top: auto !important; 24366 } 24367} 24368</style> 24369 24370<style> 24371 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 24372 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 24373 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 24374 .card_colorways_container .new-mbl-color-single label span, 24375 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 24376 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 24377</style> 24378 24379 </li> 24380 24381 <li 24382 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_Vj3Gex-19" 24383 class="grid__item slider__slide" 24384 > 24385 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 24386� 24387 24388 24389 � 24390 24391 24392 24393 <div class="card-wrapper product-card-wrapper"> 24394 <div 24395 class=" 24396 card card--standard 24397 card--media 24398 24399 24400 24401 24402 24403 " 24404 style="--ratio-percent: 150.00000000000003%;" 24405 24406 > 24407 <div class="card-wrapper-box"> 24408 24409 <div 24410 class="card__inner color-scheme-2 gradient ratio" 24411 style="--ratio-percent: 150.00000000000003%;" 24412 24413 > 24414 �<a href="/products/c6760"> 24415 24416 �<div class="card-prdct2 card__media"> 24417 <div class="media media--transparent mt3"> 24418 24419 24420 <img 24421 src="//sefam.com/cdn/shop/files/C6760_19.jpg?v=1790071205&width=800" 24422 srcset="//sefam.com/cdn/shop/files/C6760_19.jpg?v=1790071205&width=1600 2x" 24423 class="" 24424 alt="KHADDAR | PRINTED" 24425 24426 loading="lazy" 24427 24428 width="2400" 24429 height="3600" 24430 > 24431 �<img 24432 src="//sefam.com/cdn/shop/files/C6760_14.jpg?v=1790071205&width=800" 24433 srcset="//sefam.com/cdn/shop/files/C6760_14.jpg?v=1790071205&width=1600 2x" 24434 alt="KHADDAR | PRINTED" 24435 loading="lazy" 24436 width="2400" 24437 height="3600" 24438 data-index="" 24439 > 24440 24441 � 24442 </div> 24443 24444 24445 </div> 24446 </a> 24447 </div> 24448 24449 24450 24451 24452 <div class="bt-qatc-container"> 24453 <div class="bt-qatc-form-container"> 24454 <div class="bt-qatc-form-content large-up-hide medium-hide"> 24455 <h3>KHADDAR | PRINTED</h3> 24456 24457<div 24458 class=" 24459 price " 24460 > 24461 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 24462 <span class="price-item price-item--regular"> 24463 <span class=money>Rs.5,490</span> 24464 </span></div> 24465 <div class="price__sale"> 24466 <span class="visually-hidden visually-hidden--inline">Regular price</span> 24467 <span> 24468 <s class="price-item price-item--regular"> 24469 24470 <span class=money>Rs.5,490</span> 24471 24472 </s> 24473 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
24474 <span class="price-item price-item--sale price-item--last"> 24475 24476 24477 24478 24479 <span class="percentage__sale hidden">0% OFF</span> 24480 24481 <span class=money>Rs.5,490</span> 24482 </span> 24483 </div> 24484 <small class="unit-price caption hidden"> 24485 <span class="visually-hidden">Unit price</span> 24486 <span class="price-item price-item--last"> 24487 <span></span> 24488 <span aria-hidden="true">/</span> 24489 <span class="visually-hidden"> per </span> 24490 <span> 24491 </span> 24492 </span> 24493 </small> 24494 </div></div> 24495 24496 24497 24498 </div> 24499 <div 24500 class="ethnc-form-media large-up-hide medium-hide" 24501 24502 ></div> 24503 <form method="post" action="/cart/add" class="bt-qatc-form"> 24504 <input type="hidden" name="quantity" value="1"> 24505 <div class="bt-qatc-form-variants-container"> 24506 <div class="bt-qatc-form-variants--list"> 24507 24508 <div 24509 class="in-use bt-qatc-form-variant-input" 24510 24511 data-only-child 24512 24513 > 24514 <input 24515 type="radio" 24516 name="id" 24517 id="-52228279664936" 24518 value="52228279664936" 24519 data-price="549000" 24520 data-item-id="10391997808936" 24521 hidden 24522 24523 data-item-id="10391997808936" 24524 24525 checked 24526 24527 > 24528 24529 <label 24530 for="-52228279664936" 24531 data-sefam-quick-size 24532 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 24533 > 24534 <span class="split-variant-value"> 24535 24536 UNSTITCHED 24537 24538</span> 24539 </label> 24540 </div> 24541 24542 </div> 24543 24544 24545 24546 24547 </div> 24548 </form> 24549 </div> 24550 </div> 24551 24552 24553 24554 24555 24556 24557 24558 24559 24560 24561 24562 24563 24564 24565 24566 24567 24568 24569 24570 24571 24572 24573 24574 24575 24576 24577 24578 24579 24580 24581 24582 24583 24584 24585 24586 24587 24588 24589 24590 24591 24592 24593 <div 24594 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 24595 > 24596 <div class="ethnc-qatc-btn cstm-add-btn visible"> 24597 <span class="small-hide hide-mobile">Add to Basket</span> 24598 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 24599 </span>
24600 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 24601 width="11" 24602 height="11" 24603 viewBox="0 0 11 11" 24604 fill="none" 24605> 24606 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 24607 fill="black" 24608 /> 24609</svg> 24610</span> 24611 </div> 24612 </div> 24613 24614 24615 </div> 24616 24617 <div class="card__content aiza2"> 24618 <div class="card__information"> 24619 <small class="product-brand"> 24620 Kayseria 24621 </small> 24622 <h3 24623 class="card__heading h5" 24624 24625 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391997808936" 24626 24627 > 24628 <a 24629 href="/products/c6760" 24630 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391997808936" 24631 class="full-unstyled-link" 24632 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391997808936 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10391997808936" 24633 > 24634 KHADDAR | PRINTED 24635 24636 <div class="card_colorways_container" onclick="event.stopPropagation();"> 24637 24638 24639 � 24640 </div> 24641 </a> 24642 24643 </h3> 24644 24645 <h3 class="product-subtitle hidden">UNSTITCHED | SHIRT, TROUSER & DUPATTA</h3> 24646 24647 <div class="card-information"><span class="caption-large light"></span> 24648<div 24649 class=" 24650 price " 24651 > 24652 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 24653 <span class="price-item price-item--regular"> 24654 <span class=money>Rs.5,490</span> 24655 </span></div> 24656 <div class="price__sale"> 24657 <span class="visually-hidden visually-hidden--inline">Regular price</span> 24658 <span> 24659 <s class="price-item price-item--regular"> 24660 24661 <span class=money>Rs.5,490</span> 24662 24663 </s> 24664 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 24665 <span class="price-item price-item--sale price-item--last"> 24666 24667 24668 24669 24670 <span class="percentage__sale hidden">0% OFF</span> 24671 24672 <span class=money>Rs.5,490</span> 24673 </span> 24674 </div> 24675 <small class="unit-price caption hidden"> 24676 <span class="visually-hidden">Unit price</span> 24677 <span class="price-item price-item--last"> 24678 <span></span> 24679 <span aria-hidden="true">/</span> 24680 <span class="visually-hidden"> per </span> 24681 <span> 24682 </span> 24683 </span> 24684 </small> 24685 </div></div> 24686 24687 24688 24689 </div> 24690 </div> 24691 </div> 24692 24693 </div> 24694 </div><style> 24695/* ========================================================= 24696 DESKTOP PRODUCT CARD QUICK ADD 24697 LEFT = sizes 24698 RIGHT = original bag icon 24699 Mobile behavior remains unchanged 24700 ========================================================= */ 24701@media (min-width: 990px) { 24702 .hide-desktop { 24703 display: none !important; 24704 } 24705 24706 /* Keep both controls on the same bottom row */ 24707 .card-wrapper-box { 24708 position: relative; 24709 } 24710 24711 .card-wrapper-box .bt-qatc-container, 24712 .card-wrapper-box .ethnc-qatc-btn-container { 24713 position: absolute !important; 24714 bottom: 0 !important; 24715 z-index: 8 !important; 24716 } 24717 24718 /* LEFT: size area */ 24719 .card-wrapper-box .bt-qatc-container { 24720 left: 0 !important; 24721 right: 46px !important; 24722 width: auto !important; 24723 } 24724 24725 .card-wrapper-box .bt-qatc-form-container { 24726 left: 0 !important; 24727 right: 0 !important; 24728 bottom: -350% !important; 24729 width: 100% !important; 24730 min-height: 43px !important; 24731 opacity: 0 !important; 24732 visibility: hidden !important; 24733 pointer-events: none !important; 24734 transition: bottom .22s ease, opacity .18s ease !important; 24735 } 24736 24737 .card-wrapper-box .bt-qatc-form, 24738 .card-wrapper-box .bt-qatc-form-variants-container, 24739 .card-wrapper-box .bt-qatc-form-variants--list { 24740 width: 100% !important; 24741 } 24742 24743 .card-wrapper-box .bt-qatc-form-variants--list { 24744 display: flex !important;
24745 align-items: center !important; 24746 flex-wrap: wrap !important; 24747 gap: 0 !important; 24748 min-height: 43px !important; 24749 } 24750 24751 /* RIGHT: original bag button */ 24752 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 24753 display: flex !important; 24754 align-items: stretch !important; 24755 justify-content: center !important; 24756 left: auto !important; 24757 right: 0 !important; 24758 width: 46px !important; 24759 height: 43px !important; 24760 opacity: 0 !important; 24761 visibility: hidden !important; 24762 pointer-events: none !important; 24763 transition: opacity .18s ease !important; 24764 } 24765 24766 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 24767 display: flex !important; 24768 align-items: center !important; 24769 justify-content: center !important; 24770 width: 46px !important; 24771 height: 43px !important; 24772 min-width: 46px !important; 24773 padding: 0 !important; 24774 cursor: pointer !important; 24775 } 24776 24777 /* Hide Add to Basket text on desktop; keep only bag icon */ 24778 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 24779 display: none !important; 24780 } 24781 24782 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 24783 display: flex !important; 24784 align-items: center !important; 24785 justify-content: center !important; 24786 width: 100% !important; 24787 height: 100% !important; 24788 padding: 0 !important; 24789 } 24790 24791 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 24792 display: block !important; 24793 width: 16px !important; 24794 height: 17px !important; 24795 } 24796 24797 /* Show sizes + bag together on desktop hover */ 24798 .card-wrapper-box:hover .bt-qatc-form-container { 24799 bottom: 0 !important; 24800 opacity: 1 !important; 24801 visibility: visible !important; 24802 pointer-events: auto !important; 24803 } 24804 24805 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 24806 opacity: 1 !important; 24807 visibility: visible !important; 24808 pointer-events: auto !important; 24809 } 24810} 24811 24812@media (max-width: 989px) { 24813 .hide-mobile { 24814 display: none; 24815 } 24816} 24817</style> 24818 24819 24820<style> 24821/* ========================================================= 24822 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 24823 Keeps all sizes in one clean row on the left 24824 and the bag icon fixed on the right. 24825 ========================================================= */ 24826@media (min-width: 990px) { 24827 24828 .card-wrapper-box .bt-qatc-form-container { 24829 height: 43px !important; 24830 min-height: 43px !important; 24831 max-height: 43px !important; 24832 overflow: hidden !important; 24833 background: rgba(255,255,255,.96) !important; 24834 } 24835 24836 .card-wrapper-box .bt-qatc-form { 24837 display: block !important; 24838 height: 43px !important; 24839 min-height: 43px !important; 24840 margin: 0 !important; 24841 padding: 0 !important; 24842 } 24843 24844 .card-wrapper-box .bt-qatc-form-variants-container { 24845 display: block !important; 24846 width: 100% !important; 24847 height: 43px !important; 24848 min-height: 43px !important; 24849 margin: 0 !important; 24850 padding: 0 !important; 24851 } 24852 24853 .card-wrapper-box .bt-qatc-form-variants--list { 24854 display: flex !important; 24855 flex-direction: row !important; 24856 flex-wrap: wrap !important; 24857 align-items: center !important; 24858 justify-content: center !important; 24859 24860 width: 100% !important; 24861 height: 43px !important; 24862 min-height: 43px !important; 24863 24864 margin: 0 !important; 24865 padding: 0 6px !important; 24866 gap: 2px !important; 24867 24868 box-sizing: border-box !important; 24869 overflow: visible !important; 24870 white-space: normal !important; 24871 } 24872 24873 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 24874 display: none !important; 24875 } 24876 24877 .card-wrapper-box .bt-qatc-form-variant-input { 24878 position: relative !important; 24879 24880 display: flex !important; 24881 align-items: center !important; 24882 justify-content: center !important; 24883 24884 flex: 0 0 auto !important; 24885 width: auto !important; 24886 min-width: 32px !important; 24887 height: 43px !important; 24888 24889 margin: 0 !important; 24890 padding: 0 !important; 24891 24892 border: 0 !important; 24893 background: transparent !important; 24894 } 24895 24896 .card-wrapper-box .bt-qatc-form-variant-input label { 24897 position: static !important; 24898 24899 display: flex !important;
24900 align-items: center !important; 24901 justify-content: center !important; 24902 24903 width: auto !important; 24904 min-width: 32px !important; 24905 height: 32px !important; 24906 24907 margin: 0 !important; 24908 padding: 0 6px !important; 24909 24910 box-sizing: border-box !important; 24911 24912 background: transparent !important; 24913 border: 0 !important; 24914 24915 color: #111 !important; 24916 font-size: 12px !important; 24917 line-height: 1 !important; 24918 font-weight: 400 !important; 24919 24920 white-space: nowrap !important; 24921 cursor: pointer !important; 24922 } 24923 24924 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 24925 display: block !important; 24926 width: auto !important; 24927 max-width: none !important; 24928 24929 margin: 0 !important; 24930 padding: 0 !important; 24931 24932 overflow: visible !important; 24933 white-space: nowrap !important; 24934 text-overflow: clip !important; 24935 24936 font-size: inherit !important; 24937 line-height: inherit !important; 24938 } 24939 24940 /* Sold-out size */ 24941 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 24942 opacity: .35 !important; 24943 text-decoration: line-through !important; 24944 cursor: not-allowed !important; 24945 } 24946 24947 /* Optional hover feedback */ 24948 .card-wrapper-box 24949 .bt-qatc-form-variant-input:not(.is-disbaled) 24950 label:hover { 24951 text-decoration: underline !important; 24952 text-underline-offset: 3px !important; 24953 } 24954 24955 /* Prevent old theme transforms / absolute positions */ 24956 .card-wrapper-box .bt-qatc-form-variant-input *, 24957 .card-wrapper-box .bt-qatc-form-variants--list * { 24958 transform: none; 24959 } 24960} 24961</style> 24962 24963 24964<style> 24965/* Desktop quick-add: use one seamless background for sizes + bag */ 24966@media (min-width: 990px) { 24967 .card-wrapper-box .bt-qatc-form-container, 24968 .card-wrapper-box .bt-qatc-form, 24969 .card-wrapper-box .bt-qatc-form-variants-container, 24970 .card-wrapper-box .bt-qatc-form-variants--list, 24971 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 24972 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 24973 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 24974 background: rgba(255,255,255,.96) !important; 24975 } 24976 24977 /* Remove any visual split between sizes and bag */ 24978 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 24979 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 24980 border-left: 0 !important; 24981 box-shadow: none !important; 24982 } 24983} 24984</style> 24985 24986 24987<style> 24988/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 24989@media (min-width: 990px) { 24990 .card-wrapper-box .bt-qatc-form-container, 24991 .card-wrapper-box .bt-qatc-form, 24992 .card-wrapper-box .bt-qatc-form-variants-container { 24993 height: auto !important; 24994 max-height: none !important; 24995 overflow: visible !important; 24996 } 24997 24998 .card-wrapper-box .bt-qatc-form-variants--list { 24999 display: flex !important; 25000 flex-wrap: wrap !important; 25001 justify-content: center !important; 25002 align-items: center !important; 25003 height: auto !important; 25004 min-height: 43px !important; 25005 max-height: none !important; 25006 overflow: visible !important; 25007 white-space: normal !important; 25008 padding: 5px 6px !important; 25009 } 25010 25011 .card-wrapper-box .bt-qatc-form-variant-input { 25012 flex: 0 0 auto !important; 25013 } 25014} 25015</style> 25016
25017<script> 25018 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 25019 const wrap = label.closest('.bt-qatc-form-variant-input'); 25020 const form = label.closest('.bt-qatc-form'); 25021 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 25022 25023 if (!wrap || !form || !input) return; 25024 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 25025 if (label.dataset.loading === 'true') return; 25026 25027 input.checked = true; 25028 label.dataset.loading = 'true'; 25029 label.style.pointerEvents = 'none'; 25030 25031 try { 25032 const cartResp = await fetch('/cart.js', { 25033 method: 'GET', 25034 headers: { 'Accept': 'application/json' } 25035 }); 25036 25037 if (!cartResp.ok) throw new Error('Unable to read cart'); 25038 25039 const cart = await cartResp.json(); 25040 const variantId = Number(input.value); 25041 const selectedPrice = Number(input.dataset.price || 0) / 100; 25042 const totalCartPrice = Number(cart.total_price || 0) / 100; 25043 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 25044 25045 if ((totalCartPrice + selectedPrice) > 250000) { 25046 if (window.showAlert) { 25047 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 25048 } else { 25049 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 25050 } 25051 return; 25052 } 25053 25054 if (itemInCart && Number(itemInCart.quantity) >= 3) { 25055 if (window.showAlert) { 25056 window.showAlert('Limit reached: Max 3 items per size can be added'); 25057 } else { 25058 alert('Limit reached: Max 3 items per size can be added'); 25059 } 25060 return; 25061 } 25062 25063 25064 const cartSections = document.querySelector('cart-notification, cart-drawer'); 25065 const formData = new FormData(form); 25066 25067 formData.set('id', input.value); 25068 formData.set('quantity', '1'); 25069 25070 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 25071 formData.set( 25072 'sections', 25073 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 25074 ); 25075 } 25076 25077 formData.set('sections_url', window.location.pathname); 25078 25079 const addResp = await fetch('/cart/add.js', { 25080 method: 'POST', 25081 headers: { 'Accept': 'application/json' }, 25082 body: formData 25083 }); 25084 25085 const data = await addResp.json(); 25086 25087 if (!addResp.ok) { 25088 throw new Error(data.description || data.message || 'Unable to add this size'); 25089 } 25090 25091 if (cartSections && typeof cartSections.renderContents === 'function') { 25092 cartSections.renderContents(data); 25093 } else { 25094 const bubble = document.querySelector('#cart-icon-bubble'); 25095 if (bubble) bubble.click(); 25096 } 25097 25098 const card = label.closest('.card-wrapper-box'); 25099 if (card) { 25100 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 25101 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 25102 } 25103 } catch (error) { 25104 console.error('SEFAM hover size quick-add error:', error); 25105 if (window.showAlert) { 25106 window.showAlert(error.message || 'Unable to add this size to cart'); 25107 } else { 25108 alert(error.message || 'Unable to add this size to cart'); 25109 } 25110 } finally { 25111 label.dataset.loading = 'false'; 25112 label.style.pointerEvents = ''; 25113 } 25114 }; 25115</script>
25115 25116 25117<style> 25118/* Desktop quick-add final alignment: 25119 sizes start from left; bag area matches the complete quick-size background height. */ 25120@media (min-width: 990px) { 25121 .card-wrapper-box .bt-qatc-form-variants--list { 25122 justify-content: flex-start !important; 25123 align-content: center !important; 25124 text-align: left !important; 25125 } 25126 25127 .card-wrapper-box .bt-qatc-container { 25128 right: 46px !important; 25129 } 25130 25131 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 25132 top: auto !important; 25133 bottom: 0 !important; 25134 width: 46px !important; 25135 height: 100% !important; 25136 min-height: 43px !important; 25137 align-items: stretch !important; 25138 background: rgba(255,255,255,.96) !important; 25139 } 25140 25141 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 25142 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 25143 width: 46px !important; 25144 height: 100% !important; 25145 min-height: 43px !important; 25146 background: rgba(255,255,255,.96) !important; 25147 } 25148 25149 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 25150 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 25151 height: var(--sefam-quick-add-height, 43px) !important; 25152 } 25153} 25154</style>
25155<script> 25156(function () { 25157 function syncQuickAddHeight(card) { 25158 if (!card || window.innerWidth < 990) return; 25159 var panel = card.querySelector('.bt-qatc-form-container'); 25160 if (!panel) return; 25161 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 25162 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 25163 } 25164 25165 document.addEventListener('mouseover', function(e) { 25166 var card = e.target.closest('.card-wrapper-box'); 25167 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 25168 }, { passive: true }); 25169 25170 window.addEventListener('resize', function() { 25171 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 25172 }, { passive: true }); 25173})(); 25174</script>
25174 25175 25176 25177 25178<style> 25179/* ========================================================= 25180 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 25181 - reduce space between sizes 25182 - keep sizes left aligned 25183 - keep the bag icon on the BOTTOM row 25184 - bag background still matches the full size panel 25185 ========================================================= */ 25186@media (min-width: 990px) { 25187 25188 /* More usable width for sizes */ 25189 .card-wrapper-box .bt-qatc-container { 25190 right: 42px !important; 25191 } 25192 25193 /* Compact, left-aligned size list */ 25194 .card-wrapper-box .bt-qatc-form-variants--list { 25195 justify-content: flex-start !important; 25196 align-items: center !important; 25197 align-content: center !important; 25198 25199 column-gap: 0 !important; 25200 row-gap: 0 !important; 25201 25202 padding: 4px 4px !important; 25203 margin: 0 !important; 25204 } 25205 25206 .card-wrapper-box .bt-qatc-form-variant-input { 25207 min-width: 0 !important; 25208 width: auto !important; 25209 height: 35px !important; 25210 margin: 0 !important; 25211 padding: 0 !important; 25212 } 25213 25214 .card-wrapper-box .bt-qatc-form-variant-input label { 25215 min-width: 0 !important; 25216 width: auto !important; 25217 height: 35px !important; 25218 25219 margin: 0 !important; 25220 padding: 0 4px !important; 25221 25222 font-size: 12px !important; 25223 line-height: 1 !important; 25224 } 25225 25226 /* Bag column keeps the same full white background as the sizes */ 25227 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 25228 right: 0 !important; 25229 bottom: 0 !important; 25230 top: auto !important; 25231 25232 width: 42px !important; 25233 min-width: 42px !important; 25234 height: var(--sefam-quick-add-height, 43px) !important; 25235 min-height: 43px !important; 25236 25237 display: flex !important; 25238 flex-direction: column !important; 25239 justify-content: flex-end !important; 25240 align-items: stretch !important; 25241 25242 padding: 0 !important; 25243 margin: 0 !important; 25244 25245 background: rgba(255,255,255,.96) !important; 25246 } 25247 25248 /* The clickable bag itself always sits at the bottom */ 25249 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 25250 width: 42px !important; 25251 min-width: 42px !important; 25252 height: 43px !important; 25253 min-height: 43px !important; 25254 25255 margin-top: auto !important; 25256 padding: 0 !important; 25257 25258 display: flex !important; 25259 align-items: center !important; 25260 justify-content: center !important; 25261 25262 background: rgba(255,255,255,.96) !important; 25263 } 25264 25265 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 25266 width: 42px !important; 25267 height: 43px !important; 25268 min-height: 43px !important; 25269 25270 display: flex !important; 25271 align-items: center !important; 25272 justify-content: center !important; 25273 25274 padding: 0 !important; 25275 margin: 0 !important; 25276 25277 background: transparent !important; 25278 } 25279 25280 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 25281 width: 16px !important; 25282 height: 17px !important; 25283 } 25284} 25285</style> 25286 25287 25288<style> 25289/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 25290@media (min-width: 990px) { 25291 .card-wrapper-box .bt-qatc-form-variants--list { 25292 padding: 3px 4px !important; 25293 column-gap: 0 !important; 25294 row-gap: 0 !important; 25295 justify-content: flex-start !important; 25296 align-items: center !important; 25297 align-content: center !important; 25298 } 25299 25300 .card-wrapper-box .bt-qatc-form-variant-input { 25301 min-width: 0 !important; 25302 width: auto !important; 25303 height: 30px !important; 25304 margin: 0 !important; 25305 padding: 0 !important; 25306 } 25307 25308 .card-wrapper-box .bt-qatc-form-variant-input label { 25309 min-width: 0 !important; 25310 width: auto !important; 25311 height: 30px !important; 25312 margin: 0 !important; 25313 padding: 0 4px !important; 25314 font-size: 12px !important; 25315 line-height: 1 !important; 25316 display: flex !important; 25317 align-items: center !important; 25318 justify-content: center !important; 25319 } 25320 25321 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 25322 display: flex !important; 25323 flex-direction: column !important; 25324 justify-content: flex-end !important;
25325 align-items: stretch !important; 25326 bottom: 0 !important; 25327 top: auto !important; 25328 height: var(--sefam-quick-add-height, 36px) !important; 25329 min-height: 36px !important; 25330 } 25331 25332 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 25333 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 25334 height: 36px !important; 25335 min-height: 36px !important; 25336 margin-top: auto !important; 25337 } 25338} 25339</style> 25340 25341<style> 25342 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 25343 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 25344 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 25345 .card_colorways_container .new-mbl-color-single label span, 25346 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 25347 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 25348</style> 25349 25350 </li> 25351 25352 <li 25353 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_Vj3Gex-20" 25354 class="grid__item slider__slide" 25355 > 25356 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 25357� 25358 25359 25360 � 25361 25362 25363 25364 <div class="card-wrapper product-card-wrapper"> 25365 <div 25366 class=" 25367 card card--standard 25368 card--media 25369 25370 25371 25372 25373 25374 " 25375 style="--ratio-percent: 150.00000000000003%;" 25376 25377 > 25378 <div class="card-wrapper-box"> 25379 25380 <div 25381 class="card__inner color-scheme-2 gradient ratio" 25382 style="--ratio-percent: 150.00000000000003%;" 25383 25384 > 25385 �<a href="/products/e2155"> 25386 25387 �<div class="card-prdct2 card__media"> 25388 <div class="media media--transparent mt3"> 25389 25390 25391 <img 25392 src="//sefam.com/cdn/shop/files/E2155_7.jpg?v=1787125448&width=800" 25393 srcset="//sefam.com/cdn/shop/files/E2155_7.jpg?v=1787125448&width=1600 2x" 25394 class="" 25395 alt="VISCOSE KARANDI | EMBROIDERED" 25396 25397 loading="lazy" 25398 25399 width="2400" 25400 height="3600" 25401 > 25402 �<img 25403 src="//sefam.com/cdn/shop/files/E2155_1.jpg?v=1787125448&width=800" 25404 srcset="//sefam.com/cdn/shop/files/E2155_1.jpg?v=1787125448&width=1600 2x" 25405 alt="VISCOSE KARANDI | EMBROIDERED" 25406 loading="lazy" 25407 width="2400" 25408 height="3600" 25409 data-index="" 25410 > 25411 25412 � 25413 </div> 25414 25415 25416 </div> 25417 </a> 25418 </div> 25419 25420 25421 25422 25423 <div class="bt-qatc-container"> 25424 <div class="bt-qatc-form-container"> 25425 <div class="bt-qatc-form-content large-up-hide medium-hide"> 25426 <h3>VISCOSE KARANDI | EMBROIDERED</h3> 25427 25428<div 25429 class=" 25430 price " 25431 > 25432 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 25433 <span class="price-item price-item--regular"> 25434 <span class=money>Rs.25,990</span> 25435 </span></div> 25436 <div class="price__sale"> 25437 <span class="visually-hidden visually-hidden--inline">Regular price</span> 25438 <span> 25439 <s class="price-item price-item--regular"> 25440 25441 <span class=money>Rs.25,990</span> 25442 25443 </s> 25444 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
25445 <span class="price-item price-item--sale price-item--last"> 25446 25447 25448 25449 25450 <span class="percentage__sale hidden">0% OFF</span> 25451 25452 <span class=money>Rs.25,990</span> 25453 </span> 25454 </div> 25455 <small class="unit-price caption hidden"> 25456 <span class="visually-hidden">Unit price</span> 25457 <span class="price-item price-item--last"> 25458 <span></span> 25459 <span aria-hidden="true">/</span> 25460 <span class="visually-hidden"> per </span> 25461 <span> 25462 </span> 25463 </span> 25464 </small> 25465 </div></div> 25466 25467 25468 25469 </div> 25470 <div 25471 class="ethnc-form-media large-up-hide medium-hide" 25472 25473 ></div> 25474 <form method="post" action="/cart/add" class="bt-qatc-form"> 25475 <input type="hidden" name="quantity" value="1"> 25476 <div class="bt-qatc-form-variants-container"> 25477 <div class="bt-qatc-form-variants--list"> 25478 25479 <div 25480 class="in-use bt-qatc-form-variant-input" 25481 25482 data-only-child 25483 25484 > 25485 <input 25486 type="radio" 25487 name="id" 25488 id="-52186357793064" 25489 value="52186357793064" 25490 data-price="2599000" 25491 data-item-id="10371105980712" 25492 hidden 25493 25494 data-item-id="10371105980712" 25495 25496 checked 25497 25498 > 25499 25500 <label 25501 for="-52186357793064" 25502 data-sefam-quick-size 25503 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 25504 > 25505 <span class="split-variant-value"> 25506 25507 UNSTITCHED 25508 25509</span> 25510 </label> 25511 </div> 25512 25513 </div> 25514 25515 25516 25517 25518 </div> 25519 </form> 25520 </div> 25521 </div> 25522 25523 25524 25525 25526 25527 25528 25529 25530 25531 25532 25533 25534 25535 25536 25537 25538 25539 25540 25541 25542 25543 25544 25545 25546 25547 25548 25549 25550 25551 25552 25553 25554 25555 25556 25557 25558 25559 25560 25561 <div 25562 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 25563 > 25564 <div class="ethnc-qatc-btn cstm-add-btn visible"> 25565 <span class="small-hide hide-mobile">Add to Basket</span> 25566 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 25567 </span>
25568 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 25569 width="11" 25570 height="11" 25571 viewBox="0 0 11 11" 25572 fill="none" 25573> 25574 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 25575 fill="black" 25576 /> 25577</svg> 25578</span> 25579 </div> 25580 </div> 25581 25582 25583 </div> 25584 25585 <div class="card__content aiza2"> 25586 <div class="card__information"> 25587 <small class="product-brand"> 25588 Kayseria 25589 </small> 25590 <h3 25591 class="card__heading h5" 25592 25593 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10371105980712" 25594 25595 > 25596 <a 25597 href="/products/e2155" 25598 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10371105980712" 25599 class="full-unstyled-link" 25600 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10371105980712 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10371105980712" 25601 > 25602 VISCOSE KARANDI | EMBROIDERED 25603 25604 <div class="card_colorways_container" onclick="event.stopPropagation();"> 25605 25606 25607 � 25608 </div> 25609 </a> 25610 25611 </h3> 25612 25613 <h3 class="product-subtitle hidden">UNSTITCHED | SHIRT, TROUSER & SHAWL</h3> 25614 25615 <div class="card-information"><span class="caption-large light"></span> 25616<div 25617 class=" 25618 price " 25619 > 25620 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 25621 <span class="price-item price-item--regular"> 25622 <span class=money>Rs.25,990</span> 25623 </span></div> 25624 <div class="price__sale"> 25625 <span class="visually-hidden visually-hidden--inline">Regular price</span> 25626 <span> 25627 <s class="price-item price-item--regular"> 25628 25629 <span class=money>Rs.25,990</span> 25630 25631 </s> 25632 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 25633 <span class="price-item price-item--sale price-item--last"> 25634 25635 25636 25637 25638 <span class="percentage__sale hidden">0% OFF</span> 25639 25640 <span class=money>Rs.25,990</span> 25641 </span> 25642 </div> 25643 <small class="unit-price caption hidden"> 25644 <span class="visually-hidden">Unit price</span> 25645 <span class="price-item price-item--last"> 25646 <span></span> 25647 <span aria-hidden="true">/</span> 25648 <span class="visually-hidden"> per </span> 25649 <span> 25650 </span> 25651 </span> 25652 </small> 25653 </div></div> 25654 25655 25656 25657 </div> 25658 </div> 25659 </div> 25660 25661 </div> 25662 </div><style> 25663/* ========================================================= 25664 DESKTOP PRODUCT CARD QUICK ADD 25665 LEFT = sizes 25666 RIGHT = original bag icon 25667 Mobile behavior remains unchanged 25668 ========================================================= */ 25669@media (min-width: 990px) { 25670 .hide-desktop { 25671 display: none !important; 25672 } 25673 25674 /* Keep both controls on the same bottom row */ 25675 .card-wrapper-box { 25676 position: relative; 25677 } 25678 25679 .card-wrapper-box .bt-qatc-container, 25680 .card-wrapper-box .ethnc-qatc-btn-container { 25681 position: absolute !important; 25682 bottom: 0 !important; 25683 z-index: 8 !important; 25684 } 25685 25686 /* LEFT: size area */ 25687 .card-wrapper-box .bt-qatc-container { 25688 left: 0 !important; 25689 right: 46px !important; 25690 width: auto !important; 25691 } 25692 25693 .card-wrapper-box .bt-qatc-form-container { 25694 left: 0 !important; 25695 right: 0 !important; 25696 bottom: -350% !important; 25697 width: 100% !important; 25698 min-height: 43px !important; 25699 opacity: 0 !important; 25700 visibility: hidden !important; 25701 pointer-events: none !important; 25702 transition: bottom .22s ease, opacity .18s ease !important; 25703 } 25704 25705 .card-wrapper-box .bt-qatc-form, 25706 .card-wrapper-box .bt-qatc-form-variants-container, 25707 .card-wrapper-box .bt-qatc-form-variants--list { 25708 width: 100% !important; 25709 } 25710 25711 .card-wrapper-box .bt-qatc-form-variants--list { 25712 display: flex !important;
25713 align-items: center !important; 25714 flex-wrap: wrap !important; 25715 gap: 0 !important; 25716 min-height: 43px !important; 25717 } 25718 25719 /* RIGHT: original bag button */ 25720 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 25721 display: flex !important; 25722 align-items: stretch !important; 25723 justify-content: center !important; 25724 left: auto !important; 25725 right: 0 !important; 25726 width: 46px !important; 25727 height: 43px !important; 25728 opacity: 0 !important; 25729 visibility: hidden !important; 25730 pointer-events: none !important; 25731 transition: opacity .18s ease !important; 25732 } 25733 25734 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 25735 display: flex !important; 25736 align-items: center !important; 25737 justify-content: center !important; 25738 width: 46px !important; 25739 height: 43px !important; 25740 min-width: 46px !important; 25741 padding: 0 !important; 25742 cursor: pointer !important; 25743 } 25744 25745 /* Hide Add to Basket text on desktop; keep only bag icon */ 25746 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 25747 display: none !important; 25748 } 25749 25750 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 25751 display: flex !important; 25752 align-items: center !important; 25753 justify-content: center !important; 25754 width: 100% !important; 25755 height: 100% !important; 25756 padding: 0 !important; 25757 } 25758 25759 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 25760 display: block !important; 25761 width: 16px !important; 25762 height: 17px !important; 25763 } 25764 25765 /* Show sizes + bag together on desktop hover */ 25766 .card-wrapper-box:hover .bt-qatc-form-container { 25767 bottom: 0 !important; 25768 opacity: 1 !important; 25769 visibility: visible !important; 25770 pointer-events: auto !important; 25771 } 25772 25773 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 25774 opacity: 1 !important; 25775 visibility: visible !important; 25776 pointer-events: auto !important; 25777 } 25778} 25779 25780@media (max-width: 989px) { 25781 .hide-mobile { 25782 display: none; 25783 } 25784} 25785</style> 25786 25787 25788<style> 25789/* ========================================================= 25790 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 25791 Keeps all sizes in one clean row on the left 25792 and the bag icon fixed on the right. 25793 ========================================================= */ 25794@media (min-width: 990px) { 25795 25796 .card-wrapper-box .bt-qatc-form-container { 25797 height: 43px !important; 25798 min-height: 43px !important; 25799 max-height: 43px !important; 25800 overflow: hidden !important; 25801 background: rgba(255,255,255,.96) !important; 25802 } 25803 25804 .card-wrapper-box .bt-qatc-form { 25805 display: block !important; 25806 height: 43px !important; 25807 min-height: 43px !important; 25808 margin: 0 !important; 25809 padding: 0 !important; 25810 } 25811 25812 .card-wrapper-box .bt-qatc-form-variants-container { 25813 display: block !important; 25814 width: 100% !important; 25815 height: 43px !important; 25816 min-height: 43px !important; 25817 margin: 0 !important; 25818 padding: 0 !important; 25819 } 25820 25821 .card-wrapper-box .bt-qatc-form-variants--list { 25822 display: flex !important; 25823 flex-direction: row !important; 25824 flex-wrap: wrap !important; 25825 align-items: center !important; 25826 justify-content: center !important; 25827 25828 width: 100% !important; 25829 height: 43px !important; 25830 min-height: 43px !important; 25831 25832 margin: 0 !important; 25833 padding: 0 6px !important; 25834 gap: 2px !important; 25835 25836 box-sizing: border-box !important; 25837 overflow: visible !important; 25838 white-space: normal !important; 25839 } 25840 25841 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 25842 display: none !important; 25843 } 25844 25845 .card-wrapper-box .bt-qatc-form-variant-input { 25846 position: relative !important; 25847 25848 display: flex !important; 25849 align-items: center !important; 25850 justify-content: center !important; 25851 25852 flex: 0 0 auto !important; 25853 width: auto !important; 25854 min-width: 32px !important; 25855 height: 43px !important; 25856 25857 margin: 0 !important; 25858 padding: 0 !important; 25859 25860 border: 0 !important; 25861 background: transparent !important; 25862 } 25863 25864 .card-wrapper-box .bt-qatc-form-variant-input label { 25865 position: static !important; 25866 25867 display: flex !important;
25868 align-items: center !important; 25869 justify-content: center !important; 25870 25871 width: auto !important; 25872 min-width: 32px !important; 25873 height: 32px !important; 25874 25875 margin: 0 !important; 25876 padding: 0 6px !important; 25877 25878 box-sizing: border-box !important; 25879 25880 background: transparent !important; 25881 border: 0 !important; 25882 25883 color: #111 !important; 25884 font-size: 12px !important; 25885 line-height: 1 !important; 25886 font-weight: 400 !important; 25887 25888 white-space: nowrap !important; 25889 cursor: pointer !important; 25890 } 25891 25892 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 25893 display: block !important; 25894 width: auto !important; 25895 max-width: none !important; 25896 25897 margin: 0 !important; 25898 padding: 0 !important; 25899 25900 overflow: visible !important; 25901 white-space: nowrap !important; 25902 text-overflow: clip !important; 25903 25904 font-size: inherit !important; 25905 line-height: inherit !important; 25906 } 25907 25908 /* Sold-out size */ 25909 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 25910 opacity: .35 !important; 25911 text-decoration: line-through !important; 25912 cursor: not-allowed !important; 25913 } 25914 25915 /* Optional hover feedback */ 25916 .card-wrapper-box 25917 .bt-qatc-form-variant-input:not(.is-disbaled) 25918 label:hover { 25919 text-decoration: underline !important; 25920 text-underline-offset: 3px !important; 25921 } 25922 25923 /* Prevent old theme transforms / absolute positions */ 25924 .card-wrapper-box .bt-qatc-form-variant-input *, 25925 .card-wrapper-box .bt-qatc-form-variants--list * { 25926 transform: none; 25927 } 25928} 25929</style> 25930 25931 25932<style> 25933/* Desktop quick-add: use one seamless background for sizes + bag */ 25934@media (min-width: 990px) { 25935 .card-wrapper-box .bt-qatc-form-container, 25936 .card-wrapper-box .bt-qatc-form, 25937 .card-wrapper-box .bt-qatc-form-variants-container, 25938 .card-wrapper-box .bt-qatc-form-variants--list, 25939 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 25940 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 25941 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 25942 background: rgba(255,255,255,.96) !important; 25943 } 25944 25945 /* Remove any visual split between sizes and bag */ 25946 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 25947 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 25948 border-left: 0 !important; 25949 box-shadow: none !important; 25950 } 25951} 25952</style> 25953 25954 25955<style> 25956/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 25957@media (min-width: 990px) { 25958 .card-wrapper-box .bt-qatc-form-container, 25959 .card-wrapper-box .bt-qatc-form, 25960 .card-wrapper-box .bt-qatc-form-variants-container { 25961 height: auto !important; 25962 max-height: none !important; 25963 overflow: visible !important; 25964 } 25965 25966 .card-wrapper-box .bt-qatc-form-variants--list { 25967 display: flex !important; 25968 flex-wrap: wrap !important; 25969 justify-content: center !important; 25970 align-items: center !important; 25971 height: auto !important; 25972 min-height: 43px !important; 25973 max-height: none !important; 25974 overflow: visible !important; 25975 white-space: normal !important; 25976 padding: 5px 6px !important; 25977 } 25978 25979 .card-wrapper-box .bt-qatc-form-variant-input { 25980 flex: 0 0 auto !important; 25981 } 25982} 25983</style> 25984
25985<script> 25986 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 25987 const wrap = label.closest('.bt-qatc-form-variant-input'); 25988 const form = label.closest('.bt-qatc-form'); 25989 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 25990 25991 if (!wrap || !form || !input) return; 25992 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 25993 if (label.dataset.loading === 'true') return; 25994 25995 input.checked = true; 25996 label.dataset.loading = 'true'; 25997 label.style.pointerEvents = 'none'; 25998 25999 try { 26000 const cartResp = await fetch('/cart.js', { 26001 method: 'GET', 26002 headers: { 'Accept': 'application/json' } 26003 }); 26004 26005 if (!cartResp.ok) throw new Error('Unable to read cart'); 26006 26007 const cart = await cartResp.json(); 26008 const variantId = Number(input.value); 26009 const selectedPrice = Number(input.dataset.price || 0) / 100; 26010 const totalCartPrice = Number(cart.total_price || 0) / 100; 26011 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 26012 26013 if ((totalCartPrice + selectedPrice) > 250000) { 26014 if (window.showAlert) { 26015 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 26016 } else { 26017 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 26018 } 26019 return; 26020 } 26021 26022 if (itemInCart && Number(itemInCart.quantity) >= 3) { 26023 if (window.showAlert) { 26024 window.showAlert('Limit reached: Max 3 items per size can be added'); 26025 } else { 26026 alert('Limit reached: Max 3 items per size can be added'); 26027 } 26028 return; 26029 } 26030 26031 26032 const cartSections = document.querySelector('cart-notification, cart-drawer'); 26033 const formData = new FormData(form); 26034 26035 formData.set('id', input.value); 26036 formData.set('quantity', '1'); 26037 26038 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 26039 formData.set( 26040 'sections', 26041 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 26042 ); 26043 } 26044 26045 formData.set('sections_url', window.location.pathname); 26046 26047 const addResp = await fetch('/cart/add.js', { 26048 method: 'POST', 26049 headers: { 'Accept': 'application/json' }, 26050 body: formData 26051 }); 26052 26053 const data = await addResp.json(); 26054 26055 if (!addResp.ok) { 26056 throw new Error(data.description || data.message || 'Unable to add this size'); 26057 } 26058 26059 if (cartSections && typeof cartSections.renderContents === 'function') { 26060 cartSections.renderContents(data); 26061 } else { 26062 const bubble = document.querySelector('#cart-icon-bubble'); 26063 if (bubble) bubble.click(); 26064 } 26065 26066 const card = label.closest('.card-wrapper-box'); 26067 if (card) { 26068 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 26069 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 26070 } 26071 } catch (error) { 26072 console.error('SEFAM hover size quick-add error:', error); 26073 if (window.showAlert) { 26074 window.showAlert(error.message || 'Unable to add this size to cart'); 26075 } else { 26076 alert(error.message || 'Unable to add this size to cart'); 26077 } 26078 } finally { 26079 label.dataset.loading = 'false'; 26080 label.style.pointerEvents = ''; 26081 } 26082 }; 26083</script>
26083 26084 26085<style> 26086/* Desktop quick-add final alignment: 26087 sizes start from left; bag area matches the complete quick-size background height. */ 26088@media (min-width: 990px) { 26089 .card-wrapper-box .bt-qatc-form-variants--list { 26090 justify-content: flex-start !important; 26091 align-content: center !important; 26092 text-align: left !important; 26093 } 26094 26095 .card-wrapper-box .bt-qatc-container { 26096 right: 46px !important; 26097 } 26098 26099 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 26100 top: auto !important; 26101 bottom: 0 !important; 26102 width: 46px !important; 26103 height: 100% !important; 26104 min-height: 43px !important; 26105 align-items: stretch !important; 26106 background: rgba(255,255,255,.96) !important; 26107 } 26108 26109 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 26110 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 26111 width: 46px !important; 26112 height: 100% !important; 26113 min-height: 43px !important; 26114 background: rgba(255,255,255,.96) !important; 26115 } 26116 26117 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 26118 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 26119 height: var(--sefam-quick-add-height, 43px) !important; 26120 } 26121} 26122</style>
26123<script> 26124(function () { 26125 function syncQuickAddHeight(card) { 26126 if (!card || window.innerWidth < 990) return; 26127 var panel = card.querySelector('.bt-qatc-form-container'); 26128 if (!panel) return; 26129 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 26130 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 26131 } 26132 26133 document.addEventListener('mouseover', function(e) { 26134 var card = e.target.closest('.card-wrapper-box'); 26135 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 26136 }, { passive: true }); 26137 26138 window.addEventListener('resize', function() { 26139 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 26140 }, { passive: true }); 26141})(); 26142</script>
26142 26143 26144 26145 26146<style> 26147/* ========================================================= 26148 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 26149 - reduce space between sizes 26150 - keep sizes left aligned 26151 - keep the bag icon on the BOTTOM row 26152 - bag background still matches the full size panel 26153 ========================================================= */ 26154@media (min-width: 990px) { 26155 26156 /* More usable width for sizes */ 26157 .card-wrapper-box .bt-qatc-container { 26158 right: 42px !important; 26159 } 26160 26161 /* Compact, left-aligned size list */ 26162 .card-wrapper-box .bt-qatc-form-variants--list { 26163 justify-content: flex-start !important; 26164 align-items: center !important; 26165 align-content: center !important; 26166 26167 column-gap: 0 !important; 26168 row-gap: 0 !important; 26169 26170 padding: 4px 4px !important; 26171 margin: 0 !important; 26172 } 26173 26174 .card-wrapper-box .bt-qatc-form-variant-input { 26175 min-width: 0 !important; 26176 width: auto !important; 26177 height: 35px !important; 26178 margin: 0 !important; 26179 padding: 0 !important; 26180 } 26181 26182 .card-wrapper-box .bt-qatc-form-variant-input label { 26183 min-width: 0 !important; 26184 width: auto !important; 26185 height: 35px !important; 26186 26187 margin: 0 !important; 26188 padding: 0 4px !important; 26189 26190 font-size: 12px !important; 26191 line-height: 1 !important; 26192 } 26193 26194 /* Bag column keeps the same full white background as the sizes */ 26195 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 26196 right: 0 !important; 26197 bottom: 0 !important; 26198 top: auto !important; 26199 26200 width: 42px !important; 26201 min-width: 42px !important; 26202 height: var(--sefam-quick-add-height, 43px) !important; 26203 min-height: 43px !important; 26204 26205 display: flex !important; 26206 flex-direction: column !important; 26207 justify-content: flex-end !important; 26208 align-items: stretch !important; 26209 26210 padding: 0 !important; 26211 margin: 0 !important; 26212 26213 background: rgba(255,255,255,.96) !important; 26214 } 26215 26216 /* The clickable bag itself always sits at the bottom */ 26217 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 26218 width: 42px !important; 26219 min-width: 42px !important; 26220 height: 43px !important; 26221 min-height: 43px !important; 26222 26223 margin-top: auto !important; 26224 padding: 0 !important; 26225 26226 display: flex !important; 26227 align-items: center !important; 26228 justify-content: center !important; 26229 26230 background: rgba(255,255,255,.96) !important; 26231 } 26232 26233 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 26234 width: 42px !important; 26235 height: 43px !important; 26236 min-height: 43px !important; 26237 26238 display: flex !important; 26239 align-items: center !important; 26240 justify-content: center !important; 26241 26242 padding: 0 !important; 26243 margin: 0 !important; 26244 26245 background: transparent !important; 26246 } 26247 26248 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 26249 width: 16px !important; 26250 height: 17px !important; 26251 } 26252} 26253</style> 26254 26255 26256<style> 26257/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 26258@media (min-width: 990px) { 26259 .card-wrapper-box .bt-qatc-form-variants--list { 26260 padding: 3px 4px !important; 26261 column-gap: 0 !important; 26262 row-gap: 0 !important; 26263 justify-content: flex-start !important; 26264 align-items: center !important; 26265 align-content: center !important; 26266 } 26267 26268 .card-wrapper-box .bt-qatc-form-variant-input { 26269 min-width: 0 !important; 26270 width: auto !important; 26271 height: 30px !important; 26272 margin: 0 !important; 26273 padding: 0 !important; 26274 } 26275 26276 .card-wrapper-box .bt-qatc-form-variant-input label { 26277 min-width: 0 !important; 26278 width: auto !important; 26279 height: 30px !important; 26280 margin: 0 !important; 26281 padding: 0 4px !important; 26282 font-size: 12px !important; 26283 line-height: 1 !important; 26284 display: flex !important; 26285 align-items: center !important; 26286 justify-content: center !important; 26287 } 26288 26289 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 26290 display: flex !important; 26291 flex-direction: column !important; 26292 justify-content: flex-end !important;
26293 align-items: stretch !important; 26294 bottom: 0 !important; 26295 top: auto !important; 26296 height: var(--sefam-quick-add-height, 36px) !important; 26297 min-height: 36px !important; 26298 } 26299 26300 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 26301 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 26302 height: 36px !important; 26303 min-height: 36px !important; 26304 margin-top: auto !important; 26305 } 26306} 26307</style> 26308 26309<style> 26310 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 26311 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 26312 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 26313 .card_colorways_container .new-mbl-color-single label span, 26314 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 26315 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 26316</style> 26317 26318 </li> 26319 26320 26321</ul> 26322 26323<div class="slider-buttons"> 26324 <button 26325 type="button" 26326 class="slider-button slider-button--prev" 26327 name="previous" 26328 aria-label="Slide left" 26329 aria-controls="Slider-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_Vj3Gex" 26330 > 26331 <span class="svg-wrapper"> 26332 <svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 26333 26334 </span> 26335 </button> 26336 26337 <div class="slider-counter caption"> 26338 <span class="slider-counter--current">1</span> 26339 <span aria-hidden="true"> / </span> 26340 <span class="visually-hidden">of</span> 26341 <span class="slider-counter--total">20</span> 26342 </div> 26343 26344 <button 26345 type="button" 26346 class="slider-button slider-button--next" 26347 name="next" 26348 aria-label="Slide right" 26349 aria-controls="Slider-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_Vj3Gex" 26350 > 26351 <span class="svg-wrapper"> 26352 <svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 26353 26354 </span> 26355 </button> 26356</div> 26357 26358</slider-component> 26359 26360 26361 </div> 26362 26363 26364 26365 26366 26367 <div id="tab-tab_GLf4cC" class="tab-content "> 26368 <slider-component 26369 class="tab-slider page-width slider-mobile-gutter slider-component-full-width 26370 page-width 26371 26372 slider-component-desktop" 26373 data-autoplay="false" 26374 data-speed="6000" 26375> 26376 26377<ul 26378 id="Slider-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_GLf4cC" 26379 data-id="template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_GLf4cC" 26380 class="grid cstm-multi-nav-grid product-grid contains-card contains-card--product contains-card--standard 26381 grid--8-col-desktop 26382 grid--2-col-tablet-down 26383 slider slider--desktop slider--tablet grid--peek" 26384 role="list" 26385 aria-label="Slider" 26386> 26387 26388 26389 26390 <li 26391 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_GLf4cC-1" 26392 class="grid__item slider__slide" 26393 > 26394 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 26395� 26396 26397 26398 � 26399 26400 26401 26402 <div class="card-wrapper product-card-wrapper"> 26403 <div 26404 class=" 26405 card card--standard 26406 card--media 26407 26408 26409 26410 26411 26412 " 26413 style="--ratio-percent: 150.00000000000003%;" 26414 26415 > 26416 <div class="card-wrapper-box"> 26417 26418 <div 26419 class="card__inner color-scheme-2 gradient ratio" 26420 style="--ratio-percent: 150.00000000000003%;" 26421 26422 > 26423 �<a href="/products/gwmd-563426"> 26424 26425 �<div class="card-prdct2 card__media"> 26426 <div class="media media--transparent mt3"> 26427 26428 26429 <img 26430 src="//sefam.com/cdn/shop/files/GWMD563426_5.jpg?v=1790162753&width=800" 26431 srcset="//sefam.com/cdn/shop/files/GWMD563426_5.jpg?v=1790162753&width=1600 2x" 26432 class="" 26433 alt="Girls Dress - GWMD-563426" 26434 26435 loading="lazy" 26436 26437 width="2400" 26438 height="3600" 26439 > 26440 �<img 26441 src="//sefam.com/cdn/shop/files/GWMD563426_3.jpg?v=1790162753&width=800" 26442 srcset="//sefam.com/cdn/shop/files/GWMD563426_3.jpg?v=1790162753&width=1600 2x" 26443 alt="Girls Dress - GWMD-563426" 26444 loading="lazy" 26445 width="2400" 26446 height="3600" 26447 data-index="" 26448 > 26449 26450 � 26451 </div> 26452 26453 26454 </div> 26455 </a> 26456 </div> 26457 26458 26459 26460 26461 <div class="bt-qatc-container"> 26462 <div class="bt-qatc-form-container"> 26463 <div class="bt-qatc-form-content large-up-hide medium-hide"> 26464 <h3>Girls Dress - GWMD-563426</h3> 26465 26466<div 26467 class=" 26468 price " 26469 > 26470 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
26471 <span class="price-item price-item--regular"> 26472 <span class=money>Rs.3,690</span> 26473 </span></div> 26474 <div class="price__sale"> 26475 <span class="visually-hidden visually-hidden--inline">Regular price</span> 26476 <span> 26477 <s class="price-item price-item--regular"> 26478 26479 <span class=money>Rs.3,690</span> 26480 26481 </s> 26482 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 26483 <span class="price-item price-item--sale price-item--last"> 26484 26485 26486 26487 26488 <span class="percentage__sale hidden">0% OFF</span> 26489 26490 <span class=money>Rs.3,690</span> 26491 </span> 26492 </div> 26493 <small class="unit-price caption hidden"> 26494 <span class="visually-hidden">Unit price</span> 26495 <span class="price-item price-item--last"> 26496 <span></span> 26497 <span aria-hidden="true">/</span> 26498 <span class="visually-hidden"> per </span> 26499 <span> 26500 </span> 26501 </span> 26502 </small> 26503 </div></div> 26504 26505 26506 26507 </div> 26508 <div 26509 class="ethnc-form-media large-up-hide medium-hide" 26510 26511 ></div> 26512 <form method="post" action="/cart/add" class="bt-qatc-form"> 26513 <input type="hidden" name="quantity" value="1"> 26514 <div class="bt-qatc-form-variants-container"> 26515 <div class="bt-qatc-form-variants--list"> 26516 26517 <div 26518 class="in-use bt-qatc-form-variant-input" 26519 26520 > 26521 <input 26522 type="radio" 26523 name="id" 26524 id="-52844769870120" 26525 value="52844769870120" 26526 data-price="369000" 26527 data-item-id="10459296104744" 26528 hidden 26529 26530 data-item-id="10459296104744" 26531 26532 > 26533 26534 <label 26535 for="-52844769870120" 26536 data-sefam-quick-size 26537 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 26538 > 26539 <span class="split-variant-value"> 26540 26541 26542 26543 26544 26545 26546 26547 5/6-Y 26548 26549 26550</span> 26551 </label> 26552 </div> 26553 26554 <div 26555 class="in-use bt-qatc-form-variant-input" 26556 26557 > 26558 <input 26559 type="radio" 26560 name="id" 26561 id="-52844769902888" 26562 value="52844769902888" 26563 data-price="369000" 26564 data-item-id="10459296104744" 26565 hidden 26566 26567 data-item-id="10459296104744" 26568 26569 > 26570 26571 <label 26572 for="-52844769902888" 26573 data-sefam-quick-size 26574 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 26575 > 26576 <span class="split-variant-value"> 26577 26578 26579 26580 26581 26582 26583 26584 7/8-Y 26585 26586 26587</span> 26588 </label> 26589 </div> 26590 26591 <div 26592 class="in-use bt-qatc-form-variant-input" 26593 26594 > 26595 <input 26596 type="radio" 26597 name="id" 26598 id="-52844769935656" 26599 value="52844769935656" 26600 data-price="399000" 26601 data-item-id="10459296104744" 26602 hidden 26603 26604 data-item-id="10459296104744" 26605 26606 > 26607 26608 <label 26609 for="-52844769935656" 26610 data-sefam-quick-size 26611 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 26612 >
26613 <span class="split-variant-value"> 26614 26615 26616 26617 26618 26619 26620 26621 9/10-Y 26622 26623 26624</span> 26625 </label> 26626 </div> 26627 26628 <div 26629 class="in-use bt-qatc-form-variant-input" 26630 26631 > 26632 <input 26633 type="radio" 26634 name="id" 26635 id="-52844769968424" 26636 value="52844769968424" 26637 data-price="399000" 26638 data-item-id="10459296104744" 26639 hidden 26640 26641 data-item-id="10459296104744" 26642 26643 > 26644 26645 <label 26646 for="-52844769968424" 26647 data-sefam-quick-size 26648 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 26649 > 26650 <span class="split-variant-value"> 26651 26652 26653 26654 26655 26656 26657 26658 11/12-Y 26659 26660 26661</span> 26662 </label> 26663 </div> 26664 26665 <div 26666 class="in-use bt-qatc-form-variant-input is-disbaled" 26667 26668 > 26669 <input 26670 type="radio" 26671 name="id" 26672 id="-52844770001192" 26673 value="52844770001192" 26674 data-price="399000" 26675 data-item-id="10459296104744" 26676 hidden 26677 26678 disbaled 26679 26680 data-item-id="10459296104744" 26681 26682 > 26683 26684 <label 26685 for="-52844770001192" 26686 data-sefam-quick-size 26687 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 26688 > 26689 <span class="split-variant-value"> 26690 26691 26692 26693 26694 26695 26696 26697 13/14-Y 26698 26699 26700</span> 26701 </label> 26702 </div> 26703 26704 </div> 26705 26706 26707 26708 26709 </div> 26710 </form> 26711 </div> 26712 </div> 26713 26714 26715 26716 26717 26718 26719 26720 26721 26722 26723 26724 26725 26726 26727 26728 26729 26730 26731 26732 26733 26734 26735 26736 26737 26738 26739 26740 26741 26742 26743 26744 26745 26746 26747 26748 26749 26750 26751 26752 26753 26754 26755 26756 26757 26758 26759 26760 26761 26762 26763 26764 26765 26766 26767 <div 26768 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 26769 > 26770 <div class="ethnc-qatc-btn cstm-add-btn visible"> 26771 <span class="small-hide hide-mobile">Add to Basket</span> 26772 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 26773 </span>
26774 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 26775 width="11" 26776 height="11" 26777 viewBox="0 0 11 11" 26778 fill="none" 26779> 26780 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 26781 fill="black" 26782 /> 26783</svg> 26784</span> 26785 </div> 26786 </div> 26787 26788 26789 </div> 26790 26791 <div class="card__content aiza2"> 26792 <div class="card__information"> 26793 <small class="product-brand"> 26794 Leisure Club 26795 </small> 26796 <h3 26797 class="card__heading h5" 26798 26799 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10459296104744" 26800 26801 > 26802 <a 26803 href="/products/gwmd-563426" 26804 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10459296104744" 26805 class="full-unstyled-link" 26806 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10459296104744 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10459296104744" 26807 > 26808 Girls Dress - GWMD-563426 26809 26810 <div class="card_colorways_container" onclick="event.stopPropagation();"> 26811 26812 26813 � 26814 </div> 26815 </a> 26816 26817 </h3> 26818 26819 <div class="card-information"><span class="caption-large light"></span> 26820<div 26821 class=" 26822 price " 26823 > 26824 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 26825 <span class="price-item price-item--regular"> 26826 <span class=money>Rs.3,690</span> 26827 </span></div> 26828 <div class="price__sale"> 26829 <span class="visually-hidden visually-hidden--inline">Regular price</span> 26830 <span> 26831 <s class="price-item price-item--regular"> 26832 26833 <span class=money>Rs.3,690</span> 26834 26835 </s> 26836 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 26837 <span class="price-item price-item--sale price-item--last"> 26838 26839 26840 26841 26842 <span class="percentage__sale hidden">0% OFF</span> 26843 26844 <span class=money>Rs.3,690</span> 26845 </span> 26846 </div> 26847 <small class="unit-price caption hidden"> 26848 <span class="visually-hidden">Unit price</span> 26849 <span class="price-item price-item--last"> 26850 <span></span> 26851 <span aria-hidden="true">/</span> 26852 <span class="visually-hidden"> per </span> 26853 <span> 26854 </span> 26855 </span> 26856 </small> 26857 </div></div> 26858 26859 26860 26861 </div> 26862 </div> 26863 </div> 26864 26865 </div> 26866 </div><style> 26867/* ========================================================= 26868 DESKTOP PRODUCT CARD QUICK ADD 26869 LEFT = sizes 26870 RIGHT = original bag icon 26871 Mobile behavior remains unchanged 26872 ========================================================= */ 26873@media (min-width: 990px) { 26874 .hide-desktop { 26875 display: none !important; 26876 } 26877 26878 /* Keep both controls on the same bottom row */ 26879 .card-wrapper-box { 26880 position: relative; 26881 } 26882 26883 .card-wrapper-box .bt-qatc-container, 26884 .card-wrapper-box .ethnc-qatc-btn-container { 26885 position: absolute !important; 26886 bottom: 0 !important; 26887 z-index: 8 !important; 26888 } 26889 26890 /* LEFT: size area */ 26891 .card-wrapper-box .bt-qatc-container { 26892 left: 0 !important; 26893 right: 46px !important; 26894 width: auto !important; 26895 } 26896 26897 .card-wrapper-box .bt-qatc-form-container { 26898 left: 0 !important; 26899 right: 0 !important; 26900 bottom: -350% !important; 26901 width: 100% !important; 26902 min-height: 43px !important; 26903 opacity: 0 !important; 26904 visibility: hidden !important; 26905 pointer-events: none !important; 26906 transition: bottom .22s ease, opacity .18s ease !important; 26907 } 26908 26909 .card-wrapper-box .bt-qatc-form, 26910 .card-wrapper-box .bt-qatc-form-variants-container, 26911 .card-wrapper-box .bt-qatc-form-variants--list { 26912 width: 100% !important; 26913 } 26914 26915 .card-wrapper-box .bt-qatc-form-variants--list { 26916 display: flex !important;
26917 align-items: center !important; 26918 flex-wrap: wrap !important; 26919 gap: 0 !important; 26920 min-height: 43px !important; 26921 } 26922 26923 /* RIGHT: original bag button */ 26924 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 26925 display: flex !important; 26926 align-items: stretch !important; 26927 justify-content: center !important; 26928 left: auto !important; 26929 right: 0 !important; 26930 width: 46px !important; 26931 height: 43px !important; 26932 opacity: 0 !important; 26933 visibility: hidden !important; 26934 pointer-events: none !important; 26935 transition: opacity .18s ease !important; 26936 } 26937 26938 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 26939 display: flex !important; 26940 align-items: center !important; 26941 justify-content: center !important; 26942 width: 46px !important; 26943 height: 43px !important; 26944 min-width: 46px !important; 26945 padding: 0 !important; 26946 cursor: pointer !important; 26947 } 26948 26949 /* Hide Add to Basket text on desktop; keep only bag icon */ 26950 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 26951 display: none !important; 26952 } 26953 26954 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 26955 display: flex !important; 26956 align-items: center !important; 26957 justify-content: center !important; 26958 width: 100% !important; 26959 height: 100% !important; 26960 padding: 0 !important; 26961 } 26962 26963 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 26964 display: block !important; 26965 width: 16px !important; 26966 height: 17px !important; 26967 } 26968 26969 /* Show sizes + bag together on desktop hover */ 26970 .card-wrapper-box:hover .bt-qatc-form-container { 26971 bottom: 0 !important; 26972 opacity: 1 !important; 26973 visibility: visible !important; 26974 pointer-events: auto !important; 26975 } 26976 26977 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 26978 opacity: 1 !important; 26979 visibility: visible !important; 26980 pointer-events: auto !important; 26981 } 26982} 26983 26984@media (max-width: 989px) { 26985 .hide-mobile { 26986 display: none; 26987 } 26988} 26989</style> 26990 26991 26992<style> 26993/* ========================================================= 26994 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 26995 Keeps all sizes in one clean row on the left 26996 and the bag icon fixed on the right. 26997 ========================================================= */ 26998@media (min-width: 990px) { 26999 27000 .card-wrapper-box .bt-qatc-form-container { 27001 height: 43px !important; 27002 min-height: 43px !important; 27003 max-height: 43px !important; 27004 overflow: hidden !important; 27005 background: rgba(255,255,255,.96) !important; 27006 } 27007 27008 .card-wrapper-box .bt-qatc-form { 27009 display: block !important; 27010 height: 43px !important; 27011 min-height: 43px !important; 27012 margin: 0 !important; 27013 padding: 0 !important; 27014 } 27015 27016 .card-wrapper-box .bt-qatc-form-variants-container { 27017 display: block !important; 27018 width: 100% !important; 27019 height: 43px !important; 27020 min-height: 43px !important; 27021 margin: 0 !important; 27022 padding: 0 !important; 27023 } 27024 27025 .card-wrapper-box .bt-qatc-form-variants--list { 27026 display: flex !important; 27027 flex-direction: row !important; 27028 flex-wrap: wrap !important; 27029 align-items: center !important; 27030 justify-content: center !important; 27031 27032 width: 100% !important; 27033 height: 43px !important; 27034 min-height: 43px !important; 27035 27036 margin: 0 !important; 27037 padding: 0 6px !important; 27038 gap: 2px !important; 27039 27040 box-sizing: border-box !important; 27041 overflow: visible !important; 27042 white-space: normal !important; 27043 } 27044 27045 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 27046 display: none !important; 27047 } 27048 27049 .card-wrapper-box .bt-qatc-form-variant-input { 27050 position: relative !important; 27051 27052 display: flex !important; 27053 align-items: center !important; 27054 justify-content: center !important; 27055 27056 flex: 0 0 auto !important; 27057 width: auto !important; 27058 min-width: 32px !important; 27059 height: 43px !important; 27060 27061 margin: 0 !important; 27062 padding: 0 !important; 27063 27064 border: 0 !important; 27065 background: transparent !important; 27066 } 27067 27068 .card-wrapper-box .bt-qatc-form-variant-input label { 27069 position: static !important; 27070 27071 display: flex !important;
27072 align-items: center !important; 27073 justify-content: center !important; 27074 27075 width: auto !important; 27076 min-width: 32px !important; 27077 height: 32px !important; 27078 27079 margin: 0 !important; 27080 padding: 0 6px !important; 27081 27082 box-sizing: border-box !important; 27083 27084 background: transparent !important; 27085 border: 0 !important; 27086 27087 color: #111 !important; 27088 font-size: 12px !important; 27089 line-height: 1 !important; 27090 font-weight: 400 !important; 27091 27092 white-space: nowrap !important; 27093 cursor: pointer !important; 27094 } 27095 27096 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 27097 display: block !important; 27098 width: auto !important; 27099 max-width: none !important; 27100 27101 margin: 0 !important; 27102 padding: 0 !important; 27103 27104 overflow: visible !important; 27105 white-space: nowrap !important; 27106 text-overflow: clip !important; 27107 27108 font-size: inherit !important; 27109 line-height: inherit !important; 27110 } 27111 27112 /* Sold-out size */ 27113 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 27114 opacity: .35 !important; 27115 text-decoration: line-through !important; 27116 cursor: not-allowed !important; 27117 } 27118 27119 /* Optional hover feedback */ 27120 .card-wrapper-box 27121 .bt-qatc-form-variant-input:not(.is-disbaled) 27122 label:hover { 27123 text-decoration: underline !important; 27124 text-underline-offset: 3px !important; 27125 } 27126 27127 /* Prevent old theme transforms / absolute positions */ 27128 .card-wrapper-box .bt-qatc-form-variant-input *, 27129 .card-wrapper-box .bt-qatc-form-variants--list * { 27130 transform: none; 27131 } 27132} 27133</style> 27134 27135 27136<style> 27137/* Desktop quick-add: use one seamless background for sizes + bag */ 27138@media (min-width: 990px) { 27139 .card-wrapper-box .bt-qatc-form-container, 27140 .card-wrapper-box .bt-qatc-form, 27141 .card-wrapper-box .bt-qatc-form-variants-container, 27142 .card-wrapper-box .bt-qatc-form-variants--list, 27143 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 27144 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 27145 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 27146 background: rgba(255,255,255,.96) !important; 27147 } 27148 27149 /* Remove any visual split between sizes and bag */ 27150 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 27151 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 27152 border-left: 0 !important; 27153 box-shadow: none !important; 27154 } 27155} 27156</style> 27157 27158 27159<style> 27160/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 27161@media (min-width: 990px) { 27162 .card-wrapper-box .bt-qatc-form-container, 27163 .card-wrapper-box .bt-qatc-form, 27164 .card-wrapper-box .bt-qatc-form-variants-container { 27165 height: auto !important; 27166 max-height: none !important; 27167 overflow: visible !important; 27168 } 27169 27170 .card-wrapper-box .bt-qatc-form-variants--list { 27171 display: flex !important; 27172 flex-wrap: wrap !important; 27173 justify-content: center !important; 27174 align-items: center !important; 27175 height: auto !important; 27176 min-height: 43px !important; 27177 max-height: none !important; 27178 overflow: visible !important; 27179 white-space: normal !important; 27180 padding: 5px 6px !important; 27181 } 27182 27183 .card-wrapper-box .bt-qatc-form-variant-input { 27184 flex: 0 0 auto !important; 27185 } 27186} 27187</style> 27188
27189<script> 27190 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 27191 const wrap = label.closest('.bt-qatc-form-variant-input'); 27192 const form = label.closest('.bt-qatc-form'); 27193 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 27194 27195 if (!wrap || !form || !input) return; 27196 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 27197 if (label.dataset.loading === 'true') return; 27198 27199 input.checked = true; 27200 label.dataset.loading = 'true'; 27201 label.style.pointerEvents = 'none'; 27202 27203 try { 27204 const cartResp = await fetch('/cart.js', { 27205 method: 'GET', 27206 headers: { 'Accept': 'application/json' } 27207 }); 27208 27209 if (!cartResp.ok) throw new Error('Unable to read cart'); 27210 27211 const cart = await cartResp.json(); 27212 const variantId = Number(input.value); 27213 const selectedPrice = Number(input.dataset.price || 0) / 100; 27214 const totalCartPrice = Number(cart.total_price || 0) / 100; 27215 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 27216 27217 if ((totalCartPrice + selectedPrice) > 250000) { 27218 if (window.showAlert) { 27219 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 27220 } else { 27221 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 27222 } 27223 return; 27224 } 27225 27226 if (itemInCart && Number(itemInCart.quantity) >= 3) { 27227 if (window.showAlert) { 27228 window.showAlert('Limit reached: Max 3 items per size can be added'); 27229 } else { 27230 alert('Limit reached: Max 3 items per size can be added'); 27231 } 27232 return; 27233 } 27234 27235 27236 const cartSections = document.querySelector('cart-notification, cart-drawer'); 27237 const formData = new FormData(form); 27238 27239 formData.set('id', input.value); 27240 formData.set('quantity', '1'); 27241 27242 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 27243 formData.set( 27244 'sections', 27245 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 27246 ); 27247 } 27248 27249 formData.set('sections_url', window.location.pathname); 27250 27251 const addResp = await fetch('/cart/add.js', { 27252 method: 'POST', 27253 headers: { 'Accept': 'application/json' }, 27254 body: formData 27255 }); 27256 27257 const data = await addResp.json(); 27258 27259 if (!addResp.ok) { 27260 throw new Error(data.description || data.message || 'Unable to add this size'); 27261 } 27262 27263 if (cartSections && typeof cartSections.renderContents === 'function') { 27264 cartSections.renderContents(data); 27265 } else { 27266 const bubble = document.querySelector('#cart-icon-bubble'); 27267 if (bubble) bubble.click(); 27268 } 27269 27270 const card = label.closest('.card-wrapper-box'); 27271 if (card) { 27272 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 27273 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 27274 } 27275 } catch (error) { 27276 console.error('SEFAM hover size quick-add error:', error); 27277 if (window.showAlert) { 27278 window.showAlert(error.message || 'Unable to add this size to cart'); 27279 } else { 27280 alert(error.message || 'Unable to add this size to cart'); 27281 } 27282 } finally { 27283 label.dataset.loading = 'false'; 27284 label.style.pointerEvents = ''; 27285 } 27286 }; 27287</script>
27287 27288 27289<style> 27290/* Desktop quick-add final alignment: 27291 sizes start from left; bag area matches the complete quick-size background height. */ 27292@media (min-width: 990px) { 27293 .card-wrapper-box .bt-qatc-form-variants--list { 27294 justify-content: flex-start !important; 27295 align-content: center !important; 27296 text-align: left !important; 27297 } 27298 27299 .card-wrapper-box .bt-qatc-container { 27300 right: 46px !important; 27301 } 27302 27303 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 27304 top: auto !important; 27305 bottom: 0 !important; 27306 width: 46px !important; 27307 height: 100% !important; 27308 min-height: 43px !important; 27309 align-items: stretch !important; 27310 background: rgba(255,255,255,.96) !important; 27311 } 27312 27313 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 27314 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 27315 width: 46px !important; 27316 height: 100% !important; 27317 min-height: 43px !important; 27318 background: rgba(255,255,255,.96) !important; 27319 } 27320 27321 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 27322 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 27323 height: var(--sefam-quick-add-height, 43px) !important; 27324 } 27325} 27326</style>
27327<script> 27328(function () { 27329 function syncQuickAddHeight(card) { 27330 if (!card || window.innerWidth < 990) return; 27331 var panel = card.querySelector('.bt-qatc-form-container'); 27332 if (!panel) return; 27333 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 27334 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 27335 } 27336 27337 document.addEventListener('mouseover', function(e) { 27338 var card = e.target.closest('.card-wrapper-box'); 27339 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 27340 }, { passive: true }); 27341 27342 window.addEventListener('resize', function() { 27343 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 27344 }, { passive: true }); 27345})(); 27346</script>
27346 27347 27348 27349 27350<style> 27351/* ========================================================= 27352 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 27353 - reduce space between sizes 27354 - keep sizes left aligned 27355 - keep the bag icon on the BOTTOM row 27356 - bag background still matches the full size panel 27357 ========================================================= */ 27358@media (min-width: 990px) { 27359 27360 /* More usable width for sizes */ 27361 .card-wrapper-box .bt-qatc-container { 27362 right: 42px !important; 27363 } 27364 27365 /* Compact, left-aligned size list */ 27366 .card-wrapper-box .bt-qatc-form-variants--list { 27367 justify-content: flex-start !important; 27368 align-items: center !important; 27369 align-content: center !important; 27370 27371 column-gap: 0 !important; 27372 row-gap: 0 !important; 27373 27374 padding: 4px 4px !important; 27375 margin: 0 !important; 27376 } 27377 27378 .card-wrapper-box .bt-qatc-form-variant-input { 27379 min-width: 0 !important; 27380 width: auto !important; 27381 height: 35px !important; 27382 margin: 0 !important; 27383 padding: 0 !important; 27384 } 27385 27386 .card-wrapper-box .bt-qatc-form-variant-input label { 27387 min-width: 0 !important; 27388 width: auto !important; 27389 height: 35px !important; 27390 27391 margin: 0 !important; 27392 padding: 0 4px !important; 27393 27394 font-size: 12px !important; 27395 line-height: 1 !important; 27396 } 27397 27398 /* Bag column keeps the same full white background as the sizes */ 27399 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 27400 right: 0 !important; 27401 bottom: 0 !important; 27402 top: auto !important; 27403 27404 width: 42px !important; 27405 min-width: 42px !important; 27406 height: var(--sefam-quick-add-height, 43px) !important; 27407 min-height: 43px !important; 27408 27409 display: flex !important; 27410 flex-direction: column !important; 27411 justify-content: flex-end !important; 27412 align-items: stretch !important; 27413 27414 padding: 0 !important; 27415 margin: 0 !important; 27416 27417 background: rgba(255,255,255,.96) !important; 27418 } 27419 27420 /* The clickable bag itself always sits at the bottom */ 27421 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 27422 width: 42px !important; 27423 min-width: 42px !important; 27424 height: 43px !important; 27425 min-height: 43px !important; 27426 27427 margin-top: auto !important; 27428 padding: 0 !important; 27429 27430 display: flex !important; 27431 align-items: center !important; 27432 justify-content: center !important; 27433 27434 background: rgba(255,255,255,.96) !important; 27435 } 27436 27437 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 27438 width: 42px !important; 27439 height: 43px !important; 27440 min-height: 43px !important; 27441 27442 display: flex !important; 27443 align-items: center !important; 27444 justify-content: center !important; 27445 27446 padding: 0 !important; 27447 margin: 0 !important; 27448 27449 background: transparent !important; 27450 } 27451 27452 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 27453 width: 16px !important; 27454 height: 17px !important; 27455 } 27456} 27457</style> 27458 27459 27460<style> 27461/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 27462@media (min-width: 990px) { 27463 .card-wrapper-box .bt-qatc-form-variants--list { 27464 padding: 3px 4px !important; 27465 column-gap: 0 !important; 27466 row-gap: 0 !important; 27467 justify-content: flex-start !important; 27468 align-items: center !important; 27469 align-content: center !important; 27470 } 27471 27472 .card-wrapper-box .bt-qatc-form-variant-input { 27473 min-width: 0 !important; 27474 width: auto !important; 27475 height: 30px !important; 27476 margin: 0 !important; 27477 padding: 0 !important; 27478 } 27479 27480 .card-wrapper-box .bt-qatc-form-variant-input label { 27481 min-width: 0 !important; 27482 width: auto !important; 27483 height: 30px !important; 27484 margin: 0 !important; 27485 padding: 0 4px !important; 27486 font-size: 12px !important; 27487 line-height: 1 !important; 27488 display: flex !important; 27489 align-items: center !important; 27490 justify-content: center !important; 27491 } 27492 27493 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 27494 display: flex !important; 27495 flex-direction: column !important; 27496 justify-content: flex-end !important;
27497 align-items: stretch !important; 27498 bottom: 0 !important; 27499 top: auto !important; 27500 height: var(--sefam-quick-add-height, 36px) !important; 27501 min-height: 36px !important; 27502 } 27503 27504 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 27505 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 27506 height: 36px !important; 27507 min-height: 36px !important; 27508 margin-top: auto !important; 27509 } 27510} 27511</style> 27512 27513<style> 27514 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 27515 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 27516 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 27517 .card_colorways_container .new-mbl-color-single label span, 27518 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 27519 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 27520</style> 27521 27522 </li> 27523 27524 <li 27525 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_GLf4cC-2" 27526 class="grid__item slider__slide" 27527 > 27528 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 27529� 27530 27531 27532 � 27533 27534 27535 27536 <div class="card-wrapper product-card-wrapper"> 27537 <div 27538 class=" 27539 card card--standard 27540 card--media 27541 27542 27543 27544 27545 27546 " 27547 style="--ratio-percent: 150.00000000000003%;" 27548 27549 > 27550 <div class="card-wrapper-box"> 27551 27552 <div 27553 class="card__inner color-scheme-2 gradient ratio" 27554 style="--ratio-percent: 150.00000000000003%;" 27555 27556 > 27557 �<a href="/products/bts652426"> 27558 27559 �<div class="card-prdct2 card__media"> 27560 <div class="media media--transparent mt3"> 27561 27562 27563 <img 27564 src="//sefam.com/cdn/shop/files/BTS652426_1.jpg?v=1790156909&width=800" 27565 srcset="//sefam.com/cdn/shop/files/BTS652426_1.jpg?v=1790156909&width=1600 2x" 27566 class="" 27567 alt="Boys Crew Neck Tee - BTS652426" 27568 27569 loading="lazy" 27570 27571 width="2400" 27572 height="3600" 27573 > 27574 �<img 27575 src="//sefam.com/cdn/shop/files/BTS652426_6.jpg?v=1790156909&width=800" 27576 srcset="//sefam.com/cdn/shop/files/BTS652426_6.jpg?v=1790156909&width=1600 2x" 27577 alt="Boys Crew Neck Tee - BTS652426" 27578 loading="lazy" 27579 width="2400" 27580 height="3600" 27581 data-index="" 27582 > 27583 27584 � 27585 </div> 27586 27587 27588 </div> 27589 </a> 27590 </div> 27591 27592 27593 27594 27595 <div class="bt-qatc-container"> 27596 <div class="bt-qatc-form-container"> 27597 <div class="bt-qatc-form-content large-up-hide medium-hide"> 27598 <h3>Boys Crew Neck Tee - BTS652426</h3> 27599 27600<div 27601 class=" 27602 price " 27603 > 27604 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 27605 <span class="price-item price-item--regular"> 27606 <span class=money>Rs.2,190</span> 27607 </span></div> 27608 <div class="price__sale"> 27609 <span class="visually-hidden visually-hidden--inline">Regular price</span> 27610 <span> 27611 <s class="price-item price-item--regular"> 27612 27613 <span class=money>Rs.2,190</span> 27614 27615 </s> 27616 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
27617 <span class="price-item price-item--sale price-item--last"> 27618 27619 27620 27621 27622 <span class="percentage__sale hidden">0% OFF</span> 27623 27624 <span class=money>Rs.2,190</span> 27625 </span> 27626 </div> 27627 <small class="unit-price caption hidden"> 27628 <span class="visually-hidden">Unit price</span> 27629 <span class="price-item price-item--last"> 27630 <span></span> 27631 <span aria-hidden="true">/</span> 27632 <span class="visually-hidden"> per </span> 27633 <span> 27634 </span> 27635 </span> 27636 </small> 27637 </div></div> 27638 27639 27640 27641 </div> 27642 <div 27643 class="ethnc-form-media large-up-hide medium-hide" 27644 27645 ></div> 27646 <form method="post" action="/cart/add" class="bt-qatc-form"> 27647 <input type="hidden" name="quantity" value="1"> 27648 <div class="bt-qatc-form-variants-container"> 27649 <div class="bt-qatc-form-variants--list"> 27650 27651 <div 27652 class="in-use bt-qatc-form-variant-input" 27653 27654 > 27655 <input 27656 type="radio" 27657 name="id" 27658 id="-52398257078568" 27659 value="52398257078568" 27660 data-price="219000" 27661 data-item-id="10446010941736" 27662 hidden 27663 27664 data-item-id="10446010941736" 27665 27666 > 27667 27668 <label 27669 for="-52398257078568" 27670 data-sefam-quick-size 27671 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 27672 > 27673 <span class="split-variant-value"> 27674 27675 27676 27677 27678 27679 27680 27681 5/6-Y 27682 27683 27684</span> 27685 </label> 27686 </div> 27687 27688 <div 27689 class="in-use bt-qatc-form-variant-input" 27690 27691 > 27692 <input 27693 type="radio" 27694 name="id" 27695 id="-52398249738536" 27696 value="52398249738536" 27697 data-price="219000" 27698 data-item-id="10446010941736" 27699 hidden 27700 27701 data-item-id="10446010941736" 27702 27703 > 27704 27705 <label 27706 for="-52398249738536" 27707 data-sefam-quick-size 27708 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 27709 > 27710 <span class="split-variant-value"> 27711 27712 27713 27714 27715 27716 27717 27718 7/8-Y 27719 27720 27721</span> 27722 </label> 27723 </div> 27724 27725 <div 27726 class="in-use bt-qatc-form-variant-input" 27727 27728 > 27729 <input 27730 type="radio" 27731 name="id" 27732 id="-52398249771304" 27733 value="52398249771304" 27734 data-price="249000" 27735 data-item-id="10446010941736" 27736 hidden 27737 27738 data-item-id="10446010941736" 27739 27740 > 27741 27742 <label 27743 for="-52398249771304" 27744 data-sefam-quick-size 27745 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 27746 >
27747 <span class="split-variant-value"> 27748 27749 27750 27751 27752 27753 27754 27755 9/10-Y 27756 27757 27758</span> 27759 </label> 27760 </div> 27761 27762 <div 27763 class="in-use bt-qatc-form-variant-input" 27764 27765 > 27766 <input 27767 type="radio" 27768 name="id" 27769 id="-52398249804072" 27770 value="52398249804072" 27771 data-price="249000" 27772 data-item-id="10446010941736" 27773 hidden 27774 27775 data-item-id="10446010941736" 27776 27777 > 27778 27779 <label 27780 for="-52398249804072" 27781 data-sefam-quick-size 27782 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 27783 > 27784 <span class="split-variant-value"> 27785 27786 27787 27788 27789 27790 27791 27792 11/12-Y 27793 27794 27795</span> 27796 </label> 27797 </div> 27798 27799 </div> 27800 27801 27802 27803 27804 </div> 27805 </form> 27806 </div> 27807 </div> 27808 27809 27810 27811 27812 27813 27814 27815 27816 27817 27818 27819 27820 27821 27822 27823 27824 27825 27826 27827 27828 27829 27830 27831 27832 27833 27834 27835 27836 27837 27838 27839 27840 27841 27842 27843 27844 27845 27846 27847 27848 27849 27850 27851 27852 27853 27854 27855 27856 27857 27858 27859 27860 27861 27862 27863 27864 27865 27866 27867 27868 27869 27870 27871 27872 27873 27874 27875 27876 27877 27878 27879 27880 <div 27881 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 27882 > 27883 <div class="ethnc-qatc-btn cstm-add-btn visible"> 27884 <span class="small-hide hide-mobile">Add to Basket</span> 27885 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 27886 </span> 27887 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 27888 width="11" 27889 height="11" 27890 viewBox="0 0 11 11" 27891 fill="none" 27892> 27893 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 27894 fill="black" 27895 /> 27896</svg> 27897</span> 27898 </div> 27899 </div> 27900 27901 27902 </div> 27903 27904 <div class="card__content aiza2"> 27905 <div class="card__information"> 27906 <small class="product-brand"> 27907 Leisure Club 27908 </small> 27909 <h3 27910 class="card__heading h5" 27911 27912 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446010941736" 27913 27914 > 27915 <a 27916 href="/products/bts652426" 27917 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446010941736" 27918 class="full-unstyled-link" 27919 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446010941736 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446010941736" 27920 > 27921 Boys Crew Neck Tee - BTS652426 27922 27923 <div class="card_colorways_container" onclick="event.stopPropagation();"> 27924 27925 27926 � 27927 </div> 27928 </a> 27929 27930 </h3> 27931 27932 <div class="card-information"><span class="caption-large light"></span> 27933<div 27934 class=" 27935 price " 27936 > 27937 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
27938 <span class="price-item price-item--regular"> 27939 <span class=money>Rs.2,190</span> 27940 </span></div> 27941 <div class="price__sale"> 27942 <span class="visually-hidden visually-hidden--inline">Regular price</span> 27943 <span> 27944 <s class="price-item price-item--regular"> 27945 27946 <span class=money>Rs.2,190</span> 27947 27948 </s> 27949 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 27950 <span class="price-item price-item--sale price-item--last"> 27951 27952 27953 27954 27955 <span class="percentage__sale hidden">0% OFF</span> 27956 27957 <span class=money>Rs.2,190</span> 27958 </span> 27959 </div> 27960 <small class="unit-price caption hidden"> 27961 <span class="visually-hidden">Unit price</span> 27962 <span class="price-item price-item--last"> 27963 <span></span> 27964 <span aria-hidden="true">/</span> 27965 <span class="visually-hidden"> per </span> 27966 <span> 27967 </span> 27968 </span> 27969 </small> 27970 </div></div> 27971 27972 27973 27974 </div> 27975 </div> 27976 </div> 27977 27978 </div> 27979 </div><style> 27980/* ========================================================= 27981 DESKTOP PRODUCT CARD QUICK ADD 27982 LEFT = sizes 27983 RIGHT = original bag icon 27984 Mobile behavior remains unchanged 27985 ========================================================= */ 27986@media (min-width: 990px) { 27987 .hide-desktop { 27988 display: none !important; 27989 } 27990 27991 /* Keep both controls on the same bottom row */ 27992 .card-wrapper-box { 27993 position: relative; 27994 } 27995 27996 .card-wrapper-box .bt-qatc-container, 27997 .card-wrapper-box .ethnc-qatc-btn-container { 27998 position: absolute !important; 27999 bottom: 0 !important; 28000 z-index: 8 !important; 28001 } 28002 28003 /* LEFT: size area */ 28004 .card-wrapper-box .bt-qatc-container { 28005 left: 0 !important; 28006 right: 46px !important; 28007 width: auto !important; 28008 } 28009 28010 .card-wrapper-box .bt-qatc-form-container { 28011 left: 0 !important; 28012 right: 0 !important; 28013 bottom: -350% !important; 28014 width: 100% !important; 28015 min-height: 43px !important; 28016 opacity: 0 !important; 28017 visibility: hidden !important; 28018 pointer-events: none !important; 28019 transition: bottom .22s ease, opacity .18s ease !important; 28020 } 28021 28022 .card-wrapper-box .bt-qatc-form, 28023 .card-wrapper-box .bt-qatc-form-variants-container, 28024 .card-wrapper-box .bt-qatc-form-variants--list { 28025 width: 100% !important; 28026 } 28027 28028 .card-wrapper-box .bt-qatc-form-variants--list { 28029 display: flex !important; 28030 align-items: center !important; 28031 flex-wrap: wrap !important; 28032 gap: 0 !important; 28033 min-height: 43px !important; 28034 } 28035 28036 /* RIGHT: original bag button */ 28037 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 28038 display: flex !important; 28039 align-items: stretch !important; 28040 justify-content: center !important; 28041 left: auto !important; 28042 right: 0 !important; 28043 width: 46px !important; 28044 height: 43px !important; 28045 opacity: 0 !important; 28046 visibility: hidden !important; 28047 pointer-events: none !important; 28048 transition: opacity .18s ease !important; 28049 } 28050 28051 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 28052 display: flex !important; 28053 align-items: center !important; 28054 justify-content: center !important; 28055 width: 46px !important; 28056 height: 43px !important; 28057 min-width: 46px !important; 28058 padding: 0 !important; 28059 cursor: pointer !important; 28060 } 28061 28062 /* Hide Add to Basket text on desktop; keep only bag icon */ 28063 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 28064 display: none !important; 28065 } 28066 28067 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 28068 display: flex !important; 28069 align-items: center !important; 28070 justify-content: center !important; 28071 width: 100% !important; 28072 height: 100% !important; 28073 padding: 0 !important; 28074 } 28075 28076 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 28077 display: block !important; 28078 width: 16px !important; 28079 height: 17px !important; 28080 } 28081 28082 /* Show sizes + bag together on desktop hover */ 28083 .card-wrapper-box:hover .bt-qatc-form-container { 28084 bottom: 0 !important; 28085 opacity: 1 !important; 28086 visibility: visible !important; 28087 pointer-events: auto !important; 28088 } 28089 28090 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 28091 opacity: 1 !important; 28092 visibility: visible !important; 28093 pointer-events: auto !important; 28094 } 28095} 28096 28097@media (max-width: 989px) { 28098 .hide-mobile { 28099 display: none; 28100 } 28101} 28102</style> 28103 28104 28105<style> 28106/* ========================================================= 28107 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 28108 Keeps all sizes in one clean row on the left 28109 and the bag icon fixed on the right. 28110 ========================================================= */ 28111@media (min-width: 990px) { 28112 28113 .card-wrapper-box .bt-qatc-form-container { 28114 height: 43px !important; 28115 min-height: 43px !important; 28116 max-height: 43px !important; 28117 overflow: hidden !important; 28118 background: rgba(255,255,255,.96) !important; 28119 } 28120 28121 .card-wrapper-box .bt-qatc-form { 28122 display: block !important; 28123 height: 43px !important; 28124 min-height: 43px !important; 28125 margin: 0 !important; 28126 padding: 0 !important; 28127 } 28128 28129 .card-wrapper-box .bt-qatc-form-variants-container { 28130 display: block !important; 28131 width: 100% !important; 28132 height: 43px !important; 28133 min-height: 43px !important; 28134 margin: 0 !important; 28135 padding: 0 !important; 28136 } 28137 28138 .card-wrapper-box .bt-qatc-form-variants--list { 28139 display: flex !important; 28140 flex-direction: row !important; 28141 flex-wrap: wrap !important;
28142 align-items: center !important; 28143 justify-content: center !important; 28144 28145 width: 100% !important; 28146 height: 43px !important; 28147 min-height: 43px !important; 28148 28149 margin: 0 !important; 28150 padding: 0 6px !important; 28151 gap: 2px !important; 28152 28153 box-sizing: border-box !important; 28154 overflow: visible !important; 28155 white-space: normal !important; 28156 } 28157 28158 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 28159 display: none !important; 28160 } 28161 28162 .card-wrapper-box .bt-qatc-form-variant-input { 28163 position: relative !important; 28164 28165 display: flex !important; 28166 align-items: center !important; 28167 justify-content: center !important; 28168 28169 flex: 0 0 auto !important; 28170 width: auto !important; 28171 min-width: 32px !important; 28172 height: 43px !important; 28173 28174 margin: 0 !important; 28175 padding: 0 !important; 28176 28177 border: 0 !important; 28178 background: transparent !important; 28179 } 28180 28181 .card-wrapper-box .bt-qatc-form-variant-input label { 28182 position: static !important; 28183 28184 display: flex !important; 28185 align-items: center !important; 28186 justify-content: center !important; 28187 28188 width: auto !important; 28189 min-width: 32px !important; 28190 height: 32px !important; 28191 28192 margin: 0 !important; 28193 padding: 0 6px !important; 28194 28195 box-sizing: border-box !important; 28196 28197 background: transparent !important; 28198 border: 0 !important; 28199 28200 color: #111 !important; 28201 font-size: 12px !important; 28202 line-height: 1 !important; 28203 font-weight: 400 !important; 28204 28205 white-space: nowrap !important; 28206 cursor: pointer !important; 28207 } 28208 28209 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 28210 display: block !important; 28211 width: auto !important; 28212 max-width: none !important; 28213 28214 margin: 0 !important; 28215 padding: 0 !important; 28216 28217 overflow: visible !important; 28218 white-space: nowrap !important; 28219 text-overflow: clip !important; 28220 28221 font-size: inherit !important; 28222 line-height: inherit !important; 28223 } 28224 28225 /* Sold-out size */ 28226 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 28227 opacity: .35 !important; 28228 text-decoration: line-through !important; 28229 cursor: not-allowed !important; 28230 } 28231 28232 /* Optional hover feedback */ 28233 .card-wrapper-box 28234 .bt-qatc-form-variant-input:not(.is-disbaled) 28235 label:hover { 28236 text-decoration: underline !important; 28237 text-underline-offset: 3px !important; 28238 } 28239 28240 /* Prevent old theme transforms / absolute positions */ 28241 .card-wrapper-box .bt-qatc-form-variant-input *, 28242 .card-wrapper-box .bt-qatc-form-variants--list * { 28243 transform: none; 28244 } 28245} 28246</style> 28247 28248 28249<style> 28250/* Desktop quick-add: use one seamless background for sizes + bag */ 28251@media (min-width: 990px) { 28252 .card-wrapper-box .bt-qatc-form-container, 28253 .card-wrapper-box .bt-qatc-form, 28254 .card-wrapper-box .bt-qatc-form-variants-container, 28255 .card-wrapper-box .bt-qatc-form-variants--list, 28256 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 28257 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 28258 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 28259 background: rgba(255,255,255,.96) !important; 28260 } 28261 28262 /* Remove any visual split between sizes and bag */ 28263 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 28264 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 28265 border-left: 0 !important; 28266 box-shadow: none !important; 28267 } 28268} 28269</style> 28270 28271 28272<style> 28273/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 28274@media (min-width: 990px) { 28275 .card-wrapper-box .bt-qatc-form-container, 28276 .card-wrapper-box .bt-qatc-form, 28277 .card-wrapper-box .bt-qatc-form-variants-container { 28278 height: auto !important; 28279 max-height: none !important; 28280 overflow: visible !important; 28281 } 28282 28283 .card-wrapper-box .bt-qatc-form-variants--list { 28284 display: flex !important; 28285 flex-wrap: wrap !important; 28286 justify-content: center !important; 28287 align-items: center !important; 28288 height: auto !important; 28289 min-height: 43px !important; 28290 max-height: none !important; 28291 overflow: visible !important; 28292 white-space: normal !important; 28293 padding: 5px 6px !important; 28294 } 28295 28296 .card-wrapper-box .bt-qatc-form-variant-input { 28297 flex: 0 0 auto !important; 28298 } 28299} 28300</style> 28301
28302<script> 28303 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 28304 const wrap = label.closest('.bt-qatc-form-variant-input'); 28305 const form = label.closest('.bt-qatc-form'); 28306 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 28307 28308 if (!wrap || !form || !input) return; 28309 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 28310 if (label.dataset.loading === 'true') return; 28311 28312 input.checked = true; 28313 label.dataset.loading = 'true'; 28314 label.style.pointerEvents = 'none'; 28315 28316 try { 28317 const cartResp = await fetch('/cart.js', { 28318 method: 'GET', 28319 headers: { 'Accept': 'application/json' } 28320 }); 28321 28322 if (!cartResp.ok) throw new Error('Unable to read cart'); 28323 28324 const cart = await cartResp.json(); 28325 const variantId = Number(input.value); 28326 const selectedPrice = Number(input.dataset.price || 0) / 100; 28327 const totalCartPrice = Number(cart.total_price || 0) / 100; 28328 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 28329 28330 if ((totalCartPrice + selectedPrice) > 250000) { 28331 if (window.showAlert) { 28332 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 28333 } else { 28334 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 28335 } 28336 return; 28337 } 28338 28339 if (itemInCart && Number(itemInCart.quantity) >= 3) { 28340 if (window.showAlert) { 28341 window.showAlert('Limit reached: Max 3 items per size can be added'); 28342 } else { 28343 alert('Limit reached: Max 3 items per size can be added'); 28344 } 28345 return; 28346 } 28347 28348 28349 const cartSections = document.querySelector('cart-notification, cart-drawer'); 28350 const formData = new FormData(form); 28351 28352 formData.set('id', input.value); 28353 formData.set('quantity', '1'); 28354 28355 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 28356 formData.set( 28357 'sections', 28358 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 28359 ); 28360 } 28361 28362 formData.set('sections_url', window.location.pathname); 28363 28364 const addResp = await fetch('/cart/add.js', { 28365 method: 'POST', 28366 headers: { 'Accept': 'application/json' }, 28367 body: formData 28368 }); 28369 28370 const data = await addResp.json(); 28371 28372 if (!addResp.ok) { 28373 throw new Error(data.description || data.message || 'Unable to add this size'); 28374 } 28375 28376 if (cartSections && typeof cartSections.renderContents === 'function') { 28377 cartSections.renderContents(data); 28378 } else { 28379 const bubble = document.querySelector('#cart-icon-bubble'); 28380 if (bubble) bubble.click(); 28381 } 28382 28383 const card = label.closest('.card-wrapper-box'); 28384 if (card) { 28385 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 28386 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 28387 } 28388 } catch (error) { 28389 console.error('SEFAM hover size quick-add error:', error); 28390 if (window.showAlert) { 28391 window.showAlert(error.message || 'Unable to add this size to cart'); 28392 } else { 28393 alert(error.message || 'Unable to add this size to cart'); 28394 } 28395 } finally { 28396 label.dataset.loading = 'false'; 28397 label.style.pointerEvents = ''; 28398 } 28399 }; 28400</script>
28400 28401 28402<style> 28403/* Desktop quick-add final alignment: 28404 sizes start from left; bag area matches the complete quick-size background height. */ 28405@media (min-width: 990px) { 28406 .card-wrapper-box .bt-qatc-form-variants--list { 28407 justify-content: flex-start !important; 28408 align-content: center !important; 28409 text-align: left !important; 28410 } 28411 28412 .card-wrapper-box .bt-qatc-container { 28413 right: 46px !important; 28414 } 28415 28416 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 28417 top: auto !important; 28418 bottom: 0 !important; 28419 width: 46px !important; 28420 height: 100% !important; 28421 min-height: 43px !important; 28422 align-items: stretch !important; 28423 background: rgba(255,255,255,.96) !important; 28424 } 28425 28426 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 28427 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 28428 width: 46px !important; 28429 height: 100% !important; 28430 min-height: 43px !important; 28431 background: rgba(255,255,255,.96) !important; 28432 } 28433 28434 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 28435 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 28436 height: var(--sefam-quick-add-height, 43px) !important; 28437 } 28438} 28439</style>
28440<script> 28441(function () { 28442 function syncQuickAddHeight(card) { 28443 if (!card || window.innerWidth < 990) return; 28444 var panel = card.querySelector('.bt-qatc-form-container'); 28445 if (!panel) return; 28446 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 28447 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 28448 } 28449 28450 document.addEventListener('mouseover', function(e) { 28451 var card = e.target.closest('.card-wrapper-box'); 28452 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 28453 }, { passive: true }); 28454 28455 window.addEventListener('resize', function() { 28456 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 28457 }, { passive: true }); 28458})(); 28459</script>
28459 28460 28461 28462 28463<style> 28464/* ========================================================= 28465 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 28466 - reduce space between sizes 28467 - keep sizes left aligned 28468 - keep the bag icon on the BOTTOM row 28469 - bag background still matches the full size panel 28470 ========================================================= */ 28471@media (min-width: 990px) { 28472 28473 /* More usable width for sizes */ 28474 .card-wrapper-box .bt-qatc-container { 28475 right: 42px !important; 28476 } 28477 28478 /* Compact, left-aligned size list */ 28479 .card-wrapper-box .bt-qatc-form-variants--list { 28480 justify-content: flex-start !important; 28481 align-items: center !important; 28482 align-content: center !important; 28483 28484 column-gap: 0 !important; 28485 row-gap: 0 !important; 28486 28487 padding: 4px 4px !important; 28488 margin: 0 !important; 28489 } 28490 28491 .card-wrapper-box .bt-qatc-form-variant-input { 28492 min-width: 0 !important; 28493 width: auto !important; 28494 height: 35px !important; 28495 margin: 0 !important; 28496 padding: 0 !important; 28497 } 28498 28499 .card-wrapper-box .bt-qatc-form-variant-input label { 28500 min-width: 0 !important; 28501 width: auto !important; 28502 height: 35px !important; 28503 28504 margin: 0 !important; 28505 padding: 0 4px !important; 28506 28507 font-size: 12px !important; 28508 line-height: 1 !important; 28509 } 28510 28511 /* Bag column keeps the same full white background as the sizes */ 28512 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 28513 right: 0 !important; 28514 bottom: 0 !important; 28515 top: auto !important; 28516 28517 width: 42px !important; 28518 min-width: 42px !important; 28519 height: var(--sefam-quick-add-height, 43px) !important; 28520 min-height: 43px !important; 28521 28522 display: flex !important; 28523 flex-direction: column !important; 28524 justify-content: flex-end !important; 28525 align-items: stretch !important; 28526 28527 padding: 0 !important; 28528 margin: 0 !important; 28529 28530 background: rgba(255,255,255,.96) !important; 28531 } 28532 28533 /* The clickable bag itself always sits at the bottom */ 28534 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 28535 width: 42px !important; 28536 min-width: 42px !important; 28537 height: 43px !important; 28538 min-height: 43px !important; 28539 28540 margin-top: auto !important; 28541 padding: 0 !important; 28542 28543 display: flex !important; 28544 align-items: center !important; 28545 justify-content: center !important; 28546 28547 background: rgba(255,255,255,.96) !important; 28548 } 28549 28550 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 28551 width: 42px !important; 28552 height: 43px !important; 28553 min-height: 43px !important; 28554 28555 display: flex !important; 28556 align-items: center !important; 28557 justify-content: center !important; 28558 28559 padding: 0 !important; 28560 margin: 0 !important; 28561 28562 background: transparent !important; 28563 } 28564 28565 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 28566 width: 16px !important; 28567 height: 17px !important; 28568 } 28569} 28570</style> 28571 28572 28573<style> 28574/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 28575@media (min-width: 990px) { 28576 .card-wrapper-box .bt-qatc-form-variants--list { 28577 padding: 3px 4px !important; 28578 column-gap: 0 !important; 28579 row-gap: 0 !important; 28580 justify-content: flex-start !important; 28581 align-items: center !important; 28582 align-content: center !important; 28583 } 28584 28585 .card-wrapper-box .bt-qatc-form-variant-input { 28586 min-width: 0 !important; 28587 width: auto !important; 28588 height: 30px !important; 28589 margin: 0 !important; 28590 padding: 0 !important; 28591 } 28592 28593 .card-wrapper-box .bt-qatc-form-variant-input label { 28594 min-width: 0 !important; 28595 width: auto !important; 28596 height: 30px !important; 28597 margin: 0 !important; 28598 padding: 0 4px !important; 28599 font-size: 12px !important; 28600 line-height: 1 !important; 28601 display: flex !important; 28602 align-items: center !important; 28603 justify-content: center !important; 28604 } 28605 28606 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 28607 display: flex !important; 28608 flex-direction: column !important; 28609 justify-content: flex-end !important;
28610 align-items: stretch !important; 28611 bottom: 0 !important; 28612 top: auto !important; 28613 height: var(--sefam-quick-add-height, 36px) !important; 28614 min-height: 36px !important; 28615 } 28616 28617 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 28618 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 28619 height: 36px !important; 28620 min-height: 36px !important; 28621 margin-top: auto !important; 28622 } 28623} 28624</style> 28625 28626<style> 28627 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 28628 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 28629 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 28630 .card_colorways_container .new-mbl-color-single label span, 28631 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 28632 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 28633</style> 28634 28635 </li> 28636 28637 <li 28638 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_GLf4cC-3" 28639 class="grid__item slider__slide" 28640 > 28641 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 28642� 28643 28644 28645 � 28646 28647 28648 28649 <div class="card-wrapper product-card-wrapper"> 28650 <div 28651 class=" 28652 card card--standard 28653 card--media 28654 28655 28656 28657 28658 28659 " 28660 style="--ratio-percent: 150.00000000000003%;" 28661 28662 > 28663 <div class="card-wrapper-box"> 28664 28665 <div 28666 class="card__inner color-scheme-2 gradient ratio" 28667 style="--ratio-percent: 150.00000000000003%;" 28668 28669 > 28670 �<a href="/products/bts656426"> 28671 28672 �<div class="card-prdct2 card__media"> 28673 <div class="media media--transparent mt3"> 28674 28675 28676 <img 28677 src="//sefam.com/cdn/shop/files/BTS656426_1.jpg?v=1790158262&width=800" 28678 srcset="//sefam.com/cdn/shop/files/BTS656426_1.jpg?v=1790158262&width=1600 2x" 28679 class="" 28680 alt="Boys Graphic Tee - BTS656426" 28681 28682 loading="lazy" 28683 28684 width="2400" 28685 height="3600" 28686 > 28687 �<img 28688 src="//sefam.com/cdn/shop/files/BTS656426_4.jpg?v=1790158262&width=800" 28689 srcset="//sefam.com/cdn/shop/files/BTS656426_4.jpg?v=1790158262&width=1600 2x" 28690 alt="Boys Graphic Tee - BTS656426" 28691 loading="lazy" 28692 width="2400" 28693 height="3600" 28694 data-index="" 28695 > 28696 28697 � 28698 </div> 28699 28700 28701 </div> 28702 </a> 28703 </div> 28704 28705 28706 28707 28708 <div class="bt-qatc-container"> 28709 <div class="bt-qatc-form-container"> 28710 <div class="bt-qatc-form-content large-up-hide medium-hide"> 28711 <h3>Boys Graphic Tee - BTS656426</h3> 28712 28713<div 28714 class=" 28715 price " 28716 > 28717 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 28718 <span class="price-item price-item--regular"> 28719 <span class=money>Rs.1,990</span> 28720 </span></div> 28721 <div class="price__sale"> 28722 <span class="visually-hidden visually-hidden--inline">Regular price</span> 28723 <span> 28724 <s class="price-item price-item--regular"> 28725 28726 <span class=money>Rs.1,990</span> 28727 28728 </s> 28729 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
28730 <span class="price-item price-item--sale price-item--last"> 28731 28732 28733 28734 28735 <span class="percentage__sale hidden">0% OFF</span> 28736 28737 <span class=money>Rs.1,990</span> 28738 </span> 28739 </div> 28740 <small class="unit-price caption hidden"> 28741 <span class="visually-hidden">Unit price</span> 28742 <span class="price-item price-item--last"> 28743 <span></span> 28744 <span aria-hidden="true">/</span> 28745 <span class="visually-hidden"> per </span> 28746 <span> 28747 </span> 28748 </span> 28749 </small> 28750 </div></div> 28751 28752 28753 28754 </div> 28755 <div 28756 class="ethnc-form-media large-up-hide medium-hide" 28757 28758 ></div> 28759 <form method="post" action="/cart/add" class="bt-qatc-form"> 28760 <input type="hidden" name="quantity" value="1"> 28761 <div class="bt-qatc-form-variants-container"> 28762 <div class="bt-qatc-form-variants--list"> 28763 28764 <div 28765 class="in-use bt-qatc-form-variant-input" 28766 28767 > 28768 <input 28769 type="radio" 28770 name="id" 28771 id="-52838786433320" 28772 value="52838786433320" 28773 data-price="199000" 28774 data-item-id="10459093729576" 28775 hidden 28776 28777 data-item-id="10459093729576" 28778 28779 > 28780 28781 <label 28782 for="-52838786433320" 28783 data-sefam-quick-size 28784 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 28785 > 28786 <span class="split-variant-value"> 28787 28788 28789 28790 28791 28792 28793 28794 5/6-Y 28795 28796 28797</span> 28798 </label> 28799 </div> 28800 28801 <div 28802 class="in-use bt-qatc-form-variant-input" 28803 28804 > 28805 <input 28806 type="radio" 28807 name="id" 28808 id="-52838786466088" 28809 value="52838786466088" 28810 data-price="199000" 28811 data-item-id="10459093729576" 28812 hidden 28813 28814 data-item-id="10459093729576" 28815 28816 > 28817 28818 <label 28819 for="-52838786466088" 28820 data-sefam-quick-size 28821 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 28822 > 28823 <span class="split-variant-value"> 28824 28825 28826 28827 28828 28829 28830 28831 7/8-Y 28832 28833 28834</span> 28835 </label> 28836 </div> 28837 28838 <div 28839 class="in-use bt-qatc-form-variant-input" 28840 28841 > 28842 <input 28843 type="radio" 28844 name="id" 28845 id="-52838786498856" 28846 value="52838786498856" 28847 data-price="199000" 28848 data-item-id="10459093729576" 28849 hidden 28850 28851 data-item-id="10459093729576" 28852 28853 > 28854 28855 <label 28856 for="-52838786498856" 28857 data-sefam-quick-size 28858 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 28859 >
28860 <span class="split-variant-value"> 28861 28862 28863 28864 28865 28866 28867 28868 9/10-Y 28869 28870 28871</span> 28872 </label> 28873 </div> 28874 28875 <div 28876 class="in-use bt-qatc-form-variant-input" 28877 28878 > 28879 <input 28880 type="radio" 28881 name="id" 28882 id="-52838786531624" 28883 value="52838786531624" 28884 data-price="199000" 28885 data-item-id="10459093729576" 28886 hidden 28887 28888 data-item-id="10459093729576" 28889 28890 > 28891 28892 <label 28893 for="-52838786531624" 28894 data-sefam-quick-size 28895 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 28896 > 28897 <span class="split-variant-value"> 28898 28899 28900 28901 28902 28903 28904 28905 11/12-Y 28906 28907 28908</span> 28909 </label> 28910 </div> 28911 28912 </div> 28913 28914 28915 28916 28917 </div> 28918 </form> 28919 </div> 28920 </div> 28921 28922 28923 28924 28925 28926 28927 28928 28929 28930 28931 28932 28933 28934 28935 28936 28937 28938 28939 28940 28941 28942 28943 28944 28945 28946 28947 28948 28949 28950 28951 28952 28953 28954 28955 28956 28957 28958 28959 28960 28961 28962 28963 28964 28965 28966 28967 28968 28969 28970 28971 28972 28973 28974 28975 28976 28977 28978 28979 28980 28981 28982 28983 28984 28985 28986 28987 28988 28989 28990 28991 28992 28993 28994 28995 28996 <div 28997 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 28998 > 28999 <div class="ethnc-qatc-btn cstm-add-btn visible"> 29000 <span class="small-hide hide-mobile">Add to Basket</span> 29001 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 29002 </span> 29003 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 29004 width="11" 29005 height="11" 29006 viewBox="0 0 11 11" 29007 fill="none" 29008> 29009 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 29010 fill="black" 29011 /> 29012</svg> 29013</span> 29014 </div> 29015 </div> 29016 29017 29018 </div> 29019 29020 <div class="card__content aiza2"> 29021 <div class="card__information"> 29022 <small class="product-brand"> 29023 Leisure Club 29024 </small> 29025 <h3 29026 class="card__heading h5" 29027 29028 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10459093729576" 29029 29030 > 29031 <a 29032 href="/products/bts656426" 29033 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10459093729576" 29034 class="full-unstyled-link" 29035 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10459093729576 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10459093729576" 29036 > 29037 Boys Graphic Tee - BTS656426 29038 29039 <div class="card_colorways_container" onclick="event.stopPropagation();"> 29040 29041 29042 � 29043 </div> 29044 </a> 29045 29046 </h3> 29047 29048 <div class="card-information"><span class="caption-large light"></span> 29049<div 29050 class=" 29051 price " 29052 > 29053 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
29054 <span class="price-item price-item--regular"> 29055 <span class=money>Rs.1,990</span> 29056 </span></div> 29057 <div class="price__sale"> 29058 <span class="visually-hidden visually-hidden--inline">Regular price</span> 29059 <span> 29060 <s class="price-item price-item--regular"> 29061 29062 <span class=money>Rs.1,990</span> 29063 29064 </s> 29065 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 29066 <span class="price-item price-item--sale price-item--last"> 29067 29068 29069 29070 29071 <span class="percentage__sale hidden">0% OFF</span> 29072 29073 <span class=money>Rs.1,990</span> 29074 </span> 29075 </div> 29076 <small class="unit-price caption hidden"> 29077 <span class="visually-hidden">Unit price</span> 29078 <span class="price-item price-item--last"> 29079 <span></span> 29080 <span aria-hidden="true">/</span> 29081 <span class="visually-hidden"> per </span> 29082 <span> 29083 </span> 29084 </span> 29085 </small> 29086 </div></div> 29087 29088 29089 29090 </div> 29091 </div> 29092 </div> 29093 29094 </div> 29095 </div><style> 29096/* ========================================================= 29097 DESKTOP PRODUCT CARD QUICK ADD 29098 LEFT = sizes 29099 RIGHT = original bag icon 29100 Mobile behavior remains unchanged 29101 ========================================================= */ 29102@media (min-width: 990px) { 29103 .hide-desktop { 29104 display: none !important; 29105 } 29106 29107 /* Keep both controls on the same bottom row */ 29108 .card-wrapper-box { 29109 position: relative; 29110 } 29111 29112 .card-wrapper-box .bt-qatc-container, 29113 .card-wrapper-box .ethnc-qatc-btn-container { 29114 position: absolute !important; 29115 bottom: 0 !important; 29116 z-index: 8 !important; 29117 } 29118 29119 /* LEFT: size area */ 29120 .card-wrapper-box .bt-qatc-container { 29121 left: 0 !important; 29122 right: 46px !important; 29123 width: auto !important; 29124 } 29125 29126 .card-wrapper-box .bt-qatc-form-container { 29127 left: 0 !important; 29128 right: 0 !important; 29129 bottom: -350% !important; 29130 width: 100% !important; 29131 min-height: 43px !important; 29132 opacity: 0 !important; 29133 visibility: hidden !important; 29134 pointer-events: none !important; 29135 transition: bottom .22s ease, opacity .18s ease !important; 29136 } 29137 29138 .card-wrapper-box .bt-qatc-form, 29139 .card-wrapper-box .bt-qatc-form-variants-container, 29140 .card-wrapper-box .bt-qatc-form-variants--list { 29141 width: 100% !important; 29142 } 29143 29144 .card-wrapper-box .bt-qatc-form-variants--list { 29145 display: flex !important; 29146 align-items: center !important; 29147 flex-wrap: wrap !important; 29148 gap: 0 !important; 29149 min-height: 43px !important; 29150 } 29151 29152 /* RIGHT: original bag button */ 29153 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 29154 display: flex !important; 29155 align-items: stretch !important; 29156 justify-content: center !important; 29157 left: auto !important; 29158 right: 0 !important; 29159 width: 46px !important; 29160 height: 43px !important; 29161 opacity: 0 !important; 29162 visibility: hidden !important; 29163 pointer-events: none !important; 29164 transition: opacity .18s ease !important; 29165 } 29166 29167 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 29168 display: flex !important; 29169 align-items: center !important; 29170 justify-content: center !important; 29171 width: 46px !important; 29172 height: 43px !important; 29173 min-width: 46px !important; 29174 padding: 0 !important; 29175 cursor: pointer !important; 29176 } 29177 29178 /* Hide Add to Basket text on desktop; keep only bag icon */ 29179 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 29180 display: none !important; 29181 } 29182 29183 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 29184 display: flex !important; 29185 align-items: center !important; 29186 justify-content: center !important; 29187 width: 100% !important; 29188 height: 100% !important; 29189 padding: 0 !important; 29190 } 29191 29192 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 29193 display: block !important; 29194 width: 16px !important; 29195 height: 17px !important; 29196 } 29197 29198 /* Show sizes + bag together on desktop hover */ 29199 .card-wrapper-box:hover .bt-qatc-form-container { 29200 bottom: 0 !important; 29201 opacity: 1 !important; 29202 visibility: visible !important; 29203 pointer-events: auto !important; 29204 } 29205 29206 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 29207 opacity: 1 !important; 29208 visibility: visible !important; 29209 pointer-events: auto !important; 29210 } 29211} 29212 29213@media (max-width: 989px) { 29214 .hide-mobile { 29215 display: none; 29216 } 29217} 29218</style> 29219 29220 29221<style> 29222/* ========================================================= 29223 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 29224 Keeps all sizes in one clean row on the left 29225 and the bag icon fixed on the right. 29226 ========================================================= */ 29227@media (min-width: 990px) { 29228 29229 .card-wrapper-box .bt-qatc-form-container { 29230 height: 43px !important; 29231 min-height: 43px !important; 29232 max-height: 43px !important; 29233 overflow: hidden !important; 29234 background: rgba(255,255,255,.96) !important; 29235 } 29236 29237 .card-wrapper-box .bt-qatc-form { 29238 display: block !important; 29239 height: 43px !important; 29240 min-height: 43px !important; 29241 margin: 0 !important; 29242 padding: 0 !important; 29243 } 29244 29245 .card-wrapper-box .bt-qatc-form-variants-container { 29246 display: block !important; 29247 width: 100% !important; 29248 height: 43px !important; 29249 min-height: 43px !important; 29250 margin: 0 !important; 29251 padding: 0 !important; 29252 } 29253 29254 .card-wrapper-box .bt-qatc-form-variants--list { 29255 display: flex !important; 29256 flex-direction: row !important; 29257 flex-wrap: wrap !important;
29258 align-items: center !important; 29259 justify-content: center !important; 29260 29261 width: 100% !important; 29262 height: 43px !important; 29263 min-height: 43px !important; 29264 29265 margin: 0 !important; 29266 padding: 0 6px !important; 29267 gap: 2px !important; 29268 29269 box-sizing: border-box !important; 29270 overflow: visible !important; 29271 white-space: normal !important; 29272 } 29273 29274 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 29275 display: none !important; 29276 } 29277 29278 .card-wrapper-box .bt-qatc-form-variant-input { 29279 position: relative !important; 29280 29281 display: flex !important; 29282 align-items: center !important; 29283 justify-content: center !important; 29284 29285 flex: 0 0 auto !important; 29286 width: auto !important; 29287 min-width: 32px !important; 29288 height: 43px !important; 29289 29290 margin: 0 !important; 29291 padding: 0 !important; 29292 29293 border: 0 !important; 29294 background: transparent !important; 29295 } 29296 29297 .card-wrapper-box .bt-qatc-form-variant-input label { 29298 position: static !important; 29299 29300 display: flex !important; 29301 align-items: center !important; 29302 justify-content: center !important; 29303 29304 width: auto !important; 29305 min-width: 32px !important; 29306 height: 32px !important; 29307 29308 margin: 0 !important; 29309 padding: 0 6px !important; 29310 29311 box-sizing: border-box !important; 29312 29313 background: transparent !important; 29314 border: 0 !important; 29315 29316 color: #111 !important; 29317 font-size: 12px !important; 29318 line-height: 1 !important; 29319 font-weight: 400 !important; 29320 29321 white-space: nowrap !important; 29322 cursor: pointer !important; 29323 } 29324 29325 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 29326 display: block !important; 29327 width: auto !important; 29328 max-width: none !important; 29329 29330 margin: 0 !important; 29331 padding: 0 !important; 29332 29333 overflow: visible !important; 29334 white-space: nowrap !important; 29335 text-overflow: clip !important; 29336 29337 font-size: inherit !important; 29338 line-height: inherit !important; 29339 } 29340 29341 /* Sold-out size */ 29342 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 29343 opacity: .35 !important; 29344 text-decoration: line-through !important; 29345 cursor: not-allowed !important; 29346 } 29347 29348 /* Optional hover feedback */ 29349 .card-wrapper-box 29350 .bt-qatc-form-variant-input:not(.is-disbaled) 29351 label:hover { 29352 text-decoration: underline !important; 29353 text-underline-offset: 3px !important; 29354 } 29355 29356 /* Prevent old theme transforms / absolute positions */ 29357 .card-wrapper-box .bt-qatc-form-variant-input *, 29358 .card-wrapper-box .bt-qatc-form-variants--list * { 29359 transform: none; 29360 } 29361} 29362</style> 29363 29364 29365<style> 29366/* Desktop quick-add: use one seamless background for sizes + bag */ 29367@media (min-width: 990px) { 29368 .card-wrapper-box .bt-qatc-form-container, 29369 .card-wrapper-box .bt-qatc-form, 29370 .card-wrapper-box .bt-qatc-form-variants-container, 29371 .card-wrapper-box .bt-qatc-form-variants--list, 29372 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 29373 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 29374 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 29375 background: rgba(255,255,255,.96) !important; 29376 } 29377 29378 /* Remove any visual split between sizes and bag */ 29379 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 29380 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 29381 border-left: 0 !important; 29382 box-shadow: none !important; 29383 } 29384} 29385</style> 29386 29387 29388<style> 29389/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 29390@media (min-width: 990px) { 29391 .card-wrapper-box .bt-qatc-form-container, 29392 .card-wrapper-box .bt-qatc-form, 29393 .card-wrapper-box .bt-qatc-form-variants-container { 29394 height: auto !important; 29395 max-height: none !important; 29396 overflow: visible !important; 29397 } 29398 29399 .card-wrapper-box .bt-qatc-form-variants--list { 29400 display: flex !important; 29401 flex-wrap: wrap !important; 29402 justify-content: center !important; 29403 align-items: center !important; 29404 height: auto !important; 29405 min-height: 43px !important; 29406 max-height: none !important; 29407 overflow: visible !important; 29408 white-space: normal !important; 29409 padding: 5px 6px !important; 29410 } 29411 29412 .card-wrapper-box .bt-qatc-form-variant-input { 29413 flex: 0 0 auto !important; 29414 } 29415} 29416</style> 29417
29418<script> 29419 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 29420 const wrap = label.closest('.bt-qatc-form-variant-input'); 29421 const form = label.closest('.bt-qatc-form'); 29422 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 29423 29424 if (!wrap || !form || !input) return; 29425 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 29426 if (label.dataset.loading === 'true') return; 29427 29428 input.checked = true; 29429 label.dataset.loading = 'true'; 29430 label.style.pointerEvents = 'none'; 29431 29432 try { 29433 const cartResp = await fetch('/cart.js', { 29434 method: 'GET', 29435 headers: { 'Accept': 'application/json' } 29436 }); 29437 29438 if (!cartResp.ok) throw new Error('Unable to read cart'); 29439 29440 const cart = await cartResp.json(); 29441 const variantId = Number(input.value); 29442 const selectedPrice = Number(input.dataset.price || 0) / 100; 29443 const totalCartPrice = Number(cart.total_price || 0) / 100; 29444 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 29445 29446 if ((totalCartPrice + selectedPrice) > 250000) { 29447 if (window.showAlert) { 29448 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 29449 } else { 29450 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 29451 } 29452 return; 29453 } 29454 29455 if (itemInCart && Number(itemInCart.quantity) >= 3) { 29456 if (window.showAlert) { 29457 window.showAlert('Limit reached: Max 3 items per size can be added'); 29458 } else { 29459 alert('Limit reached: Max 3 items per size can be added'); 29460 } 29461 return; 29462 } 29463 29464 29465 const cartSections = document.querySelector('cart-notification, cart-drawer'); 29466 const formData = new FormData(form); 29467 29468 formData.set('id', input.value); 29469 formData.set('quantity', '1'); 29470 29471 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 29472 formData.set( 29473 'sections', 29474 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 29475 ); 29476 } 29477 29478 formData.set('sections_url', window.location.pathname); 29479 29480 const addResp = await fetch('/cart/add.js', { 29481 method: 'POST', 29482 headers: { 'Accept': 'application/json' }, 29483 body: formData 29484 }); 29485 29486 const data = await addResp.json(); 29487 29488 if (!addResp.ok) { 29489 throw new Error(data.description || data.message || 'Unable to add this size'); 29490 } 29491 29492 if (cartSections && typeof cartSections.renderContents === 'function') { 29493 cartSections.renderContents(data); 29494 } else { 29495 const bubble = document.querySelector('#cart-icon-bubble'); 29496 if (bubble) bubble.click(); 29497 } 29498 29499 const card = label.closest('.card-wrapper-box'); 29500 if (card) { 29501 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 29502 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 29503 } 29504 } catch (error) { 29505 console.error('SEFAM hover size quick-add error:', error); 29506 if (window.showAlert) { 29507 window.showAlert(error.message || 'Unable to add this size to cart'); 29508 } else { 29509 alert(error.message || 'Unable to add this size to cart'); 29510 } 29511 } finally { 29512 label.dataset.loading = 'false'; 29513 label.style.pointerEvents = ''; 29514 } 29515 }; 29516</script>
29516 29517 29518<style> 29519/* Desktop quick-add final alignment: 29520 sizes start from left; bag area matches the complete quick-size background height. */ 29521@media (min-width: 990px) { 29522 .card-wrapper-box .bt-qatc-form-variants--list { 29523 justify-content: flex-start !important; 29524 align-content: center !important; 29525 text-align: left !important; 29526 } 29527 29528 .card-wrapper-box .bt-qatc-container { 29529 right: 46px !important; 29530 } 29531 29532 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 29533 top: auto !important; 29534 bottom: 0 !important; 29535 width: 46px !important; 29536 height: 100% !important; 29537 min-height: 43px !important; 29538 align-items: stretch !important; 29539 background: rgba(255,255,255,.96) !important; 29540 } 29541 29542 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 29543 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 29544 width: 46px !important; 29545 height: 100% !important; 29546 min-height: 43px !important; 29547 background: rgba(255,255,255,.96) !important; 29548 } 29549 29550 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 29551 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 29552 height: var(--sefam-quick-add-height, 43px) !important; 29553 } 29554} 29555</style>
29556<script> 29557(function () { 29558 function syncQuickAddHeight(card) { 29559 if (!card || window.innerWidth < 990) return; 29560 var panel = card.querySelector('.bt-qatc-form-container'); 29561 if (!panel) return; 29562 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 29563 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 29564 } 29565 29566 document.addEventListener('mouseover', function(e) { 29567 var card = e.target.closest('.card-wrapper-box'); 29568 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 29569 }, { passive: true }); 29570 29571 window.addEventListener('resize', function() { 29572 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 29573 }, { passive: true }); 29574})(); 29575</script>
29575 29576 29577 29578 29579<style> 29580/* ========================================================= 29581 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 29582 - reduce space between sizes 29583 - keep sizes left aligned 29584 - keep the bag icon on the BOTTOM row 29585 - bag background still matches the full size panel 29586 ========================================================= */ 29587@media (min-width: 990px) { 29588 29589 /* More usable width for sizes */ 29590 .card-wrapper-box .bt-qatc-container { 29591 right: 42px !important; 29592 } 29593 29594 /* Compact, left-aligned size list */ 29595 .card-wrapper-box .bt-qatc-form-variants--list { 29596 justify-content: flex-start !important; 29597 align-items: center !important; 29598 align-content: center !important; 29599 29600 column-gap: 0 !important; 29601 row-gap: 0 !important; 29602 29603 padding: 4px 4px !important; 29604 margin: 0 !important; 29605 } 29606 29607 .card-wrapper-box .bt-qatc-form-variant-input { 29608 min-width: 0 !important; 29609 width: auto !important; 29610 height: 35px !important; 29611 margin: 0 !important; 29612 padding: 0 !important; 29613 } 29614 29615 .card-wrapper-box .bt-qatc-form-variant-input label { 29616 min-width: 0 !important; 29617 width: auto !important; 29618 height: 35px !important; 29619 29620 margin: 0 !important; 29621 padding: 0 4px !important; 29622 29623 font-size: 12px !important; 29624 line-height: 1 !important; 29625 } 29626 29627 /* Bag column keeps the same full white background as the sizes */ 29628 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 29629 right: 0 !important; 29630 bottom: 0 !important; 29631 top: auto !important; 29632 29633 width: 42px !important; 29634 min-width: 42px !important; 29635 height: var(--sefam-quick-add-height, 43px) !important; 29636 min-height: 43px !important; 29637 29638 display: flex !important; 29639 flex-direction: column !important; 29640 justify-content: flex-end !important; 29641 align-items: stretch !important; 29642 29643 padding: 0 !important; 29644 margin: 0 !important; 29645 29646 background: rgba(255,255,255,.96) !important; 29647 } 29648 29649 /* The clickable bag itself always sits at the bottom */ 29650 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 29651 width: 42px !important; 29652 min-width: 42px !important; 29653 height: 43px !important; 29654 min-height: 43px !important; 29655 29656 margin-top: auto !important; 29657 padding: 0 !important; 29658 29659 display: flex !important; 29660 align-items: center !important; 29661 justify-content: center !important; 29662 29663 background: rgba(255,255,255,.96) !important; 29664 } 29665 29666 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 29667 width: 42px !important; 29668 height: 43px !important; 29669 min-height: 43px !important; 29670 29671 display: flex !important; 29672 align-items: center !important; 29673 justify-content: center !important; 29674 29675 padding: 0 !important; 29676 margin: 0 !important; 29677 29678 background: transparent !important; 29679 } 29680 29681 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 29682 width: 16px !important; 29683 height: 17px !important; 29684 } 29685} 29686</style> 29687 29688 29689<style> 29690/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 29691@media (min-width: 990px) { 29692 .card-wrapper-box .bt-qatc-form-variants--list { 29693 padding: 3px 4px !important; 29694 column-gap: 0 !important; 29695 row-gap: 0 !important; 29696 justify-content: flex-start !important; 29697 align-items: center !important; 29698 align-content: center !important; 29699 } 29700 29701 .card-wrapper-box .bt-qatc-form-variant-input { 29702 min-width: 0 !important; 29703 width: auto !important; 29704 height: 30px !important; 29705 margin: 0 !important; 29706 padding: 0 !important; 29707 } 29708 29709 .card-wrapper-box .bt-qatc-form-variant-input label { 29710 min-width: 0 !important; 29711 width: auto !important; 29712 height: 30px !important; 29713 margin: 0 !important; 29714 padding: 0 4px !important; 29715 font-size: 12px !important; 29716 line-height: 1 !important; 29717 display: flex !important; 29718 align-items: center !important; 29719 justify-content: center !important; 29720 } 29721 29722 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 29723 display: flex !important; 29724 flex-direction: column !important; 29725 justify-content: flex-end !important;
29726 align-items: stretch !important; 29727 bottom: 0 !important; 29728 top: auto !important; 29729 height: var(--sefam-quick-add-height, 36px) !important; 29730 min-height: 36px !important; 29731 } 29732 29733 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 29734 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 29735 height: 36px !important; 29736 min-height: 36px !important; 29737 margin-top: auto !important; 29738 } 29739} 29740</style> 29741 29742<style> 29743 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 29744 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 29745 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 29746 .card_colorways_container .new-mbl-color-single label span, 29747 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 29748 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 29749</style> 29750 29751 </li> 29752 29753 <li 29754 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_GLf4cC-4" 29755 class="grid__item slider__slide" 29756 > 29757 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 29758� 29759 29760 29761 � 29762 29763 29764 29765 <div class="card-wrapper product-card-wrapper"> 29766 <div 29767 class=" 29768 card card--standard 29769 card--media 29770 29771 29772 29773 29774 29775 " 29776 style="--ratio-percent: 150.00000000000003%;" 29777 29778 > 29779 <div class="card-wrapper-box"> 29780 29781 <div 29782 class="card__inner color-scheme-2 gradient ratio" 29783 style="--ratio-percent: 150.00000000000003%;" 29784 29785 > 29786 �<a href="/products/nbts317426"> 29787 29788 �<div class="card-prdct2 card__media"> 29789 <div class="media media--transparent mt3"> 29790 29791 29792 <img 29793 src="//sefam.com/cdn/shop/files/NBTS317426_4.jpg?v=1790164193&width=800" 29794 srcset="//sefam.com/cdn/shop/files/NBTS317426_4.jpg?v=1790164193&width=1600 2x" 29795 class="" 29796 alt="Boys Graphic Tee - NBTS317426" 29797 29798 loading="lazy" 29799 29800 width="2400" 29801 height="3600" 29802 > 29803 �<img 29804 src="//sefam.com/cdn/shop/files/NBTS317426_5.jpg?v=1790164193&width=800" 29805 srcset="//sefam.com/cdn/shop/files/NBTS317426_5.jpg?v=1790164193&width=1600 2x" 29806 alt="Boys Graphic Tee - NBTS317426" 29807 loading="lazy" 29808 width="2400" 29809 height="3600" 29810 data-index="" 29811 > 29812 29813 � 29814 </div> 29815 29816 29817 </div> 29818 </a> 29819 </div> 29820 29821 29822 29823 29824 <div class="bt-qatc-container"> 29825 <div class="bt-qatc-form-container"> 29826 <div class="bt-qatc-form-content large-up-hide medium-hide"> 29827 <h3>Boys Graphic Tee - NBTS317426</h3> 29828 29829<div 29830 class=" 29831 price " 29832 > 29833 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 29834 <span class="price-item price-item--regular"> 29835 <span class=money>Rs.2,990</span> 29836 </span></div> 29837 <div class="price__sale"> 29838 <span class="visually-hidden visually-hidden--inline">Regular price</span> 29839 <span> 29840 <s class="price-item price-item--regular"> 29841
29842 <span class=money>Rs.2,990</span> 29843 29844 </s> 29845 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 29846 <span class="price-item price-item--sale price-item--last"> 29847 29848 29849 29850 29851 <span class="percentage__sale hidden">0% OFF</span> 29852 29853 <span class=money>Rs.2,990</span> 29854 </span> 29855 </div> 29856 <small class="unit-price caption hidden"> 29857 <span class="visually-hidden">Unit price</span> 29858 <span class="price-item price-item--last"> 29859 <span></span> 29860 <span aria-hidden="true">/</span> 29861 <span class="visually-hidden"> per </span> 29862 <span> 29863 </span> 29864 </span> 29865 </small> 29866 </div></div> 29867 29868 29869 29870 </div> 29871 <div 29872 class="ethnc-form-media large-up-hide medium-hide" 29873 29874 ></div> 29875 <form method="post" action="/cart/add" class="bt-qatc-form"> 29876 <input type="hidden" name="quantity" value="1"> 29877 <div class="bt-qatc-form-variants-container"> 29878 <div class="bt-qatc-form-variants--list"> 29879 29880 <div 29881 class="in-use bt-qatc-form-variant-input" 29882 29883 > 29884 <input 29885 type="radio" 29886 name="id" 29887 id="-52385035649320" 29888 value="52385035649320" 29889 data-price="299000" 29890 data-item-id="10441710338344" 29891 hidden 29892 29893 data-item-id="10441710338344" 29894 29895 > 29896 29897 <label 29898 for="-52385035649320" 29899 data-sefam-quick-size 29900 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 29901 > 29902 <span class="split-variant-value"> 29903 29904 29905 29906 29907 29908 29909 29910 13/14-Y 29911 29912 29913</span> 29914 </label> 29915 </div> 29916 29917 <div 29918 class="in-use bt-qatc-form-variant-input" 29919 29920 > 29921 <input 29922 type="radio" 29923 name="id" 29924 id="-52385035682088" 29925 value="52385035682088" 29926 data-price="299000" 29927 data-item-id="10441710338344" 29928 hidden 29929 29930 data-item-id="10441710338344" 29931 29932 > 29933 29934 <label 29935 for="-52385035682088" 29936 data-sefam-quick-size 29937 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 29938 > 29939 <span class="split-variant-value"> 29940 29941 29942 29943 29944 29945 29946 29947 15/16-Y 29948 29949 29950</span> 29951 </label> 29952 </div> 29953 29954 <div 29955 class="in-use bt-qatc-form-variant-input" 29956 29957 > 29958 <input 29959 type="radio" 29960 name="id" 29961 id="-52385104953640" 29962 value="52385104953640" 29963 data-price="299000" 29964 data-item-id="10441710338344" 29965 hidden 29966 29967 data-item-id="10441710338344" 29968 29969 > 29970 29971 <label 29972 for="-52385104953640" 29973 data-sefam-quick-size 29974 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 29975 >
29976 <span class="split-variant-value"> 29977 29978 29979 29980 29981 29982 29983 29984 17/18-Y 29985 29986 29987</span> 29988 </label> 29989 </div> 29990 29991 </div> 29992 29993 29994 29995 29996 </div> 29997 </form> 29998 </div> 29999 </div> 30000 30001 30002 30003 30004 30005 30006 30007 30008 30009 30010 30011 30012 30013 30014 30015 30016 30017 30018 30019 30020 30021 30022 30023 30024 30025 30026 30027 30028 30029 30030 30031 30032 30033 30034 30035 30036 30037 30038 30039 30040 30041 30042 30043 30044 30045 30046 30047 30048 30049 30050 30051 30052 30053 30054 30055 30056 30057 30058 30059 30060 30061 30062 30063 30064 30065 30066 30067 30068 30069 <div 30070 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 30071 > 30072 <div class="ethnc-qatc-btn cstm-add-btn visible"> 30073 <span class="small-hide hide-mobile">Add to Basket</span> 30074 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 30075 </span> 30076 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 30077 width="11" 30078 height="11" 30079 viewBox="0 0 11 11" 30080 fill="none" 30081> 30082 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 30083 fill="black" 30084 /> 30085</svg> 30086</span> 30087 </div> 30088 </div> 30089 30090 30091 </div> 30092 30093 <div class="card__content aiza2"> 30094 <div class="card__information"> 30095 <small class="product-brand"> 30096 Leisure Club 30097 </small> 30098 <h3 30099 class="card__heading h5" 30100 30101 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10441710338344" 30102 30103 > 30104 <a 30105 href="/products/nbts317426" 30106 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10441710338344" 30107 class="full-unstyled-link" 30108 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10441710338344 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10441710338344" 30109 > 30110 Boys Graphic Tee - NBTS317426 30111 30112 <div class="card_colorways_container" onclick="event.stopPropagation();"> 30113 30114 30115 � 30116 </div> 30117 </a> 30118 30119 </h3> 30120 30121 <div class="card-information"><span class="caption-large light"></span> 30122<div 30123 class=" 30124 price " 30125 > 30126 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
30127 <span class="price-item price-item--regular"> 30128 <span class=money>Rs.2,990</span> 30129 </span></div> 30130 <div class="price__sale"> 30131 <span class="visually-hidden visually-hidden--inline">Regular price</span> 30132 <span> 30133 <s class="price-item price-item--regular"> 30134 30135 <span class=money>Rs.2,990</span> 30136 30137 </s> 30138 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 30139 <span class="price-item price-item--sale price-item--last"> 30140 30141 30142 30143 30144 <span class="percentage__sale hidden">0% OFF</span> 30145 30146 <span class=money>Rs.2,990</span> 30147 </span> 30148 </div> 30149 <small class="unit-price caption hidden"> 30150 <span class="visually-hidden">Unit price</span> 30151 <span class="price-item price-item--last"> 30152 <span></span> 30153 <span aria-hidden="true">/</span> 30154 <span class="visually-hidden"> per </span> 30155 <span> 30156 </span> 30157 </span> 30158 </small> 30159 </div></div> 30160 30161 30162 30163 </div> 30164 </div> 30165 </div> 30166 30167 </div> 30168 </div><style> 30169/* ========================================================= 30170 DESKTOP PRODUCT CARD QUICK ADD 30171 LEFT = sizes 30172 RIGHT = original bag icon 30173 Mobile behavior remains unchanged 30174 ========================================================= */ 30175@media (min-width: 990px) { 30176 .hide-desktop { 30177 display: none !important; 30178 } 30179 30180 /* Keep both controls on the same bottom row */ 30181 .card-wrapper-box { 30182 position: relative; 30183 } 30184 30185 .card-wrapper-box .bt-qatc-container, 30186 .card-wrapper-box .ethnc-qatc-btn-container { 30187 position: absolute !important; 30188 bottom: 0 !important; 30189 z-index: 8 !important; 30190 } 30191 30192 /* LEFT: size area */ 30193 .card-wrapper-box .bt-qatc-container { 30194 left: 0 !important; 30195 right: 46px !important; 30196 width: auto !important; 30197 } 30198 30199 .card-wrapper-box .bt-qatc-form-container { 30200 left: 0 !important; 30201 right: 0 !important; 30202 bottom: -350% !important; 30203 width: 100% !important; 30204 min-height: 43px !important; 30205 opacity: 0 !important; 30206 visibility: hidden !important; 30207 pointer-events: none !important; 30208 transition: bottom .22s ease, opacity .18s ease !important; 30209 } 30210 30211 .card-wrapper-box .bt-qatc-form, 30212 .card-wrapper-box .bt-qatc-form-variants-container, 30213 .card-wrapper-box .bt-qatc-form-variants--list { 30214 width: 100% !important; 30215 } 30216 30217 .card-wrapper-box .bt-qatc-form-variants--list { 30218 display: flex !important; 30219 align-items: center !important; 30220 flex-wrap: wrap !important; 30221 gap: 0 !important; 30222 min-height: 43px !important; 30223 } 30224 30225 /* RIGHT: original bag button */ 30226 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 30227 display: flex !important; 30228 align-items: stretch !important; 30229 justify-content: center !important; 30230 left: auto !important; 30231 right: 0 !important; 30232 width: 46px !important; 30233 height: 43px !important; 30234 opacity: 0 !important; 30235 visibility: hidden !important; 30236 pointer-events: none !important; 30237 transition: opacity .18s ease !important; 30238 } 30239 30240 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 30241 display: flex !important; 30242 align-items: center !important; 30243 justify-content: center !important; 30244 width: 46px !important; 30245 height: 43px !important; 30246 min-width: 46px !important; 30247 padding: 0 !important; 30248 cursor: pointer !important; 30249 } 30250 30251 /* Hide Add to Basket text on desktop; keep only bag icon */ 30252 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 30253 display: none !important; 30254 } 30255 30256 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 30257 display: flex !important; 30258 align-items: center !important; 30259 justify-content: center !important; 30260 width: 100% !important; 30261 height: 100% !important; 30262 padding: 0 !important; 30263 } 30264 30265 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 30266 display: block !important; 30267 width: 16px !important; 30268 height: 17px !important; 30269 } 30270 30271 /* Show sizes + bag together on desktop hover */ 30272 .card-wrapper-box:hover .bt-qatc-form-container { 30273 bottom: 0 !important; 30274 opacity: 1 !important; 30275 visibility: visible !important; 30276 pointer-events: auto !important; 30277 } 30278 30279 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 30280 opacity: 1 !important; 30281 visibility: visible !important; 30282 pointer-events: auto !important; 30283 } 30284} 30285 30286@media (max-width: 989px) { 30287 .hide-mobile { 30288 display: none; 30289 } 30290} 30291</style> 30292 30293 30294<style> 30295/* ========================================================= 30296 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 30297 Keeps all sizes in one clean row on the left 30298 and the bag icon fixed on the right. 30299 ========================================================= */ 30300@media (min-width: 990px) { 30301 30302 .card-wrapper-box .bt-qatc-form-container { 30303 height: 43px !important; 30304 min-height: 43px !important; 30305 max-height: 43px !important; 30306 overflow: hidden !important; 30307 background: rgba(255,255,255,.96) !important; 30308 } 30309 30310 .card-wrapper-box .bt-qatc-form { 30311 display: block !important; 30312 height: 43px !important; 30313 min-height: 43px !important; 30314 margin: 0 !important; 30315 padding: 0 !important; 30316 } 30317 30318 .card-wrapper-box .bt-qatc-form-variants-container { 30319 display: block !important; 30320 width: 100% !important; 30321 height: 43px !important; 30322 min-height: 43px !important; 30323 margin: 0 !important; 30324 padding: 0 !important; 30325 } 30326 30327 .card-wrapper-box .bt-qatc-form-variants--list { 30328 display: flex !important; 30329 flex-direction: row !important; 30330 flex-wrap: wrap !important;
30331 align-items: center !important; 30332 justify-content: center !important; 30333 30334 width: 100% !important; 30335 height: 43px !important; 30336 min-height: 43px !important; 30337 30338 margin: 0 !important; 30339 padding: 0 6px !important; 30340 gap: 2px !important; 30341 30342 box-sizing: border-box !important; 30343 overflow: visible !important; 30344 white-space: normal !important; 30345 } 30346 30347 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 30348 display: none !important; 30349 } 30350 30351 .card-wrapper-box .bt-qatc-form-variant-input { 30352 position: relative !important; 30353 30354 display: flex !important; 30355 align-items: center !important; 30356 justify-content: center !important; 30357 30358 flex: 0 0 auto !important; 30359 width: auto !important; 30360 min-width: 32px !important; 30361 height: 43px !important; 30362 30363 margin: 0 !important; 30364 padding: 0 !important; 30365 30366 border: 0 !important; 30367 background: transparent !important; 30368 } 30369 30370 .card-wrapper-box .bt-qatc-form-variant-input label { 30371 position: static !important; 30372 30373 display: flex !important; 30374 align-items: center !important; 30375 justify-content: center !important; 30376 30377 width: auto !important; 30378 min-width: 32px !important; 30379 height: 32px !important; 30380 30381 margin: 0 !important; 30382 padding: 0 6px !important; 30383 30384 box-sizing: border-box !important; 30385 30386 background: transparent !important; 30387 border: 0 !important; 30388 30389 color: #111 !important; 30390 font-size: 12px !important; 30391 line-height: 1 !important; 30392 font-weight: 400 !important; 30393 30394 white-space: nowrap !important; 30395 cursor: pointer !important; 30396 } 30397 30398 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 30399 display: block !important; 30400 width: auto !important; 30401 max-width: none !important; 30402 30403 margin: 0 !important; 30404 padding: 0 !important; 30405 30406 overflow: visible !important; 30407 white-space: nowrap !important; 30408 text-overflow: clip !important; 30409 30410 font-size: inherit !important; 30411 line-height: inherit !important; 30412 } 30413 30414 /* Sold-out size */ 30415 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 30416 opacity: .35 !important; 30417 text-decoration: line-through !important; 30418 cursor: not-allowed !important; 30419 } 30420 30421 /* Optional hover feedback */ 30422 .card-wrapper-box 30423 .bt-qatc-form-variant-input:not(.is-disbaled) 30424 label:hover { 30425 text-decoration: underline !important; 30426 text-underline-offset: 3px !important; 30427 } 30428 30429 /* Prevent old theme transforms / absolute positions */ 30430 .card-wrapper-box .bt-qatc-form-variant-input *, 30431 .card-wrapper-box .bt-qatc-form-variants--list * { 30432 transform: none; 30433 } 30434} 30435</style> 30436 30437 30438<style> 30439/* Desktop quick-add: use one seamless background for sizes + bag */ 30440@media (min-width: 990px) { 30441 .card-wrapper-box .bt-qatc-form-container, 30442 .card-wrapper-box .bt-qatc-form, 30443 .card-wrapper-box .bt-qatc-form-variants-container, 30444 .card-wrapper-box .bt-qatc-form-variants--list, 30445 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 30446 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 30447 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 30448 background: rgba(255,255,255,.96) !important; 30449 } 30450 30451 /* Remove any visual split between sizes and bag */ 30452 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 30453 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 30454 border-left: 0 !important; 30455 box-shadow: none !important; 30456 } 30457} 30458</style> 30459 30460 30461<style> 30462/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 30463@media (min-width: 990px) { 30464 .card-wrapper-box .bt-qatc-form-container, 30465 .card-wrapper-box .bt-qatc-form, 30466 .card-wrapper-box .bt-qatc-form-variants-container { 30467 height: auto !important; 30468 max-height: none !important; 30469 overflow: visible !important; 30470 } 30471 30472 .card-wrapper-box .bt-qatc-form-variants--list { 30473 display: flex !important; 30474 flex-wrap: wrap !important; 30475 justify-content: center !important; 30476 align-items: center !important; 30477 height: auto !important; 30478 min-height: 43px !important; 30479 max-height: none !important; 30480 overflow: visible !important; 30481 white-space: normal !important; 30482 padding: 5px 6px !important; 30483 } 30484 30485 .card-wrapper-box .bt-qatc-form-variant-input { 30486 flex: 0 0 auto !important; 30487 } 30488} 30489</style> 30490
30491<script> 30492 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 30493 const wrap = label.closest('.bt-qatc-form-variant-input'); 30494 const form = label.closest('.bt-qatc-form'); 30495 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 30496 30497 if (!wrap || !form || !input) return; 30498 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 30499 if (label.dataset.loading === 'true') return; 30500 30501 input.checked = true; 30502 label.dataset.loading = 'true'; 30503 label.style.pointerEvents = 'none'; 30504 30505 try { 30506 const cartResp = await fetch('/cart.js', { 30507 method: 'GET', 30508 headers: { 'Accept': 'application/json' } 30509 }); 30510 30511 if (!cartResp.ok) throw new Error('Unable to read cart'); 30512 30513 const cart = await cartResp.json(); 30514 const variantId = Number(input.value); 30515 const selectedPrice = Number(input.dataset.price || 0) / 100; 30516 const totalCartPrice = Number(cart.total_price || 0) / 100; 30517 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 30518 30519 if ((totalCartPrice + selectedPrice) > 250000) { 30520 if (window.showAlert) { 30521 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 30522 } else { 30523 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 30524 } 30525 return; 30526 } 30527 30528 if (itemInCart && Number(itemInCart.quantity) >= 3) { 30529 if (window.showAlert) { 30530 window.showAlert('Limit reached: Max 3 items per size can be added'); 30531 } else { 30532 alert('Limit reached: Max 3 items per size can be added'); 30533 } 30534 return; 30535 } 30536 30537 30538 const cartSections = document.querySelector('cart-notification, cart-drawer'); 30539 const formData = new FormData(form); 30540 30541 formData.set('id', input.value); 30542 formData.set('quantity', '1'); 30543 30544 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 30545 formData.set( 30546 'sections', 30547 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 30548 ); 30549 } 30550 30551 formData.set('sections_url', window.location.pathname); 30552 30553 const addResp = await fetch('/cart/add.js', { 30554 method: 'POST', 30555 headers: { 'Accept': 'application/json' }, 30556 body: formData 30557 }); 30558 30559 const data = await addResp.json(); 30560 30561 if (!addResp.ok) { 30562 throw new Error(data.description || data.message || 'Unable to add this size'); 30563 } 30564 30565 if (cartSections && typeof cartSections.renderContents === 'function') { 30566 cartSections.renderContents(data); 30567 } else { 30568 const bubble = document.querySelector('#cart-icon-bubble'); 30569 if (bubble) bubble.click(); 30570 } 30571 30572 const card = label.closest('.card-wrapper-box'); 30573 if (card) { 30574 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 30575 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 30576 } 30577 } catch (error) { 30578 console.error('SEFAM hover size quick-add error:', error); 30579 if (window.showAlert) { 30580 window.showAlert(error.message || 'Unable to add this size to cart'); 30581 } else { 30582 alert(error.message || 'Unable to add this size to cart'); 30583 } 30584 } finally { 30585 label.dataset.loading = 'false'; 30586 label.style.pointerEvents = ''; 30587 } 30588 }; 30589</script>
30589 30590 30591<style> 30592/* Desktop quick-add final alignment: 30593 sizes start from left; bag area matches the complete quick-size background height. */ 30594@media (min-width: 990px) { 30595 .card-wrapper-box .bt-qatc-form-variants--list { 30596 justify-content: flex-start !important; 30597 align-content: center !important; 30598 text-align: left !important; 30599 } 30600 30601 .card-wrapper-box .bt-qatc-container { 30602 right: 46px !important; 30603 } 30604 30605 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 30606 top: auto !important; 30607 bottom: 0 !important; 30608 width: 46px !important; 30609 height: 100% !important; 30610 min-height: 43px !important; 30611 align-items: stretch !important; 30612 background: rgba(255,255,255,.96) !important; 30613 } 30614 30615 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 30616 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 30617 width: 46px !important; 30618 height: 100% !important; 30619 min-height: 43px !important; 30620 background: rgba(255,255,255,.96) !important; 30621 } 30622 30623 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 30624 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 30625 height: var(--sefam-quick-add-height, 43px) !important; 30626 } 30627} 30628</style>
30629<script> 30630(function () { 30631 function syncQuickAddHeight(card) { 30632 if (!card || window.innerWidth < 990) return; 30633 var panel = card.querySelector('.bt-qatc-form-container'); 30634 if (!panel) return; 30635 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 30636 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 30637 } 30638 30639 document.addEventListener('mouseover', function(e) { 30640 var card = e.target.closest('.card-wrapper-box'); 30641 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 30642 }, { passive: true }); 30643 30644 window.addEventListener('resize', function() { 30645 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 30646 }, { passive: true }); 30647})(); 30648</script>
30648 30649 30650 30651 30652<style> 30653/* ========================================================= 30654 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 30655 - reduce space between sizes 30656 - keep sizes left aligned 30657 - keep the bag icon on the BOTTOM row 30658 - bag background still matches the full size panel 30659 ========================================================= */ 30660@media (min-width: 990px) { 30661 30662 /* More usable width for sizes */ 30663 .card-wrapper-box .bt-qatc-container { 30664 right: 42px !important; 30665 } 30666 30667 /* Compact, left-aligned size list */ 30668 .card-wrapper-box .bt-qatc-form-variants--list { 30669 justify-content: flex-start !important; 30670 align-items: center !important; 30671 align-content: center !important; 30672 30673 column-gap: 0 !important; 30674 row-gap: 0 !important; 30675 30676 padding: 4px 4px !important; 30677 margin: 0 !important; 30678 } 30679 30680 .card-wrapper-box .bt-qatc-form-variant-input { 30681 min-width: 0 !important; 30682 width: auto !important; 30683 height: 35px !important; 30684 margin: 0 !important; 30685 padding: 0 !important; 30686 } 30687 30688 .card-wrapper-box .bt-qatc-form-variant-input label { 30689 min-width: 0 !important; 30690 width: auto !important; 30691 height: 35px !important; 30692 30693 margin: 0 !important; 30694 padding: 0 4px !important; 30695 30696 font-size: 12px !important; 30697 line-height: 1 !important; 30698 } 30699 30700 /* Bag column keeps the same full white background as the sizes */ 30701 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 30702 right: 0 !important; 30703 bottom: 0 !important; 30704 top: auto !important; 30705 30706 width: 42px !important; 30707 min-width: 42px !important; 30708 height: var(--sefam-quick-add-height, 43px) !important; 30709 min-height: 43px !important; 30710 30711 display: flex !important; 30712 flex-direction: column !important; 30713 justify-content: flex-end !important; 30714 align-items: stretch !important; 30715 30716 padding: 0 !important; 30717 margin: 0 !important; 30718 30719 background: rgba(255,255,255,.96) !important; 30720 } 30721 30722 /* The clickable bag itself always sits at the bottom */ 30723 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 30724 width: 42px !important; 30725 min-width: 42px !important; 30726 height: 43px !important; 30727 min-height: 43px !important; 30728 30729 margin-top: auto !important; 30730 padding: 0 !important; 30731 30732 display: flex !important; 30733 align-items: center !important; 30734 justify-content: center !important; 30735 30736 background: rgba(255,255,255,.96) !important; 30737 } 30738 30739 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 30740 width: 42px !important; 30741 height: 43px !important; 30742 min-height: 43px !important; 30743 30744 display: flex !important; 30745 align-items: center !important; 30746 justify-content: center !important; 30747 30748 padding: 0 !important; 30749 margin: 0 !important; 30750 30751 background: transparent !important; 30752 } 30753 30754 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 30755 width: 16px !important; 30756 height: 17px !important; 30757 } 30758} 30759</style> 30760 30761 30762<style> 30763/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 30764@media (min-width: 990px) { 30765 .card-wrapper-box .bt-qatc-form-variants--list { 30766 padding: 3px 4px !important; 30767 column-gap: 0 !important; 30768 row-gap: 0 !important; 30769 justify-content: flex-start !important; 30770 align-items: center !important; 30771 align-content: center !important; 30772 } 30773 30774 .card-wrapper-box .bt-qatc-form-variant-input { 30775 min-width: 0 !important; 30776 width: auto !important; 30777 height: 30px !important; 30778 margin: 0 !important; 30779 padding: 0 !important; 30780 } 30781 30782 .card-wrapper-box .bt-qatc-form-variant-input label { 30783 min-width: 0 !important; 30784 width: auto !important; 30785 height: 30px !important; 30786 margin: 0 !important; 30787 padding: 0 4px !important; 30788 font-size: 12px !important; 30789 line-height: 1 !important; 30790 display: flex !important; 30791 align-items: center !important; 30792 justify-content: center !important; 30793 } 30794 30795 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 30796 display: flex !important; 30797 flex-direction: column !important; 30798 justify-content: flex-end !important;
30799 align-items: stretch !important; 30800 bottom: 0 !important; 30801 top: auto !important; 30802 height: var(--sefam-quick-add-height, 36px) !important; 30803 min-height: 36px !important; 30804 } 30805 30806 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 30807 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 30808 height: 36px !important; 30809 min-height: 36px !important; 30810 margin-top: auto !important; 30811 } 30812} 30813</style> 30814 30815<style> 30816 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 30817 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 30818 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 30819 .card_colorways_container .new-mbl-color-single label span, 30820 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 30821 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 30822</style> 30823 30824 </li> 30825 30826 <li 30827 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_GLf4cC-5" 30828 class="grid__item slider__slide" 30829 > 30830 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 30831� 30832 30833 30834 � 30835 30836 30837 30838 <div class="card-wrapper product-card-wrapper"> 30839 <div 30840 class=" 30841 card card--standard 30842 card--media 30843 30844 30845 30846 30847 30848 " 30849 style="--ratio-percent: 150.00000000000003%;" 30850 30851 > 30852 <div class="card-wrapper-box"> 30853 30854 <div 30855 class="card__inner color-scheme-2 gradient ratio" 30856 style="--ratio-percent: 150.00000000000003%;" 30857 30858 > 30859 �<a href="/products/kpl10126"> 30860 30861 �<div class="card-prdct2 card__media"> 30862 <div class="media media--transparent mt3"> 30863 30864 30865 <img 30866 src="//sefam.com/cdn/shop/files/KPL10126_2.jpg?v=1776842368&width=800" 30867 srcset="//sefam.com/cdn/shop/files/KPL10126_2.jpg?v=1776842368&width=1600 2x" 30868 class="" 30869 alt="Chambray Meadow Co-Ord - KPL10126" 30870 30871 loading="lazy" 30872 30873 width="2400" 30874 height="3600" 30875 > 30876 �<img 30877 src="//sefam.com/cdn/shop/files/KPL10126_5.jpg?v=1776842368&width=800" 30878 srcset="//sefam.com/cdn/shop/files/KPL10126_5.jpg?v=1776842368&width=1600 2x" 30879 alt="Chambray Meadow Co-Ord - KPL10126" 30880 loading="lazy" 30881 width="2400" 30882 height="3600" 30883 data-index="" 30884 > 30885 30886 � 30887 </div> 30888 30889 30890 </div> 30891 </a> 30892 </div> 30893 30894 30895 30896 30897 <div class="bt-qatc-container"> 30898 <div class="bt-qatc-form-container"> 30899 <div class="bt-qatc-form-content large-up-hide medium-hide"> 30900 <h3>Chambray Meadow Co-Ord - KPL10126</h3> 30901 30902<div 30903 class=" 30904 price " 30905 > 30906 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 30907 <span class="price-item price-item--regular"> 30908 <span class=money>Rs.5,490</span> 30909 </span></div> 30910 <div class="price__sale"> 30911 <span class="visually-hidden visually-hidden--inline">Regular price</span> 30912 <span> 30913 <s class="price-item price-item--regular"> 30914
30915 <span class=money>Rs.5,490</span> 30916 30917 </s> 30918 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 30919 <span class="price-item price-item--sale price-item--last"> 30920 30921 30922 30923 30924 <span class="percentage__sale hidden">0% OFF</span> 30925 30926 <span class=money>Rs.5,490</span> 30927 </span> 30928 </div> 30929 <small class="unit-price caption hidden"> 30930 <span class="visually-hidden">Unit price</span> 30931 <span class="price-item price-item--last"> 30932 <span></span> 30933 <span aria-hidden="true">/</span> 30934 <span class="visually-hidden"> per </span> 30935 <span> 30936 </span> 30937 </span> 30938 </small> 30939 </div></div> 30940 30941 30942 30943 </div> 30944 <div 30945 class="ethnc-form-media large-up-hide medium-hide" 30946 30947 ></div> 30948 <form method="post" action="/cart/add" class="bt-qatc-form"> 30949 <input type="hidden" name="quantity" value="1"> 30950 <div class="bt-qatc-form-variants-container"> 30951 <div class="bt-qatc-form-variants--list"> 30952 30953 <div 30954 class="in-use bt-qatc-form-variant-input" 30955 30956 > 30957 <input 30958 type="radio" 30959 name="id" 30960 id="-51729470587176" 30961 value="51729470587176" 30962 data-price="549000" 30963 data-item-id="10254379286824" 30964 hidden 30965 30966 data-item-id="10254379286824" 30967 30968 > 30969 30970 <label 30971 for="-51729470587176" 30972 data-sefam-quick-size 30973 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 30974 > 30975 <span class="split-variant-value"> 30976 30977 30978 30979 30980 30981 30982 30983 5/6-Y 30984 30985 30986</span> 30987 </label> 30988 </div> 30989 30990 <div 30991 class="in-use bt-qatc-form-variant-input" 30992 30993 > 30994 <input 30995 type="radio" 30996 name="id" 30997 id="-51729470619944" 30998 value="51729470619944" 30999 data-price="549000" 31000 data-item-id="10254379286824" 31001 hidden 31002 31003 data-item-id="10254379286824" 31004 31005 > 31006 31007 <label 31008 for="-51729470619944" 31009 data-sefam-quick-size 31010 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 31011 > 31012 <span class="split-variant-value"> 31013 31014 31015 31016 31017 31018 31019 31020 7/8-Y 31021 31022 31023</span> 31024 </label> 31025 </div> 31026 31027 <div 31028 class="in-use bt-qatc-form-variant-input" 31029 31030 > 31031 <input 31032 type="radio" 31033 name="id" 31034 id="-51729470652712" 31035 value="51729470652712" 31036 data-price="599000" 31037 data-item-id="10254379286824" 31038 hidden 31039 31040 data-item-id="10254379286824" 31041 31042 > 31043 31044 <label 31045 for="-51729470652712" 31046 data-sefam-quick-size 31047 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 31048 >
31049 <span class="split-variant-value"> 31050 31051 31052 31053 31054 31055 31056 31057 9/10-Y 31058 31059 31060</span> 31061 </label> 31062 </div> 31063 31064 <div 31065 class="in-use bt-qatc-form-variant-input" 31066 31067 > 31068 <input 31069 type="radio" 31070 name="id" 31071 id="-51729470685480" 31072 value="51729470685480" 31073 data-price="599000" 31074 data-item-id="10254379286824" 31075 hidden 31076 31077 data-item-id="10254379286824" 31078 31079 > 31080 31081 <label 31082 for="-51729470685480" 31083 data-sefam-quick-size 31084 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 31085 > 31086 <span class="split-variant-value"> 31087 31088 31089 31090 31091 31092 31093 31094 11/12-Y 31095 31096 31097</span> 31098 </label> 31099 </div> 31100 31101 <div 31102 class="in-use bt-qatc-form-variant-input" 31103 31104 > 31105 <input 31106 type="radio" 31107 name="id" 31108 id="-51729470718248" 31109 value="51729470718248" 31110 data-price="599000" 31111 data-item-id="10254379286824" 31112 hidden 31113 31114 data-item-id="10254379286824" 31115 31116 > 31117 31118 <label 31119 for="-51729470718248" 31120 data-sefam-quick-size 31121 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 31122 > 31123 <span class="split-variant-value"> 31124 31125 31126 31127 31128 31129 31130 31131 13/14-Y 31132 31133 31134</span> 31135 </label> 31136 </div> 31137 31138 </div> 31139 31140 31141 31142 31143 </div> 31144 </form> 31145 </div> 31146 </div> 31147 31148 31149 31150 31151 31152 31153 31154 31155 31156 31157 31158 31159 31160 31161 31162 31163 31164 31165 31166 31167 31168 31169 31170 31171 31172 31173 31174 31175 31176 31177 31178 31179 31180 31181 31182 31183 31184 31185 31186 31187 31188 31189 31190 31191 31192 31193 31194 31195 31196 31197 31198 <div 31199 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 31200 > 31201 <div class="ethnc-qatc-btn cstm-add-btn visible"> 31202 <span class="small-hide hide-mobile">Add to Basket</span> 31203 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 31204 </span>
31205 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 31206 width="11" 31207 height="11" 31208 viewBox="0 0 11 11" 31209 fill="none" 31210> 31211 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 31212 fill="black" 31213 /> 31214</svg> 31215</span> 31216 </div> 31217 </div> 31218 31219 31220 </div> 31221 31222 <div class="card__content aiza2"> 31223 <div class="card__information"> 31224 <small class="product-brand"> 31225 Leisure Club 31226 </small> 31227 <h3 31228 class="card__heading h5" 31229 31230 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10254379286824" 31231 31232 > 31233 <a 31234 href="/products/kpl10126" 31235 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10254379286824" 31236 class="full-unstyled-link" 31237 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10254379286824 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10254379286824" 31238 > 31239 Chambray Meadow Co-Ord - KPL10126 31240 31241 <div class="card_colorways_container" onclick="event.stopPropagation();"> 31242 31243 31244 � 31245 </div> 31246 </a> 31247 31248 </h3> 31249 31250 <div class="card-information"><span class="caption-large light"></span> 31251<div 31252 class=" 31253 price " 31254 > 31255 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 31256 <span class="price-item price-item--regular"> 31257 <span class=money>Rs.5,490</span> 31258 </span></div> 31259 <div class="price__sale"> 31260 <span class="visually-hidden visually-hidden--inline">Regular price</span> 31261 <span> 31262 <s class="price-item price-item--regular"> 31263 31264 <span class=money>Rs.5,490</span> 31265 31266 </s> 31267 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 31268 <span class="price-item price-item--sale price-item--last"> 31269 31270 31271 31272 31273 <span class="percentage__sale hidden">0% OFF</span> 31274 31275 <span class=money>Rs.5,490</span> 31276 </span> 31277 </div> 31278 <small class="unit-price caption hidden"> 31279 <span class="visually-hidden">Unit price</span> 31280 <span class="price-item price-item--last"> 31281 <span></span> 31282 <span aria-hidden="true">/</span> 31283 <span class="visually-hidden"> per </span> 31284 <span> 31285 </span> 31286 </span> 31287 </small> 31288 </div></div> 31289 31290 31291 31292 </div> 31293 </div> 31294 </div> 31295 31296 </div> 31297 </div><style> 31298/* ========================================================= 31299 DESKTOP PRODUCT CARD QUICK ADD 31300 LEFT = sizes 31301 RIGHT = original bag icon 31302 Mobile behavior remains unchanged 31303 ========================================================= */ 31304@media (min-width: 990px) { 31305 .hide-desktop { 31306 display: none !important; 31307 } 31308 31309 /* Keep both controls on the same bottom row */ 31310 .card-wrapper-box { 31311 position: relative; 31312 } 31313 31314 .card-wrapper-box .bt-qatc-container, 31315 .card-wrapper-box .ethnc-qatc-btn-container { 31316 position: absolute !important; 31317 bottom: 0 !important; 31318 z-index: 8 !important; 31319 } 31320 31321 /* LEFT: size area */ 31322 .card-wrapper-box .bt-qatc-container { 31323 left: 0 !important; 31324 right: 46px !important; 31325 width: auto !important; 31326 } 31327 31328 .card-wrapper-box .bt-qatc-form-container { 31329 left: 0 !important; 31330 right: 0 !important; 31331 bottom: -350% !important; 31332 width: 100% !important; 31333 min-height: 43px !important; 31334 opacity: 0 !important; 31335 visibility: hidden !important; 31336 pointer-events: none !important; 31337 transition: bottom .22s ease, opacity .18s ease !important; 31338 } 31339 31340 .card-wrapper-box .bt-qatc-form, 31341 .card-wrapper-box .bt-qatc-form-variants-container, 31342 .card-wrapper-box .bt-qatc-form-variants--list { 31343 width: 100% !important; 31344 } 31345 31346 .card-wrapper-box .bt-qatc-form-variants--list { 31347 display: flex !important;
31348 align-items: center !important; 31349 flex-wrap: wrap !important; 31350 gap: 0 !important; 31351 min-height: 43px !important; 31352 } 31353 31354 /* RIGHT: original bag button */ 31355 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 31356 display: flex !important; 31357 align-items: stretch !important; 31358 justify-content: center !important; 31359 left: auto !important; 31360 right: 0 !important; 31361 width: 46px !important; 31362 height: 43px !important; 31363 opacity: 0 !important; 31364 visibility: hidden !important; 31365 pointer-events: none !important; 31366 transition: opacity .18s ease !important; 31367 } 31368 31369 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 31370 display: flex !important; 31371 align-items: center !important; 31372 justify-content: center !important; 31373 width: 46px !important; 31374 height: 43px !important; 31375 min-width: 46px !important; 31376 padding: 0 !important; 31377 cursor: pointer !important; 31378 } 31379 31380 /* Hide Add to Basket text on desktop; keep only bag icon */ 31381 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 31382 display: none !important; 31383 } 31384 31385 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 31386 display: flex !important; 31387 align-items: center !important; 31388 justify-content: center !important; 31389 width: 100% !important; 31390 height: 100% !important; 31391 padding: 0 !important; 31392 } 31393 31394 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 31395 display: block !important; 31396 width: 16px !important; 31397 height: 17px !important; 31398 } 31399 31400 /* Show sizes + bag together on desktop hover */ 31401 .card-wrapper-box:hover .bt-qatc-form-container { 31402 bottom: 0 !important; 31403 opacity: 1 !important; 31404 visibility: visible !important; 31405 pointer-events: auto !important; 31406 } 31407 31408 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 31409 opacity: 1 !important; 31410 visibility: visible !important; 31411 pointer-events: auto !important; 31412 } 31413} 31414 31415@media (max-width: 989px) { 31416 .hide-mobile { 31417 display: none; 31418 } 31419} 31420</style> 31421 31422 31423<style> 31424/* ========================================================= 31425 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 31426 Keeps all sizes in one clean row on the left 31427 and the bag icon fixed on the right. 31428 ========================================================= */ 31429@media (min-width: 990px) { 31430 31431 .card-wrapper-box .bt-qatc-form-container { 31432 height: 43px !important; 31433 min-height: 43px !important; 31434 max-height: 43px !important; 31435 overflow: hidden !important; 31436 background: rgba(255,255,255,.96) !important; 31437 } 31438 31439 .card-wrapper-box .bt-qatc-form { 31440 display: block !important; 31441 height: 43px !important; 31442 min-height: 43px !important; 31443 margin: 0 !important; 31444 padding: 0 !important; 31445 } 31446 31447 .card-wrapper-box .bt-qatc-form-variants-container { 31448 display: block !important; 31449 width: 100% !important; 31450 height: 43px !important; 31451 min-height: 43px !important; 31452 margin: 0 !important; 31453 padding: 0 !important; 31454 } 31455 31456 .card-wrapper-box .bt-qatc-form-variants--list { 31457 display: flex !important; 31458 flex-direction: row !important; 31459 flex-wrap: wrap !important; 31460 align-items: center !important; 31461 justify-content: center !important; 31462 31463 width: 100% !important; 31464 height: 43px !important; 31465 min-height: 43px !important; 31466 31467 margin: 0 !important; 31468 padding: 0 6px !important; 31469 gap: 2px !important; 31470 31471 box-sizing: border-box !important; 31472 overflow: visible !important; 31473 white-space: normal !important; 31474 } 31475 31476 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 31477 display: none !important; 31478 } 31479 31480 .card-wrapper-box .bt-qatc-form-variant-input { 31481 position: relative !important; 31482 31483 display: flex !important; 31484 align-items: center !important; 31485 justify-content: center !important; 31486 31487 flex: 0 0 auto !important; 31488 width: auto !important; 31489 min-width: 32px !important; 31490 height: 43px !important; 31491 31492 margin: 0 !important; 31493 padding: 0 !important; 31494 31495 border: 0 !important; 31496 background: transparent !important; 31497 } 31498 31499 .card-wrapper-box .bt-qatc-form-variant-input label { 31500 position: static !important; 31501 31502 display: flex !important;
31503 align-items: center !important; 31504 justify-content: center !important; 31505 31506 width: auto !important; 31507 min-width: 32px !important; 31508 height: 32px !important; 31509 31510 margin: 0 !important; 31511 padding: 0 6px !important; 31512 31513 box-sizing: border-box !important; 31514 31515 background: transparent !important; 31516 border: 0 !important; 31517 31518 color: #111 !important; 31519 font-size: 12px !important; 31520 line-height: 1 !important; 31521 font-weight: 400 !important; 31522 31523 white-space: nowrap !important; 31524 cursor: pointer !important; 31525 } 31526 31527 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 31528 display: block !important; 31529 width: auto !important; 31530 max-width: none !important; 31531 31532 margin: 0 !important; 31533 padding: 0 !important; 31534 31535 overflow: visible !important; 31536 white-space: nowrap !important; 31537 text-overflow: clip !important; 31538 31539 font-size: inherit !important; 31540 line-height: inherit !important; 31541 } 31542 31543 /* Sold-out size */ 31544 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 31545 opacity: .35 !important; 31546 text-decoration: line-through !important; 31547 cursor: not-allowed !important; 31548 } 31549 31550 /* Optional hover feedback */ 31551 .card-wrapper-box 31552 .bt-qatc-form-variant-input:not(.is-disbaled) 31553 label:hover { 31554 text-decoration: underline !important; 31555 text-underline-offset: 3px !important; 31556 } 31557 31558 /* Prevent old theme transforms / absolute positions */ 31559 .card-wrapper-box .bt-qatc-form-variant-input *, 31560 .card-wrapper-box .bt-qatc-form-variants--list * { 31561 transform: none; 31562 } 31563} 31564</style> 31565 31566 31567<style> 31568/* Desktop quick-add: use one seamless background for sizes + bag */ 31569@media (min-width: 990px) { 31570 .card-wrapper-box .bt-qatc-form-container, 31571 .card-wrapper-box .bt-qatc-form, 31572 .card-wrapper-box .bt-qatc-form-variants-container, 31573 .card-wrapper-box .bt-qatc-form-variants--list, 31574 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 31575 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 31576 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 31577 background: rgba(255,255,255,.96) !important; 31578 } 31579 31580 /* Remove any visual split between sizes and bag */ 31581 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 31582 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 31583 border-left: 0 !important; 31584 box-shadow: none !important; 31585 } 31586} 31587</style> 31588 31589 31590<style> 31591/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 31592@media (min-width: 990px) { 31593 .card-wrapper-box .bt-qatc-form-container, 31594 .card-wrapper-box .bt-qatc-form, 31595 .card-wrapper-box .bt-qatc-form-variants-container { 31596 height: auto !important; 31597 max-height: none !important; 31598 overflow: visible !important; 31599 } 31600 31601 .card-wrapper-box .bt-qatc-form-variants--list { 31602 display: flex !important; 31603 flex-wrap: wrap !important; 31604 justify-content: center !important; 31605 align-items: center !important; 31606 height: auto !important; 31607 min-height: 43px !important; 31608 max-height: none !important; 31609 overflow: visible !important; 31610 white-space: normal !important; 31611 padding: 5px 6px !important; 31612 } 31613 31614 .card-wrapper-box .bt-qatc-form-variant-input { 31615 flex: 0 0 auto !important; 31616 } 31617} 31618</style> 31619
31620<script> 31621 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 31622 const wrap = label.closest('.bt-qatc-form-variant-input'); 31623 const form = label.closest('.bt-qatc-form'); 31624 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 31625 31626 if (!wrap || !form || !input) return; 31627 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 31628 if (label.dataset.loading === 'true') return; 31629 31630 input.checked = true; 31631 label.dataset.loading = 'true'; 31632 label.style.pointerEvents = 'none'; 31633 31634 try { 31635 const cartResp = await fetch('/cart.js', { 31636 method: 'GET', 31637 headers: { 'Accept': 'application/json' } 31638 }); 31639 31640 if (!cartResp.ok) throw new Error('Unable to read cart'); 31641 31642 const cart = await cartResp.json(); 31643 const variantId = Number(input.value); 31644 const selectedPrice = Number(input.dataset.price || 0) / 100; 31645 const totalCartPrice = Number(cart.total_price || 0) / 100; 31646 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 31647 31648 if ((totalCartPrice + selectedPrice) > 250000) { 31649 if (window.showAlert) { 31650 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 31651 } else { 31652 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 31653 } 31654 return; 31655 } 31656 31657 if (itemInCart && Number(itemInCart.quantity) >= 3) { 31658 if (window.showAlert) { 31659 window.showAlert('Limit reached: Max 3 items per size can be added'); 31660 } else { 31661 alert('Limit reached: Max 3 items per size can be added'); 31662 } 31663 return; 31664 } 31665 31666 31667 const cartSections = document.querySelector('cart-notification, cart-drawer'); 31668 const formData = new FormData(form); 31669 31670 formData.set('id', input.value); 31671 formData.set('quantity', '1'); 31672 31673 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 31674 formData.set( 31675 'sections', 31676 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 31677 ); 31678 } 31679 31680 formData.set('sections_url', window.location.pathname); 31681 31682 const addResp = await fetch('/cart/add.js', { 31683 method: 'POST', 31684 headers: { 'Accept': 'application/json' }, 31685 body: formData 31686 }); 31687 31688 const data = await addResp.json(); 31689 31690 if (!addResp.ok) { 31691 throw new Error(data.description || data.message || 'Unable to add this size'); 31692 } 31693 31694 if (cartSections && typeof cartSections.renderContents === 'function') { 31695 cartSections.renderContents(data); 31696 } else { 31697 const bubble = document.querySelector('#cart-icon-bubble'); 31698 if (bubble) bubble.click(); 31699 } 31700 31701 const card = label.closest('.card-wrapper-box'); 31702 if (card) { 31703 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 31704 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 31705 } 31706 } catch (error) { 31707 console.error('SEFAM hover size quick-add error:', error); 31708 if (window.showAlert) { 31709 window.showAlert(error.message || 'Unable to add this size to cart'); 31710 } else { 31711 alert(error.message || 'Unable to add this size to cart'); 31712 } 31713 } finally { 31714 label.dataset.loading = 'false'; 31715 label.style.pointerEvents = ''; 31716 } 31717 }; 31718</script>
31718 31719 31720<style> 31721/* Desktop quick-add final alignment: 31722 sizes start from left; bag area matches the complete quick-size background height. */ 31723@media (min-width: 990px) { 31724 .card-wrapper-box .bt-qatc-form-variants--list { 31725 justify-content: flex-start !important; 31726 align-content: center !important; 31727 text-align: left !important; 31728 } 31729 31730 .card-wrapper-box .bt-qatc-container { 31731 right: 46px !important; 31732 } 31733 31734 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 31735 top: auto !important; 31736 bottom: 0 !important; 31737 width: 46px !important; 31738 height: 100% !important; 31739 min-height: 43px !important; 31740 align-items: stretch !important; 31741 background: rgba(255,255,255,.96) !important; 31742 } 31743 31744 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 31745 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 31746 width: 46px !important; 31747 height: 100% !important; 31748 min-height: 43px !important; 31749 background: rgba(255,255,255,.96) !important; 31750 } 31751 31752 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 31753 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 31754 height: var(--sefam-quick-add-height, 43px) !important; 31755 } 31756} 31757</style>
31758<script> 31759(function () { 31760 function syncQuickAddHeight(card) { 31761 if (!card || window.innerWidth < 990) return; 31762 var panel = card.querySelector('.bt-qatc-form-container'); 31763 if (!panel) return; 31764 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 31765 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 31766 } 31767 31768 document.addEventListener('mouseover', function(e) { 31769 var card = e.target.closest('.card-wrapper-box'); 31770 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 31771 }, { passive: true }); 31772 31773 window.addEventListener('resize', function() { 31774 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 31775 }, { passive: true }); 31776})(); 31777</script>
31777 31778 31779 31780 31781<style> 31782/* ========================================================= 31783 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 31784 - reduce space between sizes 31785 - keep sizes left aligned 31786 - keep the bag icon on the BOTTOM row 31787 - bag background still matches the full size panel 31788 ========================================================= */ 31789@media (min-width: 990px) { 31790 31791 /* More usable width for sizes */ 31792 .card-wrapper-box .bt-qatc-container { 31793 right: 42px !important; 31794 } 31795 31796 /* Compact, left-aligned size list */ 31797 .card-wrapper-box .bt-qatc-form-variants--list { 31798 justify-content: flex-start !important; 31799 align-items: center !important; 31800 align-content: center !important; 31801 31802 column-gap: 0 !important; 31803 row-gap: 0 !important; 31804 31805 padding: 4px 4px !important; 31806 margin: 0 !important; 31807 } 31808 31809 .card-wrapper-box .bt-qatc-form-variant-input { 31810 min-width: 0 !important; 31811 width: auto !important; 31812 height: 35px !important; 31813 margin: 0 !important; 31814 padding: 0 !important; 31815 } 31816 31817 .card-wrapper-box .bt-qatc-form-variant-input label { 31818 min-width: 0 !important; 31819 width: auto !important; 31820 height: 35px !important; 31821 31822 margin: 0 !important; 31823 padding: 0 4px !important; 31824 31825 font-size: 12px !important; 31826 line-height: 1 !important; 31827 } 31828 31829 /* Bag column keeps the same full white background as the sizes */ 31830 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 31831 right: 0 !important; 31832 bottom: 0 !important; 31833 top: auto !important; 31834 31835 width: 42px !important; 31836 min-width: 42px !important; 31837 height: var(--sefam-quick-add-height, 43px) !important; 31838 min-height: 43px !important; 31839 31840 display: flex !important; 31841 flex-direction: column !important; 31842 justify-content: flex-end !important; 31843 align-items: stretch !important; 31844 31845 padding: 0 !important; 31846 margin: 0 !important; 31847 31848 background: rgba(255,255,255,.96) !important; 31849 } 31850 31851 /* The clickable bag itself always sits at the bottom */ 31852 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 31853 width: 42px !important; 31854 min-width: 42px !important; 31855 height: 43px !important; 31856 min-height: 43px !important; 31857 31858 margin-top: auto !important; 31859 padding: 0 !important; 31860 31861 display: flex !important; 31862 align-items: center !important; 31863 justify-content: center !important; 31864 31865 background: rgba(255,255,255,.96) !important; 31866 } 31867 31868 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 31869 width: 42px !important; 31870 height: 43px !important; 31871 min-height: 43px !important; 31872 31873 display: flex !important; 31874 align-items: center !important; 31875 justify-content: center !important; 31876 31877 padding: 0 !important; 31878 margin: 0 !important; 31879 31880 background: transparent !important; 31881 } 31882 31883 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 31884 width: 16px !important; 31885 height: 17px !important; 31886 } 31887} 31888</style> 31889 31890 31891<style> 31892/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 31893@media (min-width: 990px) { 31894 .card-wrapper-box .bt-qatc-form-variants--list { 31895 padding: 3px 4px !important; 31896 column-gap: 0 !important; 31897 row-gap: 0 !important; 31898 justify-content: flex-start !important; 31899 align-items: center !important; 31900 align-content: center !important; 31901 } 31902 31903 .card-wrapper-box .bt-qatc-form-variant-input { 31904 min-width: 0 !important; 31905 width: auto !important; 31906 height: 30px !important; 31907 margin: 0 !important; 31908 padding: 0 !important; 31909 } 31910 31911 .card-wrapper-box .bt-qatc-form-variant-input label { 31912 min-width: 0 !important; 31913 width: auto !important; 31914 height: 30px !important; 31915 margin: 0 !important; 31916 padding: 0 4px !important; 31917 font-size: 12px !important; 31918 line-height: 1 !important; 31919 display: flex !important; 31920 align-items: center !important; 31921 justify-content: center !important; 31922 } 31923 31924 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 31925 display: flex !important; 31926 flex-direction: column !important; 31927 justify-content: flex-end !important;
31928 align-items: stretch !important; 31929 bottom: 0 !important; 31930 top: auto !important; 31931 height: var(--sefam-quick-add-height, 36px) !important; 31932 min-height: 36px !important; 31933 } 31934 31935 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 31936 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 31937 height: 36px !important; 31938 min-height: 36px !important; 31939 margin-top: auto !important; 31940 } 31941} 31942</style> 31943 31944<style> 31945 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 31946 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 31947 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 31948 .card_colorways_container .new-mbl-color-single label span, 31949 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 31950 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 31951</style> 31952 31953 </li> 31954 31955 <li 31956 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_GLf4cC-6" 31957 class="grid__item slider__slide" 31958 > 31959 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 31960� 31961 31962 31963 � 31964 31965 31966 31967 <div class="card-wrapper product-card-wrapper"> 31968 <div 31969 class=" 31970 card card--standard 31971 card--media 31972 31973 31974 31975 31976 31977 " 31978 style="--ratio-percent: 150.00000000000003%;" 31979 31980 > 31981 <div class="card-wrapper-box"> 31982 31983 <div 31984 class="card__inner color-scheme-2 gradient ratio" 31985 style="--ratio-percent: 150.00000000000003%;" 31986 31987 > 31988 �<a href="/products/bw704326"> 31989 31990 �<div class="card-prdct2 card__media"> 31991 <div class="media media--transparent mt3"> 31992 31993 31994 <img 31995 src="//sefam.com/cdn/shop/files/BW704326_1_266675f8-c95a-403d-aa59-c93ba7825e35.jpg?v=1785394764&width=800" 31996 srcset="//sefam.com/cdn/shop/files/BW704326_1_266675f8-c95a-403d-aa59-c93ba7825e35.jpg?v=1785394764&width=1600 2x" 31997 class="" 31998 alt="Dyed Cotton Shirt - BW704326" 31999 32000 loading="lazy" 32001 32002 width="2400" 32003 height="3600" 32004 > 32005 �<img 32006 src="//sefam.com/cdn/shop/files/BW704326_5_8589bca0-0918-40dc-816a-c166b8a245e4.jpg?v=1785394763&width=800" 32007 srcset="//sefam.com/cdn/shop/files/BW704326_5_8589bca0-0918-40dc-816a-c166b8a245e4.jpg?v=1785394763&width=1600 2x" 32008 alt="Dyed Cotton Shirt - BW704326" 32009 loading="lazy" 32010 width="2400" 32011 height="3600" 32012 data-index="" 32013 > 32014 32015 � 32016 </div> 32017 32018 32019 </div> 32020 </a> 32021 </div> 32022 32023 32024 32025 32026 <div class="bt-qatc-container"> 32027 <div class="bt-qatc-form-container"> 32028 <div class="bt-qatc-form-content large-up-hide medium-hide"> 32029 <h3>Dyed Cotton Shirt - BW704326</h3> 32030 32031<div 32032 class=" 32033 price " 32034 > 32035 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 32036 <span class="price-item price-item--regular"> 32037 <span class=money>Rs.2,490</span> 32038 </span></div> 32039 <div class="price__sale"> 32040 <span class="visually-hidden visually-hidden--inline">Regular price</span>
32041 <span> 32042 <s class="price-item price-item--regular"> 32043 32044 <span class=money>Rs.2,490</span> 32045 32046 </s> 32047 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 32048 <span class="price-item price-item--sale price-item--last"> 32049 32050 32051 32052 32053 <span class="percentage__sale hidden">0% OFF</span> 32054 32055 <span class=money>Rs.2,490</span> 32056 </span> 32057 </div> 32058 <small class="unit-price caption hidden"> 32059 <span class="visually-hidden">Unit price</span> 32060 <span class="price-item price-item--last"> 32061 <span></span> 32062 <span aria-hidden="true">/</span> 32063 <span class="visually-hidden"> per </span> 32064 <span> 32065 </span> 32066 </span> 32067 </small> 32068 </div></div> 32069 32070 32071 32072 </div> 32073 <div 32074 class="ethnc-form-media large-up-hide medium-hide" 32075 32076 ></div> 32077 <form method="post" action="/cart/add" class="bt-qatc-form"> 32078 <input type="hidden" name="quantity" value="1"> 32079 <div class="bt-qatc-form-variants-container"> 32080 <div class="bt-qatc-form-variants--list"> 32081 32082 <div 32083 class="in-use bt-qatc-form-variant-input" 32084 32085 > 32086 <input 32087 type="radio" 32088 name="id" 32089 id="-51948375212328" 32090 value="51948375212328" 32091 data-price="249000" 32092 data-item-id="10302996119848" 32093 hidden 32094 32095 data-item-id="10302996119848" 32096 32097 > 32098 32099 <label 32100 for="-51948375212328" 32101 data-sefam-quick-size 32102 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 32103 > 32104 <span class="split-variant-value"> 32105 32106 32107 32108 32109 32110 32111 32112 5/6-Y 32113 32114 32115</span> 32116 </label> 32117 </div> 32118 32119 <div 32120 class="in-use bt-qatc-form-variant-input" 32121 32122 > 32123 <input 32124 type="radio" 32125 name="id" 32126 id="-51948375245096" 32127 value="51948375245096" 32128 data-price="249000" 32129 data-item-id="10302996119848" 32130 hidden 32131 32132 data-item-id="10302996119848" 32133 32134 > 32135 32136 <label 32137 for="-51948375245096" 32138 data-sefam-quick-size 32139 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 32140 > 32141 <span class="split-variant-value"> 32142 32143 32144 32145 32146 32147 32148 32149 7/8-Y 32150 32151 32152</span> 32153 </label> 32154 </div> 32155 32156 <div 32157 class="in-use bt-qatc-form-variant-input" 32158 32159 > 32160 <input 32161 type="radio" 32162 name="id" 32163 id="-51948375277864" 32164 value="51948375277864" 32165 data-price="249000" 32166 data-item-id="10302996119848" 32167 hidden 32168 32169 data-item-id="10302996119848" 32170 32171 > 32172 32173 <label 32174 for="-51948375277864" 32175 data-sefam-quick-size 32176 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 32177 >
32178 <span class="split-variant-value"> 32179 32180 32181 32182 32183 32184 32185 32186 9/10-Y 32187 32188 32189</span> 32190 </label> 32191 </div> 32192 32193 <div 32194 class="in-use bt-qatc-form-variant-input" 32195 32196 > 32197 <input 32198 type="radio" 32199 name="id" 32200 id="-51948375310632" 32201 value="51948375310632" 32202 data-price="299000" 32203 data-item-id="10302996119848" 32204 hidden 32205 32206 data-item-id="10302996119848" 32207 32208 > 32209 32210 <label 32211 for="-51948375310632" 32212 data-sefam-quick-size 32213 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 32214 > 32215 <span class="split-variant-value"> 32216 32217 32218 32219 32220 32221 32222 32223 11/12-Y 32224 32225 32226</span> 32227 </label> 32228 </div> 32229 32230 <div 32231 class="in-use bt-qatc-form-variant-input" 32232 32233 > 32234 <input 32235 type="radio" 32236 name="id" 32237 id="-51948375343400" 32238 value="51948375343400" 32239 data-price="299000" 32240 data-item-id="10302996119848" 32241 hidden 32242 32243 data-item-id="10302996119848" 32244 32245 > 32246 32247 <label 32248 for="-51948375343400" 32249 data-sefam-quick-size 32250 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 32251 > 32252 <span class="split-variant-value"> 32253 32254 32255 32256 32257 32258 32259 32260 13/14-Y 32261 32262 32263</span> 32264 </label> 32265 </div> 32266 32267 <div 32268 class="in-use bt-qatc-form-variant-input is-disbaled" 32269 32270 > 32271 <input 32272 type="radio" 32273 name="id" 32274 id="-51948375376168" 32275 value="51948375376168" 32276 data-price="299000" 32277 data-item-id="10302996119848" 32278 hidden 32279 32280 disbaled 32281 32282 data-item-id="10302996119848" 32283 32284 > 32285 32286 <label 32287 for="-51948375376168" 32288 data-sefam-quick-size 32289 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 32290 > 32291 <span class="split-variant-value"> 32292 32293 32294 32295 32296 32297 32298 32299 15/16-Y 32300 32301 32302</span> 32303 </label> 32304 </div> 32305 32306 </div> 32307 32308 32309 32310 32311 </div> 32312 </form> 32313 </div> 32314 </div> 32315 32316 32317 32318 32319 32320 32321 32322 32323 32324 32325 32326 32327 32328 32329 32330 32331 32332 32333 32334 32335 32336 32337 32338 32339 32340 32341 32342 32343 32344 32345 32346 32347 32348 32349 32350 32351 32352 32353 32354 32355 32356 32357 32358 32359 32360 32361 32362 32363 32364 32365 32366 32367 32368 32369 32370 32371 32372 32373 32374 32375 32376 32377 32378 32379 32380 32381 32382 32383 32384 32385 32386 32387 32388 32389 32390 32391 32392 32393 32394 32395 32396 32397 32398 32399 32400 32401 32402 32403 32404 32405 32406 32407 32408 32409 32410 32411 32412 32413 32414 32415 32416 32417 32418 32419 32420 32421 32422 32423 32424 32425 32426 32427 32428 32429 32430 32431 32432 32433 32434 32435 32436 32437 32438 32439 32440 32441 32442 32443 32444 32445 32446 32447 32448 32449 32450 32451 32452 32453 32454 32455 32456 32457 32458 32459 32460 32461 32462 32463 32464 32465 32466 32467 32468 <div
32469 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 32470 > 32471 <div class="ethnc-qatc-btn cstm-add-btn visible"> 32472 <span class="small-hide hide-mobile">Add to Basket</span> 32473 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 32474 </span> 32475 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 32476 width="11" 32477 height="11" 32478 viewBox="0 0 11 11" 32479 fill="none" 32480> 32481 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 32482 fill="black" 32483 /> 32484</svg> 32485</span> 32486 </div> 32487 </div> 32488 32489 32490 </div> 32491 32492 <div class="card__content aiza2"> 32493 <div class="card__information"> 32494 <small class="product-brand"> 32495 Leisure Club 32496 </small> 32497 <h3 32498 class="card__heading h5" 32499 32500 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10302996119848" 32501 32502 > 32503 <a 32504 href="/products/bw704326" 32505 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10302996119848" 32506 class="full-unstyled-link" 32507 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10302996119848 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10302996119848" 32508 > 32509 Dyed Cotton Shirt - BW704326 32510 32511 <div class="card_colorways_container" onclick="event.stopPropagation();"> 32512 32513 32514 � 32515 </div> 32516 </a> 32517 32518 </h3> 32519 32520 <div class="card-information"><span class="caption-large light"></span> 32521<div 32522 class=" 32523 price " 32524 > 32525 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 32526 <span class="price-item price-item--regular"> 32527 <span class=money>Rs.2,490</span> 32528 </span></div> 32529 <div class="price__sale"> 32530 <span class="visually-hidden visually-hidden--inline">Regular price</span> 32531 <span> 32532 <s class="price-item price-item--regular"> 32533 32534 <span class=money>Rs.2,490</span> 32535 32536 </s> 32537 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 32538 <span class="price-item price-item--sale price-item--last"> 32539 32540 32541 32542 32543 <span class="percentage__sale hidden">0% OFF</span> 32544 32545 <span class=money>Rs.2,490</span> 32546 </span> 32547 </div> 32548 <small class="unit-price caption hidden"> 32549 <span class="visually-hidden">Unit price</span> 32550 <span class="price-item price-item--last">
32551 <span></span> 32552 <span aria-hidden="true">/</span> 32553 <span class="visually-hidden"> per </span> 32554 <span> 32555 </span> 32556 </span> 32557 </small> 32558 </div></div> 32559 32560 32561 32562 </div> 32563 </div> 32564 </div> 32565 32566 </div> 32567 </div><style> 32568/* ========================================================= 32569 DESKTOP PRODUCT CARD QUICK ADD 32570 LEFT = sizes 32571 RIGHT = original bag icon 32572 Mobile behavior remains unchanged 32573 ========================================================= */ 32574@media (min-width: 990px) { 32575 .hide-desktop { 32576 display: none !important; 32577 } 32578 32579 /* Keep both controls on the same bottom row */ 32580 .card-wrapper-box { 32581 position: relative; 32582 } 32583 32584 .card-wrapper-box .bt-qatc-container, 32585 .card-wrapper-box .ethnc-qatc-btn-container { 32586 position: absolute !important; 32587 bottom: 0 !important; 32588 z-index: 8 !important; 32589 } 32590 32591 /* LEFT: size area */ 32592 .card-wrapper-box .bt-qatc-container { 32593 left: 0 !important; 32594 right: 46px !important; 32595 width: auto !important; 32596 } 32597 32598 .card-wrapper-box .bt-qatc-form-container { 32599 left: 0 !important; 32600 right: 0 !important; 32601 bottom: -350% !important; 32602 width: 100% !important; 32603 min-height: 43px !important; 32604 opacity: 0 !important; 32605 visibility: hidden !important; 32606 pointer-events: none !important; 32607 transition: bottom .22s ease, opacity .18s ease !important; 32608 } 32609 32610 .card-wrapper-box .bt-qatc-form, 32611 .card-wrapper-box .bt-qatc-form-variants-container, 32612 .card-wrapper-box .bt-qatc-form-variants--list { 32613 width: 100% !important; 32614 } 32615 32616 .card-wrapper-box .bt-qatc-form-variants--list { 32617 display: flex !important; 32618 align-items: center !important; 32619 flex-wrap: wrap !important; 32620 gap: 0 !important; 32621 min-height: 43px !important; 32622 } 32623 32624 /* RIGHT: original bag button */ 32625 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 32626 display: flex !important; 32627 align-items: stretch !important; 32628 justify-content: center !important; 32629 left: auto !important; 32630 right: 0 !important; 32631 width: 46px !important; 32632 height: 43px !important; 32633 opacity: 0 !important; 32634 visibility: hidden !important; 32635 pointer-events: none !important; 32636 transition: opacity .18s ease !important; 32637 } 32638 32639 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 32640 display: flex !important; 32641 align-items: center !important; 32642 justify-content: center !important; 32643 width: 46px !important; 32644 height: 43px !important; 32645 min-width: 46px !important; 32646 padding: 0 !important; 32647 cursor: pointer !important; 32648 } 32649 32650 /* Hide Add to Basket text on desktop; keep only bag icon */ 32651 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 32652 display: none !important; 32653 } 32654 32655 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 32656 display: flex !important; 32657 align-items: center !important; 32658 justify-content: center !important; 32659 width: 100% !important; 32660 height: 100% !important; 32661 padding: 0 !important; 32662 } 32663 32664 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 32665 display: block !important; 32666 width: 16px !important; 32667 height: 17px !important; 32668 } 32669 32670 /* Show sizes + bag together on desktop hover */ 32671 .card-wrapper-box:hover .bt-qatc-form-container { 32672 bottom: 0 !important; 32673 opacity: 1 !important; 32674 visibility: visible !important; 32675 pointer-events: auto !important; 32676 } 32677 32678 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 32679 opacity: 1 !important; 32680 visibility: visible !important; 32681 pointer-events: auto !important; 32682 } 32683} 32684 32685@media (max-width: 989px) { 32686 .hide-mobile { 32687 display: none; 32688 } 32689} 32690</style> 32691 32692 32693<style> 32694/* ========================================================= 32695 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 32696 Keeps all sizes in one clean row on the left 32697 and the bag icon fixed on the right. 32698 ========================================================= */ 32699@media (min-width: 990px) { 32700 32701 .card-wrapper-box .bt-qatc-form-container { 32702 height: 43px !important; 32703 min-height: 43px !important; 32704 max-height: 43px !important; 32705 overflow: hidden !important; 32706 background: rgba(255,255,255,.96) !important; 32707 } 32708 32709 .card-wrapper-box .bt-qatc-form { 32710 display: block !important; 32711 height: 43px !important; 32712 min-height: 43px !important; 32713 margin: 0 !important; 32714 padding: 0 !important; 32715 } 32716 32717 .card-wrapper-box .bt-qatc-form-variants-container { 32718 display: block !important; 32719 width: 100% !important; 32720 height: 43px !important; 32721 min-height: 43px !important; 32722 margin: 0 !important; 32723 padding: 0 !important; 32724 } 32725 32726 .card-wrapper-box .bt-qatc-form-variants--list { 32727 display: flex !important; 32728 flex-direction: row !important; 32729 flex-wrap: wrap !important;
32730 align-items: center !important; 32731 justify-content: center !important; 32732 32733 width: 100% !important; 32734 height: 43px !important; 32735 min-height: 43px !important; 32736 32737 margin: 0 !important; 32738 padding: 0 6px !important; 32739 gap: 2px !important; 32740 32741 box-sizing: border-box !important; 32742 overflow: visible !important; 32743 white-space: normal !important; 32744 } 32745 32746 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 32747 display: none !important; 32748 } 32749 32750 .card-wrapper-box .bt-qatc-form-variant-input { 32751 position: relative !important; 32752 32753 display: flex !important; 32754 align-items: center !important; 32755 justify-content: center !important; 32756 32757 flex: 0 0 auto !important; 32758 width: auto !important; 32759 min-width: 32px !important; 32760 height: 43px !important; 32761 32762 margin: 0 !important; 32763 padding: 0 !important; 32764 32765 border: 0 !important; 32766 background: transparent !important; 32767 } 32768 32769 .card-wrapper-box .bt-qatc-form-variant-input label { 32770 position: static !important; 32771 32772 display: flex !important; 32773 align-items: center !important; 32774 justify-content: center !important; 32775 32776 width: auto !important; 32777 min-width: 32px !important; 32778 height: 32px !important; 32779 32780 margin: 0 !important; 32781 padding: 0 6px !important; 32782 32783 box-sizing: border-box !important; 32784 32785 background: transparent !important; 32786 border: 0 !important; 32787 32788 color: #111 !important; 32789 font-size: 12px !important; 32790 line-height: 1 !important; 32791 font-weight: 400 !important; 32792 32793 white-space: nowrap !important; 32794 cursor: pointer !important; 32795 } 32796 32797 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 32798 display: block !important; 32799 width: auto !important; 32800 max-width: none !important; 32801 32802 margin: 0 !important; 32803 padding: 0 !important; 32804 32805 overflow: visible !important; 32806 white-space: nowrap !important; 32807 text-overflow: clip !important; 32808 32809 font-size: inherit !important; 32810 line-height: inherit !important; 32811 } 32812 32813 /* Sold-out size */ 32814 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 32815 opacity: .35 !important; 32816 text-decoration: line-through !important; 32817 cursor: not-allowed !important; 32818 } 32819 32820 /* Optional hover feedback */ 32821 .card-wrapper-box 32822 .bt-qatc-form-variant-input:not(.is-disbaled) 32823 label:hover { 32824 text-decoration: underline !important; 32825 text-underline-offset: 3px !important; 32826 } 32827 32828 /* Prevent old theme transforms / absolute positions */ 32829 .card-wrapper-box .bt-qatc-form-variant-input *, 32830 .card-wrapper-box .bt-qatc-form-variants--list * { 32831 transform: none; 32832 } 32833} 32834</style> 32835 32836 32837<style> 32838/* Desktop quick-add: use one seamless background for sizes + bag */ 32839@media (min-width: 990px) { 32840 .card-wrapper-box .bt-qatc-form-container, 32841 .card-wrapper-box .bt-qatc-form, 32842 .card-wrapper-box .bt-qatc-form-variants-container, 32843 .card-wrapper-box .bt-qatc-form-variants--list, 32844 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 32845 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 32846 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 32847 background: rgba(255,255,255,.96) !important; 32848 } 32849 32850 /* Remove any visual split between sizes and bag */ 32851 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 32852 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 32853 border-left: 0 !important; 32854 box-shadow: none !important; 32855 } 32856} 32857</style> 32858 32859 32860<style> 32861/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 32862@media (min-width: 990px) { 32863 .card-wrapper-box .bt-qatc-form-container, 32864 .card-wrapper-box .bt-qatc-form, 32865 .card-wrapper-box .bt-qatc-form-variants-container { 32866 height: auto !important; 32867 max-height: none !important; 32868 overflow: visible !important; 32869 } 32870 32871 .card-wrapper-box .bt-qatc-form-variants--list { 32872 display: flex !important; 32873 flex-wrap: wrap !important; 32874 justify-content: center !important; 32875 align-items: center !important; 32876 height: auto !important; 32877 min-height: 43px !important; 32878 max-height: none !important; 32879 overflow: visible !important; 32880 white-space: normal !important; 32881 padding: 5px 6px !important; 32882 } 32883 32884 .card-wrapper-box .bt-qatc-form-variant-input { 32885 flex: 0 0 auto !important; 32886 } 32887} 32888</style> 32889
32890<script> 32891 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 32892 const wrap = label.closest('.bt-qatc-form-variant-input'); 32893 const form = label.closest('.bt-qatc-form'); 32894 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 32895 32896 if (!wrap || !form || !input) return; 32897 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 32898 if (label.dataset.loading === 'true') return; 32899 32900 input.checked = true; 32901 label.dataset.loading = 'true'; 32902 label.style.pointerEvents = 'none'; 32903 32904 try { 32905 const cartResp = await fetch('/cart.js', { 32906 method: 'GET', 32907 headers: { 'Accept': 'application/json' } 32908 }); 32909 32910 if (!cartResp.ok) throw new Error('Unable to read cart'); 32911 32912 const cart = await cartResp.json(); 32913 const variantId = Number(input.value); 32914 const selectedPrice = Number(input.dataset.price || 0) / 100; 32915 const totalCartPrice = Number(cart.total_price || 0) / 100; 32916 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 32917 32918 if ((totalCartPrice + selectedPrice) > 250000) { 32919 if (window.showAlert) { 32920 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 32921 } else { 32922 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 32923 } 32924 return; 32925 } 32926 32927 if (itemInCart && Number(itemInCart.quantity) >= 3) { 32928 if (window.showAlert) { 32929 window.showAlert('Limit reached: Max 3 items per size can be added'); 32930 } else { 32931 alert('Limit reached: Max 3 items per size can be added'); 32932 } 32933 return; 32934 } 32935 32936 32937 const cartSections = document.querySelector('cart-notification, cart-drawer'); 32938 const formData = new FormData(form); 32939 32940 formData.set('id', input.value); 32941 formData.set('quantity', '1'); 32942 32943 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 32944 formData.set( 32945 'sections', 32946 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 32947 ); 32948 } 32949 32950 formData.set('sections_url', window.location.pathname); 32951 32952 const addResp = await fetch('/cart/add.js', { 32953 method: 'POST', 32954 headers: { 'Accept': 'application/json' }, 32955 body: formData 32956 }); 32957 32958 const data = await addResp.json(); 32959 32960 if (!addResp.ok) { 32961 throw new Error(data.description || data.message || 'Unable to add this size'); 32962 } 32963 32964 if (cartSections && typeof cartSections.renderContents === 'function') { 32965 cartSections.renderContents(data); 32966 } else { 32967 const bubble = document.querySelector('#cart-icon-bubble'); 32968 if (bubble) bubble.click(); 32969 } 32970 32971 const card = label.closest('.card-wrapper-box'); 32972 if (card) { 32973 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 32974 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 32975 } 32976 } catch (error) { 32977 console.error('SEFAM hover size quick-add error:', error); 32978 if (window.showAlert) { 32979 window.showAlert(error.message || 'Unable to add this size to cart'); 32980 } else { 32981 alert(error.message || 'Unable to add this size to cart'); 32982 } 32983 } finally { 32984 label.dataset.loading = 'false'; 32985 label.style.pointerEvents = ''; 32986 } 32987 }; 32988</script>
32988 32989 32990<style> 32991/* Desktop quick-add final alignment: 32992 sizes start from left; bag area matches the complete quick-size background height. */ 32993@media (min-width: 990px) { 32994 .card-wrapper-box .bt-qatc-form-variants--list { 32995 justify-content: flex-start !important; 32996 align-content: center !important; 32997 text-align: left !important; 32998 } 32999 33000 .card-wrapper-box .bt-qatc-container { 33001 right: 46px !important; 33002 } 33003 33004 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 33005 top: auto !important; 33006 bottom: 0 !important; 33007 width: 46px !important; 33008 height: 100% !important; 33009 min-height: 43px !important; 33010 align-items: stretch !important; 33011 background: rgba(255,255,255,.96) !important; 33012 } 33013 33014 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 33015 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 33016 width: 46px !important; 33017 height: 100% !important; 33018 min-height: 43px !important; 33019 background: rgba(255,255,255,.96) !important; 33020 } 33021 33022 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 33023 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 33024 height: var(--sefam-quick-add-height, 43px) !important; 33025 } 33026} 33027</style>
33028<script> 33029(function () { 33030 function syncQuickAddHeight(card) { 33031 if (!card || window.innerWidth < 990) return; 33032 var panel = card.querySelector('.bt-qatc-form-container'); 33033 if (!panel) return; 33034 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 33035 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 33036 } 33037 33038 document.addEventListener('mouseover', function(e) { 33039 var card = e.target.closest('.card-wrapper-box'); 33040 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 33041 }, { passive: true }); 33042 33043 window.addEventListener('resize', function() { 33044 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 33045 }, { passive: true }); 33046})(); 33047</script>
33047 33048 33049 33050 33051<style> 33052/* ========================================================= 33053 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 33054 - reduce space between sizes 33055 - keep sizes left aligned 33056 - keep the bag icon on the BOTTOM row 33057 - bag background still matches the full size panel 33058 ========================================================= */ 33059@media (min-width: 990px) { 33060 33061 /* More usable width for sizes */ 33062 .card-wrapper-box .bt-qatc-container { 33063 right: 42px !important; 33064 } 33065 33066 /* Compact, left-aligned size list */ 33067 .card-wrapper-box .bt-qatc-form-variants--list { 33068 justify-content: flex-start !important; 33069 align-items: center !important; 33070 align-content: center !important; 33071 33072 column-gap: 0 !important; 33073 row-gap: 0 !important; 33074 33075 padding: 4px 4px !important; 33076 margin: 0 !important; 33077 } 33078 33079 .card-wrapper-box .bt-qatc-form-variant-input { 33080 min-width: 0 !important; 33081 width: auto !important; 33082 height: 35px !important; 33083 margin: 0 !important; 33084 padding: 0 !important; 33085 } 33086 33087 .card-wrapper-box .bt-qatc-form-variant-input label { 33088 min-width: 0 !important; 33089 width: auto !important; 33090 height: 35px !important; 33091 33092 margin: 0 !important; 33093 padding: 0 4px !important; 33094 33095 font-size: 12px !important; 33096 line-height: 1 !important; 33097 } 33098 33099 /* Bag column keeps the same full white background as the sizes */ 33100 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 33101 right: 0 !important; 33102 bottom: 0 !important; 33103 top: auto !important; 33104 33105 width: 42px !important; 33106 min-width: 42px !important; 33107 height: var(--sefam-quick-add-height, 43px) !important; 33108 min-height: 43px !important; 33109 33110 display: flex !important; 33111 flex-direction: column !important; 33112 justify-content: flex-end !important; 33113 align-items: stretch !important; 33114 33115 padding: 0 !important; 33116 margin: 0 !important; 33117 33118 background: rgba(255,255,255,.96) !important; 33119 } 33120 33121 /* The clickable bag itself always sits at the bottom */ 33122 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 33123 width: 42px !important; 33124 min-width: 42px !important; 33125 height: 43px !important; 33126 min-height: 43px !important; 33127 33128 margin-top: auto !important; 33129 padding: 0 !important; 33130 33131 display: flex !important; 33132 align-items: center !important; 33133 justify-content: center !important; 33134 33135 background: rgba(255,255,255,.96) !important; 33136 } 33137 33138 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 33139 width: 42px !important; 33140 height: 43px !important; 33141 min-height: 43px !important; 33142 33143 display: flex !important; 33144 align-items: center !important; 33145 justify-content: center !important; 33146 33147 padding: 0 !important; 33148 margin: 0 !important; 33149 33150 background: transparent !important; 33151 } 33152 33153 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 33154 width: 16px !important; 33155 height: 17px !important; 33156 } 33157} 33158</style> 33159 33160 33161<style> 33162/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 33163@media (min-width: 990px) { 33164 .card-wrapper-box .bt-qatc-form-variants--list { 33165 padding: 3px 4px !important; 33166 column-gap: 0 !important; 33167 row-gap: 0 !important; 33168 justify-content: flex-start !important; 33169 align-items: center !important; 33170 align-content: center !important; 33171 } 33172 33173 .card-wrapper-box .bt-qatc-form-variant-input { 33174 min-width: 0 !important; 33175 width: auto !important; 33176 height: 30px !important; 33177 margin: 0 !important; 33178 padding: 0 !important; 33179 } 33180 33181 .card-wrapper-box .bt-qatc-form-variant-input label { 33182 min-width: 0 !important; 33183 width: auto !important; 33184 height: 30px !important; 33185 margin: 0 !important; 33186 padding: 0 4px !important; 33187 font-size: 12px !important; 33188 line-height: 1 !important; 33189 display: flex !important; 33190 align-items: center !important; 33191 justify-content: center !important; 33192 } 33193 33194 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 33195 display: flex !important; 33196 flex-direction: column !important; 33197 justify-content: flex-end !important;
33198 align-items: stretch !important; 33199 bottom: 0 !important; 33200 top: auto !important; 33201 height: var(--sefam-quick-add-height, 36px) !important; 33202 min-height: 36px !important; 33203 } 33204 33205 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 33206 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 33207 height: 36px !important; 33208 min-height: 36px !important; 33209 margin-top: auto !important; 33210 } 33211} 33212</style> 33213 33214<style> 33215 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 33216 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 33217 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 33218 .card_colorways_container .new-mbl-color-single label span, 33219 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 33220 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 33221</style> 33222 33223 </li> 33224 33225 <li 33226 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_GLf4cC-7" 33227 class="grid__item slider__slide" 33228 > 33229 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 33230� 33231 33232 33233 � 33234 33235 33236 33237 <div class="card-wrapper product-card-wrapper"> 33238 <div 33239 class=" 33240 card card--standard 33241 card--media 33242 33243 33244 33245 33246 33247 " 33248 style="--ratio-percent: 150.00000000000003%;" 33249 33250 > 33251 <div class="card-wrapper-box"> 33252 33253 <div 33254 class="card__inner color-scheme-2 gradient ratio" 33255 style="--ratio-percent: 150.00000000000003%;" 33256 33257 > 33258 �<a href="/products/bkt708326"> 33259 33260 �<div class="card-prdct2 card__media"> 33261 <div class="media media--transparent mt3"> 33262 33263 33264 <img 33265 src="//sefam.com/cdn/shop/files/BKT708326_2.jpg?v=1779189487&width=800" 33266 srcset="//sefam.com/cdn/shop/files/BKT708326_2.jpg?v=1779189487&width=1600 2x" 33267 class="" 33268 alt="Printed Tee - BKT708326" 33269 33270 loading="lazy" 33271 33272 width="2400" 33273 height="3600" 33274 > 33275 �<img 33276 src="//sefam.com/cdn/shop/files/BKT708326_1.jpg?v=1779189487&width=800" 33277 srcset="//sefam.com/cdn/shop/files/BKT708326_1.jpg?v=1779189487&width=1600 2x" 33278 alt="Printed Tee - BKT708326" 33279 loading="lazy" 33280 width="2400" 33281 height="3600" 33282 data-index="" 33283 > 33284 33285 � 33286 </div> 33287 33288 33289 </div> 33290 </a> 33291 </div> 33292 33293 33294 33295 33296 <div class="bt-qatc-container"> 33297 <div class="bt-qatc-form-container"> 33298 <div class="bt-qatc-form-content large-up-hide medium-hide"> 33299 <h3>Printed Tee - BKT708326</h3> 33300 33301<div 33302 class=" 33303 price " 33304 > 33305 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 33306 <span class="price-item price-item--regular"> 33307 <span class=money>Rs.1,490</span> 33308 </span></div> 33309 <div class="price__sale"> 33310 <span class="visually-hidden visually-hidden--inline">Regular price</span> 33311 <span> 33312 <s class="price-item price-item--regular"> 33313 33314 <span class=money>Rs.1,490</span> 33315 33316 </s> 33317 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
33318 <span class="price-item price-item--sale price-item--last"> 33319 33320 33321 33322 33323 <span class="percentage__sale hidden">0% OFF</span> 33324 33325 <span class=money>Rs.1,490</span> 33326 </span> 33327 </div> 33328 <small class="unit-price caption hidden"> 33329 <span class="visually-hidden">Unit price</span> 33330 <span class="price-item price-item--last"> 33331 <span></span> 33332 <span aria-hidden="true">/</span> 33333 <span class="visually-hidden"> per </span> 33334 <span> 33335 </span> 33336 </span> 33337 </small> 33338 </div></div> 33339 33340 33341 33342 </div> 33343 <div 33344 class="ethnc-form-media large-up-hide medium-hide" 33345 33346 ></div> 33347 <form method="post" action="/cart/add" class="bt-qatc-form"> 33348 <input type="hidden" name="quantity" value="1"> 33349 <div class="bt-qatc-form-variants-container"> 33350 <div class="bt-qatc-form-variants--list"> 33351 33352 <div 33353 class="in-use bt-qatc-form-variant-input" 33354 33355 > 33356 <input 33357 type="radio" 33358 name="id" 33359 id="-51787552686376" 33360 value="51787552686376" 33361 data-price="149000" 33362 data-item-id="10270426104104" 33363 hidden 33364 33365 data-item-id="10270426104104" 33366 33367 > 33368 33369 <label 33370 for="-51787552686376" 33371 data-sefam-quick-size 33372 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 33373 > 33374 <span class="split-variant-value"> 33375 33376 33377 33378 33379 33380 33381 33382 5/6-Y 33383 33384 33385</span> 33386 </label> 33387 </div> 33388 33389 <div 33390 class="in-use bt-qatc-form-variant-input" 33391 33392 > 33393 <input 33394 type="radio" 33395 name="id" 33396 id="-51787552719144" 33397 value="51787552719144" 33398 data-price="149000" 33399 data-item-id="10270426104104" 33400 hidden 33401 33402 data-item-id="10270426104104" 33403 33404 > 33405 33406 <label 33407 for="-51787552719144" 33408 data-sefam-quick-size 33409 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 33410 > 33411 <span class="split-variant-value"> 33412 33413 33414 33415 33416 33417 33418 33419 7/8-Y 33420 33421 33422</span> 33423 </label> 33424 </div> 33425 33426 <div 33427 class="in-use bt-qatc-form-variant-input" 33428 33429 > 33430 <input 33431 type="radio" 33432 name="id" 33433 id="-51787552751912" 33434 value="51787552751912" 33435 data-price="149000" 33436 data-item-id="10270426104104" 33437 hidden 33438 33439 data-item-id="10270426104104" 33440 33441 > 33442 33443 <label 33444 for="-51787552751912" 33445 data-sefam-quick-size 33446 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 33447 >
33448 <span class="split-variant-value"> 33449 33450 33451 33452 33453 33454 33455 33456 9/10-Y 33457 33458 33459</span> 33460 </label> 33461 </div> 33462 33463 <div 33464 class="in-use bt-qatc-form-variant-input" 33465 33466 > 33467 <input 33468 type="radio" 33469 name="id" 33470 id="-51787552784680" 33471 value="51787552784680" 33472 data-price="179000" 33473 data-item-id="10270426104104" 33474 hidden 33475 33476 data-item-id="10270426104104" 33477 33478 > 33479 33480 <label 33481 for="-51787552784680" 33482 data-sefam-quick-size 33483 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 33484 > 33485 <span class="split-variant-value"> 33486 33487 33488 33489 33490 33491 33492 33493 11/12-Y 33494 33495 33496</span> 33497 </label> 33498 </div> 33499 33500 <div 33501 class="in-use bt-qatc-form-variant-input" 33502 33503 > 33504 <input 33505 type="radio" 33506 name="id" 33507 id="-51787552817448" 33508 value="51787552817448" 33509 data-price="179000" 33510 data-item-id="10270426104104" 33511 hidden 33512 33513 data-item-id="10270426104104" 33514 33515 > 33516 33517 <label 33518 for="-51787552817448" 33519 data-sefam-quick-size 33520 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 33521 > 33522 <span class="split-variant-value"> 33523 33524 33525 33526 33527 33528 33529 33530 13/14-Y 33531 33532 33533</span> 33534 </label> 33535 </div> 33536 33537 <div 33538 class="in-use bt-qatc-form-variant-input is-disbaled" 33539 33540 > 33541 <input 33542 type="radio" 33543 name="id" 33544 id="-51787552850216" 33545 value="51787552850216" 33546 data-price="179000" 33547 data-item-id="10270426104104" 33548 hidden 33549 33550 disbaled 33551 33552 data-item-id="10270426104104" 33553 33554 > 33555 33556 <label 33557 for="-51787552850216" 33558 data-sefam-quick-size 33559 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 33560 > 33561 <span class="split-variant-value"> 33562 33563 33564 33565 33566 33567 33568 33569 15/16-Y 33570 33571 33572</span> 33573 </label> 33574 </div> 33575 33576 </div> 33577 33578 33579 33580 33581 </div> 33582 </form> 33583 </div> 33584 </div> 33585 33586 33587 33588 33589 33590 33591 33592 33593 33594 33595 33596 33597 33598 33599 33600 33601 33602 33603 33604 33605 33606 33607 33608 33609 33610 33611 33612 33613 33614 33615 33616 33617 33618 33619 33620 33621 33622 33623 33624 33625 33626 33627 33628 33629 33630 33631 33632 33633 33634 33635 33636 33637 33638 33639 33640 33641 33642 33643 33644 33645 33646 33647 33648 33649 33650 33651 33652 33653 33654 33655 33656 33657 33658 33659 33660 33661 33662 33663 33664 33665 33666 33667 33668 33669 33670 33671 33672 33673 33674 33675 33676 33677 33678 33679 33680 33681 33682 33683 33684 33685 33686 33687 33688 33689 33690 33691 33692 33693 33694 33695 33696 33697 33698 33699 33700 33701 33702 33703 33704 33705 33706 33707 33708 33709 33710 33711 33712 33713 33714 33715 33716 33717 33718 33719 33720 33721 33722 33723 33724 33725 33726 33727 33728 33729 <div
33730 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 33731 > 33732 <div class="ethnc-qatc-btn cstm-add-btn visible"> 33733 <span class="small-hide hide-mobile">Add to Basket</span> 33734 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 33735 </span> 33736 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 33737 width="11" 33738 height="11" 33739 viewBox="0 0 11 11" 33740 fill="none" 33741> 33742 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 33743 fill="black" 33744 /> 33745</svg> 33746</span> 33747 </div> 33748 </div> 33749 33750 33751 </div> 33752 33753 <div class="card__content aiza2"> 33754 <div class="card__information"> 33755 <small class="product-brand"> 33756 Leisure Club 33757 </small> 33758 <h3 33759 class="card__heading h5" 33760 33761 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10270426104104" 33762 33763 > 33764 <a 33765 href="/products/bkt708326" 33766 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10270426104104" 33767 class="full-unstyled-link" 33768 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10270426104104 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10270426104104" 33769 > 33770 Printed Tee - BKT708326 33771 33772 <div class="card_colorways_container" onclick="event.stopPropagation();"> 33773 33774 33775 � 33776 </div> 33777 </a> 33778 33779 </h3> 33780 33781 <div class="card-information"><span class="caption-large light"></span> 33782<div 33783 class=" 33784 price " 33785 > 33786 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 33787 <span class="price-item price-item--regular"> 33788 <span class=money>Rs.1,490</span> 33789 </span></div> 33790 <div class="price__sale"> 33791 <span class="visually-hidden visually-hidden--inline">Regular price</span> 33792 <span> 33793 <s class="price-item price-item--regular"> 33794 33795 <span class=money>Rs.1,490</span> 33796 33797 </s> 33798 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 33799 <span class="price-item price-item--sale price-item--last"> 33800 33801 33802 33803 33804 <span class="percentage__sale hidden">0% OFF</span> 33805 33806 <span class=money>Rs.1,490</span> 33807 </span> 33808 </div> 33809 <small class="unit-price caption hidden"> 33810 <span class="visually-hidden">Unit price</span> 33811 <span class="price-item price-item--last">
33812 <span></span> 33813 <span aria-hidden="true">/</span> 33814 <span class="visually-hidden"> per </span> 33815 <span> 33816 </span> 33817 </span> 33818 </small> 33819 </div></div> 33820 33821 33822 33823 </div> 33824 </div> 33825 </div> 33826 33827 </div> 33828 </div><style> 33829/* ========================================================= 33830 DESKTOP PRODUCT CARD QUICK ADD 33831 LEFT = sizes 33832 RIGHT = original bag icon 33833 Mobile behavior remains unchanged 33834 ========================================================= */ 33835@media (min-width: 990px) { 33836 .hide-desktop { 33837 display: none !important; 33838 } 33839 33840 /* Keep both controls on the same bottom row */ 33841 .card-wrapper-box { 33842 position: relative; 33843 } 33844 33845 .card-wrapper-box .bt-qatc-container, 33846 .card-wrapper-box .ethnc-qatc-btn-container { 33847 position: absolute !important; 33848 bottom: 0 !important; 33849 z-index: 8 !important; 33850 } 33851 33852 /* LEFT: size area */ 33853 .card-wrapper-box .bt-qatc-container { 33854 left: 0 !important; 33855 right: 46px !important; 33856 width: auto !important; 33857 } 33858 33859 .card-wrapper-box .bt-qatc-form-container { 33860 left: 0 !important; 33861 right: 0 !important; 33862 bottom: -350% !important; 33863 width: 100% !important; 33864 min-height: 43px !important; 33865 opacity: 0 !important; 33866 visibility: hidden !important; 33867 pointer-events: none !important; 33868 transition: bottom .22s ease, opacity .18s ease !important; 33869 } 33870 33871 .card-wrapper-box .bt-qatc-form, 33872 .card-wrapper-box .bt-qatc-form-variants-container, 33873 .card-wrapper-box .bt-qatc-form-variants--list { 33874 width: 100% !important; 33875 } 33876 33877 .card-wrapper-box .bt-qatc-form-variants--list { 33878 display: flex !important; 33879 align-items: center !important; 33880 flex-wrap: wrap !important; 33881 gap: 0 !important; 33882 min-height: 43px !important; 33883 } 33884 33885 /* RIGHT: original bag button */ 33886 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 33887 display: flex !important; 33888 align-items: stretch !important; 33889 justify-content: center !important; 33890 left: auto !important; 33891 right: 0 !important; 33892 width: 46px !important; 33893 height: 43px !important; 33894 opacity: 0 !important; 33895 visibility: hidden !important; 33896 pointer-events: none !important; 33897 transition: opacity .18s ease !important; 33898 } 33899 33900 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 33901 display: flex !important; 33902 align-items: center !important; 33903 justify-content: center !important; 33904 width: 46px !important; 33905 height: 43px !important; 33906 min-width: 46px !important; 33907 padding: 0 !important; 33908 cursor: pointer !important; 33909 } 33910 33911 /* Hide Add to Basket text on desktop; keep only bag icon */ 33912 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 33913 display: none !important; 33914 } 33915 33916 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 33917 display: flex !important; 33918 align-items: center !important; 33919 justify-content: center !important; 33920 width: 100% !important; 33921 height: 100% !important; 33922 padding: 0 !important; 33923 } 33924 33925 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 33926 display: block !important; 33927 width: 16px !important; 33928 height: 17px !important; 33929 } 33930 33931 /* Show sizes + bag together on desktop hover */ 33932 .card-wrapper-box:hover .bt-qatc-form-container { 33933 bottom: 0 !important; 33934 opacity: 1 !important; 33935 visibility: visible !important; 33936 pointer-events: auto !important; 33937 } 33938 33939 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 33940 opacity: 1 !important; 33941 visibility: visible !important; 33942 pointer-events: auto !important; 33943 } 33944} 33945 33946@media (max-width: 989px) { 33947 .hide-mobile { 33948 display: none; 33949 } 33950} 33951</style> 33952 33953 33954<style> 33955/* ========================================================= 33956 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 33957 Keeps all sizes in one clean row on the left 33958 and the bag icon fixed on the right. 33959 ========================================================= */ 33960@media (min-width: 990px) { 33961 33962 .card-wrapper-box .bt-qatc-form-container { 33963 height: 43px !important; 33964 min-height: 43px !important; 33965 max-height: 43px !important; 33966 overflow: hidden !important; 33967 background: rgba(255,255,255,.96) !important; 33968 } 33969 33970 .card-wrapper-box .bt-qatc-form { 33971 display: block !important; 33972 height: 43px !important; 33973 min-height: 43px !important; 33974 margin: 0 !important; 33975 padding: 0 !important; 33976 } 33977 33978 .card-wrapper-box .bt-qatc-form-variants-container { 33979 display: block !important; 33980 width: 100% !important; 33981 height: 43px !important; 33982 min-height: 43px !important; 33983 margin: 0 !important; 33984 padding: 0 !important; 33985 } 33986 33987 .card-wrapper-box .bt-qatc-form-variants--list { 33988 display: flex !important; 33989 flex-direction: row !important; 33990 flex-wrap: wrap !important;
33991 align-items: center !important; 33992 justify-content: center !important; 33993 33994 width: 100% !important; 33995 height: 43px !important; 33996 min-height: 43px !important; 33997 33998 margin: 0 !important; 33999 padding: 0 6px !important; 34000 gap: 2px !important; 34001 34002 box-sizing: border-box !important; 34003 overflow: visible !important; 34004 white-space: normal !important; 34005 } 34006 34007 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 34008 display: none !important; 34009 } 34010 34011 .card-wrapper-box .bt-qatc-form-variant-input { 34012 position: relative !important; 34013 34014 display: flex !important; 34015 align-items: center !important; 34016 justify-content: center !important; 34017 34018 flex: 0 0 auto !important; 34019 width: auto !important; 34020 min-width: 32px !important; 34021 height: 43px !important; 34022 34023 margin: 0 !important; 34024 padding: 0 !important; 34025 34026 border: 0 !important; 34027 background: transparent !important; 34028 } 34029 34030 .card-wrapper-box .bt-qatc-form-variant-input label { 34031 position: static !important; 34032 34033 display: flex !important; 34034 align-items: center !important; 34035 justify-content: center !important; 34036 34037 width: auto !important; 34038 min-width: 32px !important; 34039 height: 32px !important; 34040 34041 margin: 0 !important; 34042 padding: 0 6px !important; 34043 34044 box-sizing: border-box !important; 34045 34046 background: transparent !important; 34047 border: 0 !important; 34048 34049 color: #111 !important; 34050 font-size: 12px !important; 34051 line-height: 1 !important; 34052 font-weight: 400 !important; 34053 34054 white-space: nowrap !important; 34055 cursor: pointer !important; 34056 } 34057 34058 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 34059 display: block !important; 34060 width: auto !important; 34061 max-width: none !important; 34062 34063 margin: 0 !important; 34064 padding: 0 !important; 34065 34066 overflow: visible !important; 34067 white-space: nowrap !important; 34068 text-overflow: clip !important; 34069 34070 font-size: inherit !important; 34071 line-height: inherit !important; 34072 } 34073 34074 /* Sold-out size */ 34075 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 34076 opacity: .35 !important; 34077 text-decoration: line-through !important; 34078 cursor: not-allowed !important; 34079 } 34080 34081 /* Optional hover feedback */ 34082 .card-wrapper-box 34083 .bt-qatc-form-variant-input:not(.is-disbaled) 34084 label:hover { 34085 text-decoration: underline !important; 34086 text-underline-offset: 3px !important; 34087 } 34088 34089 /* Prevent old theme transforms / absolute positions */ 34090 .card-wrapper-box .bt-qatc-form-variant-input *, 34091 .card-wrapper-box .bt-qatc-form-variants--list * { 34092 transform: none; 34093 } 34094} 34095</style> 34096 34097 34098<style> 34099/* Desktop quick-add: use one seamless background for sizes + bag */ 34100@media (min-width: 990px) { 34101 .card-wrapper-box .bt-qatc-form-container, 34102 .card-wrapper-box .bt-qatc-form, 34103 .card-wrapper-box .bt-qatc-form-variants-container, 34104 .card-wrapper-box .bt-qatc-form-variants--list, 34105 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 34106 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 34107 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 34108 background: rgba(255,255,255,.96) !important; 34109 } 34110 34111 /* Remove any visual split between sizes and bag */ 34112 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 34113 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 34114 border-left: 0 !important; 34115 box-shadow: none !important; 34116 } 34117} 34118</style> 34119 34120 34121<style> 34122/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 34123@media (min-width: 990px) { 34124 .card-wrapper-box .bt-qatc-form-container, 34125 .card-wrapper-box .bt-qatc-form, 34126 .card-wrapper-box .bt-qatc-form-variants-container { 34127 height: auto !important; 34128 max-height: none !important; 34129 overflow: visible !important; 34130 } 34131 34132 .card-wrapper-box .bt-qatc-form-variants--list { 34133 display: flex !important; 34134 flex-wrap: wrap !important; 34135 justify-content: center !important; 34136 align-items: center !important; 34137 height: auto !important; 34138 min-height: 43px !important; 34139 max-height: none !important; 34140 overflow: visible !important; 34141 white-space: normal !important; 34142 padding: 5px 6px !important; 34143 } 34144 34145 .card-wrapper-box .bt-qatc-form-variant-input { 34146 flex: 0 0 auto !important; 34147 } 34148} 34149</style> 34150
34151<script> 34152 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 34153 const wrap = label.closest('.bt-qatc-form-variant-input'); 34154 const form = label.closest('.bt-qatc-form'); 34155 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 34156 34157 if (!wrap || !form || !input) return; 34158 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 34159 if (label.dataset.loading === 'true') return; 34160 34161 input.checked = true; 34162 label.dataset.loading = 'true'; 34163 label.style.pointerEvents = 'none'; 34164 34165 try { 34166 const cartResp = await fetch('/cart.js', { 34167 method: 'GET', 34168 headers: { 'Accept': 'application/json' } 34169 }); 34170 34171 if (!cartResp.ok) throw new Error('Unable to read cart'); 34172 34173 const cart = await cartResp.json(); 34174 const variantId = Number(input.value); 34175 const selectedPrice = Number(input.dataset.price || 0) / 100; 34176 const totalCartPrice = Number(cart.total_price || 0) / 100; 34177 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 34178 34179 if ((totalCartPrice + selectedPrice) > 250000) { 34180 if (window.showAlert) { 34181 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 34182 } else { 34183 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 34184 } 34185 return; 34186 } 34187 34188 if (itemInCart && Number(itemInCart.quantity) >= 3) { 34189 if (window.showAlert) { 34190 window.showAlert('Limit reached: Max 3 items per size can be added'); 34191 } else { 34192 alert('Limit reached: Max 3 items per size can be added'); 34193 } 34194 return; 34195 } 34196 34197 34198 const cartSections = document.querySelector('cart-notification, cart-drawer'); 34199 const formData = new FormData(form); 34200 34201 formData.set('id', input.value); 34202 formData.set('quantity', '1'); 34203 34204 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 34205 formData.set( 34206 'sections', 34207 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 34208 ); 34209 } 34210 34211 formData.set('sections_url', window.location.pathname); 34212 34213 const addResp = await fetch('/cart/add.js', { 34214 method: 'POST', 34215 headers: { 'Accept': 'application/json' }, 34216 body: formData 34217 }); 34218 34219 const data = await addResp.json(); 34220 34221 if (!addResp.ok) { 34222 throw new Error(data.description || data.message || 'Unable to add this size'); 34223 } 34224 34225 if (cartSections && typeof cartSections.renderContents === 'function') { 34226 cartSections.renderContents(data); 34227 } else { 34228 const bubble = document.querySelector('#cart-icon-bubble'); 34229 if (bubble) bubble.click(); 34230 } 34231 34232 const card = label.closest('.card-wrapper-box'); 34233 if (card) { 34234 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 34235 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 34236 } 34237 } catch (error) { 34238 console.error('SEFAM hover size quick-add error:', error); 34239 if (window.showAlert) { 34240 window.showAlert(error.message || 'Unable to add this size to cart'); 34241 } else { 34242 alert(error.message || 'Unable to add this size to cart'); 34243 } 34244 } finally { 34245 label.dataset.loading = 'false'; 34246 label.style.pointerEvents = ''; 34247 } 34248 }; 34249</script>
34249 34250 34251<style> 34252/* Desktop quick-add final alignment: 34253 sizes start from left; bag area matches the complete quick-size background height. */ 34254@media (min-width: 990px) { 34255 .card-wrapper-box .bt-qatc-form-variants--list { 34256 justify-content: flex-start !important; 34257 align-content: center !important; 34258 text-align: left !important; 34259 } 34260 34261 .card-wrapper-box .bt-qatc-container { 34262 right: 46px !important; 34263 } 34264 34265 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 34266 top: auto !important; 34267 bottom: 0 !important; 34268 width: 46px !important; 34269 height: 100% !important; 34270 min-height: 43px !important; 34271 align-items: stretch !important; 34272 background: rgba(255,255,255,.96) !important; 34273 } 34274 34275 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 34276 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 34277 width: 46px !important; 34278 height: 100% !important; 34279 min-height: 43px !important; 34280 background: rgba(255,255,255,.96) !important; 34281 } 34282 34283 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 34284 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 34285 height: var(--sefam-quick-add-height, 43px) !important; 34286 } 34287} 34288</style>
34289<script> 34290(function () { 34291 function syncQuickAddHeight(card) { 34292 if (!card || window.innerWidth < 990) return; 34293 var panel = card.querySelector('.bt-qatc-form-container'); 34294 if (!panel) return; 34295 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 34296 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 34297 } 34298 34299 document.addEventListener('mouseover', function(e) { 34300 var card = e.target.closest('.card-wrapper-box'); 34301 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 34302 }, { passive: true }); 34303 34304 window.addEventListener('resize', function() { 34305 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 34306 }, { passive: true }); 34307})(); 34308</script>
34308 34309 34310 34311 34312<style> 34313/* ========================================================= 34314 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 34315 - reduce space between sizes 34316 - keep sizes left aligned 34317 - keep the bag icon on the BOTTOM row 34318 - bag background still matches the full size panel 34319 ========================================================= */ 34320@media (min-width: 990px) { 34321 34322 /* More usable width for sizes */ 34323 .card-wrapper-box .bt-qatc-container { 34324 right: 42px !important; 34325 } 34326 34327 /* Compact, left-aligned size list */ 34328 .card-wrapper-box .bt-qatc-form-variants--list { 34329 justify-content: flex-start !important; 34330 align-items: center !important; 34331 align-content: center !important; 34332 34333 column-gap: 0 !important; 34334 row-gap: 0 !important; 34335 34336 padding: 4px 4px !important; 34337 margin: 0 !important; 34338 } 34339 34340 .card-wrapper-box .bt-qatc-form-variant-input { 34341 min-width: 0 !important; 34342 width: auto !important; 34343 height: 35px !important; 34344 margin: 0 !important; 34345 padding: 0 !important; 34346 } 34347 34348 .card-wrapper-box .bt-qatc-form-variant-input label { 34349 min-width: 0 !important; 34350 width: auto !important; 34351 height: 35px !important; 34352 34353 margin: 0 !important; 34354 padding: 0 4px !important; 34355 34356 font-size: 12px !important; 34357 line-height: 1 !important; 34358 } 34359 34360 /* Bag column keeps the same full white background as the sizes */ 34361 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 34362 right: 0 !important; 34363 bottom: 0 !important; 34364 top: auto !important; 34365 34366 width: 42px !important; 34367 min-width: 42px !important; 34368 height: var(--sefam-quick-add-height, 43px) !important; 34369 min-height: 43px !important; 34370 34371 display: flex !important; 34372 flex-direction: column !important; 34373 justify-content: flex-end !important; 34374 align-items: stretch !important; 34375 34376 padding: 0 !important; 34377 margin: 0 !important; 34378 34379 background: rgba(255,255,255,.96) !important; 34380 } 34381 34382 /* The clickable bag itself always sits at the bottom */ 34383 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 34384 width: 42px !important; 34385 min-width: 42px !important; 34386 height: 43px !important; 34387 min-height: 43px !important; 34388 34389 margin-top: auto !important; 34390 padding: 0 !important; 34391 34392 display: flex !important; 34393 align-items: center !important; 34394 justify-content: center !important; 34395 34396 background: rgba(255,255,255,.96) !important; 34397 } 34398 34399 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 34400 width: 42px !important; 34401 height: 43px !important; 34402 min-height: 43px !important; 34403 34404 display: flex !important; 34405 align-items: center !important; 34406 justify-content: center !important; 34407 34408 padding: 0 !important; 34409 margin: 0 !important; 34410 34411 background: transparent !important; 34412 } 34413 34414 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 34415 width: 16px !important; 34416 height: 17px !important; 34417 } 34418} 34419</style> 34420 34421 34422<style> 34423/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 34424@media (min-width: 990px) { 34425 .card-wrapper-box .bt-qatc-form-variants--list { 34426 padding: 3px 4px !important; 34427 column-gap: 0 !important; 34428 row-gap: 0 !important; 34429 justify-content: flex-start !important; 34430 align-items: center !important; 34431 align-content: center !important; 34432 } 34433 34434 .card-wrapper-box .bt-qatc-form-variant-input { 34435 min-width: 0 !important; 34436 width: auto !important; 34437 height: 30px !important; 34438 margin: 0 !important; 34439 padding: 0 !important; 34440 } 34441 34442 .card-wrapper-box .bt-qatc-form-variant-input label { 34443 min-width: 0 !important; 34444 width: auto !important; 34445 height: 30px !important; 34446 margin: 0 !important; 34447 padding: 0 4px !important; 34448 font-size: 12px !important; 34449 line-height: 1 !important; 34450 display: flex !important; 34451 align-items: center !important; 34452 justify-content: center !important; 34453 } 34454 34455 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 34456 display: flex !important; 34457 flex-direction: column !important; 34458 justify-content: flex-end !important;
34459 align-items: stretch !important; 34460 bottom: 0 !important; 34461 top: auto !important; 34462 height: var(--sefam-quick-add-height, 36px) !important; 34463 min-height: 36px !important; 34464 } 34465 34466 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 34467 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 34468 height: 36px !important; 34469 min-height: 36px !important; 34470 margin-top: auto !important; 34471 } 34472} 34473</style> 34474 34475<style> 34476 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 34477 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 34478 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 34479 .card_colorways_container .new-mbl-color-single label span, 34480 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 34481 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 34482</style> 34483 34484 </li> 34485 34486 <li 34487 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_GLf4cC-8" 34488 class="grid__item slider__slide" 34489 > 34490 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 34491� 34492 34493 34494 � 34495 34496 34497 34498 <div class="card-wrapper product-card-wrapper"> 34499 <div 34500 class=" 34501 card card--standard 34502 card--media 34503 34504 34505 34506 34507 34508 " 34509 style="--ratio-percent: 150.00000000000003%;" 34510 34511 > 34512 <div class="card-wrapper-box"> 34513 34514 <div 34515 class="card__inner color-scheme-2 gradient ratio" 34516 style="--ratio-percent: 150.00000000000003%;" 34517 34518 > 34519 �<a href="/products/ibkt700326"> 34520 34521 �<div class="card-prdct2 card__media"> 34522 <div class="media media--transparent mt3"> 34523 34524 34525 <img 34526 src="//sefam.com/cdn/shop/files/33333333333_2_00cb6a14-f064-4704-8445-caab79c2ba65.jpg?v=1783077680&width=800" 34527 srcset="//sefam.com/cdn/shop/files/33333333333_2_00cb6a14-f064-4704-8445-caab79c2ba65.jpg?v=1783077680&width=1600 2x" 34528 class="" 34529 alt="Printed Tee - IBKT700326" 34530 34531 loading="lazy" 34532 34533 width="2400" 34534 height="3600" 34535 > 34536 �<img 34537 src="//sefam.com/cdn/shop/files/33333333333_3_9364afaf-386f-4801-a6c4-3f316cd80a74.jpg?v=1783077680&width=800" 34538 srcset="//sefam.com/cdn/shop/files/33333333333_3_9364afaf-386f-4801-a6c4-3f316cd80a74.jpg?v=1783077680&width=1600 2x" 34539 alt="Printed Tee - IBKT700326" 34540 loading="lazy" 34541 width="2400" 34542 height="3600" 34543 data-index="" 34544 > 34545 34546 � 34547 </div> 34548 34549 34550 </div> 34551 </a> 34552 </div> 34553 34554 34555 34556 34557 <div class="bt-qatc-container"> 34558 <div class="bt-qatc-form-container"> 34559 <div class="bt-qatc-form-content large-up-hide medium-hide"> 34560 <h3>Printed Tee - IBKT700326</h3> 34561 34562<div 34563 class=" 34564 price " 34565 > 34566 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 34567 <span class="price-item price-item--regular"> 34568 <span class=money>Rs.1,090</span> 34569 </span></div> 34570 <div class="price__sale"> 34571 <span class="visually-hidden visually-hidden--inline">Regular price</span>
34572 <span> 34573 <s class="price-item price-item--regular"> 34574 34575 <span class=money>Rs.1,090</span> 34576 34577 </s> 34578 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 34579 <span class="price-item price-item--sale price-item--last"> 34580 34581 34582 34583 34584 <span class="percentage__sale hidden">0% OFF</span> 34585 34586 <span class=money>Rs.1,090</span> 34587 </span> 34588 </div> 34589 <small class="unit-price caption hidden"> 34590 <span class="visually-hidden">Unit price</span> 34591 <span class="price-item price-item--last"> 34592 <span></span> 34593 <span aria-hidden="true">/</span> 34594 <span class="visually-hidden"> per </span> 34595 <span> 34596 </span> 34597 </span> 34598 </small> 34599 </div></div> 34600 34601 34602 34603 </div> 34604 <div 34605 class="ethnc-form-media large-up-hide medium-hide" 34606 34607 ></div> 34608 <form method="post" action="/cart/add" class="bt-qatc-form"> 34609 <input type="hidden" name="quantity" value="1"> 34610 <div class="bt-qatc-form-variants-container"> 34611 <div class="bt-qatc-form-variants--list"> 34612 34613 <div 34614 class="in-use bt-qatc-form-variant-input" 34615 34616 > 34617 <input 34618 type="radio" 34619 name="id" 34620 id="-51801827442984" 34621 value="51801827442984" 34622 data-price="109000" 34623 data-item-id="10274093990184" 34624 hidden 34625 34626 data-item-id="10274093990184" 34627 34628 > 34629 34630 <label 34631 for="-51801827442984" 34632 data-sefam-quick-size 34633 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 34634 > 34635 <span class="split-variant-value"> 34636 34637 34638 34639 34640 34641 34642 34643 6/9-M 34644 34645 34646</span> 34647 </label> 34648 </div> 34649 34650 <div 34651 class="in-use bt-qatc-form-variant-input" 34652 34653 > 34654 <input 34655 type="radio" 34656 name="id" 34657 id="-51801827475752" 34658 value="51801827475752" 34659 data-price="109000" 34660 data-item-id="10274093990184" 34661 hidden 34662 34663 data-item-id="10274093990184" 34664 34665 > 34666 34667 <label 34668 for="-51801827475752" 34669 data-sefam-quick-size 34670 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 34671 > 34672 <span class="split-variant-value"> 34673 34674 34675 34676 34677 34678 34679 34680 9/12-M 34681 34682 34683</span> 34684 </label> 34685 </div> 34686 34687 <div 34688 class="in-use bt-qatc-form-variant-input is-disbaled" 34689 34690 > 34691 <input 34692 type="radio" 34693 name="id" 34694 id="-51801827508520" 34695 value="51801827508520" 34696 data-price="109000" 34697 data-item-id="10274093990184" 34698 hidden 34699 34700 disbaled 34701 34702 data-item-id="10274093990184" 34703 34704 > 34705 34706 <label 34707 for="-51801827508520" 34708 data-sefam-quick-size 34709 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 34710 >
34711 <span class="split-variant-value"> 34712 34713 34714 34715 34716 34717 34718 34719 12/18-M 34720 34721 34722</span> 34723 </label> 34724 </div> 34725 34726 <div 34727 class="in-use bt-qatc-form-variant-input is-disbaled" 34728 34729 > 34730 <input 34731 type="radio" 34732 name="id" 34733 id="-51801827541288" 34734 value="51801827541288" 34735 data-price="109000" 34736 data-item-id="10274093990184" 34737 hidden 34738 34739 disbaled 34740 34741 data-item-id="10274093990184" 34742 34743 > 34744 34745 <label 34746 for="-51801827541288" 34747 data-sefam-quick-size 34748 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 34749 > 34750 <span class="split-variant-value"> 34751 34752 34753 34754 34755 34756 34757 34758 18/24-M 34759 34760 34761</span> 34762 </label> 34763 </div> 34764 34765 <div 34766 class="in-use bt-qatc-form-variant-input is-disbaled" 34767 34768 > 34769 <input 34770 type="radio" 34771 name="id" 34772 id="-51801827574056" 34773 value="51801827574056" 34774 data-price="129000" 34775 data-item-id="10274093990184" 34776 hidden 34777 34778 disbaled 34779 34780 data-item-id="10274093990184" 34781 34782 > 34783 34784 <label 34785 for="-51801827574056" 34786 data-sefam-quick-size 34787 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 34788 > 34789 <span class="split-variant-value"> 34790 34791 34792 34793 34794 34795 34796 34797 2/3-Y 34798 34799 34800</span> 34801 </label> 34802 </div> 34803 34804 <div 34805 class="in-use bt-qatc-form-variant-input is-disbaled" 34806 34807 > 34808 <input 34809 type="radio" 34810 name="id" 34811 id="-51801827606824" 34812 value="51801827606824" 34813 data-price="129000" 34814 data-item-id="10274093990184" 34815 hidden 34816 34817 disbaled 34818 34819 data-item-id="10274093990184" 34820 34821 > 34822 34823 <label 34824 for="-51801827606824" 34825 data-sefam-quick-size 34826 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 34827 > 34828 <span class="split-variant-value"> 34829 34830 34831 34832 34833 34834 34835 34836 3/4-Y 34837 34838 34839</span> 34840 </label> 34841 </div> 34842 34843 <div 34844 class="in-use bt-qatc-form-variant-input is-disbaled" 34845 34846 > 34847 <input 34848 type="radio" 34849 name="id" 34850 id="-51801827639592" 34851 value="51801827639592" 34852 data-price="129000" 34853 data-item-id="10274093990184" 34854 hidden 34855 34856 disbaled 34857 34858 data-item-id="10274093990184" 34859 34860 > 34861 34862 <label 34863 for="-51801827639592" 34864 data-sefam-quick-size 34865 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 34866 >
34867 <span class="split-variant-value"> 34868 34869 34870 34871 34872 34873 34874 34875 4/5-Y 34876 34877 34878</span> 34879 </label> 34880 </div> 34881 34882 </div> 34883 34884 34885 34886 34887 </div> 34888 </form> 34889 </div> 34890 </div> 34891 34892 34893 34894 34895 34896 34897 34898 34899 34900 34901 34902 34903 34904 34905 34906 34907 34908 34909 34910 34911 34912 34913 34914 34915 34916 34917 34918 34919 34920 34921 34922 34923 34924 34925 34926 34927 34928 34929 34930 34931 34932 34933 34934 34935 34936 34937 34938 34939 34940 34941 34942 34943 34944 34945 34946 34947 34948 34949 34950 34951 34952 34953 34954 34955 34956 34957 34958 34959 34960 34961 34962 34963 34964 34965 34966 34967 34968 34969 34970 34971 34972 34973 34974 34975 34976 34977 34978 34979 34980 34981 34982 34983 34984 34985 34986 34987 34988 34989 34990 34991 34992 34993 34994 34995 34996 34997 34998 34999 35000 35001 35002 35003 35004 35005 35006 35007 35008 35009 35010 35011 35012 35013 35014 35015 35016 35017 35018 35019 35020 35021 35022 35023 35024 35025 35026 35027 35028 35029 35030 35031 35032 <div 35033 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 35034 > 35035 <div class="ethnc-qatc-btn cstm-add-btn visible"> 35036 <span class="small-hide hide-mobile">Add to Basket</span> 35037 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 35038 </span> 35039 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 35040 width="11" 35041 height="11" 35042 viewBox="0 0 11 11" 35043 fill="none" 35044> 35045 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 35046 fill="black" 35047 /> 35048</svg> 35049</span> 35050 </div> 35051 </div> 35052 35053 35054 </div> 35055 35056 <div class="card__content aiza2"> 35057 <div class="card__information"> 35058 <small class="product-brand"> 35059 Leisure Club 35060 </small> 35061 <h3 35062 class="card__heading h5" 35063 35064 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10274093990184" 35065 35066 > 35067 <a 35068 href="/products/ibkt700326" 35069 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10274093990184" 35070 class="full-unstyled-link" 35071 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10274093990184 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10274093990184" 35072 > 35073 Printed Tee - IBKT700326 35074 35075 <div class="card_colorways_container" onclick="event.stopPropagation();"> 35076 35077 35078 � 35079 </div> 35080 </a> 35081 35082 </h3> 35083 35084 <div class="card-information"><span class="caption-large light"></span> 35085<div 35086 class=" 35087 price " 35088 > 35089 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
35090 <span class="price-item price-item--regular"> 35091 <span class=money>Rs.1,090</span> 35092 </span></div> 35093 <div class="price__sale"> 35094 <span class="visually-hidden visually-hidden--inline">Regular price</span> 35095 <span> 35096 <s class="price-item price-item--regular"> 35097 35098 <span class=money>Rs.1,090</span> 35099 35100 </s> 35101 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 35102 <span class="price-item price-item--sale price-item--last"> 35103 35104 35105 35106 35107 <span class="percentage__sale hidden">0% OFF</span> 35108 35109 <span class=money>Rs.1,090</span> 35110 </span> 35111 </div> 35112 <small class="unit-price caption hidden"> 35113 <span class="visually-hidden">Unit price</span> 35114 <span class="price-item price-item--last"> 35115 <span></span> 35116 <span aria-hidden="true">/</span> 35117 <span class="visually-hidden"> per </span> 35118 <span> 35119 </span> 35120 </span> 35121 </small> 35122 </div></div> 35123 35124 35125 35126 </div> 35127 </div> 35128 </div> 35129 35130 </div> 35131 </div><style> 35132/* ========================================================= 35133 DESKTOP PRODUCT CARD QUICK ADD 35134 LEFT = sizes 35135 RIGHT = original bag icon 35136 Mobile behavior remains unchanged 35137 ========================================================= */ 35138@media (min-width: 990px) { 35139 .hide-desktop { 35140 display: none !important; 35141 } 35142 35143 /* Keep both controls on the same bottom row */ 35144 .card-wrapper-box { 35145 position: relative; 35146 } 35147 35148 .card-wrapper-box .bt-qatc-container, 35149 .card-wrapper-box .ethnc-qatc-btn-container { 35150 position: absolute !important; 35151 bottom: 0 !important; 35152 z-index: 8 !important; 35153 } 35154 35155 /* LEFT: size area */ 35156 .card-wrapper-box .bt-qatc-container { 35157 left: 0 !important; 35158 right: 46px !important; 35159 width: auto !important; 35160 } 35161 35162 .card-wrapper-box .bt-qatc-form-container { 35163 left: 0 !important; 35164 right: 0 !important; 35165 bottom: -350% !important; 35166 width: 100% !important; 35167 min-height: 43px !important; 35168 opacity: 0 !important; 35169 visibility: hidden !important; 35170 pointer-events: none !important; 35171 transition: bottom .22s ease, opacity .18s ease !important; 35172 } 35173 35174 .card-wrapper-box .bt-qatc-form, 35175 .card-wrapper-box .bt-qatc-form-variants-container, 35176 .card-wrapper-box .bt-qatc-form-variants--list { 35177 width: 100% !important; 35178 } 35179 35180 .card-wrapper-box .bt-qatc-form-variants--list { 35181 display: flex !important; 35182 align-items: center !important; 35183 flex-wrap: wrap !important; 35184 gap: 0 !important; 35185 min-height: 43px !important; 35186 } 35187 35188 /* RIGHT: original bag button */ 35189 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 35190 display: flex !important; 35191 align-items: stretch !important; 35192 justify-content: center !important; 35193 left: auto !important; 35194 right: 0 !important; 35195 width: 46px !important; 35196 height: 43px !important; 35197 opacity: 0 !important; 35198 visibility: hidden !important; 35199 pointer-events: none !important; 35200 transition: opacity .18s ease !important; 35201 } 35202 35203 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 35204 display: flex !important; 35205 align-items: center !important; 35206 justify-content: center !important; 35207 width: 46px !important; 35208 height: 43px !important; 35209 min-width: 46px !important; 35210 padding: 0 !important; 35211 cursor: pointer !important; 35212 } 35213 35214 /* Hide Add to Basket text on desktop; keep only bag icon */ 35215 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 35216 display: none !important; 35217 } 35218 35219 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 35220 display: flex !important; 35221 align-items: center !important; 35222 justify-content: center !important; 35223 width: 100% !important; 35224 height: 100% !important; 35225 padding: 0 !important; 35226 } 35227 35228 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 35229 display: block !important; 35230 width: 16px !important; 35231 height: 17px !important; 35232 } 35233 35234 /* Show sizes + bag together on desktop hover */ 35235 .card-wrapper-box:hover .bt-qatc-form-container { 35236 bottom: 0 !important; 35237 opacity: 1 !important; 35238 visibility: visible !important; 35239 pointer-events: auto !important; 35240 } 35241 35242 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 35243 opacity: 1 !important; 35244 visibility: visible !important; 35245 pointer-events: auto !important; 35246 } 35247} 35248 35249@media (max-width: 989px) { 35250 .hide-mobile { 35251 display: none; 35252 } 35253} 35254</style> 35255 35256 35257<style> 35258/* ========================================================= 35259 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 35260 Keeps all sizes in one clean row on the left 35261 and the bag icon fixed on the right. 35262 ========================================================= */ 35263@media (min-width: 990px) { 35264 35265 .card-wrapper-box .bt-qatc-form-container { 35266 height: 43px !important; 35267 min-height: 43px !important; 35268 max-height: 43px !important; 35269 overflow: hidden !important; 35270 background: rgba(255,255,255,.96) !important; 35271 } 35272 35273 .card-wrapper-box .bt-qatc-form { 35274 display: block !important; 35275 height: 43px !important; 35276 min-height: 43px !important; 35277 margin: 0 !important; 35278 padding: 0 !important; 35279 } 35280 35281 .card-wrapper-box .bt-qatc-form-variants-container { 35282 display: block !important; 35283 width: 100% !important; 35284 height: 43px !important; 35285 min-height: 43px !important; 35286 margin: 0 !important; 35287 padding: 0 !important; 35288 } 35289 35290 .card-wrapper-box .bt-qatc-form-variants--list { 35291 display: flex !important; 35292 flex-direction: row !important; 35293 flex-wrap: wrap !important;
35294 align-items: center !important; 35295 justify-content: center !important; 35296 35297 width: 100% !important; 35298 height: 43px !important; 35299 min-height: 43px !important; 35300 35301 margin: 0 !important; 35302 padding: 0 6px !important; 35303 gap: 2px !important; 35304 35305 box-sizing: border-box !important; 35306 overflow: visible !important; 35307 white-space: normal !important; 35308 } 35309 35310 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 35311 display: none !important; 35312 } 35313 35314 .card-wrapper-box .bt-qatc-form-variant-input { 35315 position: relative !important; 35316 35317 display: flex !important; 35318 align-items: center !important; 35319 justify-content: center !important; 35320 35321 flex: 0 0 auto !important; 35322 width: auto !important; 35323 min-width: 32px !important; 35324 height: 43px !important; 35325 35326 margin: 0 !important; 35327 padding: 0 !important; 35328 35329 border: 0 !important; 35330 background: transparent !important; 35331 } 35332 35333 .card-wrapper-box .bt-qatc-form-variant-input label { 35334 position: static !important; 35335 35336 display: flex !important; 35337 align-items: center !important; 35338 justify-content: center !important; 35339 35340 width: auto !important; 35341 min-width: 32px !important; 35342 height: 32px !important; 35343 35344 margin: 0 !important; 35345 padding: 0 6px !important; 35346 35347 box-sizing: border-box !important; 35348 35349 background: transparent !important; 35350 border: 0 !important; 35351 35352 color: #111 !important; 35353 font-size: 12px !important; 35354 line-height: 1 !important; 35355 font-weight: 400 !important; 35356 35357 white-space: nowrap !important; 35358 cursor: pointer !important; 35359 } 35360 35361 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 35362 display: block !important; 35363 width: auto !important; 35364 max-width: none !important; 35365 35366 margin: 0 !important; 35367 padding: 0 !important; 35368 35369 overflow: visible !important; 35370 white-space: nowrap !important; 35371 text-overflow: clip !important; 35372 35373 font-size: inherit !important; 35374 line-height: inherit !important; 35375 } 35376 35377 /* Sold-out size */ 35378 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 35379 opacity: .35 !important; 35380 text-decoration: line-through !important; 35381 cursor: not-allowed !important; 35382 } 35383 35384 /* Optional hover feedback */ 35385 .card-wrapper-box 35386 .bt-qatc-form-variant-input:not(.is-disbaled) 35387 label:hover { 35388 text-decoration: underline !important; 35389 text-underline-offset: 3px !important; 35390 } 35391 35392 /* Prevent old theme transforms / absolute positions */ 35393 .card-wrapper-box .bt-qatc-form-variant-input *, 35394 .card-wrapper-box .bt-qatc-form-variants--list * { 35395 transform: none; 35396 } 35397} 35398</style> 35399 35400 35401<style> 35402/* Desktop quick-add: use one seamless background for sizes + bag */ 35403@media (min-width: 990px) { 35404 .card-wrapper-box .bt-qatc-form-container, 35405 .card-wrapper-box .bt-qatc-form, 35406 .card-wrapper-box .bt-qatc-form-variants-container, 35407 .card-wrapper-box .bt-qatc-form-variants--list, 35408 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 35409 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 35410 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 35411 background: rgba(255,255,255,.96) !important; 35412 } 35413 35414 /* Remove any visual split between sizes and bag */ 35415 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 35416 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 35417 border-left: 0 !important; 35418 box-shadow: none !important; 35419 } 35420} 35421</style> 35422 35423 35424<style> 35425/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 35426@media (min-width: 990px) { 35427 .card-wrapper-box .bt-qatc-form-container, 35428 .card-wrapper-box .bt-qatc-form, 35429 .card-wrapper-box .bt-qatc-form-variants-container { 35430 height: auto !important; 35431 max-height: none !important; 35432 overflow: visible !important; 35433 } 35434 35435 .card-wrapper-box .bt-qatc-form-variants--list { 35436 display: flex !important; 35437 flex-wrap: wrap !important; 35438 justify-content: center !important; 35439 align-items: center !important; 35440 height: auto !important; 35441 min-height: 43px !important; 35442 max-height: none !important; 35443 overflow: visible !important; 35444 white-space: normal !important; 35445 padding: 5px 6px !important; 35446 } 35447 35448 .card-wrapper-box .bt-qatc-form-variant-input { 35449 flex: 0 0 auto !important; 35450 } 35451} 35452</style> 35453
35454<script> 35455 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 35456 const wrap = label.closest('.bt-qatc-form-variant-input'); 35457 const form = label.closest('.bt-qatc-form'); 35458 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 35459 35460 if (!wrap || !form || !input) return; 35461 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 35462 if (label.dataset.loading === 'true') return; 35463 35464 input.checked = true; 35465 label.dataset.loading = 'true'; 35466 label.style.pointerEvents = 'none'; 35467 35468 try { 35469 const cartResp = await fetch('/cart.js', { 35470 method: 'GET', 35471 headers: { 'Accept': 'application/json' } 35472 }); 35473 35474 if (!cartResp.ok) throw new Error('Unable to read cart'); 35475 35476 const cart = await cartResp.json(); 35477 const variantId = Number(input.value); 35478 const selectedPrice = Number(input.dataset.price || 0) / 100; 35479 const totalCartPrice = Number(cart.total_price || 0) / 100; 35480 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 35481 35482 if ((totalCartPrice + selectedPrice) > 250000) { 35483 if (window.showAlert) { 35484 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 35485 } else { 35486 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 35487 } 35488 return; 35489 } 35490 35491 if (itemInCart && Number(itemInCart.quantity) >= 3) { 35492 if (window.showAlert) { 35493 window.showAlert('Limit reached: Max 3 items per size can be added'); 35494 } else { 35495 alert('Limit reached: Max 3 items per size can be added'); 35496 } 35497 return; 35498 } 35499 35500 35501 const cartSections = document.querySelector('cart-notification, cart-drawer'); 35502 const formData = new FormData(form); 35503 35504 formData.set('id', input.value); 35505 formData.set('quantity', '1'); 35506 35507 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 35508 formData.set( 35509 'sections', 35510 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 35511 ); 35512 } 35513 35514 formData.set('sections_url', window.location.pathname); 35515 35516 const addResp = await fetch('/cart/add.js', { 35517 method: 'POST', 35518 headers: { 'Accept': 'application/json' }, 35519 body: formData 35520 }); 35521 35522 const data = await addResp.json(); 35523 35524 if (!addResp.ok) { 35525 throw new Error(data.description || data.message || 'Unable to add this size'); 35526 } 35527 35528 if (cartSections && typeof cartSections.renderContents === 'function') { 35529 cartSections.renderContents(data); 35530 } else { 35531 const bubble = document.querySelector('#cart-icon-bubble'); 35532 if (bubble) bubble.click(); 35533 } 35534 35535 const card = label.closest('.card-wrapper-box'); 35536 if (card) { 35537 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 35538 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 35539 } 35540 } catch (error) { 35541 console.error('SEFAM hover size quick-add error:', error); 35542 if (window.showAlert) { 35543 window.showAlert(error.message || 'Unable to add this size to cart'); 35544 } else { 35545 alert(error.message || 'Unable to add this size to cart'); 35546 } 35547 } finally { 35548 label.dataset.loading = 'false'; 35549 label.style.pointerEvents = ''; 35550 } 35551 }; 35552</script>
35552 35553 35554<style> 35555/* Desktop quick-add final alignment: 35556 sizes start from left; bag area matches the complete quick-size background height. */ 35557@media (min-width: 990px) { 35558 .card-wrapper-box .bt-qatc-form-variants--list { 35559 justify-content: flex-start !important; 35560 align-content: center !important; 35561 text-align: left !important; 35562 } 35563 35564 .card-wrapper-box .bt-qatc-container { 35565 right: 46px !important; 35566 } 35567 35568 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 35569 top: auto !important; 35570 bottom: 0 !important; 35571 width: 46px !important; 35572 height: 100% !important; 35573 min-height: 43px !important; 35574 align-items: stretch !important; 35575 background: rgba(255,255,255,.96) !important; 35576 } 35577 35578 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 35579 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 35580 width: 46px !important; 35581 height: 100% !important; 35582 min-height: 43px !important; 35583 background: rgba(255,255,255,.96) !important; 35584 } 35585 35586 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 35587 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 35588 height: var(--sefam-quick-add-height, 43px) !important; 35589 } 35590} 35591</style>
35592<script> 35593(function () { 35594 function syncQuickAddHeight(card) { 35595 if (!card || window.innerWidth < 990) return; 35596 var panel = card.querySelector('.bt-qatc-form-container'); 35597 if (!panel) return; 35598 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 35599 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 35600 } 35601 35602 document.addEventListener('mouseover', function(e) { 35603 var card = e.target.closest('.card-wrapper-box'); 35604 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 35605 }, { passive: true }); 35606 35607 window.addEventListener('resize', function() { 35608 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 35609 }, { passive: true }); 35610})(); 35611</script>
35611 35612 35613 35614 35615<style> 35616/* ========================================================= 35617 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 35618 - reduce space between sizes 35619 - keep sizes left aligned 35620 - keep the bag icon on the BOTTOM row 35621 - bag background still matches the full size panel 35622 ========================================================= */ 35623@media (min-width: 990px) { 35624 35625 /* More usable width for sizes */ 35626 .card-wrapper-box .bt-qatc-container { 35627 right: 42px !important; 35628 } 35629 35630 /* Compact, left-aligned size list */ 35631 .card-wrapper-box .bt-qatc-form-variants--list { 35632 justify-content: flex-start !important; 35633 align-items: center !important; 35634 align-content: center !important; 35635 35636 column-gap: 0 !important; 35637 row-gap: 0 !important; 35638 35639 padding: 4px 4px !important; 35640 margin: 0 !important; 35641 } 35642 35643 .card-wrapper-box .bt-qatc-form-variant-input { 35644 min-width: 0 !important; 35645 width: auto !important; 35646 height: 35px !important; 35647 margin: 0 !important; 35648 padding: 0 !important; 35649 } 35650 35651 .card-wrapper-box .bt-qatc-form-variant-input label { 35652 min-width: 0 !important; 35653 width: auto !important; 35654 height: 35px !important; 35655 35656 margin: 0 !important; 35657 padding: 0 4px !important; 35658 35659 font-size: 12px !important; 35660 line-height: 1 !important; 35661 } 35662 35663 /* Bag column keeps the same full white background as the sizes */ 35664 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 35665 right: 0 !important; 35666 bottom: 0 !important; 35667 top: auto !important; 35668 35669 width: 42px !important; 35670 min-width: 42px !important; 35671 height: var(--sefam-quick-add-height, 43px) !important; 35672 min-height: 43px !important; 35673 35674 display: flex !important; 35675 flex-direction: column !important; 35676 justify-content: flex-end !important; 35677 align-items: stretch !important; 35678 35679 padding: 0 !important; 35680 margin: 0 !important; 35681 35682 background: rgba(255,255,255,.96) !important; 35683 } 35684 35685 /* The clickable bag itself always sits at the bottom */ 35686 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 35687 width: 42px !important; 35688 min-width: 42px !important; 35689 height: 43px !important; 35690 min-height: 43px !important; 35691 35692 margin-top: auto !important; 35693 padding: 0 !important; 35694 35695 display: flex !important; 35696 align-items: center !important; 35697 justify-content: center !important; 35698 35699 background: rgba(255,255,255,.96) !important; 35700 } 35701 35702 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 35703 width: 42px !important; 35704 height: 43px !important; 35705 min-height: 43px !important; 35706 35707 display: flex !important; 35708 align-items: center !important; 35709 justify-content: center !important; 35710 35711 padding: 0 !important; 35712 margin: 0 !important; 35713 35714 background: transparent !important; 35715 } 35716 35717 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 35718 width: 16px !important; 35719 height: 17px !important; 35720 } 35721} 35722</style> 35723 35724 35725<style> 35726/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 35727@media (min-width: 990px) { 35728 .card-wrapper-box .bt-qatc-form-variants--list { 35729 padding: 3px 4px !important; 35730 column-gap: 0 !important; 35731 row-gap: 0 !important; 35732 justify-content: flex-start !important; 35733 align-items: center !important; 35734 align-content: center !important; 35735 } 35736 35737 .card-wrapper-box .bt-qatc-form-variant-input { 35738 min-width: 0 !important; 35739 width: auto !important; 35740 height: 30px !important; 35741 margin: 0 !important; 35742 padding: 0 !important; 35743 } 35744 35745 .card-wrapper-box .bt-qatc-form-variant-input label { 35746 min-width: 0 !important; 35747 width: auto !important; 35748 height: 30px !important; 35749 margin: 0 !important; 35750 padding: 0 4px !important; 35751 font-size: 12px !important; 35752 line-height: 1 !important; 35753 display: flex !important; 35754 align-items: center !important; 35755 justify-content: center !important; 35756 } 35757 35758 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 35759 display: flex !important; 35760 flex-direction: column !important; 35761 justify-content: flex-end !important;
35762 align-items: stretch !important; 35763 bottom: 0 !important; 35764 top: auto !important; 35765 height: var(--sefam-quick-add-height, 36px) !important; 35766 min-height: 36px !important; 35767 } 35768 35769 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 35770 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 35771 height: 36px !important; 35772 min-height: 36px !important; 35773 margin-top: auto !important; 35774 } 35775} 35776</style> 35777 35778<style> 35779 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 35780 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 35781 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 35782 .card_colorways_container .new-mbl-color-single label span, 35783 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 35784 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 35785</style> 35786 35787 </li> 35788 35789 <li 35790 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_GLf4cC-9" 35791 class="grid__item slider__slide" 35792 > 35793 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 35794� 35795 35796 35797 � 35798 35799 35800 35801 <div class="card-wrapper product-card-wrapper"> 35802 <div 35803 class=" 35804 card card--standard 35805 card--media 35806 35807 35808 35809 35810 35811 " 35812 style="--ratio-percent: 150.00000000000003%;" 35813 35814 > 35815 <div class="card-wrapper-box"> 35816 35817 <div 35818 class="card__inner color-scheme-2 gradient ratio" 35819 style="--ratio-percent: 150.00000000000003%;" 35820 35821 > 35822 �<a href="/products/bw700326"> 35823 35824 �<div class="card-prdct2 card__media"> 35825 <div class="media media--transparent mt3"> 35826 35827 35828 <img 35829 src="//sefam.com/cdn/shop/files/BW700326_3.jpg?v=1781593461&width=800" 35830 srcset="//sefam.com/cdn/shop/files/BW700326_3.jpg?v=1781593461&width=1600 2x" 35831 class="" 35832 alt="Cotton Linen Shirt - BW700326" 35833 35834 loading="lazy" 35835 35836 width="2400" 35837 height="3600" 35838 > 35839 �<img 35840 src="//sefam.com/cdn/shop/files/BW700326_1.jpg?v=1781593461&width=800" 35841 srcset="//sefam.com/cdn/shop/files/BW700326_1.jpg?v=1781593461&width=1600 2x" 35842 alt="Cotton Linen Shirt - BW700326" 35843 loading="lazy" 35844 width="2400" 35845 height="3600" 35846 data-index="" 35847 > 35848 35849 � 35850 </div> 35851 35852 35853 </div> 35854 </a> 35855 </div> 35856 35857 35858 35859 35860 <div class="bt-qatc-container"> 35861 <div class="bt-qatc-form-container"> 35862 <div class="bt-qatc-form-content large-up-hide medium-hide"> 35863 <h3>Cotton Linen Shirt - BW700326</h3> 35864 35865<div 35866 class=" 35867 price " 35868 > 35869 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 35870 <span class="price-item price-item--regular"> 35871 <span class=money>Rs.3,490</span> 35872 </span></div> 35873 <div class="price__sale"> 35874 <span class="visually-hidden visually-hidden--inline">Regular price</span> 35875 <span> 35876 <s class="price-item price-item--regular"> 35877 35878 <span class=money>Rs.3,490</span> 35879 35880 </s> 35881 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
35882 <span class="price-item price-item--sale price-item--last"> 35883 35884 35885 35886 35887 <span class="percentage__sale hidden">0% OFF</span> 35888 35889 <span class=money>Rs.3,490</span> 35890 </span> 35891 </div> 35892 <small class="unit-price caption hidden"> 35893 <span class="visually-hidden">Unit price</span> 35894 <span class="price-item price-item--last"> 35895 <span></span> 35896 <span aria-hidden="true">/</span> 35897 <span class="visually-hidden"> per </span> 35898 <span> 35899 </span> 35900 </span> 35901 </small> 35902 </div></div> 35903 35904 35905 35906 </div> 35907 <div 35908 class="ethnc-form-media large-up-hide medium-hide" 35909 35910 ></div> 35911 <form method="post" action="/cart/add" class="bt-qatc-form"> 35912 <input type="hidden" name="quantity" value="1"> 35913 <div class="bt-qatc-form-variants-container"> 35914 <div class="bt-qatc-form-variants--list"> 35915 35916 <div 35917 class="in-use bt-qatc-form-variant-input" 35918 35919 > 35920 <input 35921 type="radio" 35922 name="id" 35923 id="-51948391563560" 35924 value="51948391563560" 35925 data-price="349000" 35926 data-item-id="10303003984168" 35927 hidden 35928 35929 data-item-id="10303003984168" 35930 35931 > 35932 35933 <label 35934 for="-51948391563560" 35935 data-sefam-quick-size 35936 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 35937 > 35938 <span class="split-variant-value"> 35939 35940 35941 35942 35943 35944 35945 35946 5/6-Y 35947 35948 35949</span> 35950 </label> 35951 </div> 35952 35953 <div 35954 class="in-use bt-qatc-form-variant-input" 35955 35956 > 35957 <input 35958 type="radio" 35959 name="id" 35960 id="-51948391596328" 35961 value="51948391596328" 35962 data-price="349000" 35963 data-item-id="10303003984168" 35964 hidden 35965 35966 data-item-id="10303003984168" 35967 35968 > 35969 35970 <label 35971 for="-51948391596328" 35972 data-sefam-quick-size 35973 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 35974 > 35975 <span class="split-variant-value"> 35976 35977 35978 35979 35980 35981 35982 35983 7/8-Y 35984 35985 35986</span> 35987 </label> 35988 </div> 35989 35990 <div 35991 class="in-use bt-qatc-form-variant-input" 35992 35993 > 35994 <input 35995 type="radio" 35996 name="id" 35997 id="-51948391629096" 35998 value="51948391629096" 35999 data-price="349000" 36000 data-item-id="10303003984168" 36001 hidden 36002 36003 data-item-id="10303003984168" 36004 36005 > 36006 36007 <label 36008 for="-51948391629096" 36009 data-sefam-quick-size 36010 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 36011 >
36012 <span class="split-variant-value"> 36013 36014 36015 36016 36017 36018 36019 36020 9/10-Y 36021 36022 36023</span> 36024 </label> 36025 </div> 36026 36027 <div 36028 class="in-use bt-qatc-form-variant-input" 36029 36030 > 36031 <input 36032 type="radio" 36033 name="id" 36034 id="-51948391661864" 36035 value="51948391661864" 36036 data-price="399000" 36037 data-item-id="10303003984168" 36038 hidden 36039 36040 data-item-id="10303003984168" 36041 36042 > 36043 36044 <label 36045 for="-51948391661864" 36046 data-sefam-quick-size 36047 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 36048 > 36049 <span class="split-variant-value"> 36050 36051 36052 36053 36054 36055 36056 36057 11/12-Y 36058 36059 36060</span> 36061 </label> 36062 </div> 36063 36064 <div 36065 class="in-use bt-qatc-form-variant-input" 36066 36067 > 36068 <input 36069 type="radio" 36070 name="id" 36071 id="-51948391694632" 36072 value="51948391694632" 36073 data-price="399000" 36074 data-item-id="10303003984168" 36075 hidden 36076 36077 data-item-id="10303003984168" 36078 36079 > 36080 36081 <label 36082 for="-51948391694632" 36083 data-sefam-quick-size 36084 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 36085 > 36086 <span class="split-variant-value"> 36087 36088 36089 36090 36091 36092 36093 36094 13/14-Y 36095 36096 36097</span> 36098 </label> 36099 </div> 36100 36101 <div 36102 class="in-use bt-qatc-form-variant-input is-disbaled" 36103 36104 > 36105 <input 36106 type="radio" 36107 name="id" 36108 id="-51948391727400" 36109 value="51948391727400" 36110 data-price="399000" 36111 data-item-id="10303003984168" 36112 hidden 36113 36114 disbaled 36115 36116 data-item-id="10303003984168" 36117 36118 > 36119 36120 <label 36121 for="-51948391727400" 36122 data-sefam-quick-size 36123 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 36124 > 36125 <span class="split-variant-value"> 36126 36127 36128 36129 36130 36131 36132 36133 15/16-Y 36134 36135 36136</span> 36137 </label> 36138 </div> 36139 36140 </div> 36141 36142 36143 36144 36145 </div> 36146 </form> 36147 </div> 36148 </div> 36149 36150 36151 36152 36153 36154 36155 36156 36157 36158 36159 36160 36161 36162 36163 36164 36165 36166 36167 36168 36169 36170 36171 36172 36173 36174 36175 36176 36177 36178 36179 36180 36181 36182 36183 36184 36185 36186 36187 36188 36189 36190 36191 36192 36193 36194 36195 36196 36197 36198 36199 36200 36201 36202 36203 36204 36205 36206 36207 36208 36209 36210 36211 36212 36213 36214 36215 36216 36217 36218 36219 36220 36221 36222 36223 36224 36225 36226 36227 36228 36229 36230 36231 36232 36233 36234 36235 36236 36237 36238 36239 36240 36241 36242 36243 36244 36245 36246 36247 36248 36249 36250 36251 36252 36253 36254 36255 36256 36257 36258 36259 36260 36261 36262 36263 36264 36265 36266 36267 36268 36269 36270 36271 36272 36273 36274 36275 36276 36277 36278 36279 36280 36281 36282 36283 36284 36285 36286 36287 36288 36289 36290 36291 36292 36293 36294 36295 36296 36297 36298 36299 36300 36301 36302 <div
36303 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 36304 > 36305 <div class="ethnc-qatc-btn cstm-add-btn visible"> 36306 <span class="small-hide hide-mobile">Add to Basket</span> 36307 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 36308 </span> 36309 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 36310 width="11" 36311 height="11" 36312 viewBox="0 0 11 11" 36313 fill="none" 36314> 36315 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 36316 fill="black" 36317 /> 36318</svg> 36319</span> 36320 </div> 36321 </div> 36322 36323 36324 </div> 36325 36326 <div class="card__content aiza2"> 36327 <div class="card__information"> 36328 <small class="product-brand"> 36329 Leisure Club 36330 </small> 36331 <h3 36332 class="card__heading h5" 36333 36334 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10303003984168" 36335 36336 > 36337 <a 36338 href="/products/bw700326" 36339 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10303003984168" 36340 class="full-unstyled-link" 36341 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10303003984168 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10303003984168" 36342 > 36343 Cotton Linen Shirt - BW700326 36344 36345 <div class="card_colorways_container" onclick="event.stopPropagation();"> 36346 36347 36348 � 36349 </div> 36350 </a> 36351 36352 </h3> 36353 36354 <div class="card-information"><span class="caption-large light"></span> 36355<div 36356 class=" 36357 price " 36358 > 36359 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 36360 <span class="price-item price-item--regular"> 36361 <span class=money>Rs.3,490</span> 36362 </span></div> 36363 <div class="price__sale"> 36364 <span class="visually-hidden visually-hidden--inline">Regular price</span> 36365 <span> 36366 <s class="price-item price-item--regular"> 36367 36368 <span class=money>Rs.3,490</span> 36369 36370 </s> 36371 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 36372 <span class="price-item price-item--sale price-item--last"> 36373 36374 36375 36376 36377 <span class="percentage__sale hidden">0% OFF</span> 36378 36379 <span class=money>Rs.3,490</span> 36380 </span> 36381 </div> 36382 <small class="unit-price caption hidden"> 36383 <span class="visually-hidden">Unit price</span> 36384 <span class="price-item price-item--last">
36385 <span></span> 36386 <span aria-hidden="true">/</span> 36387 <span class="visually-hidden"> per </span> 36388 <span> 36389 </span> 36390 </span> 36391 </small> 36392 </div></div> 36393 36394 36395 36396 </div> 36397 </div> 36398 </div> 36399 36400 </div> 36401 </div><style> 36402/* ========================================================= 36403 DESKTOP PRODUCT CARD QUICK ADD 36404 LEFT = sizes 36405 RIGHT = original bag icon 36406 Mobile behavior remains unchanged 36407 ========================================================= */ 36408@media (min-width: 990px) { 36409 .hide-desktop { 36410 display: none !important; 36411 } 36412 36413 /* Keep both controls on the same bottom row */ 36414 .card-wrapper-box { 36415 position: relative; 36416 } 36417 36418 .card-wrapper-box .bt-qatc-container, 36419 .card-wrapper-box .ethnc-qatc-btn-container { 36420 position: absolute !important; 36421 bottom: 0 !important; 36422 z-index: 8 !important; 36423 } 36424 36425 /* LEFT: size area */ 36426 .card-wrapper-box .bt-qatc-container { 36427 left: 0 !important; 36428 right: 46px !important; 36429 width: auto !important; 36430 } 36431 36432 .card-wrapper-box .bt-qatc-form-container { 36433 left: 0 !important; 36434 right: 0 !important; 36435 bottom: -350% !important; 36436 width: 100% !important; 36437 min-height: 43px !important; 36438 opacity: 0 !important; 36439 visibility: hidden !important; 36440 pointer-events: none !important; 36441 transition: bottom .22s ease, opacity .18s ease !important; 36442 } 36443 36444 .card-wrapper-box .bt-qatc-form, 36445 .card-wrapper-box .bt-qatc-form-variants-container, 36446 .card-wrapper-box .bt-qatc-form-variants--list { 36447 width: 100% !important; 36448 } 36449 36450 .card-wrapper-box .bt-qatc-form-variants--list { 36451 display: flex !important; 36452 align-items: center !important; 36453 flex-wrap: wrap !important; 36454 gap: 0 !important; 36455 min-height: 43px !important; 36456 } 36457 36458 /* RIGHT: original bag button */ 36459 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 36460 display: flex !important; 36461 align-items: stretch !important; 36462 justify-content: center !important; 36463 left: auto !important; 36464 right: 0 !important; 36465 width: 46px !important; 36466 height: 43px !important; 36467 opacity: 0 !important; 36468 visibility: hidden !important; 36469 pointer-events: none !important; 36470 transition: opacity .18s ease !important; 36471 } 36472 36473 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 36474 display: flex !important; 36475 align-items: center !important; 36476 justify-content: center !important; 36477 width: 46px !important; 36478 height: 43px !important; 36479 min-width: 46px !important; 36480 padding: 0 !important; 36481 cursor: pointer !important; 36482 } 36483 36484 /* Hide Add to Basket text on desktop; keep only bag icon */ 36485 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 36486 display: none !important; 36487 } 36488 36489 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 36490 display: flex !important; 36491 align-items: center !important; 36492 justify-content: center !important; 36493 width: 100% !important; 36494 height: 100% !important; 36495 padding: 0 !important; 36496 } 36497 36498 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 36499 display: block !important; 36500 width: 16px !important; 36501 height: 17px !important; 36502 } 36503 36504 /* Show sizes + bag together on desktop hover */ 36505 .card-wrapper-box:hover .bt-qatc-form-container { 36506 bottom: 0 !important; 36507 opacity: 1 !important; 36508 visibility: visible !important; 36509 pointer-events: auto !important; 36510 } 36511 36512 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 36513 opacity: 1 !important; 36514 visibility: visible !important; 36515 pointer-events: auto !important; 36516 } 36517} 36518 36519@media (max-width: 989px) { 36520 .hide-mobile { 36521 display: none; 36522 } 36523} 36524</style> 36525 36526 36527<style> 36528/* ========================================================= 36529 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 36530 Keeps all sizes in one clean row on the left 36531 and the bag icon fixed on the right. 36532 ========================================================= */ 36533@media (min-width: 990px) { 36534 36535 .card-wrapper-box .bt-qatc-form-container { 36536 height: 43px !important; 36537 min-height: 43px !important; 36538 max-height: 43px !important; 36539 overflow: hidden !important; 36540 background: rgba(255,255,255,.96) !important; 36541 } 36542 36543 .card-wrapper-box .bt-qatc-form { 36544 display: block !important; 36545 height: 43px !important; 36546 min-height: 43px !important; 36547 margin: 0 !important; 36548 padding: 0 !important; 36549 } 36550 36551 .card-wrapper-box .bt-qatc-form-variants-container { 36552 display: block !important; 36553 width: 100% !important; 36554 height: 43px !important; 36555 min-height: 43px !important; 36556 margin: 0 !important; 36557 padding: 0 !important; 36558 } 36559 36560 .card-wrapper-box .bt-qatc-form-variants--list { 36561 display: flex !important; 36562 flex-direction: row !important; 36563 flex-wrap: wrap !important;
36564 align-items: center !important; 36565 justify-content: center !important; 36566 36567 width: 100% !important; 36568 height: 43px !important; 36569 min-height: 43px !important; 36570 36571 margin: 0 !important; 36572 padding: 0 6px !important; 36573 gap: 2px !important; 36574 36575 box-sizing: border-box !important; 36576 overflow: visible !important; 36577 white-space: normal !important; 36578 } 36579 36580 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 36581 display: none !important; 36582 } 36583 36584 .card-wrapper-box .bt-qatc-form-variant-input { 36585 position: relative !important; 36586 36587 display: flex !important; 36588 align-items: center !important; 36589 justify-content: center !important; 36590 36591 flex: 0 0 auto !important; 36592 width: auto !important; 36593 min-width: 32px !important; 36594 height: 43px !important; 36595 36596 margin: 0 !important; 36597 padding: 0 !important; 36598 36599 border: 0 !important; 36600 background: transparent !important; 36601 } 36602 36603 .card-wrapper-box .bt-qatc-form-variant-input label { 36604 position: static !important; 36605 36606 display: flex !important; 36607 align-items: center !important; 36608 justify-content: center !important; 36609 36610 width: auto !important; 36611 min-width: 32px !important; 36612 height: 32px !important; 36613 36614 margin: 0 !important; 36615 padding: 0 6px !important; 36616 36617 box-sizing: border-box !important; 36618 36619 background: transparent !important; 36620 border: 0 !important; 36621 36622 color: #111 !important; 36623 font-size: 12px !important; 36624 line-height: 1 !important; 36625 font-weight: 400 !important; 36626 36627 white-space: nowrap !important; 36628 cursor: pointer !important; 36629 } 36630 36631 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 36632 display: block !important; 36633 width: auto !important; 36634 max-width: none !important; 36635 36636 margin: 0 !important; 36637 padding: 0 !important; 36638 36639 overflow: visible !important; 36640 white-space: nowrap !important; 36641 text-overflow: clip !important; 36642 36643 font-size: inherit !important; 36644 line-height: inherit !important; 36645 } 36646 36647 /* Sold-out size */ 36648 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 36649 opacity: .35 !important; 36650 text-decoration: line-through !important; 36651 cursor: not-allowed !important; 36652 } 36653 36654 /* Optional hover feedback */ 36655 .card-wrapper-box 36656 .bt-qatc-form-variant-input:not(.is-disbaled) 36657 label:hover { 36658 text-decoration: underline !important; 36659 text-underline-offset: 3px !important; 36660 } 36661 36662 /* Prevent old theme transforms / absolute positions */ 36663 .card-wrapper-box .bt-qatc-form-variant-input *, 36664 .card-wrapper-box .bt-qatc-form-variants--list * { 36665 transform: none; 36666 } 36667} 36668</style> 36669 36670 36671<style> 36672/* Desktop quick-add: use one seamless background for sizes + bag */ 36673@media (min-width: 990px) { 36674 .card-wrapper-box .bt-qatc-form-container, 36675 .card-wrapper-box .bt-qatc-form, 36676 .card-wrapper-box .bt-qatc-form-variants-container, 36677 .card-wrapper-box .bt-qatc-form-variants--list, 36678 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 36679 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 36680 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 36681 background: rgba(255,255,255,.96) !important; 36682 } 36683 36684 /* Remove any visual split between sizes and bag */ 36685 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 36686 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 36687 border-left: 0 !important; 36688 box-shadow: none !important; 36689 } 36690} 36691</style> 36692 36693 36694<style> 36695/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 36696@media (min-width: 990px) { 36697 .card-wrapper-box .bt-qatc-form-container, 36698 .card-wrapper-box .bt-qatc-form, 36699 .card-wrapper-box .bt-qatc-form-variants-container { 36700 height: auto !important; 36701 max-height: none !important; 36702 overflow: visible !important; 36703 } 36704 36705 .card-wrapper-box .bt-qatc-form-variants--list { 36706 display: flex !important; 36707 flex-wrap: wrap !important; 36708 justify-content: center !important; 36709 align-items: center !important; 36710 height: auto !important; 36711 min-height: 43px !important; 36712 max-height: none !important; 36713 overflow: visible !important; 36714 white-space: normal !important; 36715 padding: 5px 6px !important; 36716 } 36717 36718 .card-wrapper-box .bt-qatc-form-variant-input { 36719 flex: 0 0 auto !important; 36720 } 36721} 36722</style> 36723
36724<script> 36725 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 36726 const wrap = label.closest('.bt-qatc-form-variant-input'); 36727 const form = label.closest('.bt-qatc-form'); 36728 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 36729 36730 if (!wrap || !form || !input) return; 36731 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 36732 if (label.dataset.loading === 'true') return; 36733 36734 input.checked = true; 36735 label.dataset.loading = 'true'; 36736 label.style.pointerEvents = 'none'; 36737 36738 try { 36739 const cartResp = await fetch('/cart.js', { 36740 method: 'GET', 36741 headers: { 'Accept': 'application/json' } 36742 }); 36743 36744 if (!cartResp.ok) throw new Error('Unable to read cart'); 36745 36746 const cart = await cartResp.json(); 36747 const variantId = Number(input.value); 36748 const selectedPrice = Number(input.dataset.price || 0) / 100; 36749 const totalCartPrice = Number(cart.total_price || 0) / 100; 36750 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 36751 36752 if ((totalCartPrice + selectedPrice) > 250000) { 36753 if (window.showAlert) { 36754 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 36755 } else { 36756 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 36757 } 36758 return; 36759 } 36760 36761 if (itemInCart && Number(itemInCart.quantity) >= 3) { 36762 if (window.showAlert) { 36763 window.showAlert('Limit reached: Max 3 items per size can be added'); 36764 } else { 36765 alert('Limit reached: Max 3 items per size can be added'); 36766 } 36767 return; 36768 } 36769 36770 36771 const cartSections = document.querySelector('cart-notification, cart-drawer'); 36772 const formData = new FormData(form); 36773 36774 formData.set('id', input.value); 36775 formData.set('quantity', '1'); 36776 36777 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 36778 formData.set( 36779 'sections', 36780 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 36781 ); 36782 } 36783 36784 formData.set('sections_url', window.location.pathname); 36785 36786 const addResp = await fetch('/cart/add.js', { 36787 method: 'POST', 36788 headers: { 'Accept': 'application/json' }, 36789 body: formData 36790 }); 36791 36792 const data = await addResp.json(); 36793 36794 if (!addResp.ok) { 36795 throw new Error(data.description || data.message || 'Unable to add this size'); 36796 } 36797 36798 if (cartSections && typeof cartSections.renderContents === 'function') { 36799 cartSections.renderContents(data); 36800 } else { 36801 const bubble = document.querySelector('#cart-icon-bubble'); 36802 if (bubble) bubble.click(); 36803 } 36804 36805 const card = label.closest('.card-wrapper-box'); 36806 if (card) { 36807 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 36808 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 36809 } 36810 } catch (error) { 36811 console.error('SEFAM hover size quick-add error:', error); 36812 if (window.showAlert) { 36813 window.showAlert(error.message || 'Unable to add this size to cart'); 36814 } else { 36815 alert(error.message || 'Unable to add this size to cart'); 36816 } 36817 } finally { 36818 label.dataset.loading = 'false'; 36819 label.style.pointerEvents = ''; 36820 } 36821 }; 36822</script>
36822 36823 36824<style> 36825/* Desktop quick-add final alignment: 36826 sizes start from left; bag area matches the complete quick-size background height. */ 36827@media (min-width: 990px) { 36828 .card-wrapper-box .bt-qatc-form-variants--list { 36829 justify-content: flex-start !important; 36830 align-content: center !important; 36831 text-align: left !important; 36832 } 36833 36834 .card-wrapper-box .bt-qatc-container { 36835 right: 46px !important; 36836 } 36837 36838 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 36839 top: auto !important; 36840 bottom: 0 !important; 36841 width: 46px !important; 36842 height: 100% !important; 36843 min-height: 43px !important; 36844 align-items: stretch !important; 36845 background: rgba(255,255,255,.96) !important; 36846 } 36847 36848 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 36849 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 36850 width: 46px !important; 36851 height: 100% !important; 36852 min-height: 43px !important; 36853 background: rgba(255,255,255,.96) !important; 36854 } 36855 36856 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 36857 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 36858 height: var(--sefam-quick-add-height, 43px) !important; 36859 } 36860} 36861</style>
36862<script> 36863(function () { 36864 function syncQuickAddHeight(card) { 36865 if (!card || window.innerWidth < 990) return; 36866 var panel = card.querySelector('.bt-qatc-form-container'); 36867 if (!panel) return; 36868 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 36869 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 36870 } 36871 36872 document.addEventListener('mouseover', function(e) { 36873 var card = e.target.closest('.card-wrapper-box'); 36874 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 36875 }, { passive: true }); 36876 36877 window.addEventListener('resize', function() { 36878 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 36879 }, { passive: true }); 36880})(); 36881</script>
36881 36882 36883 36884 36885<style> 36886/* ========================================================= 36887 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 36888 - reduce space between sizes 36889 - keep sizes left aligned 36890 - keep the bag icon on the BOTTOM row 36891 - bag background still matches the full size panel 36892 ========================================================= */ 36893@media (min-width: 990px) { 36894 36895 /* More usable width for sizes */ 36896 .card-wrapper-box .bt-qatc-container { 36897 right: 42px !important; 36898 } 36899 36900 /* Compact, left-aligned size list */ 36901 .card-wrapper-box .bt-qatc-form-variants--list { 36902 justify-content: flex-start !important; 36903 align-items: center !important; 36904 align-content: center !important; 36905 36906 column-gap: 0 !important; 36907 row-gap: 0 !important; 36908 36909 padding: 4px 4px !important; 36910 margin: 0 !important; 36911 } 36912 36913 .card-wrapper-box .bt-qatc-form-variant-input { 36914 min-width: 0 !important; 36915 width: auto !important; 36916 height: 35px !important; 36917 margin: 0 !important; 36918 padding: 0 !important; 36919 } 36920 36921 .card-wrapper-box .bt-qatc-form-variant-input label { 36922 min-width: 0 !important; 36923 width: auto !important; 36924 height: 35px !important; 36925 36926 margin: 0 !important; 36927 padding: 0 4px !important; 36928 36929 font-size: 12px !important; 36930 line-height: 1 !important; 36931 } 36932 36933 /* Bag column keeps the same full white background as the sizes */ 36934 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 36935 right: 0 !important; 36936 bottom: 0 !important; 36937 top: auto !important; 36938 36939 width: 42px !important; 36940 min-width: 42px !important; 36941 height: var(--sefam-quick-add-height, 43px) !important; 36942 min-height: 43px !important; 36943 36944 display: flex !important; 36945 flex-direction: column !important; 36946 justify-content: flex-end !important; 36947 align-items: stretch !important; 36948 36949 padding: 0 !important; 36950 margin: 0 !important; 36951 36952 background: rgba(255,255,255,.96) !important; 36953 } 36954 36955 /* The clickable bag itself always sits at the bottom */ 36956 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 36957 width: 42px !important; 36958 min-width: 42px !important; 36959 height: 43px !important; 36960 min-height: 43px !important; 36961 36962 margin-top: auto !important; 36963 padding: 0 !important; 36964 36965 display: flex !important; 36966 align-items: center !important; 36967 justify-content: center !important; 36968 36969 background: rgba(255,255,255,.96) !important; 36970 } 36971 36972 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 36973 width: 42px !important; 36974 height: 43px !important; 36975 min-height: 43px !important; 36976 36977 display: flex !important; 36978 align-items: center !important; 36979 justify-content: center !important; 36980 36981 padding: 0 !important; 36982 margin: 0 !important; 36983 36984 background: transparent !important; 36985 } 36986 36987 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 36988 width: 16px !important; 36989 height: 17px !important; 36990 } 36991} 36992</style> 36993 36994 36995<style> 36996/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 36997@media (min-width: 990px) { 36998 .card-wrapper-box .bt-qatc-form-variants--list { 36999 padding: 3px 4px !important; 37000 column-gap: 0 !important; 37001 row-gap: 0 !important; 37002 justify-content: flex-start !important; 37003 align-items: center !important; 37004 align-content: center !important; 37005 } 37006 37007 .card-wrapper-box .bt-qatc-form-variant-input { 37008 min-width: 0 !important; 37009 width: auto !important; 37010 height: 30px !important; 37011 margin: 0 !important; 37012 padding: 0 !important; 37013 } 37014 37015 .card-wrapper-box .bt-qatc-form-variant-input label { 37016 min-width: 0 !important; 37017 width: auto !important; 37018 height: 30px !important; 37019 margin: 0 !important; 37020 padding: 0 4px !important; 37021 font-size: 12px !important; 37022 line-height: 1 !important; 37023 display: flex !important; 37024 align-items: center !important; 37025 justify-content: center !important; 37026 } 37027 37028 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 37029 display: flex !important; 37030 flex-direction: column !important; 37031 justify-content: flex-end !important;
37032 align-items: stretch !important; 37033 bottom: 0 !important; 37034 top: auto !important; 37035 height: var(--sefam-quick-add-height, 36px) !important; 37036 min-height: 36px !important; 37037 } 37038 37039 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 37040 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 37041 height: 36px !important; 37042 min-height: 36px !important; 37043 margin-top: auto !important; 37044 } 37045} 37046</style> 37047 37048<style> 37049 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 37050 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 37051 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 37052 .card_colorways_container .new-mbl-color-single label span, 37053 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 37054 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 37055</style> 37056 37057 </li> 37058 37059 <li 37060 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_GLf4cC-10" 37061 class="grid__item slider__slide" 37062 > 37063 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 37064� 37065 37066 37067 � 37068 37069 37070 37071 <div class="card-wrapper product-card-wrapper"> 37072 <div 37073 class=" 37074 card card--standard 37075 card--media 37076 37077 37078 37079 37080 37081 " 37082 style="--ratio-percent: 150.00000000000003%;" 37083 37084 > 37085 <div class="card-wrapper-box"> 37086 37087 <div 37088 class="card__inner color-scheme-2 gradient ratio" 37089 style="--ratio-percent: 150.00000000000003%;" 37090 37091 > 37092 �<a href="/products/bkp753326"> 37093 37094 �<div class="card-prdct2 card__media"> 37095 <div class="media media--transparent mt3"> 37096 37097 37098 <img 37099 src="//sefam.com/cdn/shop/files/BKP753326_2.jpg?v=1781602382&width=800" 37100 srcset="//sefam.com/cdn/shop/files/BKP753326_2.jpg?v=1781602382&width=1600 2x" 37101 class="" 37102 alt="Solid Cotton Polo - BKP753326" 37103 37104 loading="lazy" 37105 37106 width="2400" 37107 height="3600" 37108 > 37109 �<img 37110 src="//sefam.com/cdn/shop/files/BKP753326_5.jpg?v=1781602383&width=800" 37111 srcset="//sefam.com/cdn/shop/files/BKP753326_5.jpg?v=1781602383&width=1600 2x" 37112 alt="Solid Cotton Polo - BKP753326" 37113 loading="lazy" 37114 width="2400" 37115 height="3600" 37116 data-index="" 37117 > 37118 37119 � 37120 </div> 37121 37122 37123 </div> 37124 </a> 37125 </div> 37126 37127 37128 37129 37130 <div class="bt-qatc-container"> 37131 <div class="bt-qatc-form-container"> 37132 <div class="bt-qatc-form-content large-up-hide medium-hide"> 37133 <h3>Solid Cotton Polo - BKP753326</h3> 37134 37135<div 37136 class=" 37137 price " 37138 > 37139 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 37140 <span class="price-item price-item--regular"> 37141 <span class=money>Rs.1,990</span> 37142 </span></div> 37143 <div class="price__sale"> 37144 <span class="visually-hidden visually-hidden--inline">Regular price</span> 37145 <span> 37146 <s class="price-item price-item--regular"> 37147 37148 <span class=money>Rs.1,990</span> 37149 37150 </s> 37151 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
37152 <span class="price-item price-item--sale price-item--last"> 37153 37154 37155 37156 37157 <span class="percentage__sale hidden">0% OFF</span> 37158 37159 <span class=money>Rs.1,990</span> 37160 </span> 37161 </div> 37162 <small class="unit-price caption hidden"> 37163 <span class="visually-hidden">Unit price</span> 37164 <span class="price-item price-item--last"> 37165 <span></span> 37166 <span aria-hidden="true">/</span> 37167 <span class="visually-hidden"> per </span> 37168 <span> 37169 </span> 37170 </span> 37171 </small> 37172 </div></div> 37173 37174 37175 37176 </div> 37177 <div 37178 class="ethnc-form-media large-up-hide medium-hide" 37179 37180 ></div> 37181 <form method="post" action="/cart/add" class="bt-qatc-form"> 37182 <input type="hidden" name="quantity" value="1"> 37183 <div class="bt-qatc-form-variants-container"> 37184 <div class="bt-qatc-form-variants--list"> 37185 37186 <div 37187 class="in-use bt-qatc-form-variant-input" 37188 37189 > 37190 <input 37191 type="radio" 37192 name="id" 37193 id="-51904323977512" 37194 value="51904323977512" 37195 data-price="199000" 37196 data-item-id="10299403993384" 37197 hidden 37198 37199 data-item-id="10299403993384" 37200 37201 > 37202 37203 <label 37204 for="-51904323977512" 37205 data-sefam-quick-size 37206 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 37207 > 37208 <span class="split-variant-value"> 37209 37210 37211 37212 37213 37214 37215 37216 5/6-Y 37217 37218 37219</span> 37220 </label> 37221 </div> 37222 37223 <div 37224 class="in-use bt-qatc-form-variant-input" 37225 37226 > 37227 <input 37228 type="radio" 37229 name="id" 37230 id="-51904324010280" 37231 value="51904324010280" 37232 data-price="199000" 37233 data-item-id="10299403993384" 37234 hidden 37235 37236 data-item-id="10299403993384" 37237 37238 > 37239 37240 <label 37241 for="-51904324010280" 37242 data-sefam-quick-size 37243 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 37244 > 37245 <span class="split-variant-value"> 37246 37247 37248 37249 37250 37251 37252 37253 7/8-Y 37254 37255 37256</span> 37257 </label> 37258 </div> 37259 37260 <div 37261 class="in-use bt-qatc-form-variant-input" 37262 37263 > 37264 <input 37265 type="radio" 37266 name="id" 37267 id="-51904324043048" 37268 value="51904324043048" 37269 data-price="199000" 37270 data-item-id="10299403993384" 37271 hidden 37272 37273 data-item-id="10299403993384" 37274 37275 > 37276 37277 <label 37278 for="-51904324043048" 37279 data-sefam-quick-size 37280 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 37281 >
37282 <span class="split-variant-value"> 37283 37284 37285 37286 37287 37288 37289 37290 9/10-Y 37291 37292 37293</span> 37294 </label> 37295 </div> 37296 37297 <div 37298 class="in-use bt-qatc-form-variant-input" 37299 37300 > 37301 <input 37302 type="radio" 37303 name="id" 37304 id="-51904324075816" 37305 value="51904324075816" 37306 data-price="219000" 37307 data-item-id="10299403993384" 37308 hidden 37309 37310 data-item-id="10299403993384" 37311 37312 > 37313 37314 <label 37315 for="-51904324075816" 37316 data-sefam-quick-size 37317 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 37318 > 37319 <span class="split-variant-value"> 37320 37321 37322 37323 37324 37325 37326 37327 11/12-Y 37328 37329 37330</span> 37331 </label> 37332 </div> 37333 37334 <div 37335 class="in-use bt-qatc-form-variant-input" 37336 37337 > 37338 <input 37339 type="radio" 37340 name="id" 37341 id="-51904324108584" 37342 value="51904324108584" 37343 data-price="219000" 37344 data-item-id="10299403993384" 37345 hidden 37346 37347 data-item-id="10299403993384" 37348 37349 > 37350 37351 <label 37352 for="-51904324108584" 37353 data-sefam-quick-size 37354 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 37355 > 37356 <span class="split-variant-value"> 37357 37358 37359 37360 37361 37362 37363 37364 13/14-Y 37365 37366 37367</span> 37368 </label> 37369 </div> 37370 37371 <div 37372 class="in-use bt-qatc-form-variant-input is-disbaled" 37373 37374 > 37375 <input 37376 type="radio" 37377 name="id" 37378 id="-51904324141352" 37379 value="51904324141352" 37380 data-price="219000" 37381 data-item-id="10299403993384" 37382 hidden 37383 37384 disbaled 37385 37386 data-item-id="10299403993384" 37387 37388 > 37389 37390 <label 37391 for="-51904324141352" 37392 data-sefam-quick-size 37393 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 37394 > 37395 <span class="split-variant-value"> 37396 37397 37398 37399 37400 37401 37402 37403 15/16-Y 37404 37405 37406</span> 37407 </label> 37408 </div> 37409 37410 </div> 37411 37412 37413 37414 37415 </div> 37416 </form> 37417 </div> 37418 </div> 37419 37420 37421 37422 37423 37424 37425 37426 37427 37428 37429 37430 37431 37432 37433 37434 37435 37436 37437 37438 37439 37440 37441 37442 37443 37444 37445 37446 37447 37448 37449 37450 37451 37452 37453 37454 37455 37456 37457 37458 37459 37460 37461 37462 37463 37464 37465 37466 37467 37468 37469 37470 37471 37472 37473 37474 37475 37476 37477 37478 37479 37480 37481 37482 37483 37484 37485 37486 37487 37488 37489 37490 37491 37492 37493 37494 37495 37496 37497 37498 37499 37500 37501 37502 37503 37504 37505 37506 37507 37508 37509 37510 37511 37512 37513 37514 37515 37516 37517 37518 37519 37520 37521 37522 37523 37524 37525 37526 37527 37528 37529 37530 37531 37532 37533 37534 37535 37536 37537 37538 37539 37540 37541 37542 37543 37544 37545 37546 37547 37548 37549 37550 37551 37552 37553 37554 37555 37556 37557 37558 37559 37560 37561 37562 37563 37564 37565 37566 <div
37567 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 37568 > 37569 <div class="ethnc-qatc-btn cstm-add-btn visible"> 37570 <span class="small-hide hide-mobile">Add to Basket</span> 37571 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 37572 </span> 37573 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 37574 width="11" 37575 height="11" 37576 viewBox="0 0 11 11" 37577 fill="none" 37578> 37579 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 37580 fill="black" 37581 /> 37582</svg> 37583</span> 37584 </div> 37585 </div> 37586 37587 37588 </div> 37589 37590 <div class="card__content aiza2"> 37591 <div class="card__information"> 37592 <small class="product-brand"> 37593 Leisure Club 37594 </small> 37595 <h3 37596 class="card__heading h5" 37597 37598 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10299403993384" 37599 37600 > 37601 <a 37602 href="/products/bkp753326" 37603 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10299403993384" 37604 class="full-unstyled-link" 37605 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10299403993384 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10299403993384" 37606 > 37607 Solid Cotton Polo - BKP753326 37608 37609 <div class="card_colorways_container" onclick="event.stopPropagation();"> 37610 37611 37612 � 37613 </div> 37614 </a> 37615 37616 </h3> 37617 37618 <div class="card-information"><span class="caption-large light"></span> 37619<div 37620 class=" 37621 price " 37622 > 37623 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 37624 <span class="price-item price-item--regular"> 37625 <span class=money>Rs.1,990</span> 37626 </span></div> 37627 <div class="price__sale"> 37628 <span class="visually-hidden visually-hidden--inline">Regular price</span> 37629 <span> 37630 <s class="price-item price-item--regular"> 37631 37632 <span class=money>Rs.1,990</span> 37633 37634 </s> 37635 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 37636 <span class="price-item price-item--sale price-item--last"> 37637 37638 37639 37640 37641 <span class="percentage__sale hidden">0% OFF</span> 37642 37643 <span class=money>Rs.1,990</span> 37644 </span> 37645 </div> 37646 <small class="unit-price caption hidden"> 37647 <span class="visually-hidden">Unit price</span> 37648 <span class="price-item price-item--last">
37649 <span></span> 37650 <span aria-hidden="true">/</span> 37651 <span class="visually-hidden"> per </span> 37652 <span> 37653 </span> 37654 </span> 37655 </small> 37656 </div></div> 37657 37658 37659 37660 </div> 37661 </div> 37662 </div> 37663 37664 </div> 37665 </div><style> 37666/* ========================================================= 37667 DESKTOP PRODUCT CARD QUICK ADD 37668 LEFT = sizes 37669 RIGHT = original bag icon 37670 Mobile behavior remains unchanged 37671 ========================================================= */ 37672@media (min-width: 990px) { 37673 .hide-desktop { 37674 display: none !important; 37675 } 37676 37677 /* Keep both controls on the same bottom row */ 37678 .card-wrapper-box { 37679 position: relative; 37680 } 37681 37682 .card-wrapper-box .bt-qatc-container, 37683 .card-wrapper-box .ethnc-qatc-btn-container { 37684 position: absolute !important; 37685 bottom: 0 !important; 37686 z-index: 8 !important; 37687 } 37688 37689 /* LEFT: size area */ 37690 .card-wrapper-box .bt-qatc-container { 37691 left: 0 !important; 37692 right: 46px !important; 37693 width: auto !important; 37694 } 37695 37696 .card-wrapper-box .bt-qatc-form-container { 37697 left: 0 !important; 37698 right: 0 !important; 37699 bottom: -350% !important; 37700 width: 100% !important; 37701 min-height: 43px !important; 37702 opacity: 0 !important; 37703 visibility: hidden !important; 37704 pointer-events: none !important; 37705 transition: bottom .22s ease, opacity .18s ease !important; 37706 } 37707 37708 .card-wrapper-box .bt-qatc-form, 37709 .card-wrapper-box .bt-qatc-form-variants-container, 37710 .card-wrapper-box .bt-qatc-form-variants--list { 37711 width: 100% !important; 37712 } 37713 37714 .card-wrapper-box .bt-qatc-form-variants--list { 37715 display: flex !important; 37716 align-items: center !important; 37717 flex-wrap: wrap !important; 37718 gap: 0 !important; 37719 min-height: 43px !important; 37720 } 37721 37722 /* RIGHT: original bag button */ 37723 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 37724 display: flex !important; 37725 align-items: stretch !important; 37726 justify-content: center !important; 37727 left: auto !important; 37728 right: 0 !important; 37729 width: 46px !important; 37730 height: 43px !important; 37731 opacity: 0 !important; 37732 visibility: hidden !important; 37733 pointer-events: none !important; 37734 transition: opacity .18s ease !important; 37735 } 37736 37737 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 37738 display: flex !important; 37739 align-items: center !important; 37740 justify-content: center !important; 37741 width: 46px !important; 37742 height: 43px !important; 37743 min-width: 46px !important; 37744 padding: 0 !important; 37745 cursor: pointer !important; 37746 } 37747 37748 /* Hide Add to Basket text on desktop; keep only bag icon */ 37749 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 37750 display: none !important; 37751 } 37752 37753 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 37754 display: flex !important; 37755 align-items: center !important; 37756 justify-content: center !important; 37757 width: 100% !important; 37758 height: 100% !important; 37759 padding: 0 !important; 37760 } 37761 37762 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 37763 display: block !important; 37764 width: 16px !important; 37765 height: 17px !important; 37766 } 37767 37768 /* Show sizes + bag together on desktop hover */ 37769 .card-wrapper-box:hover .bt-qatc-form-container { 37770 bottom: 0 !important; 37771 opacity: 1 !important; 37772 visibility: visible !important; 37773 pointer-events: auto !important; 37774 } 37775 37776 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 37777 opacity: 1 !important; 37778 visibility: visible !important; 37779 pointer-events: auto !important; 37780 } 37781} 37782 37783@media (max-width: 989px) { 37784 .hide-mobile { 37785 display: none; 37786 } 37787} 37788</style> 37789 37790 37791<style> 37792/* ========================================================= 37793 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 37794 Keeps all sizes in one clean row on the left 37795 and the bag icon fixed on the right. 37796 ========================================================= */ 37797@media (min-width: 990px) { 37798 37799 .card-wrapper-box .bt-qatc-form-container { 37800 height: 43px !important; 37801 min-height: 43px !important; 37802 max-height: 43px !important; 37803 overflow: hidden !important; 37804 background: rgba(255,255,255,.96) !important; 37805 } 37806 37807 .card-wrapper-box .bt-qatc-form { 37808 display: block !important; 37809 height: 43px !important; 37810 min-height: 43px !important; 37811 margin: 0 !important; 37812 padding: 0 !important; 37813 } 37814 37815 .card-wrapper-box .bt-qatc-form-variants-container { 37816 display: block !important; 37817 width: 100% !important; 37818 height: 43px !important; 37819 min-height: 43px !important; 37820 margin: 0 !important; 37821 padding: 0 !important; 37822 } 37823 37824 .card-wrapper-box .bt-qatc-form-variants--list { 37825 display: flex !important; 37826 flex-direction: row !important; 37827 flex-wrap: wrap !important;
37828 align-items: center !important; 37829 justify-content: center !important; 37830 37831 width: 100% !important; 37832 height: 43px !important; 37833 min-height: 43px !important; 37834 37835 margin: 0 !important; 37836 padding: 0 6px !important; 37837 gap: 2px !important; 37838 37839 box-sizing: border-box !important; 37840 overflow: visible !important; 37841 white-space: normal !important; 37842 } 37843 37844 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 37845 display: none !important; 37846 } 37847 37848 .card-wrapper-box .bt-qatc-form-variant-input { 37849 position: relative !important; 37850 37851 display: flex !important; 37852 align-items: center !important; 37853 justify-content: center !important; 37854 37855 flex: 0 0 auto !important; 37856 width: auto !important; 37857 min-width: 32px !important; 37858 height: 43px !important; 37859 37860 margin: 0 !important; 37861 padding: 0 !important; 37862 37863 border: 0 !important; 37864 background: transparent !important; 37865 } 37866 37867 .card-wrapper-box .bt-qatc-form-variant-input label { 37868 position: static !important; 37869 37870 display: flex !important; 37871 align-items: center !important; 37872 justify-content: center !important; 37873 37874 width: auto !important; 37875 min-width: 32px !important; 37876 height: 32px !important; 37877 37878 margin: 0 !important; 37879 padding: 0 6px !important; 37880 37881 box-sizing: border-box !important; 37882 37883 background: transparent !important; 37884 border: 0 !important; 37885 37886 color: #111 !important; 37887 font-size: 12px !important; 37888 line-height: 1 !important; 37889 font-weight: 400 !important; 37890 37891 white-space: nowrap !important; 37892 cursor: pointer !important; 37893 } 37894 37895 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 37896 display: block !important; 37897 width: auto !important; 37898 max-width: none !important; 37899 37900 margin: 0 !important; 37901 padding: 0 !important; 37902 37903 overflow: visible !important; 37904 white-space: nowrap !important; 37905 text-overflow: clip !important; 37906 37907 font-size: inherit !important; 37908 line-height: inherit !important; 37909 } 37910 37911 /* Sold-out size */ 37912 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 37913 opacity: .35 !important; 37914 text-decoration: line-through !important; 37915 cursor: not-allowed !important; 37916 } 37917 37918 /* Optional hover feedback */ 37919 .card-wrapper-box 37920 .bt-qatc-form-variant-input:not(.is-disbaled) 37921 label:hover { 37922 text-decoration: underline !important; 37923 text-underline-offset: 3px !important; 37924 } 37925 37926 /* Prevent old theme transforms / absolute positions */ 37927 .card-wrapper-box .bt-qatc-form-variant-input *, 37928 .card-wrapper-box .bt-qatc-form-variants--list * { 37929 transform: none; 37930 } 37931} 37932</style> 37933 37934 37935<style> 37936/* Desktop quick-add: use one seamless background for sizes + bag */ 37937@media (min-width: 990px) { 37938 .card-wrapper-box .bt-qatc-form-container, 37939 .card-wrapper-box .bt-qatc-form, 37940 .card-wrapper-box .bt-qatc-form-variants-container, 37941 .card-wrapper-box .bt-qatc-form-variants--list, 37942 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 37943 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 37944 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 37945 background: rgba(255,255,255,.96) !important; 37946 } 37947 37948 /* Remove any visual split between sizes and bag */ 37949 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 37950 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 37951 border-left: 0 !important; 37952 box-shadow: none !important; 37953 } 37954} 37955</style> 37956 37957 37958<style> 37959/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 37960@media (min-width: 990px) { 37961 .card-wrapper-box .bt-qatc-form-container, 37962 .card-wrapper-box .bt-qatc-form, 37963 .card-wrapper-box .bt-qatc-form-variants-container { 37964 height: auto !important; 37965 max-height: none !important; 37966 overflow: visible !important; 37967 } 37968 37969 .card-wrapper-box .bt-qatc-form-variants--list { 37970 display: flex !important; 37971 flex-wrap: wrap !important; 37972 justify-content: center !important; 37973 align-items: center !important; 37974 height: auto !important; 37975 min-height: 43px !important; 37976 max-height: none !important; 37977 overflow: visible !important; 37978 white-space: normal !important; 37979 padding: 5px 6px !important; 37980 } 37981 37982 .card-wrapper-box .bt-qatc-form-variant-input { 37983 flex: 0 0 auto !important; 37984 } 37985} 37986</style> 37987
37988<script> 37989 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 37990 const wrap = label.closest('.bt-qatc-form-variant-input'); 37991 const form = label.closest('.bt-qatc-form'); 37992 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 37993 37994 if (!wrap || !form || !input) return; 37995 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 37996 if (label.dataset.loading === 'true') return; 37997 37998 input.checked = true; 37999 label.dataset.loading = 'true'; 38000 label.style.pointerEvents = 'none'; 38001 38002 try { 38003 const cartResp = await fetch('/cart.js', { 38004 method: 'GET', 38005 headers: { 'Accept': 'application/json' } 38006 }); 38007 38008 if (!cartResp.ok) throw new Error('Unable to read cart'); 38009 38010 const cart = await cartResp.json(); 38011 const variantId = Number(input.value); 38012 const selectedPrice = Number(input.dataset.price || 0) / 100; 38013 const totalCartPrice = Number(cart.total_price || 0) / 100; 38014 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 38015 38016 if ((totalCartPrice + selectedPrice) > 250000) { 38017 if (window.showAlert) { 38018 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 38019 } else { 38020 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 38021 } 38022 return; 38023 } 38024 38025 if (itemInCart && Number(itemInCart.quantity) >= 3) { 38026 if (window.showAlert) { 38027 window.showAlert('Limit reached: Max 3 items per size can be added'); 38028 } else { 38029 alert('Limit reached: Max 3 items per size can be added'); 38030 } 38031 return; 38032 } 38033 38034 38035 const cartSections = document.querySelector('cart-notification, cart-drawer'); 38036 const formData = new FormData(form); 38037 38038 formData.set('id', input.value); 38039 formData.set('quantity', '1'); 38040 38041 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 38042 formData.set( 38043 'sections', 38044 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 38045 ); 38046 } 38047 38048 formData.set('sections_url', window.location.pathname); 38049 38050 const addResp = await fetch('/cart/add.js', { 38051 method: 'POST', 38052 headers: { 'Accept': 'application/json' }, 38053 body: formData 38054 }); 38055 38056 const data = await addResp.json(); 38057 38058 if (!addResp.ok) { 38059 throw new Error(data.description || data.message || 'Unable to add this size'); 38060 } 38061 38062 if (cartSections && typeof cartSections.renderContents === 'function') { 38063 cartSections.renderContents(data); 38064 } else { 38065 const bubble = document.querySelector('#cart-icon-bubble'); 38066 if (bubble) bubble.click(); 38067 } 38068 38069 const card = label.closest('.card-wrapper-box'); 38070 if (card) { 38071 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 38072 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 38073 } 38074 } catch (error) { 38075 console.error('SEFAM hover size quick-add error:', error); 38076 if (window.showAlert) { 38077 window.showAlert(error.message || 'Unable to add this size to cart'); 38078 } else { 38079 alert(error.message || 'Unable to add this size to cart'); 38080 } 38081 } finally { 38082 label.dataset.loading = 'false'; 38083 label.style.pointerEvents = ''; 38084 } 38085 }; 38086</script>
38086 38087 38088<style> 38089/* Desktop quick-add final alignment: 38090 sizes start from left; bag area matches the complete quick-size background height. */ 38091@media (min-width: 990px) { 38092 .card-wrapper-box .bt-qatc-form-variants--list { 38093 justify-content: flex-start !important; 38094 align-content: center !important; 38095 text-align: left !important; 38096 } 38097 38098 .card-wrapper-box .bt-qatc-container { 38099 right: 46px !important; 38100 } 38101 38102 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 38103 top: auto !important; 38104 bottom: 0 !important; 38105 width: 46px !important; 38106 height: 100% !important; 38107 min-height: 43px !important; 38108 align-items: stretch !important; 38109 background: rgba(255,255,255,.96) !important; 38110 } 38111 38112 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 38113 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 38114 width: 46px !important; 38115 height: 100% !important; 38116 min-height: 43px !important; 38117 background: rgba(255,255,255,.96) !important; 38118 } 38119 38120 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 38121 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 38122 height: var(--sefam-quick-add-height, 43px) !important; 38123 } 38124} 38125</style>
38126<script> 38127(function () { 38128 function syncQuickAddHeight(card) { 38129 if (!card || window.innerWidth < 990) return; 38130 var panel = card.querySelector('.bt-qatc-form-container'); 38131 if (!panel) return; 38132 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 38133 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 38134 } 38135 38136 document.addEventListener('mouseover', function(e) { 38137 var card = e.target.closest('.card-wrapper-box'); 38138 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 38139 }, { passive: true }); 38140 38141 window.addEventListener('resize', function() { 38142 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 38143 }, { passive: true }); 38144})(); 38145</script>
38145 38146 38147 38148 38149<style> 38150/* ========================================================= 38151 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 38152 - reduce space between sizes 38153 - keep sizes left aligned 38154 - keep the bag icon on the BOTTOM row 38155 - bag background still matches the full size panel 38156 ========================================================= */ 38157@media (min-width: 990px) { 38158 38159 /* More usable width for sizes */ 38160 .card-wrapper-box .bt-qatc-container { 38161 right: 42px !important; 38162 } 38163 38164 /* Compact, left-aligned size list */ 38165 .card-wrapper-box .bt-qatc-form-variants--list { 38166 justify-content: flex-start !important; 38167 align-items: center !important; 38168 align-content: center !important; 38169 38170 column-gap: 0 !important; 38171 row-gap: 0 !important; 38172 38173 padding: 4px 4px !important; 38174 margin: 0 !important; 38175 } 38176 38177 .card-wrapper-box .bt-qatc-form-variant-input { 38178 min-width: 0 !important; 38179 width: auto !important; 38180 height: 35px !important; 38181 margin: 0 !important; 38182 padding: 0 !important; 38183 } 38184 38185 .card-wrapper-box .bt-qatc-form-variant-input label { 38186 min-width: 0 !important; 38187 width: auto !important; 38188 height: 35px !important; 38189 38190 margin: 0 !important; 38191 padding: 0 4px !important; 38192 38193 font-size: 12px !important; 38194 line-height: 1 !important; 38195 } 38196 38197 /* Bag column keeps the same full white background as the sizes */ 38198 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 38199 right: 0 !important; 38200 bottom: 0 !important; 38201 top: auto !important; 38202 38203 width: 42px !important; 38204 min-width: 42px !important; 38205 height: var(--sefam-quick-add-height, 43px) !important; 38206 min-height: 43px !important; 38207 38208 display: flex !important; 38209 flex-direction: column !important; 38210 justify-content: flex-end !important; 38211 align-items: stretch !important; 38212 38213 padding: 0 !important; 38214 margin: 0 !important; 38215 38216 background: rgba(255,255,255,.96) !important; 38217 } 38218 38219 /* The clickable bag itself always sits at the bottom */ 38220 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 38221 width: 42px !important; 38222 min-width: 42px !important; 38223 height: 43px !important; 38224 min-height: 43px !important; 38225 38226 margin-top: auto !important; 38227 padding: 0 !important; 38228 38229 display: flex !important; 38230 align-items: center !important; 38231 justify-content: center !important; 38232 38233 background: rgba(255,255,255,.96) !important; 38234 } 38235 38236 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 38237 width: 42px !important; 38238 height: 43px !important; 38239 min-height: 43px !important; 38240 38241 display: flex !important; 38242 align-items: center !important; 38243 justify-content: center !important; 38244 38245 padding: 0 !important; 38246 margin: 0 !important; 38247 38248 background: transparent !important; 38249 } 38250 38251 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 38252 width: 16px !important; 38253 height: 17px !important; 38254 } 38255} 38256</style> 38257 38258 38259<style> 38260/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 38261@media (min-width: 990px) { 38262 .card-wrapper-box .bt-qatc-form-variants--list { 38263 padding: 3px 4px !important; 38264 column-gap: 0 !important; 38265 row-gap: 0 !important; 38266 justify-content: flex-start !important; 38267 align-items: center !important; 38268 align-content: center !important; 38269 } 38270 38271 .card-wrapper-box .bt-qatc-form-variant-input { 38272 min-width: 0 !important; 38273 width: auto !important; 38274 height: 30px !important; 38275 margin: 0 !important; 38276 padding: 0 !important; 38277 } 38278 38279 .card-wrapper-box .bt-qatc-form-variant-input label { 38280 min-width: 0 !important; 38281 width: auto !important; 38282 height: 30px !important; 38283 margin: 0 !important; 38284 padding: 0 4px !important; 38285 font-size: 12px !important; 38286 line-height: 1 !important; 38287 display: flex !important; 38288 align-items: center !important; 38289 justify-content: center !important; 38290 } 38291 38292 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 38293 display: flex !important; 38294 flex-direction: column !important; 38295 justify-content: flex-end !important;
38296 align-items: stretch !important; 38297 bottom: 0 !important; 38298 top: auto !important; 38299 height: var(--sefam-quick-add-height, 36px) !important; 38300 min-height: 36px !important; 38301 } 38302 38303 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 38304 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 38305 height: 36px !important; 38306 min-height: 36px !important; 38307 margin-top: auto !important; 38308 } 38309} 38310</style> 38311 38312<style> 38313 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 38314 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 38315 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 38316 .card_colorways_container .new-mbl-color-single label span, 38317 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 38318 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 38319</style> 38320 38321 </li> 38322 38323 <li 38324 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_GLf4cC-11" 38325 class="grid__item slider__slide" 38326 > 38327 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 38328� 38329 38330 38331 � 38332 38333 38334 38335 <div class="card-wrapper product-card-wrapper"> 38336 <div 38337 class=" 38338 card card--standard 38339 card--media 38340 38341 38342 38343 38344 38345 " 38346 style="--ratio-percent: 150.00000000000003%;" 38347 38348 > 38349 <div class="card-wrapper-box"> 38350 38351 <div 38352 class="card__inner color-scheme-2 gradient ratio" 38353 style="--ratio-percent: 150.00000000000003%;" 38354 38355 > 38356 �<a href="/products/gw702126"> 38357 38358 �<div class="card-prdct2 card__media"> 38359 <div class="media media--transparent mt3"> 38360 38361 38362 <img 38363 src="//sefam.com/cdn/shop/files/GW702126_1.jpg?v=1779184693&width=800" 38364 srcset="//sefam.com/cdn/shop/files/GW702126_1.jpg?v=1779184693&width=1600 2x" 38365 class="" 38366 alt="Raglon Top - GW702126" 38367 38368 loading="lazy" 38369 38370 width="2400" 38371 height="3600" 38372 > 38373 �<img 38374 src="//sefam.com/cdn/shop/files/GW702126_4.jpg?v=1779184693&width=800" 38375 srcset="//sefam.com/cdn/shop/files/GW702126_4.jpg?v=1779184693&width=1600 2x" 38376 alt="Raglon Top - GW702126" 38377 loading="lazy" 38378 width="2400" 38379 height="3600" 38380 data-index="" 38381 > 38382 38383 � 38384 </div> 38385 38386 38387 </div> 38388 </a> 38389 </div> 38390 38391 38392 38393 38394 <div class="bt-qatc-container"> 38395 <div class="bt-qatc-form-container"> 38396 <div class="bt-qatc-form-content large-up-hide medium-hide"> 38397 <h3>Raglon Top - GW702126</h3> 38398 38399<div 38400 class=" 38401 price " 38402 > 38403 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 38404 <span class="price-item price-item--regular"> 38405 <span class=money>Rs.2,490</span> 38406 </span></div> 38407 <div class="price__sale"> 38408 <span class="visually-hidden visually-hidden--inline">Regular price</span> 38409 <span> 38410 <s class="price-item price-item--regular"> 38411 38412 <span class=money>Rs.2,490</span> 38413 38414 </s> 38415 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
38416 <span class="price-item price-item--sale price-item--last"> 38417 38418 38419 38420 38421 <span class="percentage__sale hidden">0% OFF</span> 38422 38423 <span class=money>Rs.2,490</span> 38424 </span> 38425 </div> 38426 <small class="unit-price caption hidden"> 38427 <span class="visually-hidden">Unit price</span> 38428 <span class="price-item price-item--last"> 38429 <span></span> 38430 <span aria-hidden="true">/</span> 38431 <span class="visually-hidden"> per </span> 38432 <span> 38433 </span> 38434 </span> 38435 </small> 38436 </div></div> 38437 38438 38439 38440 </div> 38441 <div 38442 class="ethnc-form-media large-up-hide medium-hide" 38443 38444 ></div> 38445 <form method="post" action="/cart/add" class="bt-qatc-form"> 38446 <input type="hidden" name="quantity" value="1"> 38447 <div class="bt-qatc-form-variants-container"> 38448 <div class="bt-qatc-form-variants--list"> 38449 38450 <div 38451 class="in-use bt-qatc-form-variant-input" 38452 38453 > 38454 <input 38455 type="radio" 38456 name="id" 38457 id="-51801851461928" 38458 value="51801851461928" 38459 data-price="249000" 38460 data-item-id="10274096251176" 38461 hidden 38462 38463 data-item-id="10274096251176" 38464 38465 > 38466 38467 <label 38468 for="-51801851461928" 38469 data-sefam-quick-size 38470 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 38471 > 38472 <span class="split-variant-value"> 38473 38474 38475 38476 38477 38478 38479 38480 5/6-Y 38481 38482 38483</span> 38484 </label> 38485 </div> 38486 38487 <div 38488 class="in-use bt-qatc-form-variant-input" 38489 38490 > 38491 <input 38492 type="radio" 38493 name="id" 38494 id="-51801851494696" 38495 value="51801851494696" 38496 data-price="249000" 38497 data-item-id="10274096251176" 38498 hidden 38499 38500 data-item-id="10274096251176" 38501 38502 > 38503 38504 <label 38505 for="-51801851494696" 38506 data-sefam-quick-size 38507 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 38508 > 38509 <span class="split-variant-value"> 38510 38511 38512 38513 38514 38515 38516 38517 7/8-Y 38518 38519 38520</span> 38521 </label> 38522 </div> 38523 38524 <div 38525 class="in-use bt-qatc-form-variant-input" 38526 38527 > 38528 <input 38529 type="radio" 38530 name="id" 38531 id="-51801851527464" 38532 value="51801851527464" 38533 data-price="249000" 38534 data-item-id="10274096251176" 38535 hidden 38536 38537 data-item-id="10274096251176" 38538 38539 > 38540 38541 <label 38542 for="-51801851527464" 38543 data-sefam-quick-size 38544 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 38545 >
38546 <span class="split-variant-value"> 38547 38548 38549 38550 38551 38552 38553 38554 9/10-Y 38555 38556 38557</span> 38558 </label> 38559 </div> 38560 38561 <div 38562 class="in-use bt-qatc-form-variant-input" 38563 38564 > 38565 <input 38566 type="radio" 38567 name="id" 38568 id="-51801851560232" 38569 value="51801851560232" 38570 data-price="299000" 38571 data-item-id="10274096251176" 38572 hidden 38573 38574 data-item-id="10274096251176" 38575 38576 > 38577 38578 <label 38579 for="-51801851560232" 38580 data-sefam-quick-size 38581 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 38582 > 38583 <span class="split-variant-value"> 38584 38585 38586 38587 38588 38589 38590 38591 11/12-Y 38592 38593 38594</span> 38595 </label> 38596 </div> 38597 38598 <div 38599 class="in-use bt-qatc-form-variant-input" 38600 38601 > 38602 <input 38603 type="radio" 38604 name="id" 38605 id="-51801851593000" 38606 value="51801851593000" 38607 data-price="299000" 38608 data-item-id="10274096251176" 38609 hidden 38610 38611 data-item-id="10274096251176" 38612 38613 > 38614 38615 <label 38616 for="-51801851593000" 38617 data-sefam-quick-size 38618 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 38619 > 38620 <span class="split-variant-value"> 38621 38622 38623 38624 38625 38626 38627 38628 13/14-Y 38629 38630 38631</span> 38632 </label> 38633 </div> 38634 38635 </div> 38636 38637 38638 38639 38640 </div> 38641 </form> 38642 </div> 38643 </div> 38644 38645 38646 38647 38648 38649 38650 38651 38652 38653 38654 38655 38656 38657 38658 38659 38660 38661 38662 38663 38664 38665 38666 38667 38668 38669 38670 38671 38672 38673 38674 38675 38676 38677 38678 38679 38680 38681 38682 38683 38684 38685 38686 38687 38688 38689 38690 38691 38692 38693 38694 38695 38696 38697 38698 38699 38700 38701 38702 38703 38704 38705 38706 38707 38708 38709 38710 38711 38712 38713 38714 38715 38716 38717 38718 38719 38720 38721 38722 38723 38724 38725 38726 38727 38728 38729 38730 38731 38732 38733 38734 38735 38736 38737 38738 38739 38740 38741 38742 38743 38744 38745 38746 38747 38748 38749 38750 38751 38752 38753 38754 38755 38756 38757 38758 38759 38760 38761 38762 38763 38764 38765 38766 38767 38768 38769 38770 38771 38772 38773 38774 38775 38776 38777 38778 38779 38780 38781 38782 38783 38784 38785 38786 38787 38788 <div
38789 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 38790 > 38791 <div class="ethnc-qatc-btn cstm-add-btn visible"> 38792 <span class="small-hide hide-mobile">Add to Basket</span> 38793 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 38794 </span> 38795 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 38796 width="11" 38797 height="11" 38798 viewBox="0 0 11 11" 38799 fill="none" 38800> 38801 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 38802 fill="black" 38803 /> 38804</svg> 38805</span> 38806 </div> 38807 </div> 38808 38809 38810 </div> 38811 38812 <div class="card__content aiza2"> 38813 <div class="card__information"> 38814 <small class="product-brand"> 38815 Leisure Club 38816 </small> 38817 <h3 38818 class="card__heading h5" 38819 38820 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10274096251176" 38821 38822 > 38823 <a 38824 href="/products/gw702126" 38825 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10274096251176" 38826 class="full-unstyled-link" 38827 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10274096251176 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10274096251176" 38828 > 38829 Raglon Top - GW702126 38830 38831 <div class="card_colorways_container" onclick="event.stopPropagation();"> 38832 38833 38834 � 38835 </div> 38836 </a> 38837 38838 </h3> 38839 38840 <div class="card-information"><span class="caption-large light"></span> 38841<div 38842 class=" 38843 price " 38844 > 38845 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 38846 <span class="price-item price-item--regular"> 38847 <span class=money>Rs.2,490</span> 38848 </span></div> 38849 <div class="price__sale"> 38850 <span class="visually-hidden visually-hidden--inline">Regular price</span> 38851 <span> 38852 <s class="price-item price-item--regular"> 38853 38854 <span class=money>Rs.2,490</span> 38855 38856 </s> 38857 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 38858 <span class="price-item price-item--sale price-item--last"> 38859 38860 38861 38862 38863 <span class="percentage__sale hidden">0% OFF</span> 38864 38865 <span class=money>Rs.2,490</span> 38866 </span> 38867 </div> 38868 <small class="unit-price caption hidden"> 38869 <span class="visually-hidden">Unit price</span> 38870 <span class="price-item price-item--last">
38871 <span></span> 38872 <span aria-hidden="true">/</span> 38873 <span class="visually-hidden"> per </span> 38874 <span> 38875 </span> 38876 </span> 38877 </small> 38878 </div></div> 38879 38880 38881 38882 </div> 38883 </div> 38884 </div> 38885 38886 </div> 38887 </div><style> 38888/* ========================================================= 38889 DESKTOP PRODUCT CARD QUICK ADD 38890 LEFT = sizes 38891 RIGHT = original bag icon 38892 Mobile behavior remains unchanged 38893 ========================================================= */ 38894@media (min-width: 990px) { 38895 .hide-desktop { 38896 display: none !important; 38897 } 38898 38899 /* Keep both controls on the same bottom row */ 38900 .card-wrapper-box { 38901 position: relative; 38902 } 38903 38904 .card-wrapper-box .bt-qatc-container, 38905 .card-wrapper-box .ethnc-qatc-btn-container { 38906 position: absolute !important; 38907 bottom: 0 !important; 38908 z-index: 8 !important; 38909 } 38910 38911 /* LEFT: size area */ 38912 .card-wrapper-box .bt-qatc-container { 38913 left: 0 !important; 38914 right: 46px !important; 38915 width: auto !important; 38916 } 38917 38918 .card-wrapper-box .bt-qatc-form-container { 38919 left: 0 !important; 38920 right: 0 !important; 38921 bottom: -350% !important; 38922 width: 100% !important; 38923 min-height: 43px !important; 38924 opacity: 0 !important; 38925 visibility: hidden !important; 38926 pointer-events: none !important; 38927 transition: bottom .22s ease, opacity .18s ease !important; 38928 } 38929 38930 .card-wrapper-box .bt-qatc-form, 38931 .card-wrapper-box .bt-qatc-form-variants-container, 38932 .card-wrapper-box .bt-qatc-form-variants--list { 38933 width: 100% !important; 38934 } 38935 38936 .card-wrapper-box .bt-qatc-form-variants--list { 38937 display: flex !important; 38938 align-items: center !important; 38939 flex-wrap: wrap !important; 38940 gap: 0 !important; 38941 min-height: 43px !important; 38942 } 38943 38944 /* RIGHT: original bag button */ 38945 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 38946 display: flex !important; 38947 align-items: stretch !important; 38948 justify-content: center !important; 38949 left: auto !important; 38950 right: 0 !important; 38951 width: 46px !important; 38952 height: 43px !important; 38953 opacity: 0 !important; 38954 visibility: hidden !important; 38955 pointer-events: none !important; 38956 transition: opacity .18s ease !important; 38957 } 38958 38959 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 38960 display: flex !important; 38961 align-items: center !important; 38962 justify-content: center !important; 38963 width: 46px !important; 38964 height: 43px !important; 38965 min-width: 46px !important; 38966 padding: 0 !important; 38967 cursor: pointer !important; 38968 } 38969 38970 /* Hide Add to Basket text on desktop; keep only bag icon */ 38971 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 38972 display: none !important; 38973 } 38974 38975 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 38976 display: flex !important; 38977 align-items: center !important; 38978 justify-content: center !important; 38979 width: 100% !important; 38980 height: 100% !important; 38981 padding: 0 !important; 38982 } 38983 38984 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 38985 display: block !important; 38986 width: 16px !important; 38987 height: 17px !important; 38988 } 38989 38990 /* Show sizes + bag together on desktop hover */ 38991 .card-wrapper-box:hover .bt-qatc-form-container { 38992 bottom: 0 !important; 38993 opacity: 1 !important; 38994 visibility: visible !important; 38995 pointer-events: auto !important; 38996 } 38997 38998 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 38999 opacity: 1 !important; 39000 visibility: visible !important; 39001 pointer-events: auto !important; 39002 } 39003} 39004 39005@media (max-width: 989px) { 39006 .hide-mobile { 39007 display: none; 39008 } 39009} 39010</style> 39011 39012 39013<style> 39014/* ========================================================= 39015 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 39016 Keeps all sizes in one clean row on the left 39017 and the bag icon fixed on the right. 39018 ========================================================= */ 39019@media (min-width: 990px) { 39020 39021 .card-wrapper-box .bt-qatc-form-container { 39022 height: 43px !important; 39023 min-height: 43px !important; 39024 max-height: 43px !important; 39025 overflow: hidden !important; 39026 background: rgba(255,255,255,.96) !important; 39027 } 39028 39029 .card-wrapper-box .bt-qatc-form { 39030 display: block !important; 39031 height: 43px !important; 39032 min-height: 43px !important; 39033 margin: 0 !important; 39034 padding: 0 !important; 39035 } 39036 39037 .card-wrapper-box .bt-qatc-form-variants-container { 39038 display: block !important; 39039 width: 100% !important; 39040 height: 43px !important; 39041 min-height: 43px !important; 39042 margin: 0 !important; 39043 padding: 0 !important; 39044 } 39045 39046 .card-wrapper-box .bt-qatc-form-variants--list { 39047 display: flex !important; 39048 flex-direction: row !important; 39049 flex-wrap: wrap !important;
39050 align-items: center !important; 39051 justify-content: center !important; 39052 39053 width: 100% !important; 39054 height: 43px !important; 39055 min-height: 43px !important; 39056 39057 margin: 0 !important; 39058 padding: 0 6px !important; 39059 gap: 2px !important; 39060 39061 box-sizing: border-box !important; 39062 overflow: visible !important; 39063 white-space: normal !important; 39064 } 39065 39066 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 39067 display: none !important; 39068 } 39069 39070 .card-wrapper-box .bt-qatc-form-variant-input { 39071 position: relative !important; 39072 39073 display: flex !important; 39074 align-items: center !important; 39075 justify-content: center !important; 39076 39077 flex: 0 0 auto !important; 39078 width: auto !important; 39079 min-width: 32px !important; 39080 height: 43px !important; 39081 39082 margin: 0 !important; 39083 padding: 0 !important; 39084 39085 border: 0 !important; 39086 background: transparent !important; 39087 } 39088 39089 .card-wrapper-box .bt-qatc-form-variant-input label { 39090 position: static !important; 39091 39092 display: flex !important; 39093 align-items: center !important; 39094 justify-content: center !important; 39095 39096 width: auto !important; 39097 min-width: 32px !important; 39098 height: 32px !important; 39099 39100 margin: 0 !important; 39101 padding: 0 6px !important; 39102 39103 box-sizing: border-box !important; 39104 39105 background: transparent !important; 39106 border: 0 !important; 39107 39108 color: #111 !important; 39109 font-size: 12px !important; 39110 line-height: 1 !important; 39111 font-weight: 400 !important; 39112 39113 white-space: nowrap !important; 39114 cursor: pointer !important; 39115 } 39116 39117 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 39118 display: block !important; 39119 width: auto !important; 39120 max-width: none !important; 39121 39122 margin: 0 !important; 39123 padding: 0 !important; 39124 39125 overflow: visible !important; 39126 white-space: nowrap !important; 39127 text-overflow: clip !important; 39128 39129 font-size: inherit !important; 39130 line-height: inherit !important; 39131 } 39132 39133 /* Sold-out size */ 39134 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 39135 opacity: .35 !important; 39136 text-decoration: line-through !important; 39137 cursor: not-allowed !important; 39138 } 39139 39140 /* Optional hover feedback */ 39141 .card-wrapper-box 39142 .bt-qatc-form-variant-input:not(.is-disbaled) 39143 label:hover { 39144 text-decoration: underline !important; 39145 text-underline-offset: 3px !important; 39146 } 39147 39148 /* Prevent old theme transforms / absolute positions */ 39149 .card-wrapper-box .bt-qatc-form-variant-input *, 39150 .card-wrapper-box .bt-qatc-form-variants--list * { 39151 transform: none; 39152 } 39153} 39154</style> 39155 39156 39157<style> 39158/* Desktop quick-add: use one seamless background for sizes + bag */ 39159@media (min-width: 990px) { 39160 .card-wrapper-box .bt-qatc-form-container, 39161 .card-wrapper-box .bt-qatc-form, 39162 .card-wrapper-box .bt-qatc-form-variants-container, 39163 .card-wrapper-box .bt-qatc-form-variants--list, 39164 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 39165 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 39166 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 39167 background: rgba(255,255,255,.96) !important; 39168 } 39169 39170 /* Remove any visual split between sizes and bag */ 39171 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 39172 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 39173 border-left: 0 !important; 39174 box-shadow: none !important; 39175 } 39176} 39177</style> 39178 39179 39180<style> 39181/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 39182@media (min-width: 990px) { 39183 .card-wrapper-box .bt-qatc-form-container, 39184 .card-wrapper-box .bt-qatc-form, 39185 .card-wrapper-box .bt-qatc-form-variants-container { 39186 height: auto !important; 39187 max-height: none !important; 39188 overflow: visible !important; 39189 } 39190 39191 .card-wrapper-box .bt-qatc-form-variants--list { 39192 display: flex !important; 39193 flex-wrap: wrap !important; 39194 justify-content: center !important; 39195 align-items: center !important; 39196 height: auto !important; 39197 min-height: 43px !important; 39198 max-height: none !important; 39199 overflow: visible !important; 39200 white-space: normal !important; 39201 padding: 5px 6px !important; 39202 } 39203 39204 .card-wrapper-box .bt-qatc-form-variant-input { 39205 flex: 0 0 auto !important; 39206 } 39207} 39208</style> 39209
39210<script> 39211 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 39212 const wrap = label.closest('.bt-qatc-form-variant-input'); 39213 const form = label.closest('.bt-qatc-form'); 39214 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 39215 39216 if (!wrap || !form || !input) return; 39217 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 39218 if (label.dataset.loading === 'true') return; 39219 39220 input.checked = true; 39221 label.dataset.loading = 'true'; 39222 label.style.pointerEvents = 'none'; 39223 39224 try { 39225 const cartResp = await fetch('/cart.js', { 39226 method: 'GET', 39227 headers: { 'Accept': 'application/json' } 39228 }); 39229 39230 if (!cartResp.ok) throw new Error('Unable to read cart'); 39231 39232 const cart = await cartResp.json(); 39233 const variantId = Number(input.value); 39234 const selectedPrice = Number(input.dataset.price || 0) / 100; 39235 const totalCartPrice = Number(cart.total_price || 0) / 100; 39236 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 39237 39238 if ((totalCartPrice + selectedPrice) > 250000) { 39239 if (window.showAlert) { 39240 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 39241 } else { 39242 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 39243 } 39244 return; 39245 } 39246 39247 if (itemInCart && Number(itemInCart.quantity) >= 3) { 39248 if (window.showAlert) { 39249 window.showAlert('Limit reached: Max 3 items per size can be added'); 39250 } else { 39251 alert('Limit reached: Max 3 items per size can be added'); 39252 } 39253 return; 39254 } 39255 39256 39257 const cartSections = document.querySelector('cart-notification, cart-drawer'); 39258 const formData = new FormData(form); 39259 39260 formData.set('id', input.value); 39261 formData.set('quantity', '1'); 39262 39263 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 39264 formData.set( 39265 'sections', 39266 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 39267 ); 39268 } 39269 39270 formData.set('sections_url', window.location.pathname); 39271 39272 const addResp = await fetch('/cart/add.js', { 39273 method: 'POST', 39274 headers: { 'Accept': 'application/json' }, 39275 body: formData 39276 }); 39277 39278 const data = await addResp.json(); 39279 39280 if (!addResp.ok) { 39281 throw new Error(data.description || data.message || 'Unable to add this size'); 39282 } 39283 39284 if (cartSections && typeof cartSections.renderContents === 'function') { 39285 cartSections.renderContents(data); 39286 } else { 39287 const bubble = document.querySelector('#cart-icon-bubble'); 39288 if (bubble) bubble.click(); 39289 } 39290 39291 const card = label.closest('.card-wrapper-box'); 39292 if (card) { 39293 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 39294 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 39295 } 39296 } catch (error) { 39297 console.error('SEFAM hover size quick-add error:', error); 39298 if (window.showAlert) { 39299 window.showAlert(error.message || 'Unable to add this size to cart'); 39300 } else { 39301 alert(error.message || 'Unable to add this size to cart'); 39302 } 39303 } finally { 39304 label.dataset.loading = 'false'; 39305 label.style.pointerEvents = ''; 39306 } 39307 }; 39308</script>
39308 39309 39310<style> 39311/* Desktop quick-add final alignment: 39312 sizes start from left; bag area matches the complete quick-size background height. */ 39313@media (min-width: 990px) { 39314 .card-wrapper-box .bt-qatc-form-variants--list { 39315 justify-content: flex-start !important; 39316 align-content: center !important; 39317 text-align: left !important; 39318 } 39319 39320 .card-wrapper-box .bt-qatc-container { 39321 right: 46px !important; 39322 } 39323 39324 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 39325 top: auto !important; 39326 bottom: 0 !important; 39327 width: 46px !important; 39328 height: 100% !important; 39329 min-height: 43px !important; 39330 align-items: stretch !important; 39331 background: rgba(255,255,255,.96) !important; 39332 } 39333 39334 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 39335 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 39336 width: 46px !important; 39337 height: 100% !important; 39338 min-height: 43px !important; 39339 background: rgba(255,255,255,.96) !important; 39340 } 39341 39342 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 39343 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 39344 height: var(--sefam-quick-add-height, 43px) !important; 39345 } 39346} 39347</style>
39348<script> 39349(function () { 39350 function syncQuickAddHeight(card) { 39351 if (!card || window.innerWidth < 990) return; 39352 var panel = card.querySelector('.bt-qatc-form-container'); 39353 if (!panel) return; 39354 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 39355 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 39356 } 39357 39358 document.addEventListener('mouseover', function(e) { 39359 var card = e.target.closest('.card-wrapper-box'); 39360 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 39361 }, { passive: true }); 39362 39363 window.addEventListener('resize', function() { 39364 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 39365 }, { passive: true }); 39366})(); 39367</script>
39367 39368 39369 39370 39371<style> 39372/* ========================================================= 39373 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 39374 - reduce space between sizes 39375 - keep sizes left aligned 39376 - keep the bag icon on the BOTTOM row 39377 - bag background still matches the full size panel 39378 ========================================================= */ 39379@media (min-width: 990px) { 39380 39381 /* More usable width for sizes */ 39382 .card-wrapper-box .bt-qatc-container { 39383 right: 42px !important; 39384 } 39385 39386 /* Compact, left-aligned size list */ 39387 .card-wrapper-box .bt-qatc-form-variants--list { 39388 justify-content: flex-start !important; 39389 align-items: center !important; 39390 align-content: center !important; 39391 39392 column-gap: 0 !important; 39393 row-gap: 0 !important; 39394 39395 padding: 4px 4px !important; 39396 margin: 0 !important; 39397 } 39398 39399 .card-wrapper-box .bt-qatc-form-variant-input { 39400 min-width: 0 !important; 39401 width: auto !important; 39402 height: 35px !important; 39403 margin: 0 !important; 39404 padding: 0 !important; 39405 } 39406 39407 .card-wrapper-box .bt-qatc-form-variant-input label { 39408 min-width: 0 !important; 39409 width: auto !important; 39410 height: 35px !important; 39411 39412 margin: 0 !important; 39413 padding: 0 4px !important; 39414 39415 font-size: 12px !important; 39416 line-height: 1 !important; 39417 } 39418 39419 /* Bag column keeps the same full white background as the sizes */ 39420 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 39421 right: 0 !important; 39422 bottom: 0 !important; 39423 top: auto !important; 39424 39425 width: 42px !important; 39426 min-width: 42px !important; 39427 height: var(--sefam-quick-add-height, 43px) !important; 39428 min-height: 43px !important; 39429 39430 display: flex !important; 39431 flex-direction: column !important; 39432 justify-content: flex-end !important; 39433 align-items: stretch !important; 39434 39435 padding: 0 !important; 39436 margin: 0 !important; 39437 39438 background: rgba(255,255,255,.96) !important; 39439 } 39440 39441 /* The clickable bag itself always sits at the bottom */ 39442 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 39443 width: 42px !important; 39444 min-width: 42px !important; 39445 height: 43px !important; 39446 min-height: 43px !important; 39447 39448 margin-top: auto !important; 39449 padding: 0 !important; 39450 39451 display: flex !important; 39452 align-items: center !important; 39453 justify-content: center !important; 39454 39455 background: rgba(255,255,255,.96) !important; 39456 } 39457 39458 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 39459 width: 42px !important; 39460 height: 43px !important; 39461 min-height: 43px !important; 39462 39463 display: flex !important; 39464 align-items: center !important; 39465 justify-content: center !important; 39466 39467 padding: 0 !important; 39468 margin: 0 !important; 39469 39470 background: transparent !important; 39471 } 39472 39473 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 39474 width: 16px !important; 39475 height: 17px !important; 39476 } 39477} 39478</style> 39479 39480 39481<style> 39482/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 39483@media (min-width: 990px) { 39484 .card-wrapper-box .bt-qatc-form-variants--list { 39485 padding: 3px 4px !important; 39486 column-gap: 0 !important; 39487 row-gap: 0 !important; 39488 justify-content: flex-start !important; 39489 align-items: center !important; 39490 align-content: center !important; 39491 } 39492 39493 .card-wrapper-box .bt-qatc-form-variant-input { 39494 min-width: 0 !important; 39495 width: auto !important; 39496 height: 30px !important; 39497 margin: 0 !important; 39498 padding: 0 !important; 39499 } 39500 39501 .card-wrapper-box .bt-qatc-form-variant-input label { 39502 min-width: 0 !important; 39503 width: auto !important; 39504 height: 30px !important; 39505 margin: 0 !important; 39506 padding: 0 4px !important; 39507 font-size: 12px !important; 39508 line-height: 1 !important; 39509 display: flex !important; 39510 align-items: center !important; 39511 justify-content: center !important; 39512 } 39513 39514 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 39515 display: flex !important; 39516 flex-direction: column !important; 39517 justify-content: flex-end !important;
39518 align-items: stretch !important; 39519 bottom: 0 !important; 39520 top: auto !important; 39521 height: var(--sefam-quick-add-height, 36px) !important; 39522 min-height: 36px !important; 39523 } 39524 39525 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 39526 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 39527 height: 36px !important; 39528 min-height: 36px !important; 39529 margin-top: auto !important; 39530 } 39531} 39532</style> 39533 39534<style> 39535 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 39536 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 39537 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 39538 .card_colorways_container .new-mbl-color-single label span, 39539 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 39540 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 39541</style> 39542 39543 </li> 39544 39545 <li 39546 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_GLf4cC-12" 39547 class="grid__item slider__slide" 39548 > 39549 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 39550� 39551 39552 39553 � 39554 39555 39556 39557 <div class="card-wrapper product-card-wrapper"> 39558 <div 39559 class=" 39560 card card--standard 39561 card--media 39562 39563 39564 39565 39566 39567 " 39568 style="--ratio-percent: 150.00000000000003%;" 39569 39570 > 39571 <div class="card-wrapper-box"> 39572 39573 <div 39574 class="card__inner color-scheme-2 gradient ratio" 39575 style="--ratio-percent: 150.00000000000003%;" 39576 39577 > 39578 �<a href="/products/bkt700326"> 39579 39580 �<div class="card-prdct2 card__media"> 39581 <div class="media media--transparent mt3"> 39582 39583 39584 <img 39585 src="//sefam.com/cdn/shop/files/BKT700326_1.jpg?v=1779183807&width=800" 39586 srcset="//sefam.com/cdn/shop/files/BKT700326_1.jpg?v=1779183807&width=1600 2x" 39587 class="" 39588 alt="Printed Tee - BKT700326" 39589 39590 loading="lazy" 39591 39592 width="2400" 39593 height="3600" 39594 > 39595 �<img 39596 src="//sefam.com/cdn/shop/files/BKT700326_5.jpg?v=1779183807&width=800" 39597 srcset="//sefam.com/cdn/shop/files/BKT700326_5.jpg?v=1779183807&width=1600 2x" 39598 alt="Printed Tee - BKT700326" 39599 loading="lazy" 39600 width="2400" 39601 height="3600" 39602 data-index="" 39603 > 39604 39605 � 39606 </div> 39607 39608 39609 </div> 39610 </a> 39611 </div> 39612 39613 39614 39615 39616 <div class="bt-qatc-container"> 39617 <div class="bt-qatc-form-container"> 39618 <div class="bt-qatc-form-content large-up-hide medium-hide"> 39619 <h3>Printed Tee - BKT700326</h3> 39620 39621<div 39622 class=" 39623 price " 39624 > 39625 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 39626 <span class="price-item price-item--regular"> 39627 <span class=money>Rs.1,490</span> 39628 </span></div> 39629 <div class="price__sale"> 39630 <span class="visually-hidden visually-hidden--inline">Regular price</span> 39631 <span> 39632 <s class="price-item price-item--regular"> 39633 39634 <span class=money>Rs.1,490</span> 39635 39636 </s> 39637 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
39638 <span class="price-item price-item--sale price-item--last"> 39639 39640 39641 39642 39643 <span class="percentage__sale hidden">0% OFF</span> 39644 39645 <span class=money>Rs.1,490</span> 39646 </span> 39647 </div> 39648 <small class="unit-price caption hidden"> 39649 <span class="visually-hidden">Unit price</span> 39650 <span class="price-item price-item--last"> 39651 <span></span> 39652 <span aria-hidden="true">/</span> 39653 <span class="visually-hidden"> per </span> 39654 <span> 39655 </span> 39656 </span> 39657 </small> 39658 </div></div> 39659 39660 39661 39662 </div> 39663 <div 39664 class="ethnc-form-media large-up-hide medium-hide" 39665 39666 ></div> 39667 <form method="post" action="/cart/add" class="bt-qatc-form"> 39668 <input type="hidden" name="quantity" value="1"> 39669 <div class="bt-qatc-form-variants-container"> 39670 <div class="bt-qatc-form-variants--list"> 39671 39672 <div 39673 class="in-use bt-qatc-form-variant-input" 39674 39675 > 39676 <input 39677 type="radio" 39678 name="id" 39679 id="-51805334176040" 39680 value="51805334176040" 39681 data-price="149000" 39682 data-item-id="10274773008680" 39683 hidden 39684 39685 data-item-id="10274773008680" 39686 39687 > 39688 39689 <label 39690 for="-51805334176040" 39691 data-sefam-quick-size 39692 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 39693 > 39694 <span class="split-variant-value"> 39695 39696 39697 39698 39699 39700 39701 39702 5/6-Y 39703 39704 39705</span> 39706 </label> 39707 </div> 39708 39709 <div 39710 class="in-use bt-qatc-form-variant-input" 39711 39712 > 39713 <input 39714 type="radio" 39715 name="id" 39716 id="-51805334208808" 39717 value="51805334208808" 39718 data-price="149000" 39719 data-item-id="10274773008680" 39720 hidden 39721 39722 data-item-id="10274773008680" 39723 39724 > 39725 39726 <label 39727 for="-51805334208808" 39728 data-sefam-quick-size 39729 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 39730 > 39731 <span class="split-variant-value"> 39732 39733 39734 39735 39736 39737 39738 39739 7/8-Y 39740 39741 39742</span> 39743 </label> 39744 </div> 39745 39746 <div 39747 class="in-use bt-qatc-form-variant-input" 39748 39749 > 39750 <input 39751 type="radio" 39752 name="id" 39753 id="-51805334241576" 39754 value="51805334241576" 39755 data-price="149000" 39756 data-item-id="10274773008680" 39757 hidden 39758 39759 data-item-id="10274773008680" 39760 39761 > 39762 39763 <label 39764 for="-51805334241576" 39765 data-sefam-quick-size 39766 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 39767 >
39768 <span class="split-variant-value"> 39769 39770 39771 39772 39773 39774 39775 39776 9/10-Y 39777 39778 39779</span> 39780 </label> 39781 </div> 39782 39783 <div 39784 class="in-use bt-qatc-form-variant-input" 39785 39786 > 39787 <input 39788 type="radio" 39789 name="id" 39790 id="-51805334274344" 39791 value="51805334274344" 39792 data-price="179000" 39793 data-item-id="10274773008680" 39794 hidden 39795 39796 data-item-id="10274773008680" 39797 39798 > 39799 39800 <label 39801 for="-51805334274344" 39802 data-sefam-quick-size 39803 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 39804 > 39805 <span class="split-variant-value"> 39806 39807 39808 39809 39810 39811 39812 39813 11/12-Y 39814 39815 39816</span> 39817 </label> 39818 </div> 39819 39820 <div 39821 class="in-use bt-qatc-form-variant-input" 39822 39823 > 39824 <input 39825 type="radio" 39826 name="id" 39827 id="-51805334307112" 39828 value="51805334307112" 39829 data-price="179000" 39830 data-item-id="10274773008680" 39831 hidden 39832 39833 data-item-id="10274773008680" 39834 39835 > 39836 39837 <label 39838 for="-51805334307112" 39839 data-sefam-quick-size 39840 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 39841 > 39842 <span class="split-variant-value"> 39843 39844 39845 39846 39847 39848 39849 39850 13/14-Y 39851 39852 39853</span> 39854 </label> 39855 </div> 39856 39857 <div 39858 class="in-use bt-qatc-form-variant-input is-disbaled" 39859 39860 > 39861 <input 39862 type="radio" 39863 name="id" 39864 id="-51805334339880" 39865 value="51805334339880" 39866 data-price="179000" 39867 data-item-id="10274773008680" 39868 hidden 39869 39870 disbaled 39871 39872 data-item-id="10274773008680" 39873 39874 > 39875 39876 <label 39877 for="-51805334339880" 39878 data-sefam-quick-size 39879 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 39880 > 39881 <span class="split-variant-value"> 39882 39883 39884 39885 39886 39887 39888 39889 15/16-Y 39890 39891 39892</span> 39893 </label> 39894 </div> 39895 39896 </div> 39897 39898 39899 39900 39901 </div> 39902 </form> 39903 </div> 39904 </div> 39905 39906 39907 39908 39909 39910 39911 39912 39913 39914 39915 39916 39917 39918 39919 39920 39921 39922 39923 39924 39925 39926 39927 39928 39929 39930 39931 39932 39933 39934 39935 39936 39937 39938 39939 39940 39941 39942 39943 39944 39945 39946 39947 39948 39949 39950 39951 39952 39953 39954 39955 39956 39957 39958 39959 39960 39961 39962 39963 39964 39965 39966 39967 39968 39969 39970 39971 39972 39973 39974 39975 39976 39977 39978 39979 39980 39981 39982 39983 39984 39985 39986 39987 39988 39989 39990 39991 39992 39993 39994 39995 39996 39997 39998 39999 40000 40001 40002 40003 40004 40005 40006 40007 40008 40009 40010 40011 40012 40013 40014 40015 40016 40017 40018 40019 40020 40021 40022 40023 40024 40025 40026 40027 40028 40029 40030 40031 40032 40033 40034 40035 40036 40037 40038 40039 40040 40041 40042 40043 40044 40045 40046 40047 40048 40049 40050 40051 40052 <div
40053 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 40054 > 40055 <div class="ethnc-qatc-btn cstm-add-btn visible"> 40056 <span class="small-hide hide-mobile">Add to Basket</span> 40057 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 40058 </span> 40059 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 40060 width="11" 40061 height="11" 40062 viewBox="0 0 11 11" 40063 fill="none" 40064> 40065 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 40066 fill="black" 40067 /> 40068</svg> 40069</span> 40070 </div> 40071 </div> 40072 40073 40074 </div> 40075 40076 <div class="card__content aiza2"> 40077 <div class="card__information"> 40078 <small class="product-brand"> 40079 Leisure Club 40080 </small> 40081 <h3 40082 class="card__heading h5" 40083 40084 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10274773008680" 40085 40086 > 40087 <a 40088 href="/products/bkt700326" 40089 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10274773008680" 40090 class="full-unstyled-link" 40091 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10274773008680 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10274773008680" 40092 > 40093 Printed Tee - BKT700326 40094 40095 <div class="card_colorways_container" onclick="event.stopPropagation();"> 40096 40097 40098 � 40099 </div> 40100 </a> 40101 40102 </h3> 40103 40104 <div class="card-information"><span class="caption-large light"></span> 40105<div 40106 class=" 40107 price " 40108 > 40109 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 40110 <span class="price-item price-item--regular"> 40111 <span class=money>Rs.1,490</span> 40112 </span></div> 40113 <div class="price__sale"> 40114 <span class="visually-hidden visually-hidden--inline">Regular price</span> 40115 <span> 40116 <s class="price-item price-item--regular"> 40117 40118 <span class=money>Rs.1,490</span> 40119 40120 </s> 40121 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 40122 <span class="price-item price-item--sale price-item--last"> 40123 40124 40125 40126 40127 <span class="percentage__sale hidden">0% OFF</span> 40128 40129 <span class=money>Rs.1,490</span> 40130 </span> 40131 </div> 40132 <small class="unit-price caption hidden"> 40133 <span class="visually-hidden">Unit price</span> 40134 <span class="price-item price-item--last">
40135 <span></span> 40136 <span aria-hidden="true">/</span> 40137 <span class="visually-hidden"> per </span> 40138 <span> 40139 </span> 40140 </span> 40141 </small> 40142 </div></div> 40143 40144 40145 40146 </div> 40147 </div> 40148 </div> 40149 40150 </div> 40151 </div><style> 40152/* ========================================================= 40153 DESKTOP PRODUCT CARD QUICK ADD 40154 LEFT = sizes 40155 RIGHT = original bag icon 40156 Mobile behavior remains unchanged 40157 ========================================================= */ 40158@media (min-width: 990px) { 40159 .hide-desktop { 40160 display: none !important; 40161 } 40162 40163 /* Keep both controls on the same bottom row */ 40164 .card-wrapper-box { 40165 position: relative; 40166 } 40167 40168 .card-wrapper-box .bt-qatc-container, 40169 .card-wrapper-box .ethnc-qatc-btn-container { 40170 position: absolute !important; 40171 bottom: 0 !important; 40172 z-index: 8 !important; 40173 } 40174 40175 /* LEFT: size area */ 40176 .card-wrapper-box .bt-qatc-container { 40177 left: 0 !important; 40178 right: 46px !important; 40179 width: auto !important; 40180 } 40181 40182 .card-wrapper-box .bt-qatc-form-container { 40183 left: 0 !important; 40184 right: 0 !important; 40185 bottom: -350% !important; 40186 width: 100% !important; 40187 min-height: 43px !important; 40188 opacity: 0 !important; 40189 visibility: hidden !important; 40190 pointer-events: none !important; 40191 transition: bottom .22s ease, opacity .18s ease !important; 40192 } 40193 40194 .card-wrapper-box .bt-qatc-form, 40195 .card-wrapper-box .bt-qatc-form-variants-container, 40196 .card-wrapper-box .bt-qatc-form-variants--list { 40197 width: 100% !important; 40198 } 40199 40200 .card-wrapper-box .bt-qatc-form-variants--list { 40201 display: flex !important; 40202 align-items: center !important; 40203 flex-wrap: wrap !important; 40204 gap: 0 !important; 40205 min-height: 43px !important; 40206 } 40207 40208 /* RIGHT: original bag button */ 40209 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 40210 display: flex !important; 40211 align-items: stretch !important; 40212 justify-content: center !important; 40213 left: auto !important; 40214 right: 0 !important; 40215 width: 46px !important; 40216 height: 43px !important; 40217 opacity: 0 !important; 40218 visibility: hidden !important; 40219 pointer-events: none !important; 40220 transition: opacity .18s ease !important; 40221 } 40222 40223 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 40224 display: flex !important; 40225 align-items: center !important; 40226 justify-content: center !important; 40227 width: 46px !important; 40228 height: 43px !important; 40229 min-width: 46px !important; 40230 padding: 0 !important; 40231 cursor: pointer !important; 40232 } 40233 40234 /* Hide Add to Basket text on desktop; keep only bag icon */ 40235 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 40236 display: none !important; 40237 } 40238 40239 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 40240 display: flex !important; 40241 align-items: center !important; 40242 justify-content: center !important; 40243 width: 100% !important; 40244 height: 100% !important; 40245 padding: 0 !important; 40246 } 40247 40248 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 40249 display: block !important; 40250 width: 16px !important; 40251 height: 17px !important; 40252 } 40253 40254 /* Show sizes + bag together on desktop hover */ 40255 .card-wrapper-box:hover .bt-qatc-form-container { 40256 bottom: 0 !important; 40257 opacity: 1 !important; 40258 visibility: visible !important; 40259 pointer-events: auto !important; 40260 } 40261 40262 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 40263 opacity: 1 !important; 40264 visibility: visible !important; 40265 pointer-events: auto !important; 40266 } 40267} 40268 40269@media (max-width: 989px) { 40270 .hide-mobile { 40271 display: none; 40272 } 40273} 40274</style> 40275 40276 40277<style> 40278/* ========================================================= 40279 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 40280 Keeps all sizes in one clean row on the left 40281 and the bag icon fixed on the right. 40282 ========================================================= */ 40283@media (min-width: 990px) { 40284 40285 .card-wrapper-box .bt-qatc-form-container { 40286 height: 43px !important; 40287 min-height: 43px !important; 40288 max-height: 43px !important; 40289 overflow: hidden !important; 40290 background: rgba(255,255,255,.96) !important; 40291 } 40292 40293 .card-wrapper-box .bt-qatc-form { 40294 display: block !important; 40295 height: 43px !important; 40296 min-height: 43px !important; 40297 margin: 0 !important; 40298 padding: 0 !important; 40299 } 40300 40301 .card-wrapper-box .bt-qatc-form-variants-container { 40302 display: block !important; 40303 width: 100% !important; 40304 height: 43px !important; 40305 min-height: 43px !important; 40306 margin: 0 !important; 40307 padding: 0 !important; 40308 } 40309 40310 .card-wrapper-box .bt-qatc-form-variants--list { 40311 display: flex !important; 40312 flex-direction: row !important; 40313 flex-wrap: wrap !important;
40314 align-items: center !important; 40315 justify-content: center !important; 40316 40317 width: 100% !important; 40318 height: 43px !important; 40319 min-height: 43px !important; 40320 40321 margin: 0 !important; 40322 padding: 0 6px !important; 40323 gap: 2px !important; 40324 40325 box-sizing: border-box !important; 40326 overflow: visible !important; 40327 white-space: normal !important; 40328 } 40329 40330 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 40331 display: none !important; 40332 } 40333 40334 .card-wrapper-box .bt-qatc-form-variant-input { 40335 position: relative !important; 40336 40337 display: flex !important; 40338 align-items: center !important; 40339 justify-content: center !important; 40340 40341 flex: 0 0 auto !important; 40342 width: auto !important; 40343 min-width: 32px !important; 40344 height: 43px !important; 40345 40346 margin: 0 !important; 40347 padding: 0 !important; 40348 40349 border: 0 !important; 40350 background: transparent !important; 40351 } 40352 40353 .card-wrapper-box .bt-qatc-form-variant-input label { 40354 position: static !important; 40355 40356 display: flex !important; 40357 align-items: center !important; 40358 justify-content: center !important; 40359 40360 width: auto !important; 40361 min-width: 32px !important; 40362 height: 32px !important; 40363 40364 margin: 0 !important; 40365 padding: 0 6px !important; 40366 40367 box-sizing: border-box !important; 40368 40369 background: transparent !important; 40370 border: 0 !important; 40371 40372 color: #111 !important; 40373 font-size: 12px !important; 40374 line-height: 1 !important; 40375 font-weight: 400 !important; 40376 40377 white-space: nowrap !important; 40378 cursor: pointer !important; 40379 } 40380 40381 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 40382 display: block !important; 40383 width: auto !important; 40384 max-width: none !important; 40385 40386 margin: 0 !important; 40387 padding: 0 !important; 40388 40389 overflow: visible !important; 40390 white-space: nowrap !important; 40391 text-overflow: clip !important; 40392 40393 font-size: inherit !important; 40394 line-height: inherit !important; 40395 } 40396 40397 /* Sold-out size */ 40398 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 40399 opacity: .35 !important; 40400 text-decoration: line-through !important; 40401 cursor: not-allowed !important; 40402 } 40403 40404 /* Optional hover feedback */ 40405 .card-wrapper-box 40406 .bt-qatc-form-variant-input:not(.is-disbaled) 40407 label:hover { 40408 text-decoration: underline !important; 40409 text-underline-offset: 3px !important; 40410 } 40411 40412 /* Prevent old theme transforms / absolute positions */ 40413 .card-wrapper-box .bt-qatc-form-variant-input *, 40414 .card-wrapper-box .bt-qatc-form-variants--list * { 40415 transform: none; 40416 } 40417} 40418</style> 40419 40420 40421<style> 40422/* Desktop quick-add: use one seamless background for sizes + bag */ 40423@media (min-width: 990px) { 40424 .card-wrapper-box .bt-qatc-form-container, 40425 .card-wrapper-box .bt-qatc-form, 40426 .card-wrapper-box .bt-qatc-form-variants-container, 40427 .card-wrapper-box .bt-qatc-form-variants--list, 40428 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 40429 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 40430 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 40431 background: rgba(255,255,255,.96) !important; 40432 } 40433 40434 /* Remove any visual split between sizes and bag */ 40435 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 40436 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 40437 border-left: 0 !important; 40438 box-shadow: none !important; 40439 } 40440} 40441</style> 40442 40443 40444<style> 40445/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 40446@media (min-width: 990px) { 40447 .card-wrapper-box .bt-qatc-form-container, 40448 .card-wrapper-box .bt-qatc-form, 40449 .card-wrapper-box .bt-qatc-form-variants-container { 40450 height: auto !important; 40451 max-height: none !important; 40452 overflow: visible !important; 40453 } 40454 40455 .card-wrapper-box .bt-qatc-form-variants--list { 40456 display: flex !important; 40457 flex-wrap: wrap !important; 40458 justify-content: center !important; 40459 align-items: center !important; 40460 height: auto !important; 40461 min-height: 43px !important; 40462 max-height: none !important; 40463 overflow: visible !important; 40464 white-space: normal !important; 40465 padding: 5px 6px !important; 40466 } 40467 40468 .card-wrapper-box .bt-qatc-form-variant-input { 40469 flex: 0 0 auto !important; 40470 } 40471} 40472</style> 40473
40474<script> 40475 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 40476 const wrap = label.closest('.bt-qatc-form-variant-input'); 40477 const form = label.closest('.bt-qatc-form'); 40478 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 40479 40480 if (!wrap || !form || !input) return; 40481 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 40482 if (label.dataset.loading === 'true') return; 40483 40484 input.checked = true; 40485 label.dataset.loading = 'true'; 40486 label.style.pointerEvents = 'none'; 40487 40488 try { 40489 const cartResp = await fetch('/cart.js', { 40490 method: 'GET', 40491 headers: { 'Accept': 'application/json' } 40492 }); 40493 40494 if (!cartResp.ok) throw new Error('Unable to read cart'); 40495 40496 const cart = await cartResp.json(); 40497 const variantId = Number(input.value); 40498 const selectedPrice = Number(input.dataset.price || 0) / 100; 40499 const totalCartPrice = Number(cart.total_price || 0) / 100; 40500 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 40501 40502 if ((totalCartPrice + selectedPrice) > 250000) { 40503 if (window.showAlert) { 40504 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 40505 } else { 40506 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 40507 } 40508 return; 40509 } 40510 40511 if (itemInCart && Number(itemInCart.quantity) >= 3) { 40512 if (window.showAlert) { 40513 window.showAlert('Limit reached: Max 3 items per size can be added'); 40514 } else { 40515 alert('Limit reached: Max 3 items per size can be added'); 40516 } 40517 return; 40518 } 40519 40520 40521 const cartSections = document.querySelector('cart-notification, cart-drawer'); 40522 const formData = new FormData(form); 40523 40524 formData.set('id', input.value); 40525 formData.set('quantity', '1'); 40526 40527 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 40528 formData.set( 40529 'sections', 40530 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 40531 ); 40532 } 40533 40534 formData.set('sections_url', window.location.pathname); 40535 40536 const addResp = await fetch('/cart/add.js', { 40537 method: 'POST', 40538 headers: { 'Accept': 'application/json' }, 40539 body: formData 40540 }); 40541 40542 const data = await addResp.json(); 40543 40544 if (!addResp.ok) { 40545 throw new Error(data.description || data.message || 'Unable to add this size'); 40546 } 40547 40548 if (cartSections && typeof cartSections.renderContents === 'function') { 40549 cartSections.renderContents(data); 40550 } else { 40551 const bubble = document.querySelector('#cart-icon-bubble'); 40552 if (bubble) bubble.click(); 40553 } 40554 40555 const card = label.closest('.card-wrapper-box'); 40556 if (card) { 40557 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 40558 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 40559 } 40560 } catch (error) { 40561 console.error('SEFAM hover size quick-add error:', error); 40562 if (window.showAlert) { 40563 window.showAlert(error.message || 'Unable to add this size to cart'); 40564 } else { 40565 alert(error.message || 'Unable to add this size to cart'); 40566 } 40567 } finally { 40568 label.dataset.loading = 'false'; 40569 label.style.pointerEvents = ''; 40570 } 40571 }; 40572</script>
40572 40573 40574<style> 40575/* Desktop quick-add final alignment: 40576 sizes start from left; bag area matches the complete quick-size background height. */ 40577@media (min-width: 990px) { 40578 .card-wrapper-box .bt-qatc-form-variants--list { 40579 justify-content: flex-start !important; 40580 align-content: center !important; 40581 text-align: left !important; 40582 } 40583 40584 .card-wrapper-box .bt-qatc-container { 40585 right: 46px !important; 40586 } 40587 40588 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 40589 top: auto !important; 40590 bottom: 0 !important; 40591 width: 46px !important; 40592 height: 100% !important; 40593 min-height: 43px !important; 40594 align-items: stretch !important; 40595 background: rgba(255,255,255,.96) !important; 40596 } 40597 40598 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 40599 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 40600 width: 46px !important; 40601 height: 100% !important; 40602 min-height: 43px !important; 40603 background: rgba(255,255,255,.96) !important; 40604 } 40605 40606 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 40607 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 40608 height: var(--sefam-quick-add-height, 43px) !important; 40609 } 40610} 40611</style>
40612<script> 40613(function () { 40614 function syncQuickAddHeight(card) { 40615 if (!card || window.innerWidth < 990) return; 40616 var panel = card.querySelector('.bt-qatc-form-container'); 40617 if (!panel) return; 40618 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 40619 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 40620 } 40621 40622 document.addEventListener('mouseover', function(e) { 40623 var card = e.target.closest('.card-wrapper-box'); 40624 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 40625 }, { passive: true }); 40626 40627 window.addEventListener('resize', function() { 40628 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 40629 }, { passive: true }); 40630})(); 40631</script>
40631 40632 40633 40634 40635<style> 40636/* ========================================================= 40637 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 40638 - reduce space between sizes 40639 - keep sizes left aligned 40640 - keep the bag icon on the BOTTOM row 40641 - bag background still matches the full size panel 40642 ========================================================= */ 40643@media (min-width: 990px) { 40644 40645 /* More usable width for sizes */ 40646 .card-wrapper-box .bt-qatc-container { 40647 right: 42px !important; 40648 } 40649 40650 /* Compact, left-aligned size list */ 40651 .card-wrapper-box .bt-qatc-form-variants--list { 40652 justify-content: flex-start !important; 40653 align-items: center !important; 40654 align-content: center !important; 40655 40656 column-gap: 0 !important; 40657 row-gap: 0 !important; 40658 40659 padding: 4px 4px !important; 40660 margin: 0 !important; 40661 } 40662 40663 .card-wrapper-box .bt-qatc-form-variant-input { 40664 min-width: 0 !important; 40665 width: auto !important; 40666 height: 35px !important; 40667 margin: 0 !important; 40668 padding: 0 !important; 40669 } 40670 40671 .card-wrapper-box .bt-qatc-form-variant-input label { 40672 min-width: 0 !important; 40673 width: auto !important; 40674 height: 35px !important; 40675 40676 margin: 0 !important; 40677 padding: 0 4px !important; 40678 40679 font-size: 12px !important; 40680 line-height: 1 !important; 40681 } 40682 40683 /* Bag column keeps the same full white background as the sizes */ 40684 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 40685 right: 0 !important; 40686 bottom: 0 !important; 40687 top: auto !important; 40688 40689 width: 42px !important; 40690 min-width: 42px !important; 40691 height: var(--sefam-quick-add-height, 43px) !important; 40692 min-height: 43px !important; 40693 40694 display: flex !important; 40695 flex-direction: column !important; 40696 justify-content: flex-end !important; 40697 align-items: stretch !important; 40698 40699 padding: 0 !important; 40700 margin: 0 !important; 40701 40702 background: rgba(255,255,255,.96) !important; 40703 } 40704 40705 /* The clickable bag itself always sits at the bottom */ 40706 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 40707 width: 42px !important; 40708 min-width: 42px !important; 40709 height: 43px !important; 40710 min-height: 43px !important; 40711 40712 margin-top: auto !important; 40713 padding: 0 !important; 40714 40715 display: flex !important; 40716 align-items: center !important; 40717 justify-content: center !important; 40718 40719 background: rgba(255,255,255,.96) !important; 40720 } 40721 40722 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 40723 width: 42px !important; 40724 height: 43px !important; 40725 min-height: 43px !important; 40726 40727 display: flex !important; 40728 align-items: center !important; 40729 justify-content: center !important; 40730 40731 padding: 0 !important; 40732 margin: 0 !important; 40733 40734 background: transparent !important; 40735 } 40736 40737 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 40738 width: 16px !important; 40739 height: 17px !important; 40740 } 40741} 40742</style> 40743 40744 40745<style> 40746/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 40747@media (min-width: 990px) { 40748 .card-wrapper-box .bt-qatc-form-variants--list { 40749 padding: 3px 4px !important; 40750 column-gap: 0 !important; 40751 row-gap: 0 !important; 40752 justify-content: flex-start !important; 40753 align-items: center !important; 40754 align-content: center !important; 40755 } 40756 40757 .card-wrapper-box .bt-qatc-form-variant-input { 40758 min-width: 0 !important; 40759 width: auto !important; 40760 height: 30px !important; 40761 margin: 0 !important; 40762 padding: 0 !important; 40763 } 40764 40765 .card-wrapper-box .bt-qatc-form-variant-input label { 40766 min-width: 0 !important; 40767 width: auto !important; 40768 height: 30px !important; 40769 margin: 0 !important; 40770 padding: 0 4px !important; 40771 font-size: 12px !important; 40772 line-height: 1 !important; 40773 display: flex !important; 40774 align-items: center !important; 40775 justify-content: center !important; 40776 } 40777 40778 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 40779 display: flex !important; 40780 flex-direction: column !important; 40781 justify-content: flex-end !important;
40782 align-items: stretch !important; 40783 bottom: 0 !important; 40784 top: auto !important; 40785 height: var(--sefam-quick-add-height, 36px) !important; 40786 min-height: 36px !important; 40787 } 40788 40789 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 40790 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 40791 height: 36px !important; 40792 min-height: 36px !important; 40793 margin-top: auto !important; 40794 } 40795} 40796</style> 40797 40798<style> 40799 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 40800 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 40801 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 40802 .card_colorways_container .new-mbl-color-single label span, 40803 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 40804 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 40805</style> 40806 40807 </li> 40808 40809 <li 40810 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_GLf4cC-13" 40811 class="grid__item slider__slide" 40812 > 40813 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 40814� 40815 40816 40817 � 40818 40819 40820 40821 <div class="card-wrapper product-card-wrapper"> 40822 <div 40823 class=" 40824 card card--standard 40825 card--media 40826 40827 40828 40829 40830 40831 " 40832 style="--ratio-percent: 150.00000000000003%;" 40833 40834 > 40835 <div class="card-wrapper-box"> 40836 40837 <div 40838 class="card__inner color-scheme-2 gradient ratio" 40839 style="--ratio-percent: 150.00000000000003%;" 40840 40841 > 40842 �<a href="/products/gw701126"> 40843 40844 �<div class="card-prdct2 card__media"> 40845 <div class="media media--transparent mt3"> 40846 40847 40848 <img 40849 src="//sefam.com/cdn/shop/files/GW701126_1.jpg?v=1779188260&width=800" 40850 srcset="//sefam.com/cdn/shop/files/GW701126_1.jpg?v=1779188260&width=1600 2x" 40851 class="" 40852 alt="Printed Boho Top - GW701126" 40853 40854 loading="lazy" 40855 40856 width="2400" 40857 height="3600" 40858 > 40859 �<img 40860 src="//sefam.com/cdn/shop/files/GW701126_5.jpg?v=1779188260&width=800" 40861 srcset="//sefam.com/cdn/shop/files/GW701126_5.jpg?v=1779188260&width=1600 2x" 40862 alt="Printed Boho Top - GW701126" 40863 loading="lazy" 40864 width="2400" 40865 height="3600" 40866 data-index="" 40867 > 40868 40869 � 40870 </div> 40871 40872 40873 </div> 40874 </a> 40875 </div> 40876 40877 40878 40879 40880 <div class="bt-qatc-container"> 40881 <div class="bt-qatc-form-container"> 40882 <div class="bt-qatc-form-content large-up-hide medium-hide"> 40883 <h3>Printed Boho Top - GW701126</h3> 40884 40885<div 40886 class=" 40887 price " 40888 > 40889 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 40890 <span class="price-item price-item--regular"> 40891 <span class=money>Rs.2,490</span> 40892 </span></div> 40893 <div class="price__sale"> 40894 <span class="visually-hidden visually-hidden--inline">Regular price</span> 40895 <span> 40896 <s class="price-item price-item--regular"> 40897 40898 <span class=money>Rs.2,490</span> 40899 40900 </s> 40901 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
40902 <span class="price-item price-item--sale price-item--last"> 40903 40904 40905 40906 40907 <span class="percentage__sale hidden">0% OFF</span> 40908 40909 <span class=money>Rs.2,490</span> 40910 </span> 40911 </div> 40912 <small class="unit-price caption hidden"> 40913 <span class="visually-hidden">Unit price</span> 40914 <span class="price-item price-item--last"> 40915 <span></span> 40916 <span aria-hidden="true">/</span> 40917 <span class="visually-hidden"> per </span> 40918 <span> 40919 </span> 40920 </span> 40921 </small> 40922 </div></div> 40923 40924 40925 40926 </div> 40927 <div 40928 class="ethnc-form-media large-up-hide medium-hide" 40929 40930 ></div> 40931 <form method="post" action="/cart/add" class="bt-qatc-form"> 40932 <input type="hidden" name="quantity" value="1"> 40933 <div class="bt-qatc-form-variants-container"> 40934 <div class="bt-qatc-form-variants--list"> 40935 40936 <div 40937 class="in-use bt-qatc-form-variant-input" 40938 40939 > 40940 <input 40941 type="radio" 40942 name="id" 40943 id="-51787593384232" 40944 value="51787593384232" 40945 data-price="249000" 40946 data-item-id="10270434820392" 40947 hidden 40948 40949 data-item-id="10270434820392" 40950 40951 > 40952 40953 <label 40954 for="-51787593384232" 40955 data-sefam-quick-size 40956 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 40957 > 40958 <span class="split-variant-value"> 40959 40960 40961 40962 40963 40964 40965 40966 5/6-Y 40967 40968 40969</span> 40970 </label> 40971 </div> 40972 40973 <div 40974 class="in-use bt-qatc-form-variant-input" 40975 40976 > 40977 <input 40978 type="radio" 40979 name="id" 40980 id="-51787593417000" 40981 value="51787593417000" 40982 data-price="249000" 40983 data-item-id="10270434820392" 40984 hidden 40985 40986 data-item-id="10270434820392" 40987 40988 > 40989 40990 <label 40991 for="-51787593417000" 40992 data-sefam-quick-size 40993 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 40994 > 40995 <span class="split-variant-value"> 40996 40997 40998 40999 41000 41001 41002 41003 7/8-Y 41004 41005 41006</span> 41007 </label> 41008 </div> 41009 41010 <div 41011 class="in-use bt-qatc-form-variant-input" 41012 41013 > 41014 <input 41015 type="radio" 41016 name="id" 41017 id="-51787593449768" 41018 value="51787593449768" 41019 data-price="299000" 41020 data-item-id="10270434820392" 41021 hidden 41022 41023 data-item-id="10270434820392" 41024 41025 > 41026 41027 <label 41028 for="-51787593449768" 41029 data-sefam-quick-size 41030 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 41031 >
41032 <span class="split-variant-value"> 41033 41034 41035 41036 41037 41038 41039 41040 9/10-Y 41041 41042 41043</span> 41044 </label> 41045 </div> 41046 41047 <div 41048 class="in-use bt-qatc-form-variant-input" 41049 41050 > 41051 <input 41052 type="radio" 41053 name="id" 41054 id="-51787593482536" 41055 value="51787593482536" 41056 data-price="299000" 41057 data-item-id="10270434820392" 41058 hidden 41059 41060 data-item-id="10270434820392" 41061 41062 > 41063 41064 <label 41065 for="-51787593482536" 41066 data-sefam-quick-size 41067 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 41068 > 41069 <span class="split-variant-value"> 41070 41071 41072 41073 41074 41075 41076 41077 11/12-Y 41078 41079 41080</span> 41081 </label> 41082 </div> 41083 41084 <div 41085 class="in-use bt-qatc-form-variant-input" 41086 41087 > 41088 <input 41089 type="radio" 41090 name="id" 41091 id="-51787593515304" 41092 value="51787593515304" 41093 data-price="299000" 41094 data-item-id="10270434820392" 41095 hidden 41096 41097 data-item-id="10270434820392" 41098 41099 > 41100 41101 <label 41102 for="-51787593515304" 41103 data-sefam-quick-size 41104 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 41105 > 41106 <span class="split-variant-value"> 41107 41108 41109 41110 41111 41112 41113 41114 13/14-Y 41115 41116 41117</span> 41118 </label> 41119 </div> 41120 41121 </div> 41122 41123 41124 41125 41126 </div> 41127 </form> 41128 </div> 41129 </div> 41130 41131 41132 41133 41134 41135 41136 41137 41138 41139 41140 41141 41142 41143 41144 41145 41146 41147 41148 41149 41150 41151 41152 41153 41154 41155 41156 41157 41158 41159 41160 41161 41162 41163 41164 41165 41166 41167 41168 41169 41170 41171 41172 41173 41174 41175 41176 41177 41178 41179 41180 41181 41182 41183 41184 41185 41186 41187 41188 41189 41190 41191 41192 41193 41194 41195 41196 41197 41198 41199 41200 41201 41202 41203 41204 41205 41206 41207 41208 41209 41210 41211 41212 41213 41214 41215 41216 41217 41218 41219 41220 41221 41222 41223 41224 41225 41226 41227 41228 41229 41230 41231 41232 41233 41234 41235 41236 41237 41238 41239 41240 41241 41242 41243 41244 41245 41246 41247 41248 41249 41250 41251 41252 41253 41254 41255 41256 41257 41258 41259 41260 41261 41262 41263 41264 41265 41266 41267 41268 41269 41270 41271 <div
41272 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 41273 > 41274 <div class="ethnc-qatc-btn cstm-add-btn visible"> 41275 <span class="small-hide hide-mobile">Add to Basket</span> 41276 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 41277 </span> 41278 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 41279 width="11" 41280 height="11" 41281 viewBox="0 0 11 11" 41282 fill="none" 41283> 41284 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 41285 fill="black" 41286 /> 41287</svg> 41288</span> 41289 </div> 41290 </div> 41291 41292 41293 </div> 41294 41295 <div class="card__content aiza2"> 41296 <div class="card__information"> 41297 <small class="product-brand"> 41298 Leisure Club 41299 </small> 41300 <h3 41301 class="card__heading h5" 41302 41303 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10270434820392" 41304 41305 > 41306 <a 41307 href="/products/gw701126" 41308 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10270434820392" 41309 class="full-unstyled-link" 41310 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10270434820392 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10270434820392" 41311 > 41312 Printed Boho Top - GW701126 41313 41314 <div class="card_colorways_container" onclick="event.stopPropagation();"> 41315 41316 41317 � 41318 </div> 41319 </a> 41320 41321 </h3> 41322 41323 <div class="card-information"><span class="caption-large light"></span> 41324<div 41325 class=" 41326 price " 41327 > 41328 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 41329 <span class="price-item price-item--regular"> 41330 <span class=money>Rs.2,490</span> 41331 </span></div> 41332 <div class="price__sale"> 41333 <span class="visually-hidden visually-hidden--inline">Regular price</span> 41334 <span> 41335 <s class="price-item price-item--regular"> 41336 41337 <span class=money>Rs.2,490</span> 41338 41339 </s> 41340 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 41341 <span class="price-item price-item--sale price-item--last"> 41342 41343 41344 41345 41346 <span class="percentage__sale hidden">0% OFF</span> 41347 41348 <span class=money>Rs.2,490</span> 41349 </span> 41350 </div> 41351 <small class="unit-price caption hidden"> 41352 <span class="visually-hidden">Unit price</span> 41353 <span class="price-item price-item--last">
41354 <span></span> 41355 <span aria-hidden="true">/</span> 41356 <span class="visually-hidden"> per </span> 41357 <span> 41358 </span> 41359 </span> 41360 </small> 41361 </div></div> 41362 41363 41364 41365 </div> 41366 </div> 41367 </div> 41368 41369 </div> 41370 </div><style> 41371/* ========================================================= 41372 DESKTOP PRODUCT CARD QUICK ADD 41373 LEFT = sizes 41374 RIGHT = original bag icon 41375 Mobile behavior remains unchanged 41376 ========================================================= */ 41377@media (min-width: 990px) { 41378 .hide-desktop { 41379 display: none !important; 41380 } 41381 41382 /* Keep both controls on the same bottom row */ 41383 .card-wrapper-box { 41384 position: relative; 41385 } 41386 41387 .card-wrapper-box .bt-qatc-container, 41388 .card-wrapper-box .ethnc-qatc-btn-container { 41389 position: absolute !important; 41390 bottom: 0 !important; 41391 z-index: 8 !important; 41392 } 41393 41394 /* LEFT: size area */ 41395 .card-wrapper-box .bt-qatc-container { 41396 left: 0 !important; 41397 right: 46px !important; 41398 width: auto !important; 41399 } 41400 41401 .card-wrapper-box .bt-qatc-form-container { 41402 left: 0 !important; 41403 right: 0 !important; 41404 bottom: -350% !important; 41405 width: 100% !important; 41406 min-height: 43px !important; 41407 opacity: 0 !important; 41408 visibility: hidden !important; 41409 pointer-events: none !important; 41410 transition: bottom .22s ease, opacity .18s ease !important; 41411 } 41412 41413 .card-wrapper-box .bt-qatc-form, 41414 .card-wrapper-box .bt-qatc-form-variants-container, 41415 .card-wrapper-box .bt-qatc-form-variants--list { 41416 width: 100% !important; 41417 } 41418 41419 .card-wrapper-box .bt-qatc-form-variants--list { 41420 display: flex !important; 41421 align-items: center !important; 41422 flex-wrap: wrap !important; 41423 gap: 0 !important; 41424 min-height: 43px !important; 41425 } 41426 41427 /* RIGHT: original bag button */ 41428 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 41429 display: flex !important; 41430 align-items: stretch !important; 41431 justify-content: center !important; 41432 left: auto !important; 41433 right: 0 !important; 41434 width: 46px !important; 41435 height: 43px !important; 41436 opacity: 0 !important; 41437 visibility: hidden !important; 41438 pointer-events: none !important; 41439 transition: opacity .18s ease !important; 41440 } 41441 41442 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 41443 display: flex !important; 41444 align-items: center !important; 41445 justify-content: center !important; 41446 width: 46px !important; 41447 height: 43px !important; 41448 min-width: 46px !important; 41449 padding: 0 !important; 41450 cursor: pointer !important; 41451 } 41452 41453 /* Hide Add to Basket text on desktop; keep only bag icon */ 41454 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 41455 display: none !important; 41456 } 41457 41458 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 41459 display: flex !important; 41460 align-items: center !important; 41461 justify-content: center !important; 41462 width: 100% !important; 41463 height: 100% !important; 41464 padding: 0 !important; 41465 } 41466 41467 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 41468 display: block !important; 41469 width: 16px !important; 41470 height: 17px !important; 41471 } 41472 41473 /* Show sizes + bag together on desktop hover */ 41474 .card-wrapper-box:hover .bt-qatc-form-container { 41475 bottom: 0 !important; 41476 opacity: 1 !important; 41477 visibility: visible !important; 41478 pointer-events: auto !important; 41479 } 41480 41481 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 41482 opacity: 1 !important; 41483 visibility: visible !important; 41484 pointer-events: auto !important; 41485 } 41486} 41487 41488@media (max-width: 989px) { 41489 .hide-mobile { 41490 display: none; 41491 } 41492} 41493</style> 41494 41495 41496<style> 41497/* ========================================================= 41498 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 41499 Keeps all sizes in one clean row on the left 41500 and the bag icon fixed on the right. 41501 ========================================================= */ 41502@media (min-width: 990px) { 41503 41504 .card-wrapper-box .bt-qatc-form-container { 41505 height: 43px !important; 41506 min-height: 43px !important; 41507 max-height: 43px !important; 41508 overflow: hidden !important; 41509 background: rgba(255,255,255,.96) !important; 41510 } 41511 41512 .card-wrapper-box .bt-qatc-form { 41513 display: block !important; 41514 height: 43px !important; 41515 min-height: 43px !important; 41516 margin: 0 !important; 41517 padding: 0 !important; 41518 } 41519 41520 .card-wrapper-box .bt-qatc-form-variants-container { 41521 display: block !important; 41522 width: 100% !important; 41523 height: 43px !important; 41524 min-height: 43px !important; 41525 margin: 0 !important; 41526 padding: 0 !important; 41527 } 41528 41529 .card-wrapper-box .bt-qatc-form-variants--list { 41530 display: flex !important; 41531 flex-direction: row !important; 41532 flex-wrap: wrap !important;
41533 align-items: center !important; 41534 justify-content: center !important; 41535 41536 width: 100% !important; 41537 height: 43px !important; 41538 min-height: 43px !important; 41539 41540 margin: 0 !important; 41541 padding: 0 6px !important; 41542 gap: 2px !important; 41543 41544 box-sizing: border-box !important; 41545 overflow: visible !important; 41546 white-space: normal !important; 41547 } 41548 41549 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 41550 display: none !important; 41551 } 41552 41553 .card-wrapper-box .bt-qatc-form-variant-input { 41554 position: relative !important; 41555 41556 display: flex !important; 41557 align-items: center !important; 41558 justify-content: center !important; 41559 41560 flex: 0 0 auto !important; 41561 width: auto !important; 41562 min-width: 32px !important; 41563 height: 43px !important; 41564 41565 margin: 0 !important; 41566 padding: 0 !important; 41567 41568 border: 0 !important; 41569 background: transparent !important; 41570 } 41571 41572 .card-wrapper-box .bt-qatc-form-variant-input label { 41573 position: static !important; 41574 41575 display: flex !important; 41576 align-items: center !important; 41577 justify-content: center !important; 41578 41579 width: auto !important; 41580 min-width: 32px !important; 41581 height: 32px !important; 41582 41583 margin: 0 !important; 41584 padding: 0 6px !important; 41585 41586 box-sizing: border-box !important; 41587 41588 background: transparent !important; 41589 border: 0 !important; 41590 41591 color: #111 !important; 41592 font-size: 12px !important; 41593 line-height: 1 !important; 41594 font-weight: 400 !important; 41595 41596 white-space: nowrap !important; 41597 cursor: pointer !important; 41598 } 41599 41600 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 41601 display: block !important; 41602 width: auto !important; 41603 max-width: none !important; 41604 41605 margin: 0 !important; 41606 padding: 0 !important; 41607 41608 overflow: visible !important; 41609 white-space: nowrap !important; 41610 text-overflow: clip !important; 41611 41612 font-size: inherit !important; 41613 line-height: inherit !important; 41614 } 41615 41616 /* Sold-out size */ 41617 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 41618 opacity: .35 !important; 41619 text-decoration: line-through !important; 41620 cursor: not-allowed !important; 41621 } 41622 41623 /* Optional hover feedback */ 41624 .card-wrapper-box 41625 .bt-qatc-form-variant-input:not(.is-disbaled) 41626 label:hover { 41627 text-decoration: underline !important; 41628 text-underline-offset: 3px !important; 41629 } 41630 41631 /* Prevent old theme transforms / absolute positions */ 41632 .card-wrapper-box .bt-qatc-form-variant-input *, 41633 .card-wrapper-box .bt-qatc-form-variants--list * { 41634 transform: none; 41635 } 41636} 41637</style> 41638 41639 41640<style> 41641/* Desktop quick-add: use one seamless background for sizes + bag */ 41642@media (min-width: 990px) { 41643 .card-wrapper-box .bt-qatc-form-container, 41644 .card-wrapper-box .bt-qatc-form, 41645 .card-wrapper-box .bt-qatc-form-variants-container, 41646 .card-wrapper-box .bt-qatc-form-variants--list, 41647 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 41648 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 41649 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 41650 background: rgba(255,255,255,.96) !important; 41651 } 41652 41653 /* Remove any visual split between sizes and bag */ 41654 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 41655 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 41656 border-left: 0 !important; 41657 box-shadow: none !important; 41658 } 41659} 41660</style> 41661 41662 41663<style> 41664/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 41665@media (min-width: 990px) { 41666 .card-wrapper-box .bt-qatc-form-container, 41667 .card-wrapper-box .bt-qatc-form, 41668 .card-wrapper-box .bt-qatc-form-variants-container { 41669 height: auto !important; 41670 max-height: none !important; 41671 overflow: visible !important; 41672 } 41673 41674 .card-wrapper-box .bt-qatc-form-variants--list { 41675 display: flex !important; 41676 flex-wrap: wrap !important; 41677 justify-content: center !important; 41678 align-items: center !important; 41679 height: auto !important; 41680 min-height: 43px !important; 41681 max-height: none !important; 41682 overflow: visible !important; 41683 white-space: normal !important; 41684 padding: 5px 6px !important; 41685 } 41686 41687 .card-wrapper-box .bt-qatc-form-variant-input { 41688 flex: 0 0 auto !important; 41689 } 41690} 41691</style> 41692
41693<script> 41694 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 41695 const wrap = label.closest('.bt-qatc-form-variant-input'); 41696 const form = label.closest('.bt-qatc-form'); 41697 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 41698 41699 if (!wrap || !form || !input) return; 41700 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 41701 if (label.dataset.loading === 'true') return; 41702 41703 input.checked = true; 41704 label.dataset.loading = 'true'; 41705 label.style.pointerEvents = 'none'; 41706 41707 try { 41708 const cartResp = await fetch('/cart.js', { 41709 method: 'GET', 41710 headers: { 'Accept': 'application/json' } 41711 }); 41712 41713 if (!cartResp.ok) throw new Error('Unable to read cart'); 41714 41715 const cart = await cartResp.json(); 41716 const variantId = Number(input.value); 41717 const selectedPrice = Number(input.dataset.price || 0) / 100; 41718 const totalCartPrice = Number(cart.total_price || 0) / 100; 41719 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 41720 41721 if ((totalCartPrice + selectedPrice) > 250000) { 41722 if (window.showAlert) { 41723 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 41724 } else { 41725 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 41726 } 41727 return; 41728 } 41729 41730 if (itemInCart && Number(itemInCart.quantity) >= 3) { 41731 if (window.showAlert) { 41732 window.showAlert('Limit reached: Max 3 items per size can be added'); 41733 } else { 41734 alert('Limit reached: Max 3 items per size can be added'); 41735 } 41736 return; 41737 } 41738 41739 41740 const cartSections = document.querySelector('cart-notification, cart-drawer'); 41741 const formData = new FormData(form); 41742 41743 formData.set('id', input.value); 41744 formData.set('quantity', '1'); 41745 41746 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 41747 formData.set( 41748 'sections', 41749 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 41750 ); 41751 } 41752 41753 formData.set('sections_url', window.location.pathname); 41754 41755 const addResp = await fetch('/cart/add.js', { 41756 method: 'POST', 41757 headers: { 'Accept': 'application/json' }, 41758 body: formData 41759 }); 41760 41761 const data = await addResp.json(); 41762 41763 if (!addResp.ok) { 41764 throw new Error(data.description || data.message || 'Unable to add this size'); 41765 } 41766 41767 if (cartSections && typeof cartSections.renderContents === 'function') { 41768 cartSections.renderContents(data); 41769 } else { 41770 const bubble = document.querySelector('#cart-icon-bubble'); 41771 if (bubble) bubble.click(); 41772 } 41773 41774 const card = label.closest('.card-wrapper-box'); 41775 if (card) { 41776 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 41777 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 41778 } 41779 } catch (error) { 41780 console.error('SEFAM hover size quick-add error:', error); 41781 if (window.showAlert) { 41782 window.showAlert(error.message || 'Unable to add this size to cart'); 41783 } else { 41784 alert(error.message || 'Unable to add this size to cart'); 41785 } 41786 } finally { 41787 label.dataset.loading = 'false'; 41788 label.style.pointerEvents = ''; 41789 } 41790 }; 41791</script>
41791 41792 41793<style> 41794/* Desktop quick-add final alignment: 41795 sizes start from left; bag area matches the complete quick-size background height. */ 41796@media (min-width: 990px) { 41797 .card-wrapper-box .bt-qatc-form-variants--list { 41798 justify-content: flex-start !important; 41799 align-content: center !important; 41800 text-align: left !important; 41801 } 41802 41803 .card-wrapper-box .bt-qatc-container { 41804 right: 46px !important; 41805 } 41806 41807 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 41808 top: auto !important; 41809 bottom: 0 !important; 41810 width: 46px !important; 41811 height: 100% !important; 41812 min-height: 43px !important; 41813 align-items: stretch !important; 41814 background: rgba(255,255,255,.96) !important; 41815 } 41816 41817 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 41818 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 41819 width: 46px !important; 41820 height: 100% !important; 41821 min-height: 43px !important; 41822 background: rgba(255,255,255,.96) !important; 41823 } 41824 41825 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 41826 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 41827 height: var(--sefam-quick-add-height, 43px) !important; 41828 } 41829} 41830</style>
41831<script> 41832(function () { 41833 function syncQuickAddHeight(card) { 41834 if (!card || window.innerWidth < 990) return; 41835 var panel = card.querySelector('.bt-qatc-form-container'); 41836 if (!panel) return; 41837 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 41838 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 41839 } 41840 41841 document.addEventListener('mouseover', function(e) { 41842 var card = e.target.closest('.card-wrapper-box'); 41843 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 41844 }, { passive: true }); 41845 41846 window.addEventListener('resize', function() { 41847 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 41848 }, { passive: true }); 41849})(); 41850</script>
41850 41851 41852 41853 41854<style> 41855/* ========================================================= 41856 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 41857 - reduce space between sizes 41858 - keep sizes left aligned 41859 - keep the bag icon on the BOTTOM row 41860 - bag background still matches the full size panel 41861 ========================================================= */ 41862@media (min-width: 990px) { 41863 41864 /* More usable width for sizes */ 41865 .card-wrapper-box .bt-qatc-container { 41866 right: 42px !important; 41867 } 41868 41869 /* Compact, left-aligned size list */ 41870 .card-wrapper-box .bt-qatc-form-variants--list { 41871 justify-content: flex-start !important; 41872 align-items: center !important; 41873 align-content: center !important; 41874 41875 column-gap: 0 !important; 41876 row-gap: 0 !important; 41877 41878 padding: 4px 4px !important; 41879 margin: 0 !important; 41880 } 41881 41882 .card-wrapper-box .bt-qatc-form-variant-input { 41883 min-width: 0 !important; 41884 width: auto !important; 41885 height: 35px !important; 41886 margin: 0 !important; 41887 padding: 0 !important; 41888 } 41889 41890 .card-wrapper-box .bt-qatc-form-variant-input label { 41891 min-width: 0 !important; 41892 width: auto !important; 41893 height: 35px !important; 41894 41895 margin: 0 !important; 41896 padding: 0 4px !important; 41897 41898 font-size: 12px !important; 41899 line-height: 1 !important; 41900 } 41901 41902 /* Bag column keeps the same full white background as the sizes */ 41903 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 41904 right: 0 !important; 41905 bottom: 0 !important; 41906 top: auto !important; 41907 41908 width: 42px !important; 41909 min-width: 42px !important; 41910 height: var(--sefam-quick-add-height, 43px) !important; 41911 min-height: 43px !important; 41912 41913 display: flex !important; 41914 flex-direction: column !important; 41915 justify-content: flex-end !important; 41916 align-items: stretch !important; 41917 41918 padding: 0 !important; 41919 margin: 0 !important; 41920 41921 background: rgba(255,255,255,.96) !important; 41922 } 41923 41924 /* The clickable bag itself always sits at the bottom */ 41925 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 41926 width: 42px !important; 41927 min-width: 42px !important; 41928 height: 43px !important; 41929 min-height: 43px !important; 41930 41931 margin-top: auto !important; 41932 padding: 0 !important; 41933 41934 display: flex !important; 41935 align-items: center !important; 41936 justify-content: center !important; 41937 41938 background: rgba(255,255,255,.96) !important; 41939 } 41940 41941 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 41942 width: 42px !important; 41943 height: 43px !important; 41944 min-height: 43px !important; 41945 41946 display: flex !important; 41947 align-items: center !important; 41948 justify-content: center !important; 41949 41950 padding: 0 !important; 41951 margin: 0 !important; 41952 41953 background: transparent !important; 41954 } 41955 41956 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 41957 width: 16px !important; 41958 height: 17px !important; 41959 } 41960} 41961</style> 41962 41963 41964<style> 41965/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 41966@media (min-width: 990px) { 41967 .card-wrapper-box .bt-qatc-form-variants--list { 41968 padding: 3px 4px !important; 41969 column-gap: 0 !important; 41970 row-gap: 0 !important; 41971 justify-content: flex-start !important; 41972 align-items: center !important; 41973 align-content: center !important; 41974 } 41975 41976 .card-wrapper-box .bt-qatc-form-variant-input { 41977 min-width: 0 !important; 41978 width: auto !important; 41979 height: 30px !important; 41980 margin: 0 !important; 41981 padding: 0 !important; 41982 } 41983 41984 .card-wrapper-box .bt-qatc-form-variant-input label { 41985 min-width: 0 !important; 41986 width: auto !important; 41987 height: 30px !important; 41988 margin: 0 !important; 41989 padding: 0 4px !important; 41990 font-size: 12px !important; 41991 line-height: 1 !important; 41992 display: flex !important; 41993 align-items: center !important; 41994 justify-content: center !important; 41995 } 41996 41997 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 41998 display: flex !important; 41999 flex-direction: column !important; 42000 justify-content: flex-end !important;
42001 align-items: stretch !important; 42002 bottom: 0 !important; 42003 top: auto !important; 42004 height: var(--sefam-quick-add-height, 36px) !important; 42005 min-height: 36px !important; 42006 } 42007 42008 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 42009 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 42010 height: 36px !important; 42011 min-height: 36px !important; 42012 margin-top: auto !important; 42013 } 42014} 42015</style> 42016 42017<style> 42018 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 42019 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 42020 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 42021 .card_colorways_container .new-mbl-color-single label span, 42022 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 42023 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 42024</style> 42025 42026 </li> 42027 42028 <li 42029 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_GLf4cC-14" 42030 class="grid__item slider__slide" 42031 > 42032 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 42033� 42034 42035 42036 � 42037 42038 42039 42040 <div class="card-wrapper product-card-wrapper"> 42041 <div 42042 class=" 42043 card card--standard 42044 card--media 42045 42046 42047 42048 42049 42050 " 42051 style="--ratio-percent: 150.00000000000003%;" 42052 42053 > 42054 <div class="card-wrapper-box"> 42055 42056 <div 42057 class="card__inner color-scheme-2 gradient ratio" 42058 style="--ratio-percent: 150.00000000000003%;" 42059 42060 > 42061 �<a href="/products/bdp701326"> 42062 42063 �<div class="card-prdct2 card__media"> 42064 <div class="media media--transparent mt3"> 42065 42066 42067 <img 42068 src="//sefam.com/cdn/shop/files/BDP701326_1.jpg?v=1778130281&width=800" 42069 srcset="//sefam.com/cdn/shop/files/BDP701326_1.jpg?v=1778130281&width=1600 2x" 42070 class="" 42071 alt="Barrel Baloon Jeans - BDP701326" 42072 42073 loading="lazy" 42074 42075 width="2400" 42076 height="3600" 42077 > 42078 �<img 42079 src="//sefam.com/cdn/shop/files/BDP701326_2.jpg?v=1778130281&width=800" 42080 srcset="//sefam.com/cdn/shop/files/BDP701326_2.jpg?v=1778130281&width=1600 2x" 42081 alt="Barrel Baloon Jeans - BDP701326" 42082 loading="lazy" 42083 width="2400" 42084 height="3600" 42085 data-index="" 42086 > 42087 42088 � 42089 </div> 42090 42091 42092 </div> 42093 </a> 42094 </div> 42095 42096 42097 42098 42099 <div class="bt-qatc-container"> 42100 <div class="bt-qatc-form-container"> 42101 <div class="bt-qatc-form-content large-up-hide medium-hide"> 42102 <h3>Barrel Baloon Jeans - BDP701326</h3> 42103 42104<div 42105 class=" 42106 price " 42107 > 42108 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 42109 <span class="price-item price-item--regular"> 42110 <span class=money>Rs.3,490</span> 42111 </span></div> 42112 <div class="price__sale"> 42113 <span class="visually-hidden visually-hidden--inline">Regular price</span> 42114 <span> 42115 <s class="price-item price-item--regular"> 42116
42117 <span class=money>Rs.3,490</span> 42118 42119 </s> 42120 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 42121 <span class="price-item price-item--sale price-item--last"> 42122 42123 42124 42125 42126 <span class="percentage__sale hidden">0% OFF</span> 42127 42128 <span class=money>Rs.3,490</span> 42129 </span> 42130 </div> 42131 <small class="unit-price caption hidden"> 42132 <span class="visually-hidden">Unit price</span> 42133 <span class="price-item price-item--last"> 42134 <span></span> 42135 <span aria-hidden="true">/</span> 42136 <span class="visually-hidden"> per </span> 42137 <span> 42138 </span> 42139 </span> 42140 </small> 42141 </div></div> 42142 42143 42144 42145 </div> 42146 <div 42147 class="ethnc-form-media large-up-hide medium-hide" 42148 42149 ></div> 42150 <form method="post" action="/cart/add" class="bt-qatc-form"> 42151 <input type="hidden" name="quantity" value="1"> 42152 <div class="bt-qatc-form-variants-container"> 42153 <div class="bt-qatc-form-variants--list"> 42154 42155 <div 42156 class="in-use bt-qatc-form-variant-input" 42157 42158 > 42159 <input 42160 type="radio" 42161 name="id" 42162 id="-51756163236136" 42163 value="51756163236136" 42164 data-price="349000" 42165 data-item-id="10265123553576" 42166 hidden 42167 42168 data-item-id="10265123553576" 42169 42170 > 42171 42172 <label 42173 for="-51756163236136" 42174 data-sefam-quick-size 42175 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 42176 > 42177 <span class="split-variant-value"> 42178 42179 42180 42181 42182 42183 42184 42185 5/6-Y 42186 42187 42188</span> 42189 </label> 42190 </div> 42191 42192 <div 42193 class="in-use bt-qatc-form-variant-input" 42194 42195 > 42196 <input 42197 type="radio" 42198 name="id" 42199 id="-51756163268904" 42200 value="51756163268904" 42201 data-price="349000" 42202 data-item-id="10265123553576" 42203 hidden 42204 42205 data-item-id="10265123553576" 42206 42207 > 42208 42209 <label 42210 for="-51756163268904" 42211 data-sefam-quick-size 42212 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 42213 > 42214 <span class="split-variant-value"> 42215 42216 42217 42218 42219 42220 42221 42222 7/8-Y 42223 42224 42225</span> 42226 </label> 42227 </div> 42228 42229 <div 42230 class="in-use bt-qatc-form-variant-input" 42231 42232 > 42233 <input 42234 type="radio" 42235 name="id" 42236 id="-51756163301672" 42237 value="51756163301672" 42238 data-price="399000" 42239 data-item-id="10265123553576" 42240 hidden 42241 42242 data-item-id="10265123553576" 42243 42244 > 42245 42246 <label 42247 for="-51756163301672" 42248 data-sefam-quick-size 42249 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 42250 >
42251 <span class="split-variant-value"> 42252 42253 42254 42255 42256 42257 42258 42259 9/10-Y 42260 42261 42262</span> 42263 </label> 42264 </div> 42265 42266 <div 42267 class="in-use bt-qatc-form-variant-input" 42268 42269 > 42270 <input 42271 type="radio" 42272 name="id" 42273 id="-51756163334440" 42274 value="51756163334440" 42275 data-price="399000" 42276 data-item-id="10265123553576" 42277 hidden 42278 42279 data-item-id="10265123553576" 42280 42281 > 42282 42283 <label 42284 for="-51756163334440" 42285 data-sefam-quick-size 42286 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 42287 > 42288 <span class="split-variant-value"> 42289 42290 42291 42292 42293 42294 42295 42296 11/12-Y 42297 42298 42299</span> 42300 </label> 42301 </div> 42302 42303 <div 42304 class="in-use bt-qatc-form-variant-input" 42305 42306 > 42307 <input 42308 type="radio" 42309 name="id" 42310 id="-51756163367208" 42311 value="51756163367208" 42312 data-price="399000" 42313 data-item-id="10265123553576" 42314 hidden 42315 42316 data-item-id="10265123553576" 42317 42318 > 42319 42320 <label 42321 for="-51756163367208" 42322 data-sefam-quick-size 42323 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 42324 > 42325 <span class="split-variant-value"> 42326 42327 42328 42329 42330 42331 42332 42333 13/14-Y 42334 42335 42336</span> 42337 </label> 42338 </div> 42339 42340 </div> 42341 42342 42343 42344 42345 </div> 42346 </form> 42347 </div> 42348 </div> 42349 42350 42351 42352 42353 42354 42355 42356 42357 42358 42359 42360 42361 42362 42363 42364 42365 42366 42367 42368 42369 42370 42371 42372 42373 42374 42375 42376 42377 42378 42379 42380 42381 42382 42383 42384 42385 42386 42387 42388 42389 42390 42391 42392 42393 42394 42395 42396 42397 42398 42399 42400 42401 42402 42403 42404 42405 42406 42407 42408 42409 42410 42411 42412 42413 42414 42415 42416 42417 42418 42419 42420 42421 42422 42423 42424 42425 42426 42427 42428 42429 42430 42431 42432 42433 42434 42435 42436 42437 42438 42439 42440 42441 42442 42443 42444 42445 42446 42447 42448 42449 42450 42451 42452 42453 42454 42455 42456 42457 42458 42459 42460 42461 42462 42463 42464 42465 42466 42467 42468 42469 42470 42471 42472 <div
42473 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 42474 > 42475 <div class="ethnc-qatc-btn cstm-add-btn visible"> 42476 <span class="small-hide hide-mobile">Add to Basket</span> 42477 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 42478 </span> 42479 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 42480 width="11" 42481 height="11" 42482 viewBox="0 0 11 11" 42483 fill="none" 42484> 42485 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 42486 fill="black" 42487 /> 42488</svg> 42489</span> 42490 </div> 42491 </div> 42492 42493 42494 </div> 42495 42496 <div class="card__content aiza2"> 42497 <div class="card__information"> 42498 <small class="product-brand"> 42499 Leisure Club 42500 </small> 42501 <h3 42502 class="card__heading h5" 42503 42504 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10265123553576" 42505 42506 > 42507 <a 42508 href="/products/bdp701326" 42509 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10265123553576" 42510 class="full-unstyled-link" 42511 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10265123553576 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10265123553576" 42512 > 42513 Barrel Baloon Jeans - BDP701326 42514 42515 <div class="card_colorways_container" onclick="event.stopPropagation();"> 42516 42517 42518 � 42519 </div> 42520 </a> 42521 42522 </h3> 42523 42524 <div class="card-information"><span class="caption-large light"></span> 42525<div 42526 class=" 42527 price " 42528 > 42529 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 42530 <span class="price-item price-item--regular"> 42531 <span class=money>Rs.3,490</span> 42532 </span></div> 42533 <div class="price__sale"> 42534 <span class="visually-hidden visually-hidden--inline">Regular price</span> 42535 <span> 42536 <s class="price-item price-item--regular"> 42537 42538 <span class=money>Rs.3,490</span> 42539 42540 </s> 42541 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 42542 <span class="price-item price-item--sale price-item--last"> 42543 42544 42545 42546 42547 <span class="percentage__sale hidden">0% OFF</span> 42548 42549 <span class=money>Rs.3,490</span> 42550 </span> 42551 </div> 42552 <small class="unit-price caption hidden"> 42553 <span class="visually-hidden">Unit price</span> 42554 <span class="price-item price-item--last">
42555 <span></span> 42556 <span aria-hidden="true">/</span> 42557 <span class="visually-hidden"> per </span> 42558 <span> 42559 </span> 42560 </span> 42561 </small> 42562 </div></div> 42563 42564 42565 42566 </div> 42567 </div> 42568 </div> 42569 42570 </div> 42571 </div><style> 42572/* ========================================================= 42573 DESKTOP PRODUCT CARD QUICK ADD 42574 LEFT = sizes 42575 RIGHT = original bag icon 42576 Mobile behavior remains unchanged 42577 ========================================================= */ 42578@media (min-width: 990px) { 42579 .hide-desktop { 42580 display: none !important; 42581 } 42582 42583 /* Keep both controls on the same bottom row */ 42584 .card-wrapper-box { 42585 position: relative; 42586 } 42587 42588 .card-wrapper-box .bt-qatc-container, 42589 .card-wrapper-box .ethnc-qatc-btn-container { 42590 position: absolute !important; 42591 bottom: 0 !important; 42592 z-index: 8 !important; 42593 } 42594 42595 /* LEFT: size area */ 42596 .card-wrapper-box .bt-qatc-container { 42597 left: 0 !important; 42598 right: 46px !important; 42599 width: auto !important; 42600 } 42601 42602 .card-wrapper-box .bt-qatc-form-container { 42603 left: 0 !important; 42604 right: 0 !important; 42605 bottom: -350% !important; 42606 width: 100% !important; 42607 min-height: 43px !important; 42608 opacity: 0 !important; 42609 visibility: hidden !important; 42610 pointer-events: none !important; 42611 transition: bottom .22s ease, opacity .18s ease !important; 42612 } 42613 42614 .card-wrapper-box .bt-qatc-form, 42615 .card-wrapper-box .bt-qatc-form-variants-container, 42616 .card-wrapper-box .bt-qatc-form-variants--list { 42617 width: 100% !important; 42618 } 42619 42620 .card-wrapper-box .bt-qatc-form-variants--list { 42621 display: flex !important; 42622 align-items: center !important; 42623 flex-wrap: wrap !important; 42624 gap: 0 !important; 42625 min-height: 43px !important; 42626 } 42627 42628 /* RIGHT: original bag button */ 42629 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 42630 display: flex !important; 42631 align-items: stretch !important; 42632 justify-content: center !important; 42633 left: auto !important; 42634 right: 0 !important; 42635 width: 46px !important; 42636 height: 43px !important; 42637 opacity: 0 !important; 42638 visibility: hidden !important; 42639 pointer-events: none !important; 42640 transition: opacity .18s ease !important; 42641 } 42642 42643 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 42644 display: flex !important; 42645 align-items: center !important; 42646 justify-content: center !important; 42647 width: 46px !important; 42648 height: 43px !important; 42649 min-width: 46px !important; 42650 padding: 0 !important; 42651 cursor: pointer !important; 42652 } 42653 42654 /* Hide Add to Basket text on desktop; keep only bag icon */ 42655 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 42656 display: none !important; 42657 } 42658 42659 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 42660 display: flex !important; 42661 align-items: center !important; 42662 justify-content: center !important; 42663 width: 100% !important; 42664 height: 100% !important; 42665 padding: 0 !important; 42666 } 42667 42668 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 42669 display: block !important; 42670 width: 16px !important; 42671 height: 17px !important; 42672 } 42673 42674 /* Show sizes + bag together on desktop hover */ 42675 .card-wrapper-box:hover .bt-qatc-form-container { 42676 bottom: 0 !important; 42677 opacity: 1 !important; 42678 visibility: visible !important; 42679 pointer-events: auto !important; 42680 } 42681 42682 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 42683 opacity: 1 !important; 42684 visibility: visible !important; 42685 pointer-events: auto !important; 42686 } 42687} 42688 42689@media (max-width: 989px) { 42690 .hide-mobile { 42691 display: none; 42692 } 42693} 42694</style> 42695 42696 42697<style> 42698/* ========================================================= 42699 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 42700 Keeps all sizes in one clean row on the left 42701 and the bag icon fixed on the right. 42702 ========================================================= */ 42703@media (min-width: 990px) { 42704 42705 .card-wrapper-box .bt-qatc-form-container { 42706 height: 43px !important; 42707 min-height: 43px !important; 42708 max-height: 43px !important; 42709 overflow: hidden !important; 42710 background: rgba(255,255,255,.96) !important; 42711 } 42712 42713 .card-wrapper-box .bt-qatc-form { 42714 display: block !important; 42715 height: 43px !important; 42716 min-height: 43px !important; 42717 margin: 0 !important; 42718 padding: 0 !important; 42719 } 42720 42721 .card-wrapper-box .bt-qatc-form-variants-container { 42722 display: block !important; 42723 width: 100% !important; 42724 height: 43px !important; 42725 min-height: 43px !important; 42726 margin: 0 !important; 42727 padding: 0 !important; 42728 } 42729 42730 .card-wrapper-box .bt-qatc-form-variants--list { 42731 display: flex !important; 42732 flex-direction: row !important; 42733 flex-wrap: wrap !important;
42734 align-items: center !important; 42735 justify-content: center !important; 42736 42737 width: 100% !important; 42738 height: 43px !important; 42739 min-height: 43px !important; 42740 42741 margin: 0 !important; 42742 padding: 0 6px !important; 42743 gap: 2px !important; 42744 42745 box-sizing: border-box !important; 42746 overflow: visible !important; 42747 white-space: normal !important; 42748 } 42749 42750 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 42751 display: none !important; 42752 } 42753 42754 .card-wrapper-box .bt-qatc-form-variant-input { 42755 position: relative !important; 42756 42757 display: flex !important; 42758 align-items: center !important; 42759 justify-content: center !important; 42760 42761 flex: 0 0 auto !important; 42762 width: auto !important; 42763 min-width: 32px !important; 42764 height: 43px !important; 42765 42766 margin: 0 !important; 42767 padding: 0 !important; 42768 42769 border: 0 !important; 42770 background: transparent !important; 42771 } 42772 42773 .card-wrapper-box .bt-qatc-form-variant-input label { 42774 position: static !important; 42775 42776 display: flex !important; 42777 align-items: center !important; 42778 justify-content: center !important; 42779 42780 width: auto !important; 42781 min-width: 32px !important; 42782 height: 32px !important; 42783 42784 margin: 0 !important; 42785 padding: 0 6px !important; 42786 42787 box-sizing: border-box !important; 42788 42789 background: transparent !important; 42790 border: 0 !important; 42791 42792 color: #111 !important; 42793 font-size: 12px !important; 42794 line-height: 1 !important; 42795 font-weight: 400 !important; 42796 42797 white-space: nowrap !important; 42798 cursor: pointer !important; 42799 } 42800 42801 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 42802 display: block !important; 42803 width: auto !important; 42804 max-width: none !important; 42805 42806 margin: 0 !important; 42807 padding: 0 !important; 42808 42809 overflow: visible !important; 42810 white-space: nowrap !important; 42811 text-overflow: clip !important; 42812 42813 font-size: inherit !important; 42814 line-height: inherit !important; 42815 } 42816 42817 /* Sold-out size */ 42818 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 42819 opacity: .35 !important; 42820 text-decoration: line-through !important; 42821 cursor: not-allowed !important; 42822 } 42823 42824 /* Optional hover feedback */ 42825 .card-wrapper-box 42826 .bt-qatc-form-variant-input:not(.is-disbaled) 42827 label:hover { 42828 text-decoration: underline !important; 42829 text-underline-offset: 3px !important; 42830 } 42831 42832 /* Prevent old theme transforms / absolute positions */ 42833 .card-wrapper-box .bt-qatc-form-variant-input *, 42834 .card-wrapper-box .bt-qatc-form-variants--list * { 42835 transform: none; 42836 } 42837} 42838</style> 42839 42840 42841<style> 42842/* Desktop quick-add: use one seamless background for sizes + bag */ 42843@media (min-width: 990px) { 42844 .card-wrapper-box .bt-qatc-form-container, 42845 .card-wrapper-box .bt-qatc-form, 42846 .card-wrapper-box .bt-qatc-form-variants-container, 42847 .card-wrapper-box .bt-qatc-form-variants--list, 42848 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 42849 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 42850 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 42851 background: rgba(255,255,255,.96) !important; 42852 } 42853 42854 /* Remove any visual split between sizes and bag */ 42855 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 42856 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 42857 border-left: 0 !important; 42858 box-shadow: none !important; 42859 } 42860} 42861</style> 42862 42863 42864<style> 42865/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 42866@media (min-width: 990px) { 42867 .card-wrapper-box .bt-qatc-form-container, 42868 .card-wrapper-box .bt-qatc-form, 42869 .card-wrapper-box .bt-qatc-form-variants-container { 42870 height: auto !important; 42871 max-height: none !important; 42872 overflow: visible !important; 42873 } 42874 42875 .card-wrapper-box .bt-qatc-form-variants--list { 42876 display: flex !important; 42877 flex-wrap: wrap !important; 42878 justify-content: center !important; 42879 align-items: center !important; 42880 height: auto !important; 42881 min-height: 43px !important; 42882 max-height: none !important; 42883 overflow: visible !important; 42884 white-space: normal !important; 42885 padding: 5px 6px !important; 42886 } 42887 42888 .card-wrapper-box .bt-qatc-form-variant-input { 42889 flex: 0 0 auto !important; 42890 } 42891} 42892</style> 42893
42894<script> 42895 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 42896 const wrap = label.closest('.bt-qatc-form-variant-input'); 42897 const form = label.closest('.bt-qatc-form'); 42898 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 42899 42900 if (!wrap || !form || !input) return; 42901 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 42902 if (label.dataset.loading === 'true') return; 42903 42904 input.checked = true; 42905 label.dataset.loading = 'true'; 42906 label.style.pointerEvents = 'none'; 42907 42908 try { 42909 const cartResp = await fetch('/cart.js', { 42910 method: 'GET', 42911 headers: { 'Accept': 'application/json' } 42912 }); 42913 42914 if (!cartResp.ok) throw new Error('Unable to read cart'); 42915 42916 const cart = await cartResp.json(); 42917 const variantId = Number(input.value); 42918 const selectedPrice = Number(input.dataset.price || 0) / 100; 42919 const totalCartPrice = Number(cart.total_price || 0) / 100; 42920 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 42921 42922 if ((totalCartPrice + selectedPrice) > 250000) { 42923 if (window.showAlert) { 42924 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 42925 } else { 42926 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 42927 } 42928 return; 42929 } 42930 42931 if (itemInCart && Number(itemInCart.quantity) >= 3) { 42932 if (window.showAlert) { 42933 window.showAlert('Limit reached: Max 3 items per size can be added'); 42934 } else { 42935 alert('Limit reached: Max 3 items per size can be added'); 42936 } 42937 return; 42938 } 42939 42940 42941 const cartSections = document.querySelector('cart-notification, cart-drawer'); 42942 const formData = new FormData(form); 42943 42944 formData.set('id', input.value); 42945 formData.set('quantity', '1'); 42946 42947 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 42948 formData.set( 42949 'sections', 42950 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 42951 ); 42952 } 42953 42954 formData.set('sections_url', window.location.pathname); 42955 42956 const addResp = await fetch('/cart/add.js', { 42957 method: 'POST', 42958 headers: { 'Accept': 'application/json' }, 42959 body: formData 42960 }); 42961 42962 const data = await addResp.json(); 42963 42964 if (!addResp.ok) { 42965 throw new Error(data.description || data.message || 'Unable to add this size'); 42966 } 42967 42968 if (cartSections && typeof cartSections.renderContents === 'function') { 42969 cartSections.renderContents(data); 42970 } else { 42971 const bubble = document.querySelector('#cart-icon-bubble'); 42972 if (bubble) bubble.click(); 42973 } 42974 42975 const card = label.closest('.card-wrapper-box'); 42976 if (card) { 42977 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 42978 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 42979 } 42980 } catch (error) { 42981 console.error('SEFAM hover size quick-add error:', error); 42982 if (window.showAlert) { 42983 window.showAlert(error.message || 'Unable to add this size to cart'); 42984 } else { 42985 alert(error.message || 'Unable to add this size to cart'); 42986 } 42987 } finally { 42988 label.dataset.loading = 'false'; 42989 label.style.pointerEvents = ''; 42990 } 42991 }; 42992</script>
42992 42993 42994<style> 42995/* Desktop quick-add final alignment: 42996 sizes start from left; bag area matches the complete quick-size background height. */ 42997@media (min-width: 990px) { 42998 .card-wrapper-box .bt-qatc-form-variants--list { 42999 justify-content: flex-start !important; 43000 align-content: center !important; 43001 text-align: left !important; 43002 } 43003 43004 .card-wrapper-box .bt-qatc-container { 43005 right: 46px !important; 43006 } 43007 43008 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 43009 top: auto !important; 43010 bottom: 0 !important; 43011 width: 46px !important; 43012 height: 100% !important; 43013 min-height: 43px !important; 43014 align-items: stretch !important; 43015 background: rgba(255,255,255,.96) !important; 43016 } 43017 43018 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 43019 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 43020 width: 46px !important; 43021 height: 100% !important; 43022 min-height: 43px !important; 43023 background: rgba(255,255,255,.96) !important; 43024 } 43025 43026 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 43027 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 43028 height: var(--sefam-quick-add-height, 43px) !important; 43029 } 43030} 43031</style>
43032<script> 43033(function () { 43034 function syncQuickAddHeight(card) { 43035 if (!card || window.innerWidth < 990) return; 43036 var panel = card.querySelector('.bt-qatc-form-container'); 43037 if (!panel) return; 43038 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 43039 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 43040 } 43041 43042 document.addEventListener('mouseover', function(e) { 43043 var card = e.target.closest('.card-wrapper-box'); 43044 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 43045 }, { passive: true }); 43046 43047 window.addEventListener('resize', function() { 43048 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 43049 }, { passive: true }); 43050})(); 43051</script>
43051 43052 43053 43054 43055<style> 43056/* ========================================================= 43057 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 43058 - reduce space between sizes 43059 - keep sizes left aligned 43060 - keep the bag icon on the BOTTOM row 43061 - bag background still matches the full size panel 43062 ========================================================= */ 43063@media (min-width: 990px) { 43064 43065 /* More usable width for sizes */ 43066 .card-wrapper-box .bt-qatc-container { 43067 right: 42px !important; 43068 } 43069 43070 /* Compact, left-aligned size list */ 43071 .card-wrapper-box .bt-qatc-form-variants--list { 43072 justify-content: flex-start !important; 43073 align-items: center !important; 43074 align-content: center !important; 43075 43076 column-gap: 0 !important; 43077 row-gap: 0 !important; 43078 43079 padding: 4px 4px !important; 43080 margin: 0 !important; 43081 } 43082 43083 .card-wrapper-box .bt-qatc-form-variant-input { 43084 min-width: 0 !important; 43085 width: auto !important; 43086 height: 35px !important; 43087 margin: 0 !important; 43088 padding: 0 !important; 43089 } 43090 43091 .card-wrapper-box .bt-qatc-form-variant-input label { 43092 min-width: 0 !important; 43093 width: auto !important; 43094 height: 35px !important; 43095 43096 margin: 0 !important; 43097 padding: 0 4px !important; 43098 43099 font-size: 12px !important; 43100 line-height: 1 !important; 43101 } 43102 43103 /* Bag column keeps the same full white background as the sizes */ 43104 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 43105 right: 0 !important; 43106 bottom: 0 !important; 43107 top: auto !important; 43108 43109 width: 42px !important; 43110 min-width: 42px !important; 43111 height: var(--sefam-quick-add-height, 43px) !important; 43112 min-height: 43px !important; 43113 43114 display: flex !important; 43115 flex-direction: column !important; 43116 justify-content: flex-end !important; 43117 align-items: stretch !important; 43118 43119 padding: 0 !important; 43120 margin: 0 !important; 43121 43122 background: rgba(255,255,255,.96) !important; 43123 } 43124 43125 /* The clickable bag itself always sits at the bottom */ 43126 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 43127 width: 42px !important; 43128 min-width: 42px !important; 43129 height: 43px !important; 43130 min-height: 43px !important; 43131 43132 margin-top: auto !important; 43133 padding: 0 !important; 43134 43135 display: flex !important; 43136 align-items: center !important; 43137 justify-content: center !important; 43138 43139 background: rgba(255,255,255,.96) !important; 43140 } 43141 43142 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 43143 width: 42px !important; 43144 height: 43px !important; 43145 min-height: 43px !important; 43146 43147 display: flex !important; 43148 align-items: center !important; 43149 justify-content: center !important; 43150 43151 padding: 0 !important; 43152 margin: 0 !important; 43153 43154 background: transparent !important; 43155 } 43156 43157 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 43158 width: 16px !important; 43159 height: 17px !important; 43160 } 43161} 43162</style> 43163 43164 43165<style> 43166/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 43167@media (min-width: 990px) { 43168 .card-wrapper-box .bt-qatc-form-variants--list { 43169 padding: 3px 4px !important; 43170 column-gap: 0 !important; 43171 row-gap: 0 !important; 43172 justify-content: flex-start !important; 43173 align-items: center !important; 43174 align-content: center !important; 43175 } 43176 43177 .card-wrapper-box .bt-qatc-form-variant-input { 43178 min-width: 0 !important; 43179 width: auto !important; 43180 height: 30px !important; 43181 margin: 0 !important; 43182 padding: 0 !important; 43183 } 43184 43185 .card-wrapper-box .bt-qatc-form-variant-input label { 43186 min-width: 0 !important; 43187 width: auto !important; 43188 height: 30px !important; 43189 margin: 0 !important; 43190 padding: 0 4px !important; 43191 font-size: 12px !important; 43192 line-height: 1 !important; 43193 display: flex !important; 43194 align-items: center !important; 43195 justify-content: center !important; 43196 } 43197 43198 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 43199 display: flex !important; 43200 flex-direction: column !important; 43201 justify-content: flex-end !important;
43202 align-items: stretch !important; 43203 bottom: 0 !important; 43204 top: auto !important; 43205 height: var(--sefam-quick-add-height, 36px) !important; 43206 min-height: 36px !important; 43207 } 43208 43209 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 43210 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 43211 height: 36px !important; 43212 min-height: 36px !important; 43213 margin-top: auto !important; 43214 } 43215} 43216</style> 43217 43218<style> 43219 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 43220 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 43221 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 43222 .card_colorways_container .new-mbl-color-single label span, 43223 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 43224 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 43225</style> 43226 43227 </li> 43228 43229 <li 43230 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_GLf4cC-15" 43231 class="grid__item slider__slide" 43232 > 43233 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 43234� 43235 43236 43237 � 43238 43239 43240 43241 <div class="card-wrapper product-card-wrapper"> 43242 <div 43243 class=" 43244 card card--standard 43245 card--media 43246 43247 43248 43249 43250 43251 " 43252 style="--ratio-percent: 150.00000000000003%;" 43253 43254 > 43255 <div class="card-wrapper-box"> 43256 43257 <div 43258 class="card__inner color-scheme-2 gradient ratio" 43259 style="--ratio-percent: 150.00000000000003%;" 43260 43261 > 43262 �<a href="/products/gwd700126"> 43263 43264 �<div class="card-prdct2 card__media"> 43265 <div class="media media--transparent mt3"> 43266 43267 43268 <img 43269 src="//sefam.com/cdn/shop/files/GWD700126_2_5f6f8e79-389e-40e0-b12e-ce67ef8f176f.jpg?v=1784875768&width=800" 43270 srcset="//sefam.com/cdn/shop/files/GWD700126_2_5f6f8e79-389e-40e0-b12e-ce67ef8f176f.jpg?v=1784875768&width=1600 2x" 43271 class="" 43272 alt="Boxing Day Dress - GWD700126" 43273 43274 loading="lazy" 43275 43276 width="2400" 43277 height="3600" 43278 > 43279 �<img 43280 src="//sefam.com/cdn/shop/files/GWD700126_1_08aed6ea-4f21-483e-a1a6-5bcbec77b39a.jpg?v=1784875767&width=800" 43281 srcset="//sefam.com/cdn/shop/files/GWD700126_1_08aed6ea-4f21-483e-a1a6-5bcbec77b39a.jpg?v=1784875767&width=1600 2x" 43282 alt="Boxing Day Dress - GWD700126" 43283 loading="lazy" 43284 width="2400" 43285 height="3600" 43286 data-index="" 43287 > 43288 43289 � 43290 </div> 43291 43292 43293 </div> 43294 </a> 43295 </div> 43296 43297 43298 43299 43300 <div class="bt-qatc-container"> 43301 <div class="bt-qatc-form-container"> 43302 <div class="bt-qatc-form-content large-up-hide medium-hide"> 43303 <h3>Boxing Day Dress - GWD700126</h3> 43304 43305<div 43306 class=" 43307 price " 43308 > 43309 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 43310 <span class="price-item price-item--regular"> 43311 <span class=money>Rs.4,490</span> 43312 </span></div> 43313 <div class="price__sale"> 43314 <span class="visually-hidden visually-hidden--inline">Regular price</span>
43315 <span> 43316 <s class="price-item price-item--regular"> 43317 43318 <span class=money>Rs.4,490</span> 43319 43320 </s> 43321 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 43322 <span class="price-item price-item--sale price-item--last"> 43323 43324 43325 43326 43327 <span class="percentage__sale hidden">0% OFF</span> 43328 43329 <span class=money>Rs.4,490</span> 43330 </span> 43331 </div> 43332 <small class="unit-price caption hidden"> 43333 <span class="visually-hidden">Unit price</span> 43334 <span class="price-item price-item--last"> 43335 <span></span> 43336 <span aria-hidden="true">/</span> 43337 <span class="visually-hidden"> per </span> 43338 <span> 43339 </span> 43340 </span> 43341 </small> 43342 </div></div> 43343 43344 43345 43346 </div> 43347 <div 43348 class="ethnc-form-media large-up-hide medium-hide" 43349 43350 ></div> 43351 <form method="post" action="/cart/add" class="bt-qatc-form"> 43352 <input type="hidden" name="quantity" value="1"> 43353 <div class="bt-qatc-form-variants-container"> 43354 <div class="bt-qatc-form-variants--list"> 43355 43356 <div 43357 class="in-use bt-qatc-form-variant-input" 43358 43359 > 43360 <input 43361 type="radio" 43362 name="id" 43363 id="-51787639161128" 43364 value="51787639161128" 43365 data-price="449000" 43366 data-item-id="10270445207848" 43367 hidden 43368 43369 data-item-id="10270445207848" 43370 43371 > 43372 43373 <label 43374 for="-51787639161128" 43375 data-sefam-quick-size 43376 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 43377 > 43378 <span class="split-variant-value"> 43379 43380 43381 43382 43383 43384 43385 43386 5/6-Y 43387 43388 43389</span> 43390 </label> 43391 </div> 43392 43393 <div 43394 class="in-use bt-qatc-form-variant-input" 43395 43396 > 43397 <input 43398 type="radio" 43399 name="id" 43400 id="-51787639193896" 43401 value="51787639193896" 43402 data-price="449000" 43403 data-item-id="10270445207848" 43404 hidden 43405 43406 data-item-id="10270445207848" 43407 43408 > 43409 43410 <label 43411 for="-51787639193896" 43412 data-sefam-quick-size 43413 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 43414 > 43415 <span class="split-variant-value"> 43416 43417 43418 43419 43420 43421 43422 43423 7/8-Y 43424 43425 43426</span> 43427 </label> 43428 </div> 43429 43430 <div 43431 class="in-use bt-qatc-form-variant-input" 43432 43433 > 43434 <input 43435 type="radio" 43436 name="id" 43437 id="-51787639226664" 43438 value="51787639226664" 43439 data-price="499000" 43440 data-item-id="10270445207848" 43441 hidden 43442 43443 data-item-id="10270445207848" 43444 43445 > 43446 43447 <label 43448 for="-51787639226664" 43449 data-sefam-quick-size 43450 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 43451 >
43452 <span class="split-variant-value"> 43453 43454 43455 43456 43457 43458 43459 43460 9/10-Y 43461 43462 43463</span> 43464 </label> 43465 </div> 43466 43467 <div 43468 class="in-use bt-qatc-form-variant-input is-disbaled" 43469 43470 > 43471 <input 43472 type="radio" 43473 name="id" 43474 id="-51787639259432" 43475 value="51787639259432" 43476 data-price="499000" 43477 data-item-id="10270445207848" 43478 hidden 43479 43480 disbaled 43481 43482 data-item-id="10270445207848" 43483 43484 > 43485 43486 <label 43487 for="-51787639259432" 43488 data-sefam-quick-size 43489 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 43490 > 43491 <span class="split-variant-value"> 43492 43493 43494 43495 43496 43497 43498 43499 11/12-Y 43500 43501 43502</span> 43503 </label> 43504 </div> 43505 43506 <div 43507 class="in-use bt-qatc-form-variant-input is-disbaled" 43508 43509 > 43510 <input 43511 type="radio" 43512 name="id" 43513 id="-51787639292200" 43514 value="51787639292200" 43515 data-price="499000" 43516 data-item-id="10270445207848" 43517 hidden 43518 43519 disbaled 43520 43521 data-item-id="10270445207848" 43522 43523 > 43524 43525 <label 43526 for="-51787639292200" 43527 data-sefam-quick-size 43528 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 43529 > 43530 <span class="split-variant-value"> 43531 43532 43533 43534 43535 43536 43537 43538 13/14-Y 43539 43540 43541</span> 43542 </label> 43543 </div> 43544 43545 </div> 43546 43547 43548 43549 43550 </div> 43551 </form> 43552 </div> 43553 </div> 43554 43555 43556 43557 43558 43559 43560 43561 43562 43563 43564 43565 43566 43567 43568 43569 43570 43571 43572 43573 43574 43575 43576 43577 43578 43579 43580 43581 43582 43583 43584 43585 43586 43587 43588 43589 43590 43591 43592 43593 43594 43595 43596 43597 43598 43599 43600 43601 43602 43603 43604 43605 43606 43607 43608 43609 43610 43611 43612 43613 43614 43615 43616 43617 43618 43619 43620 43621 43622 43623 43624 43625 43626 43627 43628 43629 43630 43631 43632 43633 43634 43635 43636 43637 43638 43639 43640 43641 43642 43643 43644 43645 43646 43647 43648 43649 43650 43651 43652 43653 43654 43655 43656 43657 43658 43659 43660 43661 43662 43663 43664 43665 43666 43667 43668 43669 43670 43671 43672 43673 43674 43675 43676 43677 43678 43679 43680 43681 43682 43683 <div
43684 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 43685 > 43686 <div class="ethnc-qatc-btn cstm-add-btn visible"> 43687 <span class="small-hide hide-mobile">Add to Basket</span> 43688 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 43689 </span> 43690 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 43691 width="11" 43692 height="11" 43693 viewBox="0 0 11 11" 43694 fill="none" 43695> 43696 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 43697 fill="black" 43698 /> 43699</svg> 43700</span> 43701 </div> 43702 </div> 43703 43704 43705 </div> 43706 43707 <div class="card__content aiza2"> 43708 <div class="card__information"> 43709 <small class="product-brand"> 43710 Leisure Club 43711 </small> 43712 <h3 43713 class="card__heading h5" 43714 43715 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10270445207848" 43716 43717 > 43718 <a 43719 href="/products/gwd700126" 43720 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10270445207848" 43721 class="full-unstyled-link" 43722 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10270445207848 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10270445207848" 43723 > 43724 Boxing Day Dress - GWD700126 43725 43726 <div class="card_colorways_container" onclick="event.stopPropagation();"> 43727 43728 43729 � 43730 </div> 43731 </a> 43732 43733 </h3> 43734 43735 <div class="card-information"><span class="caption-large light"></span> 43736<div 43737 class=" 43738 price " 43739 > 43740 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 43741 <span class="price-item price-item--regular"> 43742 <span class=money>Rs.4,490</span> 43743 </span></div> 43744 <div class="price__sale"> 43745 <span class="visually-hidden visually-hidden--inline">Regular price</span> 43746 <span> 43747 <s class="price-item price-item--regular"> 43748 43749 <span class=money>Rs.4,490</span> 43750 43751 </s> 43752 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 43753 <span class="price-item price-item--sale price-item--last"> 43754 43755 43756 43757 43758 <span class="percentage__sale hidden">0% OFF</span> 43759 43760 <span class=money>Rs.4,490</span> 43761 </span> 43762 </div> 43763 <small class="unit-price caption hidden"> 43764 <span class="visually-hidden">Unit price</span> 43765 <span class="price-item price-item--last">
43766 <span></span> 43767 <span aria-hidden="true">/</span> 43768 <span class="visually-hidden"> per </span> 43769 <span> 43770 </span> 43771 </span> 43772 </small> 43773 </div></div> 43774 43775 43776 43777 </div> 43778 </div> 43779 </div> 43780 43781 </div> 43782 </div><style> 43783/* ========================================================= 43784 DESKTOP PRODUCT CARD QUICK ADD 43785 LEFT = sizes 43786 RIGHT = original bag icon 43787 Mobile behavior remains unchanged 43788 ========================================================= */ 43789@media (min-width: 990px) { 43790 .hide-desktop { 43791 display: none !important; 43792 } 43793 43794 /* Keep both controls on the same bottom row */ 43795 .card-wrapper-box { 43796 position: relative; 43797 } 43798 43799 .card-wrapper-box .bt-qatc-container, 43800 .card-wrapper-box .ethnc-qatc-btn-container { 43801 position: absolute !important; 43802 bottom: 0 !important; 43803 z-index: 8 !important; 43804 } 43805 43806 /* LEFT: size area */ 43807 .card-wrapper-box .bt-qatc-container { 43808 left: 0 !important; 43809 right: 46px !important; 43810 width: auto !important; 43811 } 43812 43813 .card-wrapper-box .bt-qatc-form-container { 43814 left: 0 !important; 43815 right: 0 !important; 43816 bottom: -350% !important; 43817 width: 100% !important; 43818 min-height: 43px !important; 43819 opacity: 0 !important; 43820 visibility: hidden !important; 43821 pointer-events: none !important; 43822 transition: bottom .22s ease, opacity .18s ease !important; 43823 } 43824 43825 .card-wrapper-box .bt-qatc-form, 43826 .card-wrapper-box .bt-qatc-form-variants-container, 43827 .card-wrapper-box .bt-qatc-form-variants--list { 43828 width: 100% !important; 43829 } 43830 43831 .card-wrapper-box .bt-qatc-form-variants--list { 43832 display: flex !important; 43833 align-items: center !important; 43834 flex-wrap: wrap !important; 43835 gap: 0 !important; 43836 min-height: 43px !important; 43837 } 43838 43839 /* RIGHT: original bag button */ 43840 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 43841 display: flex !important; 43842 align-items: stretch !important; 43843 justify-content: center !important; 43844 left: auto !important; 43845 right: 0 !important; 43846 width: 46px !important; 43847 height: 43px !important; 43848 opacity: 0 !important; 43849 visibility: hidden !important; 43850 pointer-events: none !important; 43851 transition: opacity .18s ease !important; 43852 } 43853 43854 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 43855 display: flex !important; 43856 align-items: center !important; 43857 justify-content: center !important; 43858 width: 46px !important; 43859 height: 43px !important; 43860 min-width: 46px !important; 43861 padding: 0 !important; 43862 cursor: pointer !important; 43863 } 43864 43865 /* Hide Add to Basket text on desktop; keep only bag icon */ 43866 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 43867 display: none !important; 43868 } 43869 43870 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 43871 display: flex !important; 43872 align-items: center !important; 43873 justify-content: center !important; 43874 width: 100% !important; 43875 height: 100% !important; 43876 padding: 0 !important; 43877 } 43878 43879 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 43880 display: block !important; 43881 width: 16px !important; 43882 height: 17px !important; 43883 } 43884 43885 /* Show sizes + bag together on desktop hover */ 43886 .card-wrapper-box:hover .bt-qatc-form-container { 43887 bottom: 0 !important; 43888 opacity: 1 !important; 43889 visibility: visible !important; 43890 pointer-events: auto !important; 43891 } 43892 43893 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 43894 opacity: 1 !important; 43895 visibility: visible !important; 43896 pointer-events: auto !important; 43897 } 43898} 43899 43900@media (max-width: 989px) { 43901 .hide-mobile { 43902 display: none; 43903 } 43904} 43905</style> 43906 43907 43908<style> 43909/* ========================================================= 43910 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 43911 Keeps all sizes in one clean row on the left 43912 and the bag icon fixed on the right. 43913 ========================================================= */ 43914@media (min-width: 990px) { 43915 43916 .card-wrapper-box .bt-qatc-form-container { 43917 height: 43px !important; 43918 min-height: 43px !important; 43919 max-height: 43px !important; 43920 overflow: hidden !important; 43921 background: rgba(255,255,255,.96) !important; 43922 } 43923 43924 .card-wrapper-box .bt-qatc-form { 43925 display: block !important; 43926 height: 43px !important; 43927 min-height: 43px !important; 43928 margin: 0 !important; 43929 padding: 0 !important; 43930 } 43931 43932 .card-wrapper-box .bt-qatc-form-variants-container { 43933 display: block !important; 43934 width: 100% !important; 43935 height: 43px !important; 43936 min-height: 43px !important; 43937 margin: 0 !important; 43938 padding: 0 !important; 43939 } 43940 43941 .card-wrapper-box .bt-qatc-form-variants--list { 43942 display: flex !important; 43943 flex-direction: row !important; 43944 flex-wrap: wrap !important;
43945 align-items: center !important; 43946 justify-content: center !important; 43947 43948 width: 100% !important; 43949 height: 43px !important; 43950 min-height: 43px !important; 43951 43952 margin: 0 !important; 43953 padding: 0 6px !important; 43954 gap: 2px !important; 43955 43956 box-sizing: border-box !important; 43957 overflow: visible !important; 43958 white-space: normal !important; 43959 } 43960 43961 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 43962 display: none !important; 43963 } 43964 43965 .card-wrapper-box .bt-qatc-form-variant-input { 43966 position: relative !important; 43967 43968 display: flex !important; 43969 align-items: center !important; 43970 justify-content: center !important; 43971 43972 flex: 0 0 auto !important; 43973 width: auto !important; 43974 min-width: 32px !important; 43975 height: 43px !important; 43976 43977 margin: 0 !important; 43978 padding: 0 !important; 43979 43980 border: 0 !important; 43981 background: transparent !important; 43982 } 43983 43984 .card-wrapper-box .bt-qatc-form-variant-input label { 43985 position: static !important; 43986 43987 display: flex !important; 43988 align-items: center !important; 43989 justify-content: center !important; 43990 43991 width: auto !important; 43992 min-width: 32px !important; 43993 height: 32px !important; 43994 43995 margin: 0 !important; 43996 padding: 0 6px !important; 43997 43998 box-sizing: border-box !important; 43999 44000 background: transparent !important; 44001 border: 0 !important; 44002 44003 color: #111 !important; 44004 font-size: 12px !important; 44005 line-height: 1 !important; 44006 font-weight: 400 !important; 44007 44008 white-space: nowrap !important; 44009 cursor: pointer !important; 44010 } 44011 44012 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 44013 display: block !important; 44014 width: auto !important; 44015 max-width: none !important; 44016 44017 margin: 0 !important; 44018 padding: 0 !important; 44019 44020 overflow: visible !important; 44021 white-space: nowrap !important; 44022 text-overflow: clip !important; 44023 44024 font-size: inherit !important; 44025 line-height: inherit !important; 44026 } 44027 44028 /* Sold-out size */ 44029 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 44030 opacity: .35 !important; 44031 text-decoration: line-through !important; 44032 cursor: not-allowed !important; 44033 } 44034 44035 /* Optional hover feedback */ 44036 .card-wrapper-box 44037 .bt-qatc-form-variant-input:not(.is-disbaled) 44038 label:hover { 44039 text-decoration: underline !important; 44040 text-underline-offset: 3px !important; 44041 } 44042 44043 /* Prevent old theme transforms / absolute positions */ 44044 .card-wrapper-box .bt-qatc-form-variant-input *, 44045 .card-wrapper-box .bt-qatc-form-variants--list * { 44046 transform: none; 44047 } 44048} 44049</style> 44050 44051 44052<style> 44053/* Desktop quick-add: use one seamless background for sizes + bag */ 44054@media (min-width: 990px) { 44055 .card-wrapper-box .bt-qatc-form-container, 44056 .card-wrapper-box .bt-qatc-form, 44057 .card-wrapper-box .bt-qatc-form-variants-container, 44058 .card-wrapper-box .bt-qatc-form-variants--list, 44059 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 44060 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 44061 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 44062 background: rgba(255,255,255,.96) !important; 44063 } 44064 44065 /* Remove any visual split between sizes and bag */ 44066 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 44067 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 44068 border-left: 0 !important; 44069 box-shadow: none !important; 44070 } 44071} 44072</style> 44073 44074 44075<style> 44076/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 44077@media (min-width: 990px) { 44078 .card-wrapper-box .bt-qatc-form-container, 44079 .card-wrapper-box .bt-qatc-form, 44080 .card-wrapper-box .bt-qatc-form-variants-container { 44081 height: auto !important; 44082 max-height: none !important; 44083 overflow: visible !important; 44084 } 44085 44086 .card-wrapper-box .bt-qatc-form-variants--list { 44087 display: flex !important; 44088 flex-wrap: wrap !important; 44089 justify-content: center !important; 44090 align-items: center !important; 44091 height: auto !important; 44092 min-height: 43px !important; 44093 max-height: none !important; 44094 overflow: visible !important; 44095 white-space: normal !important; 44096 padding: 5px 6px !important; 44097 } 44098 44099 .card-wrapper-box .bt-qatc-form-variant-input { 44100 flex: 0 0 auto !important; 44101 } 44102} 44103</style> 44104
44105<script> 44106 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 44107 const wrap = label.closest('.bt-qatc-form-variant-input'); 44108 const form = label.closest('.bt-qatc-form'); 44109 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 44110 44111 if (!wrap || !form || !input) return; 44112 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 44113 if (label.dataset.loading === 'true') return; 44114 44115 input.checked = true; 44116 label.dataset.loading = 'true'; 44117 label.style.pointerEvents = 'none'; 44118 44119 try { 44120 const cartResp = await fetch('/cart.js', { 44121 method: 'GET', 44122 headers: { 'Accept': 'application/json' } 44123 }); 44124 44125 if (!cartResp.ok) throw new Error('Unable to read cart'); 44126 44127 const cart = await cartResp.json(); 44128 const variantId = Number(input.value); 44129 const selectedPrice = Number(input.dataset.price || 0) / 100; 44130 const totalCartPrice = Number(cart.total_price || 0) / 100; 44131 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 44132 44133 if ((totalCartPrice + selectedPrice) > 250000) { 44134 if (window.showAlert) { 44135 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 44136 } else { 44137 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 44138 } 44139 return; 44140 } 44141 44142 if (itemInCart && Number(itemInCart.quantity) >= 3) { 44143 if (window.showAlert) { 44144 window.showAlert('Limit reached: Max 3 items per size can be added'); 44145 } else { 44146 alert('Limit reached: Max 3 items per size can be added'); 44147 } 44148 return; 44149 } 44150 44151 44152 const cartSections = document.querySelector('cart-notification, cart-drawer'); 44153 const formData = new FormData(form); 44154 44155 formData.set('id', input.value); 44156 formData.set('quantity', '1'); 44157 44158 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 44159 formData.set( 44160 'sections', 44161 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 44162 ); 44163 } 44164 44165 formData.set('sections_url', window.location.pathname); 44166 44167 const addResp = await fetch('/cart/add.js', { 44168 method: 'POST', 44169 headers: { 'Accept': 'application/json' }, 44170 body: formData 44171 }); 44172 44173 const data = await addResp.json(); 44174 44175 if (!addResp.ok) { 44176 throw new Error(data.description || data.message || 'Unable to add this size'); 44177 } 44178 44179 if (cartSections && typeof cartSections.renderContents === 'function') { 44180 cartSections.renderContents(data); 44181 } else { 44182 const bubble = document.querySelector('#cart-icon-bubble'); 44183 if (bubble) bubble.click(); 44184 } 44185 44186 const card = label.closest('.card-wrapper-box'); 44187 if (card) { 44188 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 44189 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 44190 } 44191 } catch (error) { 44192 console.error('SEFAM hover size quick-add error:', error); 44193 if (window.showAlert) { 44194 window.showAlert(error.message || 'Unable to add this size to cart'); 44195 } else { 44196 alert(error.message || 'Unable to add this size to cart'); 44197 } 44198 } finally { 44199 label.dataset.loading = 'false'; 44200 label.style.pointerEvents = ''; 44201 } 44202 }; 44203</script>
44203 44204 44205<style> 44206/* Desktop quick-add final alignment: 44207 sizes start from left; bag area matches the complete quick-size background height. */ 44208@media (min-width: 990px) { 44209 .card-wrapper-box .bt-qatc-form-variants--list { 44210 justify-content: flex-start !important; 44211 align-content: center !important; 44212 text-align: left !important; 44213 } 44214 44215 .card-wrapper-box .bt-qatc-container { 44216 right: 46px !important; 44217 } 44218 44219 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 44220 top: auto !important; 44221 bottom: 0 !important; 44222 width: 46px !important; 44223 height: 100% !important; 44224 min-height: 43px !important; 44225 align-items: stretch !important; 44226 background: rgba(255,255,255,.96) !important; 44227 } 44228 44229 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 44230 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 44231 width: 46px !important; 44232 height: 100% !important; 44233 min-height: 43px !important; 44234 background: rgba(255,255,255,.96) !important; 44235 } 44236 44237 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 44238 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 44239 height: var(--sefam-quick-add-height, 43px) !important; 44240 } 44241} 44242</style>
44243<script> 44244(function () { 44245 function syncQuickAddHeight(card) { 44246 if (!card || window.innerWidth < 990) return; 44247 var panel = card.querySelector('.bt-qatc-form-container'); 44248 if (!panel) return; 44249 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 44250 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 44251 } 44252 44253 document.addEventListener('mouseover', function(e) { 44254 var card = e.target.closest('.card-wrapper-box'); 44255 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 44256 }, { passive: true }); 44257 44258 window.addEventListener('resize', function() { 44259 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 44260 }, { passive: true }); 44261})(); 44262</script>
44262 44263 44264 44265 44266<style> 44267/* ========================================================= 44268 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 44269 - reduce space between sizes 44270 - keep sizes left aligned 44271 - keep the bag icon on the BOTTOM row 44272 - bag background still matches the full size panel 44273 ========================================================= */ 44274@media (min-width: 990px) { 44275 44276 /* More usable width for sizes */ 44277 .card-wrapper-box .bt-qatc-container { 44278 right: 42px !important; 44279 } 44280 44281 /* Compact, left-aligned size list */ 44282 .card-wrapper-box .bt-qatc-form-variants--list { 44283 justify-content: flex-start !important; 44284 align-items: center !important; 44285 align-content: center !important; 44286 44287 column-gap: 0 !important; 44288 row-gap: 0 !important; 44289 44290 padding: 4px 4px !important; 44291 margin: 0 !important; 44292 } 44293 44294 .card-wrapper-box .bt-qatc-form-variant-input { 44295 min-width: 0 !important; 44296 width: auto !important; 44297 height: 35px !important; 44298 margin: 0 !important; 44299 padding: 0 !important; 44300 } 44301 44302 .card-wrapper-box .bt-qatc-form-variant-input label { 44303 min-width: 0 !important; 44304 width: auto !important; 44305 height: 35px !important; 44306 44307 margin: 0 !important; 44308 padding: 0 4px !important; 44309 44310 font-size: 12px !important; 44311 line-height: 1 !important; 44312 } 44313 44314 /* Bag column keeps the same full white background as the sizes */ 44315 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 44316 right: 0 !important; 44317 bottom: 0 !important; 44318 top: auto !important; 44319 44320 width: 42px !important; 44321 min-width: 42px !important; 44322 height: var(--sefam-quick-add-height, 43px) !important; 44323 min-height: 43px !important; 44324 44325 display: flex !important; 44326 flex-direction: column !important; 44327 justify-content: flex-end !important; 44328 align-items: stretch !important; 44329 44330 padding: 0 !important; 44331 margin: 0 !important; 44332 44333 background: rgba(255,255,255,.96) !important; 44334 } 44335 44336 /* The clickable bag itself always sits at the bottom */ 44337 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 44338 width: 42px !important; 44339 min-width: 42px !important; 44340 height: 43px !important; 44341 min-height: 43px !important; 44342 44343 margin-top: auto !important; 44344 padding: 0 !important; 44345 44346 display: flex !important; 44347 align-items: center !important; 44348 justify-content: center !important; 44349 44350 background: rgba(255,255,255,.96) !important; 44351 } 44352 44353 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 44354 width: 42px !important; 44355 height: 43px !important; 44356 min-height: 43px !important; 44357 44358 display: flex !important; 44359 align-items: center !important; 44360 justify-content: center !important; 44361 44362 padding: 0 !important; 44363 margin: 0 !important; 44364 44365 background: transparent !important; 44366 } 44367 44368 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 44369 width: 16px !important; 44370 height: 17px !important; 44371 } 44372} 44373</style> 44374 44375 44376<style> 44377/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 44378@media (min-width: 990px) { 44379 .card-wrapper-box .bt-qatc-form-variants--list { 44380 padding: 3px 4px !important; 44381 column-gap: 0 !important; 44382 row-gap: 0 !important; 44383 justify-content: flex-start !important; 44384 align-items: center !important; 44385 align-content: center !important; 44386 } 44387 44388 .card-wrapper-box .bt-qatc-form-variant-input { 44389 min-width: 0 !important; 44390 width: auto !important; 44391 height: 30px !important; 44392 margin: 0 !important; 44393 padding: 0 !important; 44394 } 44395 44396 .card-wrapper-box .bt-qatc-form-variant-input label { 44397 min-width: 0 !important; 44398 width: auto !important; 44399 height: 30px !important; 44400 margin: 0 !important; 44401 padding: 0 4px !important; 44402 font-size: 12px !important; 44403 line-height: 1 !important; 44404 display: flex !important; 44405 align-items: center !important; 44406 justify-content: center !important; 44407 } 44408 44409 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 44410 display: flex !important; 44411 flex-direction: column !important; 44412 justify-content: flex-end !important;
44413 align-items: stretch !important; 44414 bottom: 0 !important; 44415 top: auto !important; 44416 height: var(--sefam-quick-add-height, 36px) !important; 44417 min-height: 36px !important; 44418 } 44419 44420 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 44421 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 44422 height: 36px !important; 44423 min-height: 36px !important; 44424 margin-top: auto !important; 44425 } 44426} 44427</style> 44428 44429<style> 44430 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 44431 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 44432 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 44433 .card_colorways_container .new-mbl-color-single label span, 44434 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 44435 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 44436</style> 44437 44438 </li> 44439 44440 <li 44441 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_GLf4cC-16" 44442 class="grid__item slider__slide" 44443 > 44444 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 44445� 44446 44447 44448 � 44449 44450 44451 44452 <div class="card-wrapper product-card-wrapper"> 44453 <div 44454 class=" 44455 card card--standard 44456 card--media 44457 44458 44459 44460 44461 44462 " 44463 style="--ratio-percent: 150.00000000000003%;" 44464 44465 > 44466 <div class="card-wrapper-box"> 44467 44468 <div 44469 class="card__inner color-scheme-2 gradient ratio" 44470 style="--ratio-percent: 150.00000000000003%;" 44471 44472 > 44473 �<a href="/products/gw700126"> 44474 44475 �<div class="card-prdct2 card__media"> 44476 <div class="media media--transparent mt3"> 44477 44478 44479 <img 44480 src="//sefam.com/cdn/shop/files/GW700126_1.jpg?v=1779184242&width=800" 44481 srcset="//sefam.com/cdn/shop/files/GW700126_1.jpg?v=1779184242&width=1600 2x" 44482 class="" 44483 alt="Flap Pocket Shirt - GW700126" 44484 44485 loading="lazy" 44486 44487 width="2400" 44488 height="3600" 44489 > 44490 �<img 44491 src="//sefam.com/cdn/shop/files/GW700126_5.jpg?v=1779184242&width=800" 44492 srcset="//sefam.com/cdn/shop/files/GW700126_5.jpg?v=1779184242&width=1600 2x" 44493 alt="Flap Pocket Shirt - GW700126" 44494 loading="lazy" 44495 width="2400" 44496 height="3600" 44497 data-index="" 44498 > 44499 44500 � 44501 </div> 44502 44503 44504 </div> 44505 </a> 44506 </div> 44507 44508 44509 44510 44511 <div class="bt-qatc-container"> 44512 <div class="bt-qatc-form-container"> 44513 <div class="bt-qatc-form-content large-up-hide medium-hide"> 44514 <h3>Flap Pocket Shirt - GW700126</h3> 44515 44516<div 44517 class=" 44518 price " 44519 > 44520 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 44521 <span class="price-item price-item--regular"> 44522 <span class=money>Rs.3,490</span> 44523 </span></div> 44524 <div class="price__sale"> 44525 <span class="visually-hidden visually-hidden--inline">Regular price</span> 44526 <span> 44527 <s class="price-item price-item--regular"> 44528 44529 <span class=money>Rs.3,490</span> 44530 44531 </s> 44532 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
44533 <span class="price-item price-item--sale price-item--last"> 44534 44535 44536 44537 44538 <span class="percentage__sale hidden">0% OFF</span> 44539 44540 <span class=money>Rs.3,490</span> 44541 </span> 44542 </div> 44543 <small class="unit-price caption hidden"> 44544 <span class="visually-hidden">Unit price</span> 44545 <span class="price-item price-item--last"> 44546 <span></span> 44547 <span aria-hidden="true">/</span> 44548 <span class="visually-hidden"> per </span> 44549 <span> 44550 </span> 44551 </span> 44552 </small> 44553 </div></div> 44554 44555 44556 44557 </div> 44558 <div 44559 class="ethnc-form-media large-up-hide medium-hide" 44560 44561 ></div> 44562 <form method="post" action="/cart/add" class="bt-qatc-form"> 44563 <input type="hidden" name="quantity" value="1"> 44564 <div class="bt-qatc-form-variants-container"> 44565 <div class="bt-qatc-form-variants--list"> 44566 44567 <div 44568 class="in-use bt-qatc-form-variant-input" 44569 44570 > 44571 <input 44572 type="radio" 44573 name="id" 44574 id="-51801861128488" 44575 value="51801861128488" 44576 data-price="349000" 44577 data-item-id="10274097070376" 44578 hidden 44579 44580 data-item-id="10274097070376" 44581 44582 > 44583 44584 <label 44585 for="-51801861128488" 44586 data-sefam-quick-size 44587 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 44588 > 44589 <span class="split-variant-value"> 44590 44591 44592 44593 44594 44595 44596 44597 5/6-Y 44598 44599 44600</span> 44601 </label> 44602 </div> 44603 44604 <div 44605 class="in-use bt-qatc-form-variant-input" 44606 44607 > 44608 <input 44609 type="radio" 44610 name="id" 44611 id="-51801861161256" 44612 value="51801861161256" 44613 data-price="349000" 44614 data-item-id="10274097070376" 44615 hidden 44616 44617 data-item-id="10274097070376" 44618 44619 > 44620 44621 <label 44622 for="-51801861161256" 44623 data-sefam-quick-size 44624 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 44625 > 44626 <span class="split-variant-value"> 44627 44628 44629 44630 44631 44632 44633 44634 7/8-Y 44635 44636 44637</span> 44638 </label> 44639 </div> 44640 44641 <div 44642 class="in-use bt-qatc-form-variant-input is-disbaled" 44643 44644 > 44645 <input 44646 type="radio" 44647 name="id" 44648 id="-51801861194024" 44649 value="51801861194024" 44650 data-price="349000" 44651 data-item-id="10274097070376" 44652 hidden 44653 44654 disbaled 44655 44656 data-item-id="10274097070376" 44657 44658 > 44659 44660 <label 44661 for="-51801861194024" 44662 data-sefam-quick-size 44663 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 44664 >
44665 <span class="split-variant-value"> 44666 44667 44668 44669 44670 44671 44672 44673 9/10-Y 44674 44675 44676</span> 44677 </label> 44678 </div> 44679 44680 <div 44681 class="in-use bt-qatc-form-variant-input is-disbaled" 44682 44683 > 44684 <input 44685 type="radio" 44686 name="id" 44687 id="-51801861226792" 44688 value="51801861226792" 44689 data-price="399000" 44690 data-item-id="10274097070376" 44691 hidden 44692 44693 disbaled 44694 44695 data-item-id="10274097070376" 44696 44697 > 44698 44699 <label 44700 for="-51801861226792" 44701 data-sefam-quick-size 44702 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 44703 > 44704 <span class="split-variant-value"> 44705 44706 44707 44708 44709 44710 44711 44712 11/12-Y 44713 44714 44715</span> 44716 </label> 44717 </div> 44718 44719 <div 44720 class="in-use bt-qatc-form-variant-input is-disbaled" 44721 44722 > 44723 <input 44724 type="radio" 44725 name="id" 44726 id="-51801861259560" 44727 value="51801861259560" 44728 data-price="399000" 44729 data-item-id="10274097070376" 44730 hidden 44731 44732 disbaled 44733 44734 data-item-id="10274097070376" 44735 44736 > 44737 44738 <label 44739 for="-51801861259560" 44740 data-sefam-quick-size 44741 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 44742 > 44743 <span class="split-variant-value"> 44744 44745 44746 44747 44748 44749 44750 44751 13/14-Y 44752 44753 44754</span> 44755 </label> 44756 </div> 44757 44758 </div> 44759 44760 44761 44762 44763 </div> 44764 </form> 44765 </div> 44766 </div> 44767 44768 44769 44770 44771 44772 44773 44774 44775 44776 44777 44778 44779 44780 44781 44782 44783 44784 44785 44786 44787 44788 44789 44790 44791 44792 44793 44794 44795 44796 44797 44798 44799 44800 44801 44802 44803 44804 44805 44806 44807 44808 44809 44810 44811 44812 44813 44814 44815 44816 44817 44818 44819 44820 44821 44822 44823 44824 44825 44826 44827 44828 44829 44830 44831 44832 44833 44834 44835 44836 44837 44838 44839 44840 44841 44842 44843 44844 44845 44846 44847 44848 44849 44850 44851 44852 44853 44854 44855 44856 44857 44858 44859 44860 44861 44862 44863 44864 44865 44866 44867 44868 44869 44870 44871 44872 44873 44874 44875 44876 44877 44878 44879 44880 44881 44882 44883 44884 44885 44886 44887 44888 44889 44890 44891 44892 44893 44894 44895 44896 44897 44898 44899 44900 44901 44902 44903 44904 44905 44906 44907 44908 <div
44909 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 44910 > 44911 <div class="ethnc-qatc-btn cstm-add-btn visible"> 44912 <span class="small-hide hide-mobile">Add to Basket</span> 44913 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 44914 </span> 44915 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 44916 width="11" 44917 height="11" 44918 viewBox="0 0 11 11" 44919 fill="none" 44920> 44921 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 44922 fill="black" 44923 /> 44924</svg> 44925</span> 44926 </div> 44927 </div> 44928 44929 44930 </div> 44931 44932 <div class="card__content aiza2"> 44933 <div class="card__information"> 44934 <small class="product-brand"> 44935 Leisure Club 44936 </small> 44937 <h3 44938 class="card__heading h5" 44939 44940 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10274097070376" 44941 44942 > 44943 <a 44944 href="/products/gw700126" 44945 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10274097070376" 44946 class="full-unstyled-link" 44947 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10274097070376 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10274097070376" 44948 > 44949 Flap Pocket Shirt - GW700126 44950 44951 <div class="card_colorways_container" onclick="event.stopPropagation();"> 44952 44953 44954 � 44955 </div> 44956 </a> 44957 44958 </h3> 44959 44960 <div class="card-information"><span class="caption-large light"></span> 44961<div 44962 class=" 44963 price " 44964 > 44965 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 44966 <span class="price-item price-item--regular"> 44967 <span class=money>Rs.3,490</span> 44968 </span></div> 44969 <div class="price__sale"> 44970 <span class="visually-hidden visually-hidden--inline">Regular price</span> 44971 <span> 44972 <s class="price-item price-item--regular"> 44973 44974 <span class=money>Rs.3,490</span> 44975 44976 </s> 44977 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 44978 <span class="price-item price-item--sale price-item--last"> 44979 44980 44981 44982 44983 <span class="percentage__sale hidden">0% OFF</span> 44984 44985 <span class=money>Rs.3,490</span> 44986 </span> 44987 </div> 44988 <small class="unit-price caption hidden"> 44989 <span class="visually-hidden">Unit price</span> 44990 <span class="price-item price-item--last">
44991 <span></span> 44992 <span aria-hidden="true">/</span> 44993 <span class="visually-hidden"> per </span> 44994 <span> 44995 </span> 44996 </span> 44997 </small> 44998 </div></div> 44999 45000 45001 45002 </div> 45003 </div> 45004 </div> 45005 45006 </div> 45007 </div><style> 45008/* ========================================================= 45009 DESKTOP PRODUCT CARD QUICK ADD 45010 LEFT = sizes 45011 RIGHT = original bag icon 45012 Mobile behavior remains unchanged 45013 ========================================================= */ 45014@media (min-width: 990px) { 45015 .hide-desktop { 45016 display: none !important; 45017 } 45018 45019 /* Keep both controls on the same bottom row */ 45020 .card-wrapper-box { 45021 position: relative; 45022 } 45023 45024 .card-wrapper-box .bt-qatc-container, 45025 .card-wrapper-box .ethnc-qatc-btn-container { 45026 position: absolute !important; 45027 bottom: 0 !important; 45028 z-index: 8 !important; 45029 } 45030 45031 /* LEFT: size area */ 45032 .card-wrapper-box .bt-qatc-container { 45033 left: 0 !important; 45034 right: 46px !important; 45035 width: auto !important; 45036 } 45037 45038 .card-wrapper-box .bt-qatc-form-container { 45039 left: 0 !important; 45040 right: 0 !important; 45041 bottom: -350% !important; 45042 width: 100% !important; 45043 min-height: 43px !important; 45044 opacity: 0 !important; 45045 visibility: hidden !important; 45046 pointer-events: none !important; 45047 transition: bottom .22s ease, opacity .18s ease !important; 45048 } 45049 45050 .card-wrapper-box .bt-qatc-form, 45051 .card-wrapper-box .bt-qatc-form-variants-container, 45052 .card-wrapper-box .bt-qatc-form-variants--list { 45053 width: 100% !important; 45054 } 45055 45056 .card-wrapper-box .bt-qatc-form-variants--list { 45057 display: flex !important; 45058 align-items: center !important; 45059 flex-wrap: wrap !important; 45060 gap: 0 !important; 45061 min-height: 43px !important; 45062 } 45063 45064 /* RIGHT: original bag button */ 45065 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 45066 display: flex !important; 45067 align-items: stretch !important; 45068 justify-content: center !important; 45069 left: auto !important; 45070 right: 0 !important; 45071 width: 46px !important; 45072 height: 43px !important; 45073 opacity: 0 !important; 45074 visibility: hidden !important; 45075 pointer-events: none !important; 45076 transition: opacity .18s ease !important; 45077 } 45078 45079 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 45080 display: flex !important; 45081 align-items: center !important; 45082 justify-content: center !important; 45083 width: 46px !important; 45084 height: 43px !important; 45085 min-width: 46px !important; 45086 padding: 0 !important; 45087 cursor: pointer !important; 45088 } 45089 45090 /* Hide Add to Basket text on desktop; keep only bag icon */ 45091 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 45092 display: none !important; 45093 } 45094 45095 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 45096 display: flex !important; 45097 align-items: center !important; 45098 justify-content: center !important; 45099 width: 100% !important; 45100 height: 100% !important; 45101 padding: 0 !important; 45102 } 45103 45104 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 45105 display: block !important; 45106 width: 16px !important; 45107 height: 17px !important; 45108 } 45109 45110 /* Show sizes + bag together on desktop hover */ 45111 .card-wrapper-box:hover .bt-qatc-form-container { 45112 bottom: 0 !important; 45113 opacity: 1 !important; 45114 visibility: visible !important; 45115 pointer-events: auto !important; 45116 } 45117 45118 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 45119 opacity: 1 !important; 45120 visibility: visible !important; 45121 pointer-events: auto !important; 45122 } 45123} 45124 45125@media (max-width: 989px) { 45126 .hide-mobile { 45127 display: none; 45128 } 45129} 45130</style> 45131 45132 45133<style> 45134/* ========================================================= 45135 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 45136 Keeps all sizes in one clean row on the left 45137 and the bag icon fixed on the right. 45138 ========================================================= */ 45139@media (min-width: 990px) { 45140 45141 .card-wrapper-box .bt-qatc-form-container { 45142 height: 43px !important; 45143 min-height: 43px !important; 45144 max-height: 43px !important; 45145 overflow: hidden !important; 45146 background: rgba(255,255,255,.96) !important; 45147 } 45148 45149 .card-wrapper-box .bt-qatc-form { 45150 display: block !important; 45151 height: 43px !important; 45152 min-height: 43px !important; 45153 margin: 0 !important; 45154 padding: 0 !important; 45155 } 45156 45157 .card-wrapper-box .bt-qatc-form-variants-container { 45158 display: block !important; 45159 width: 100% !important; 45160 height: 43px !important; 45161 min-height: 43px !important; 45162 margin: 0 !important; 45163 padding: 0 !important; 45164 } 45165 45166 .card-wrapper-box .bt-qatc-form-variants--list { 45167 display: flex !important; 45168 flex-direction: row !important; 45169 flex-wrap: wrap !important;
45170 align-items: center !important; 45171 justify-content: center !important; 45172 45173 width: 100% !important; 45174 height: 43px !important; 45175 min-height: 43px !important; 45176 45177 margin: 0 !important; 45178 padding: 0 6px !important; 45179 gap: 2px !important; 45180 45181 box-sizing: border-box !important; 45182 overflow: visible !important; 45183 white-space: normal !important; 45184 } 45185 45186 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 45187 display: none !important; 45188 } 45189 45190 .card-wrapper-box .bt-qatc-form-variant-input { 45191 position: relative !important; 45192 45193 display: flex !important; 45194 align-items: center !important; 45195 justify-content: center !important; 45196 45197 flex: 0 0 auto !important; 45198 width: auto !important; 45199 min-width: 32px !important; 45200 height: 43px !important; 45201 45202 margin: 0 !important; 45203 padding: 0 !important; 45204 45205 border: 0 !important; 45206 background: transparent !important; 45207 } 45208 45209 .card-wrapper-box .bt-qatc-form-variant-input label { 45210 position: static !important; 45211 45212 display: flex !important; 45213 align-items: center !important; 45214 justify-content: center !important; 45215 45216 width: auto !important; 45217 min-width: 32px !important; 45218 height: 32px !important; 45219 45220 margin: 0 !important; 45221 padding: 0 6px !important; 45222 45223 box-sizing: border-box !important; 45224 45225 background: transparent !important; 45226 border: 0 !important; 45227 45228 color: #111 !important; 45229 font-size: 12px !important; 45230 line-height: 1 !important; 45231 font-weight: 400 !important; 45232 45233 white-space: nowrap !important; 45234 cursor: pointer !important; 45235 } 45236 45237 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 45238 display: block !important; 45239 width: auto !important; 45240 max-width: none !important; 45241 45242 margin: 0 !important; 45243 padding: 0 !important; 45244 45245 overflow: visible !important; 45246 white-space: nowrap !important; 45247 text-overflow: clip !important; 45248 45249 font-size: inherit !important; 45250 line-height: inherit !important; 45251 } 45252 45253 /* Sold-out size */ 45254 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 45255 opacity: .35 !important; 45256 text-decoration: line-through !important; 45257 cursor: not-allowed !important; 45258 } 45259 45260 /* Optional hover feedback */ 45261 .card-wrapper-box 45262 .bt-qatc-form-variant-input:not(.is-disbaled) 45263 label:hover { 45264 text-decoration: underline !important; 45265 text-underline-offset: 3px !important; 45266 } 45267 45268 /* Prevent old theme transforms / absolute positions */ 45269 .card-wrapper-box .bt-qatc-form-variant-input *, 45270 .card-wrapper-box .bt-qatc-form-variants--list * { 45271 transform: none; 45272 } 45273} 45274</style> 45275 45276 45277<style> 45278/* Desktop quick-add: use one seamless background for sizes + bag */ 45279@media (min-width: 990px) { 45280 .card-wrapper-box .bt-qatc-form-container, 45281 .card-wrapper-box .bt-qatc-form, 45282 .card-wrapper-box .bt-qatc-form-variants-container, 45283 .card-wrapper-box .bt-qatc-form-variants--list, 45284 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 45285 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 45286 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 45287 background: rgba(255,255,255,.96) !important; 45288 } 45289 45290 /* Remove any visual split between sizes and bag */ 45291 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 45292 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 45293 border-left: 0 !important; 45294 box-shadow: none !important; 45295 } 45296} 45297</style> 45298 45299 45300<style> 45301/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 45302@media (min-width: 990px) { 45303 .card-wrapper-box .bt-qatc-form-container, 45304 .card-wrapper-box .bt-qatc-form, 45305 .card-wrapper-box .bt-qatc-form-variants-container { 45306 height: auto !important; 45307 max-height: none !important; 45308 overflow: visible !important; 45309 } 45310 45311 .card-wrapper-box .bt-qatc-form-variants--list { 45312 display: flex !important; 45313 flex-wrap: wrap !important; 45314 justify-content: center !important; 45315 align-items: center !important; 45316 height: auto !important; 45317 min-height: 43px !important; 45318 max-height: none !important; 45319 overflow: visible !important; 45320 white-space: normal !important; 45321 padding: 5px 6px !important; 45322 } 45323 45324 .card-wrapper-box .bt-qatc-form-variant-input { 45325 flex: 0 0 auto !important; 45326 } 45327} 45328</style> 45329
45330<script> 45331 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 45332 const wrap = label.closest('.bt-qatc-form-variant-input'); 45333 const form = label.closest('.bt-qatc-form'); 45334 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 45335 45336 if (!wrap || !form || !input) return; 45337 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 45338 if (label.dataset.loading === 'true') return; 45339 45340 input.checked = true; 45341 label.dataset.loading = 'true'; 45342 label.style.pointerEvents = 'none'; 45343 45344 try { 45345 const cartResp = await fetch('/cart.js', { 45346 method: 'GET', 45347 headers: { 'Accept': 'application/json' } 45348 }); 45349 45350 if (!cartResp.ok) throw new Error('Unable to read cart'); 45351 45352 const cart = await cartResp.json(); 45353 const variantId = Number(input.value); 45354 const selectedPrice = Number(input.dataset.price || 0) / 100; 45355 const totalCartPrice = Number(cart.total_price || 0) / 100; 45356 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 45357 45358 if ((totalCartPrice + selectedPrice) > 250000) { 45359 if (window.showAlert) { 45360 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 45361 } else { 45362 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 45363 } 45364 return; 45365 } 45366 45367 if (itemInCart && Number(itemInCart.quantity) >= 3) { 45368 if (window.showAlert) { 45369 window.showAlert('Limit reached: Max 3 items per size can be added'); 45370 } else { 45371 alert('Limit reached: Max 3 items per size can be added'); 45372 } 45373 return; 45374 } 45375 45376 45377 const cartSections = document.querySelector('cart-notification, cart-drawer'); 45378 const formData = new FormData(form); 45379 45380 formData.set('id', input.value); 45381 formData.set('quantity', '1'); 45382 45383 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 45384 formData.set( 45385 'sections', 45386 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 45387 ); 45388 } 45389 45390 formData.set('sections_url', window.location.pathname); 45391 45392 const addResp = await fetch('/cart/add.js', { 45393 method: 'POST', 45394 headers: { 'Accept': 'application/json' }, 45395 body: formData 45396 }); 45397 45398 const data = await addResp.json(); 45399 45400 if (!addResp.ok) { 45401 throw new Error(data.description || data.message || 'Unable to add this size'); 45402 } 45403 45404 if (cartSections && typeof cartSections.renderContents === 'function') { 45405 cartSections.renderContents(data); 45406 } else { 45407 const bubble = document.querySelector('#cart-icon-bubble'); 45408 if (bubble) bubble.click(); 45409 } 45410 45411 const card = label.closest('.card-wrapper-box'); 45412 if (card) { 45413 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 45414 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 45415 } 45416 } catch (error) { 45417 console.error('SEFAM hover size quick-add error:', error); 45418 if (window.showAlert) { 45419 window.showAlert(error.message || 'Unable to add this size to cart'); 45420 } else { 45421 alert(error.message || 'Unable to add this size to cart'); 45422 } 45423 } finally { 45424 label.dataset.loading = 'false'; 45425 label.style.pointerEvents = ''; 45426 } 45427 }; 45428</script>
45428 45429 45430<style> 45431/* Desktop quick-add final alignment: 45432 sizes start from left; bag area matches the complete quick-size background height. */ 45433@media (min-width: 990px) { 45434 .card-wrapper-box .bt-qatc-form-variants--list { 45435 justify-content: flex-start !important; 45436 align-content: center !important; 45437 text-align: left !important; 45438 } 45439 45440 .card-wrapper-box .bt-qatc-container { 45441 right: 46px !important; 45442 } 45443 45444 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 45445 top: auto !important; 45446 bottom: 0 !important; 45447 width: 46px !important; 45448 height: 100% !important; 45449 min-height: 43px !important; 45450 align-items: stretch !important; 45451 background: rgba(255,255,255,.96) !important; 45452 } 45453 45454 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 45455 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 45456 width: 46px !important; 45457 height: 100% !important; 45458 min-height: 43px !important; 45459 background: rgba(255,255,255,.96) !important; 45460 } 45461 45462 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 45463 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 45464 height: var(--sefam-quick-add-height, 43px) !important; 45465 } 45466} 45467</style>
45468<script> 45469(function () { 45470 function syncQuickAddHeight(card) { 45471 if (!card || window.innerWidth < 990) return; 45472 var panel = card.querySelector('.bt-qatc-form-container'); 45473 if (!panel) return; 45474 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 45475 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 45476 } 45477 45478 document.addEventListener('mouseover', function(e) { 45479 var card = e.target.closest('.card-wrapper-box'); 45480 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 45481 }, { passive: true }); 45482 45483 window.addEventListener('resize', function() { 45484 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 45485 }, { passive: true }); 45486})(); 45487</script>
45487 45488 45489 45490 45491<style> 45492/* ========================================================= 45493 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 45494 - reduce space between sizes 45495 - keep sizes left aligned 45496 - keep the bag icon on the BOTTOM row 45497 - bag background still matches the full size panel 45498 ========================================================= */ 45499@media (min-width: 990px) { 45500 45501 /* More usable width for sizes */ 45502 .card-wrapper-box .bt-qatc-container { 45503 right: 42px !important; 45504 } 45505 45506 /* Compact, left-aligned size list */ 45507 .card-wrapper-box .bt-qatc-form-variants--list { 45508 justify-content: flex-start !important; 45509 align-items: center !important; 45510 align-content: center !important; 45511 45512 column-gap: 0 !important; 45513 row-gap: 0 !important; 45514 45515 padding: 4px 4px !important; 45516 margin: 0 !important; 45517 } 45518 45519 .card-wrapper-box .bt-qatc-form-variant-input { 45520 min-width: 0 !important; 45521 width: auto !important; 45522 height: 35px !important; 45523 margin: 0 !important; 45524 padding: 0 !important; 45525 } 45526 45527 .card-wrapper-box .bt-qatc-form-variant-input label { 45528 min-width: 0 !important; 45529 width: auto !important; 45530 height: 35px !important; 45531 45532 margin: 0 !important; 45533 padding: 0 4px !important; 45534 45535 font-size: 12px !important; 45536 line-height: 1 !important; 45537 } 45538 45539 /* Bag column keeps the same full white background as the sizes */ 45540 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 45541 right: 0 !important; 45542 bottom: 0 !important; 45543 top: auto !important; 45544 45545 width: 42px !important; 45546 min-width: 42px !important; 45547 height: var(--sefam-quick-add-height, 43px) !important; 45548 min-height: 43px !important; 45549 45550 display: flex !important; 45551 flex-direction: column !important; 45552 justify-content: flex-end !important; 45553 align-items: stretch !important; 45554 45555 padding: 0 !important; 45556 margin: 0 !important; 45557 45558 background: rgba(255,255,255,.96) !important; 45559 } 45560 45561 /* The clickable bag itself always sits at the bottom */ 45562 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 45563 width: 42px !important; 45564 min-width: 42px !important; 45565 height: 43px !important; 45566 min-height: 43px !important; 45567 45568 margin-top: auto !important; 45569 padding: 0 !important; 45570 45571 display: flex !important; 45572 align-items: center !important; 45573 justify-content: center !important; 45574 45575 background: rgba(255,255,255,.96) !important; 45576 } 45577 45578 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 45579 width: 42px !important; 45580 height: 43px !important; 45581 min-height: 43px !important; 45582 45583 display: flex !important; 45584 align-items: center !important; 45585 justify-content: center !important; 45586 45587 padding: 0 !important; 45588 margin: 0 !important; 45589 45590 background: transparent !important; 45591 } 45592 45593 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 45594 width: 16px !important; 45595 height: 17px !important; 45596 } 45597} 45598</style> 45599 45600 45601<style> 45602/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 45603@media (min-width: 990px) { 45604 .card-wrapper-box .bt-qatc-form-variants--list { 45605 padding: 3px 4px !important; 45606 column-gap: 0 !important; 45607 row-gap: 0 !important; 45608 justify-content: flex-start !important; 45609 align-items: center !important; 45610 align-content: center !important; 45611 } 45612 45613 .card-wrapper-box .bt-qatc-form-variant-input { 45614 min-width: 0 !important; 45615 width: auto !important; 45616 height: 30px !important; 45617 margin: 0 !important; 45618 padding: 0 !important; 45619 } 45620 45621 .card-wrapper-box .bt-qatc-form-variant-input label { 45622 min-width: 0 !important; 45623 width: auto !important; 45624 height: 30px !important; 45625 margin: 0 !important; 45626 padding: 0 4px !important; 45627 font-size: 12px !important; 45628 line-height: 1 !important; 45629 display: flex !important; 45630 align-items: center !important; 45631 justify-content: center !important; 45632 } 45633 45634 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 45635 display: flex !important; 45636 flex-direction: column !important; 45637 justify-content: flex-end !important;
45638 align-items: stretch !important; 45639 bottom: 0 !important; 45640 top: auto !important; 45641 height: var(--sefam-quick-add-height, 36px) !important; 45642 min-height: 36px !important; 45643 } 45644 45645 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 45646 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 45647 height: 36px !important; 45648 min-height: 36px !important; 45649 margin-top: auto !important; 45650 } 45651} 45652</style> 45653 45654<style> 45655 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 45656 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 45657 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 45658 .card_colorways_container .new-mbl-color-single label span, 45659 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 45660 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 45661</style> 45662 45663 </li> 45664 45665 <li 45666 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_GLf4cC-17" 45667 class="grid__item slider__slide" 45668 > 45669 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 45670� 45671 45672 45673 � 45674 45675 45676 45677 <div class="card-wrapper product-card-wrapper"> 45678 <div 45679 class=" 45680 card card--standard 45681 card--media 45682 45683 45684 45685 45686 45687 " 45688 style="--ratio-percent: 150.00000000000003%;" 45689 45690 > 45691 <div class="card-wrapper-box"> 45692 45693 <div 45694 class="card__inner color-scheme-2 gradient ratio" 45695 style="--ratio-percent: 150.00000000000003%;" 45696 45697 > 45698 �<a href="/products/etbc-218426"> 45699 45700 �<div class="card-prdct2 card__media"> 45701 <div class="media media--transparent mt3"> 45702 45703 45704 <img 45705 src="//sefam.com/cdn/shop/files/ETBC-213426_5.jpg?v=1790331902&width=800" 45706 srcset="//sefam.com/cdn/shop/files/ETBC-213426_5.jpg?v=1790331902&width=1600 2x" 45707 class="" 45708 alt="Boys 3 Piece Suit - ETBC-218426" 45709 45710 loading="lazy" 45711 45712 width="2400" 45713 height="3600" 45714 > 45715 �<img 45716 src="//sefam.com/cdn/shop/files/ETBC-213426_2.jpg?v=1790331902&width=800" 45717 srcset="//sefam.com/cdn/shop/files/ETBC-213426_2.jpg?v=1790331902&width=1600 2x" 45718 alt="Boys 3 Piece Suit - ETBC-218426" 45719 loading="lazy" 45720 width="2400" 45721 height="3600" 45722 data-index="" 45723 > 45724 45725 � 45726 </div> 45727 45728 45729 </div> 45730 </a> 45731 </div> 45732 45733 45734 45735 45736 <div class="bt-qatc-container"> 45737 <div class="bt-qatc-form-container"> 45738 <div class="bt-qatc-form-content large-up-hide medium-hide"> 45739 <h3>Boys 3 Piece Suit - ETBC-218426</h3> 45740 45741<div 45742 class=" 45743 price " 45744 > 45745 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 45746 <span class="price-item price-item--regular"> 45747 <span class=money>Rs.4,990</span> 45748 </span></div> 45749 <div class="price__sale"> 45750 <span class="visually-hidden visually-hidden--inline">Regular price</span> 45751 <span> 45752 <s class="price-item price-item--regular"> 45753
45754 <span class=money>Rs.4,990</span> 45755 45756 </s> 45757 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 45758 <span class="price-item price-item--sale price-item--last"> 45759 45760 45761 45762 45763 <span class="percentage__sale hidden">0% OFF</span> 45764 45765 <span class=money>Rs.4,990</span> 45766 </span> 45767 </div> 45768 <small class="unit-price caption hidden"> 45769 <span class="visually-hidden">Unit price</span> 45770 <span class="price-item price-item--last"> 45771 <span></span> 45772 <span aria-hidden="true">/</span> 45773 <span class="visually-hidden"> per </span> 45774 <span> 45775 </span> 45776 </span> 45777 </small> 45778 </div></div> 45779 45780 45781 45782 </div> 45783 <div 45784 class="ethnc-form-media large-up-hide medium-hide" 45785 45786 ></div> 45787 <form method="post" action="/cart/add" class="bt-qatc-form"> 45788 <input type="hidden" name="quantity" value="1"> 45789 <div class="bt-qatc-form-variants-container"> 45790 <div class="bt-qatc-form-variants--list"> 45791 45792 <div 45793 class="in-use bt-qatc-form-variant-input" 45794 45795 > 45796 <input 45797 type="radio" 45798 name="id" 45799 id="-52368432300328" 45800 value="52368432300328" 45801 data-price="499000" 45802 data-item-id="10436879647016" 45803 hidden 45804 45805 data-item-id="10436879647016" 45806 45807 > 45808 45809 <label 45810 for="-52368432300328" 45811 data-sefam-quick-size 45812 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 45813 > 45814 <span class="split-variant-value"> 45815 45816 45817 45818 45819 45820 45821 45822 1-Y 45823 45824 45825</span> 45826 </label> 45827 </div> 45828 45829 <div 45830 class="in-use bt-qatc-form-variant-input" 45831 45832 > 45833 <input 45834 type="radio" 45835 name="id" 45836 id="-52368432333096" 45837 value="52368432333096" 45838 data-price="499000" 45839 data-item-id="10436879647016" 45840 hidden 45841 45842 data-item-id="10436879647016" 45843 45844 > 45845 45846 <label 45847 for="-52368432333096" 45848 data-sefam-quick-size 45849 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 45850 > 45851 <span class="split-variant-value"> 45852 45853 45854 45855 45856 45857 45858 45859 2-Y 45860 45861 45862</span> 45863 </label> 45864 </div> 45865 45866 <div 45867 class="in-use bt-qatc-form-variant-input" 45868 45869 > 45870 <input 45871 type="radio" 45872 name="id" 45873 id="-52368432365864" 45874 value="52368432365864" 45875 data-price="499000" 45876 data-item-id="10436879647016" 45877 hidden 45878 45879 data-item-id="10436879647016" 45880 45881 > 45882 45883 <label 45884 for="-52368432365864" 45885 data-sefam-quick-size 45886 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 45887 >
45888 <span class="split-variant-value"> 45889 45890 45891 45892 45893 45894 45895 45896 3-Y 45897 45898 45899</span> 45900 </label> 45901 </div> 45902 45903 <div 45904 class="in-use bt-qatc-form-variant-input" 45905 45906 > 45907 <input 45908 type="radio" 45909 name="id" 45910 id="-52368432398632" 45911 value="52368432398632" 45912 data-price="549000" 45913 data-item-id="10436879647016" 45914 hidden 45915 45916 data-item-id="10436879647016" 45917 45918 > 45919 45920 <label 45921 for="-52368432398632" 45922 data-sefam-quick-size 45923 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 45924 > 45925 <span class="split-variant-value"> 45926 45927 45928 45929 45930 45931 45932 45933 4-Y 45934 45935 45936</span> 45937 </label> 45938 </div> 45939 45940 <div 45941 class="in-use bt-qatc-form-variant-input" 45942 45943 > 45944 <input 45945 type="radio" 45946 name="id" 45947 id="-52368432431400" 45948 value="52368432431400" 45949 data-price="549000" 45950 data-item-id="10436879647016" 45951 hidden 45952 45953 data-item-id="10436879647016" 45954 45955 > 45956 45957 <label 45958 for="-52368432431400" 45959 data-sefam-quick-size 45960 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 45961 > 45962 <span class="split-variant-value"> 45963 45964 45965 45966 45967 45968 45969 45970 5-Y 45971 45972 45973</span> 45974 </label> 45975 </div> 45976 45977 </div> 45978 45979 45980 45981 45982 </div> 45983 </form> 45984 </div> 45985 </div> 45986 45987 45988 45989 45990 45991 45992 45993 45994 45995 45996 45997 45998 45999 46000 46001 46002 46003 46004 46005 46006 46007 46008 46009 46010 46011 46012 46013 46014 46015 46016 46017 46018 46019 46020 46021 46022 46023 46024 46025 46026 46027 46028 <div 46029 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 46030 > 46031 <div class="ethnc-qatc-btn cstm-add-btn visible"> 46032 <span class="small-hide hide-mobile">Add to Basket</span> 46033 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 46034 </span>
46035 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 46036 width="11" 46037 height="11" 46038 viewBox="0 0 11 11" 46039 fill="none" 46040> 46041 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 46042 fill="black" 46043 /> 46044</svg> 46045</span> 46046 </div> 46047 </div> 46048 46049 46050 </div> 46051 46052 <div class="card__content aiza2"> 46053 <div class="card__information"> 46054 <small class="product-brand"> 46055 Leisure Club 46056 </small> 46057 <h3 46058 class="card__heading h5" 46059 46060 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10436879647016" 46061 46062 > 46063 <a 46064 href="/products/etbc-218426" 46065 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10436879647016" 46066 class="full-unstyled-link" 46067 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10436879647016 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10436879647016" 46068 > 46069 Boys 3 Piece Suit - ETBC-218426 46070 46071 <div class="card_colorways_container" onclick="event.stopPropagation();"> 46072 46073 46074 � 46075 </div> 46076 </a> 46077 46078 </h3> 46079 46080 <div class="card-information"><span class="caption-large light"></span> 46081<div 46082 class=" 46083 price " 46084 > 46085 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 46086 <span class="price-item price-item--regular"> 46087 <span class=money>Rs.4,990</span> 46088 </span></div> 46089 <div class="price__sale"> 46090 <span class="visually-hidden visually-hidden--inline">Regular price</span> 46091 <span> 46092 <s class="price-item price-item--regular"> 46093 46094 <span class=money>Rs.4,990</span> 46095 46096 </s> 46097 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 46098 <span class="price-item price-item--sale price-item--last"> 46099 46100 46101 46102 46103 <span class="percentage__sale hidden">0% OFF</span> 46104 46105 <span class=money>Rs.4,990</span> 46106 </span> 46107 </div> 46108 <small class="unit-price caption hidden"> 46109 <span class="visually-hidden">Unit price</span> 46110 <span class="price-item price-item--last"> 46111 <span></span> 46112 <span aria-hidden="true">/</span> 46113 <span class="visually-hidden"> per </span> 46114 <span> 46115 </span> 46116 </span> 46117 </small> 46118 </div></div> 46119 46120 46121 46122 </div> 46123 </div> 46124 </div> 46125 46126 </div> 46127 </div><style> 46128/* ========================================================= 46129 DESKTOP PRODUCT CARD QUICK ADD 46130 LEFT = sizes 46131 RIGHT = original bag icon 46132 Mobile behavior remains unchanged 46133 ========================================================= */ 46134@media (min-width: 990px) { 46135 .hide-desktop { 46136 display: none !important; 46137 } 46138 46139 /* Keep both controls on the same bottom row */ 46140 .card-wrapper-box { 46141 position: relative; 46142 } 46143 46144 .card-wrapper-box .bt-qatc-container, 46145 .card-wrapper-box .ethnc-qatc-btn-container { 46146 position: absolute !important; 46147 bottom: 0 !important; 46148 z-index: 8 !important; 46149 } 46150 46151 /* LEFT: size area */ 46152 .card-wrapper-box .bt-qatc-container { 46153 left: 0 !important; 46154 right: 46px !important; 46155 width: auto !important; 46156 } 46157 46158 .card-wrapper-box .bt-qatc-form-container { 46159 left: 0 !important; 46160 right: 0 !important; 46161 bottom: -350% !important; 46162 width: 100% !important; 46163 min-height: 43px !important; 46164 opacity: 0 !important; 46165 visibility: hidden !important; 46166 pointer-events: none !important; 46167 transition: bottom .22s ease, opacity .18s ease !important; 46168 } 46169 46170 .card-wrapper-box .bt-qatc-form, 46171 .card-wrapper-box .bt-qatc-form-variants-container, 46172 .card-wrapper-box .bt-qatc-form-variants--list { 46173 width: 100% !important; 46174 } 46175 46176 .card-wrapper-box .bt-qatc-form-variants--list { 46177 display: flex !important;
46178 align-items: center !important; 46179 flex-wrap: wrap !important; 46180 gap: 0 !important; 46181 min-height: 43px !important; 46182 } 46183 46184 /* RIGHT: original bag button */ 46185 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 46186 display: flex !important; 46187 align-items: stretch !important; 46188 justify-content: center !important; 46189 left: auto !important; 46190 right: 0 !important; 46191 width: 46px !important; 46192 height: 43px !important; 46193 opacity: 0 !important; 46194 visibility: hidden !important; 46195 pointer-events: none !important; 46196 transition: opacity .18s ease !important; 46197 } 46198 46199 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 46200 display: flex !important; 46201 align-items: center !important; 46202 justify-content: center !important; 46203 width: 46px !important; 46204 height: 43px !important; 46205 min-width: 46px !important; 46206 padding: 0 !important; 46207 cursor: pointer !important; 46208 } 46209 46210 /* Hide Add to Basket text on desktop; keep only bag icon */ 46211 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 46212 display: none !important; 46213 } 46214 46215 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 46216 display: flex !important; 46217 align-items: center !important; 46218 justify-content: center !important; 46219 width: 100% !important; 46220 height: 100% !important; 46221 padding: 0 !important; 46222 } 46223 46224 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 46225 display: block !important; 46226 width: 16px !important; 46227 height: 17px !important; 46228 } 46229 46230 /* Show sizes + bag together on desktop hover */ 46231 .card-wrapper-box:hover .bt-qatc-form-container { 46232 bottom: 0 !important; 46233 opacity: 1 !important; 46234 visibility: visible !important; 46235 pointer-events: auto !important; 46236 } 46237 46238 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 46239 opacity: 1 !important; 46240 visibility: visible !important; 46241 pointer-events: auto !important; 46242 } 46243} 46244 46245@media (max-width: 989px) { 46246 .hide-mobile { 46247 display: none; 46248 } 46249} 46250</style> 46251 46252 46253<style> 46254/* ========================================================= 46255 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 46256 Keeps all sizes in one clean row on the left 46257 and the bag icon fixed on the right. 46258 ========================================================= */ 46259@media (min-width: 990px) { 46260 46261 .card-wrapper-box .bt-qatc-form-container { 46262 height: 43px !important; 46263 min-height: 43px !important; 46264 max-height: 43px !important; 46265 overflow: hidden !important; 46266 background: rgba(255,255,255,.96) !important; 46267 } 46268 46269 .card-wrapper-box .bt-qatc-form { 46270 display: block !important; 46271 height: 43px !important; 46272 min-height: 43px !important; 46273 margin: 0 !important; 46274 padding: 0 !important; 46275 } 46276 46277 .card-wrapper-box .bt-qatc-form-variants-container { 46278 display: block !important; 46279 width: 100% !important; 46280 height: 43px !important; 46281 min-height: 43px !important; 46282 margin: 0 !important; 46283 padding: 0 !important; 46284 } 46285 46286 .card-wrapper-box .bt-qatc-form-variants--list { 46287 display: flex !important; 46288 flex-direction: row !important; 46289 flex-wrap: wrap !important; 46290 align-items: center !important; 46291 justify-content: center !important; 46292 46293 width: 100% !important; 46294 height: 43px !important; 46295 min-height: 43px !important; 46296 46297 margin: 0 !important; 46298 padding: 0 6px !important; 46299 gap: 2px !important; 46300 46301 box-sizing: border-box !important; 46302 overflow: visible !important; 46303 white-space: normal !important; 46304 } 46305 46306 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 46307 display: none !important; 46308 } 46309 46310 .card-wrapper-box .bt-qatc-form-variant-input { 46311 position: relative !important; 46312 46313 display: flex !important; 46314 align-items: center !important; 46315 justify-content: center !important; 46316 46317 flex: 0 0 auto !important; 46318 width: auto !important; 46319 min-width: 32px !important; 46320 height: 43px !important; 46321 46322 margin: 0 !important; 46323 padding: 0 !important; 46324 46325 border: 0 !important; 46326 background: transparent !important; 46327 } 46328 46329 .card-wrapper-box .bt-qatc-form-variant-input label { 46330 position: static !important; 46331 46332 display: flex !important;
46333 align-items: center !important; 46334 justify-content: center !important; 46335 46336 width: auto !important; 46337 min-width: 32px !important; 46338 height: 32px !important; 46339 46340 margin: 0 !important; 46341 padding: 0 6px !important; 46342 46343 box-sizing: border-box !important; 46344 46345 background: transparent !important; 46346 border: 0 !important; 46347 46348 color: #111 !important; 46349 font-size: 12px !important; 46350 line-height: 1 !important; 46351 font-weight: 400 !important; 46352 46353 white-space: nowrap !important; 46354 cursor: pointer !important; 46355 } 46356 46357 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 46358 display: block !important; 46359 width: auto !important; 46360 max-width: none !important; 46361 46362 margin: 0 !important; 46363 padding: 0 !important; 46364 46365 overflow: visible !important; 46366 white-space: nowrap !important; 46367 text-overflow: clip !important; 46368 46369 font-size: inherit !important; 46370 line-height: inherit !important; 46371 } 46372 46373 /* Sold-out size */ 46374 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 46375 opacity: .35 !important; 46376 text-decoration: line-through !important; 46377 cursor: not-allowed !important; 46378 } 46379 46380 /* Optional hover feedback */ 46381 .card-wrapper-box 46382 .bt-qatc-form-variant-input:not(.is-disbaled) 46383 label:hover { 46384 text-decoration: underline !important; 46385 text-underline-offset: 3px !important; 46386 } 46387 46388 /* Prevent old theme transforms / absolute positions */ 46389 .card-wrapper-box .bt-qatc-form-variant-input *, 46390 .card-wrapper-box .bt-qatc-form-variants--list * { 46391 transform: none; 46392 } 46393} 46394</style> 46395 46396 46397<style> 46398/* Desktop quick-add: use one seamless background for sizes + bag */ 46399@media (min-width: 990px) { 46400 .card-wrapper-box .bt-qatc-form-container, 46401 .card-wrapper-box .bt-qatc-form, 46402 .card-wrapper-box .bt-qatc-form-variants-container, 46403 .card-wrapper-box .bt-qatc-form-variants--list, 46404 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 46405 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 46406 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 46407 background: rgba(255,255,255,.96) !important; 46408 } 46409 46410 /* Remove any visual split between sizes and bag */ 46411 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 46412 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 46413 border-left: 0 !important; 46414 box-shadow: none !important; 46415 } 46416} 46417</style> 46418 46419 46420<style> 46421/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 46422@media (min-width: 990px) { 46423 .card-wrapper-box .bt-qatc-form-container, 46424 .card-wrapper-box .bt-qatc-form, 46425 .card-wrapper-box .bt-qatc-form-variants-container { 46426 height: auto !important; 46427 max-height: none !important; 46428 overflow: visible !important; 46429 } 46430 46431 .card-wrapper-box .bt-qatc-form-variants--list { 46432 display: flex !important; 46433 flex-wrap: wrap !important; 46434 justify-content: center !important; 46435 align-items: center !important; 46436 height: auto !important; 46437 min-height: 43px !important; 46438 max-height: none !important; 46439 overflow: visible !important; 46440 white-space: normal !important; 46441 padding: 5px 6px !important; 46442 } 46443 46444 .card-wrapper-box .bt-qatc-form-variant-input { 46445 flex: 0 0 auto !important; 46446 } 46447} 46448</style> 46449
46450<script> 46451 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 46452 const wrap = label.closest('.bt-qatc-form-variant-input'); 46453 const form = label.closest('.bt-qatc-form'); 46454 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 46455 46456 if (!wrap || !form || !input) return; 46457 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 46458 if (label.dataset.loading === 'true') return; 46459 46460 input.checked = true; 46461 label.dataset.loading = 'true'; 46462 label.style.pointerEvents = 'none'; 46463 46464 try { 46465 const cartResp = await fetch('/cart.js', { 46466 method: 'GET', 46467 headers: { 'Accept': 'application/json' } 46468 }); 46469 46470 if (!cartResp.ok) throw new Error('Unable to read cart'); 46471 46472 const cart = await cartResp.json(); 46473 const variantId = Number(input.value); 46474 const selectedPrice = Number(input.dataset.price || 0) / 100; 46475 const totalCartPrice = Number(cart.total_price || 0) / 100; 46476 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 46477 46478 if ((totalCartPrice + selectedPrice) > 250000) { 46479 if (window.showAlert) { 46480 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 46481 } else { 46482 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 46483 } 46484 return; 46485 } 46486 46487 if (itemInCart && Number(itemInCart.quantity) >= 3) { 46488 if (window.showAlert) { 46489 window.showAlert('Limit reached: Max 3 items per size can be added'); 46490 } else { 46491 alert('Limit reached: Max 3 items per size can be added'); 46492 } 46493 return; 46494 } 46495 46496 46497 const cartSections = document.querySelector('cart-notification, cart-drawer'); 46498 const formData = new FormData(form); 46499 46500 formData.set('id', input.value); 46501 formData.set('quantity', '1'); 46502 46503 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 46504 formData.set( 46505 'sections', 46506 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 46507 ); 46508 } 46509 46510 formData.set('sections_url', window.location.pathname); 46511 46512 const addResp = await fetch('/cart/add.js', { 46513 method: 'POST', 46514 headers: { 'Accept': 'application/json' }, 46515 body: formData 46516 }); 46517 46518 const data = await addResp.json(); 46519 46520 if (!addResp.ok) { 46521 throw new Error(data.description || data.message || 'Unable to add this size'); 46522 } 46523 46524 if (cartSections && typeof cartSections.renderContents === 'function') { 46525 cartSections.renderContents(data); 46526 } else { 46527 const bubble = document.querySelector('#cart-icon-bubble'); 46528 if (bubble) bubble.click(); 46529 } 46530 46531 const card = label.closest('.card-wrapper-box'); 46532 if (card) { 46533 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 46534 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 46535 } 46536 } catch (error) { 46537 console.error('SEFAM hover size quick-add error:', error); 46538 if (window.showAlert) { 46539 window.showAlert(error.message || 'Unable to add this size to cart'); 46540 } else { 46541 alert(error.message || 'Unable to add this size to cart'); 46542 } 46543 } finally { 46544 label.dataset.loading = 'false'; 46545 label.style.pointerEvents = ''; 46546 } 46547 }; 46548</script>
46548 46549 46550<style> 46551/* Desktop quick-add final alignment: 46552 sizes start from left; bag area matches the complete quick-size background height. */ 46553@media (min-width: 990px) { 46554 .card-wrapper-box .bt-qatc-form-variants--list { 46555 justify-content: flex-start !important; 46556 align-content: center !important; 46557 text-align: left !important; 46558 } 46559 46560 .card-wrapper-box .bt-qatc-container { 46561 right: 46px !important; 46562 } 46563 46564 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 46565 top: auto !important; 46566 bottom: 0 !important; 46567 width: 46px !important; 46568 height: 100% !important; 46569 min-height: 43px !important; 46570 align-items: stretch !important; 46571 background: rgba(255,255,255,.96) !important; 46572 } 46573 46574 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 46575 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 46576 width: 46px !important; 46577 height: 100% !important; 46578 min-height: 43px !important; 46579 background: rgba(255,255,255,.96) !important; 46580 } 46581 46582 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 46583 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 46584 height: var(--sefam-quick-add-height, 43px) !important; 46585 } 46586} 46587</style>
46588<script> 46589(function () { 46590 function syncQuickAddHeight(card) { 46591 if (!card || window.innerWidth < 990) return; 46592 var panel = card.querySelector('.bt-qatc-form-container'); 46593 if (!panel) return; 46594 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 46595 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 46596 } 46597 46598 document.addEventListener('mouseover', function(e) { 46599 var card = e.target.closest('.card-wrapper-box'); 46600 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 46601 }, { passive: true }); 46602 46603 window.addEventListener('resize', function() { 46604 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 46605 }, { passive: true }); 46606})(); 46607</script>
46607 46608 46609 46610 46611<style> 46612/* ========================================================= 46613 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 46614 - reduce space between sizes 46615 - keep sizes left aligned 46616 - keep the bag icon on the BOTTOM row 46617 - bag background still matches the full size panel 46618 ========================================================= */ 46619@media (min-width: 990px) { 46620 46621 /* More usable width for sizes */ 46622 .card-wrapper-box .bt-qatc-container { 46623 right: 42px !important; 46624 } 46625 46626 /* Compact, left-aligned size list */ 46627 .card-wrapper-box .bt-qatc-form-variants--list { 46628 justify-content: flex-start !important; 46629 align-items: center !important; 46630 align-content: center !important; 46631 46632 column-gap: 0 !important; 46633 row-gap: 0 !important; 46634 46635 padding: 4px 4px !important; 46636 margin: 0 !important; 46637 } 46638 46639 .card-wrapper-box .bt-qatc-form-variant-input { 46640 min-width: 0 !important; 46641 width: auto !important; 46642 height: 35px !important; 46643 margin: 0 !important; 46644 padding: 0 !important; 46645 } 46646 46647 .card-wrapper-box .bt-qatc-form-variant-input label { 46648 min-width: 0 !important; 46649 width: auto !important; 46650 height: 35px !important; 46651 46652 margin: 0 !important; 46653 padding: 0 4px !important; 46654 46655 font-size: 12px !important; 46656 line-height: 1 !important; 46657 } 46658 46659 /* Bag column keeps the same full white background as the sizes */ 46660 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 46661 right: 0 !important; 46662 bottom: 0 !important; 46663 top: auto !important; 46664 46665 width: 42px !important; 46666 min-width: 42px !important; 46667 height: var(--sefam-quick-add-height, 43px) !important; 46668 min-height: 43px !important; 46669 46670 display: flex !important; 46671 flex-direction: column !important; 46672 justify-content: flex-end !important; 46673 align-items: stretch !important; 46674 46675 padding: 0 !important; 46676 margin: 0 !important; 46677 46678 background: rgba(255,255,255,.96) !important; 46679 } 46680 46681 /* The clickable bag itself always sits at the bottom */ 46682 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 46683 width: 42px !important; 46684 min-width: 42px !important; 46685 height: 43px !important; 46686 min-height: 43px !important; 46687 46688 margin-top: auto !important; 46689 padding: 0 !important; 46690 46691 display: flex !important; 46692 align-items: center !important; 46693 justify-content: center !important; 46694 46695 background: rgba(255,255,255,.96) !important; 46696 } 46697 46698 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 46699 width: 42px !important; 46700 height: 43px !important; 46701 min-height: 43px !important; 46702 46703 display: flex !important; 46704 align-items: center !important; 46705 justify-content: center !important; 46706 46707 padding: 0 !important; 46708 margin: 0 !important; 46709 46710 background: transparent !important; 46711 } 46712 46713 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 46714 width: 16px !important; 46715 height: 17px !important; 46716 } 46717} 46718</style> 46719 46720 46721<style> 46722/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 46723@media (min-width: 990px) { 46724 .card-wrapper-box .bt-qatc-form-variants--list { 46725 padding: 3px 4px !important; 46726 column-gap: 0 !important; 46727 row-gap: 0 !important; 46728 justify-content: flex-start !important; 46729 align-items: center !important; 46730 align-content: center !important; 46731 } 46732 46733 .card-wrapper-box .bt-qatc-form-variant-input { 46734 min-width: 0 !important; 46735 width: auto !important; 46736 height: 30px !important; 46737 margin: 0 !important; 46738 padding: 0 !important; 46739 } 46740 46741 .card-wrapper-box .bt-qatc-form-variant-input label { 46742 min-width: 0 !important; 46743 width: auto !important; 46744 height: 30px !important; 46745 margin: 0 !important; 46746 padding: 0 4px !important; 46747 font-size: 12px !important; 46748 line-height: 1 !important; 46749 display: flex !important; 46750 align-items: center !important; 46751 justify-content: center !important; 46752 } 46753 46754 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 46755 display: flex !important; 46756 flex-direction: column !important; 46757 justify-content: flex-end !important;
46758 align-items: stretch !important; 46759 bottom: 0 !important; 46760 top: auto !important; 46761 height: var(--sefam-quick-add-height, 36px) !important; 46762 min-height: 36px !important; 46763 } 46764 46765 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 46766 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 46767 height: 36px !important; 46768 min-height: 36px !important; 46769 margin-top: auto !important; 46770 } 46771} 46772</style> 46773 46774<style> 46775 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 46776 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 46777 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 46778 .card_colorways_container .new-mbl-color-single label span, 46779 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 46780 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 46781</style> 46782 46783 </li> 46784 46785 <li 46786 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_GLf4cC-18" 46787 class="grid__item slider__slide" 46788 > 46789 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 46790� 46791 46792 46793 � 46794 46795 46796 46797 <div class="card-wrapper product-card-wrapper"> 46798 <div 46799 class=" 46800 card card--standard 46801 card--media 46802 46803 46804 46805 46806 46807 " 46808 style="--ratio-percent: 150.00000000000003%;" 46809 46810 > 46811 <div class="card-wrapper-box"> 46812 46813 <div 46814 class="card__inner color-scheme-2 gradient ratio" 46815 style="--ratio-percent: 150.00000000000003%;" 46816 46817 > 46818 �<a href="/products/ebc-221426"> 46819 46820 �<div class="card-prdct2 card__media"> 46821 <div class="media media--transparent mt3"> 46822 46823 46824 <img 46825 src="//sefam.com/cdn/shop/files/EBC-221426_2_-Copy.jpg?v=1787549852&width=800" 46826 srcset="//sefam.com/cdn/shop/files/EBC-221426_2_-Copy.jpg?v=1787549852&width=1600 2x" 46827 class="" 46828 alt="Boys Bone Pocket Suit - EBC-221426" 46829 46830 loading="lazy" 46831 46832 width="2400" 46833 height="3600" 46834 > 46835 �<img 46836 src="//sefam.com/cdn/shop/files/EBC-221426_3.jpg?v=1787549852&width=800" 46837 srcset="//sefam.com/cdn/shop/files/EBC-221426_3.jpg?v=1787549852&width=1600 2x" 46838 alt="Boys Bone Pocket Suit - EBC-221426" 46839 loading="lazy" 46840 width="2400" 46841 height="3600" 46842 data-index="" 46843 > 46844 46845 � 46846 </div> 46847 46848 46849 </div> 46850 </a> 46851 </div> 46852 46853 46854 46855 46856 <div class="bt-qatc-container"> 46857 <div class="bt-qatc-form-container"> 46858 <div class="bt-qatc-form-content large-up-hide medium-hide"> 46859 <h3>Boys Bone Pocket Suit - EBC-221426</h3> 46860 46861<div 46862 class=" 46863 price " 46864 > 46865 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 46866 <span class="price-item price-item--regular"> 46867 <span class=money>Rs.5,990</span> 46868 </span></div> 46869 <div class="price__sale"> 46870 <span class="visually-hidden visually-hidden--inline">Regular price</span> 46871 <span> 46872 <s class="price-item price-item--regular"> 46873
46874 <span class=money>Rs.5,990</span> 46875 46876 </s> 46877 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 46878 <span class="price-item price-item--sale price-item--last"> 46879 46880 46881 46882 46883 <span class="percentage__sale hidden">0% OFF</span> 46884 46885 <span class=money>Rs.5,990</span> 46886 </span> 46887 </div> 46888 <small class="unit-price caption hidden"> 46889 <span class="visually-hidden">Unit price</span> 46890 <span class="price-item price-item--last"> 46891 <span></span> 46892 <span aria-hidden="true">/</span> 46893 <span class="visually-hidden"> per </span> 46894 <span> 46895 </span> 46896 </span> 46897 </small> 46898 </div></div> 46899 46900 46901 46902 </div> 46903 <div 46904 class="ethnc-form-media large-up-hide medium-hide" 46905 46906 ></div> 46907 <form method="post" action="/cart/add" class="bt-qatc-form"> 46908 <input type="hidden" name="quantity" value="1"> 46909 <div class="bt-qatc-form-variants-container"> 46910 <div class="bt-qatc-form-variants--list"> 46911 46912 <div 46913 class="in-use bt-qatc-form-variant-input" 46914 46915 > 46916 <input 46917 type="radio" 46918 name="id" 46919 id="-52140433408296" 46920 value="52140433408296" 46921 data-price="599000" 46922 data-item-id="10356268630312" 46923 hidden 46924 46925 data-item-id="10356268630312" 46926 46927 > 46928 46929 <label 46930 for="-52140433408296" 46931 data-sefam-quick-size 46932 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 46933 > 46934 <span class="split-variant-value"> 46935 46936 46937 46938 46939 46940 46941 46942 6-Y 46943 46944 46945</span> 46946 </label> 46947 </div> 46948 46949 <div 46950 class="in-use bt-qatc-form-variant-input" 46951 46952 > 46953 <input 46954 type="radio" 46955 name="id" 46956 id="-52140433441064" 46957 value="52140433441064" 46958 data-price="599000" 46959 data-item-id="10356268630312" 46960 hidden 46961 46962 data-item-id="10356268630312" 46963 46964 > 46965 46966 <label 46967 for="-52140433441064" 46968 data-sefam-quick-size 46969 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 46970 > 46971 <span class="split-variant-value"> 46972 46973 46974 46975 46976 46977 46978 46979 8-Y 46980 46981 46982</span> 46983 </label> 46984 </div> 46985 46986 <div 46987 class="in-use bt-qatc-form-variant-input" 46988 46989 > 46990 <input 46991 type="radio" 46992 name="id" 46993 id="-52140433473832" 46994 value="52140433473832" 46995 data-price="599000" 46996 data-item-id="10356268630312" 46997 hidden 46998 46999 data-item-id="10356268630312" 47000 47001 > 47002 47003 <label 47004 for="-52140433473832" 47005 data-sefam-quick-size 47006 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 47007 >
47008 <span class="split-variant-value"> 47009 47010 47011 47012 47013 47014 47015 47016 10-Y 47017 47018 47019</span> 47020 </label> 47021 </div> 47022 47023 <div 47024 class="in-use bt-qatc-form-variant-input" 47025 47026 > 47027 <input 47028 type="radio" 47029 name="id" 47030 id="-52140433506600" 47031 value="52140433506600" 47032 data-price="649000" 47033 data-item-id="10356268630312" 47034 hidden 47035 47036 data-item-id="10356268630312" 47037 47038 > 47039 47040 <label 47041 for="-52140433506600" 47042 data-sefam-quick-size 47043 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 47044 > 47045 <span class="split-variant-value"> 47046 47047 47048 47049 47050 47051 47052 47053 12-Y 47054 47055 47056</span> 47057 </label> 47058 </div> 47059 47060 <div 47061 class="in-use bt-qatc-form-variant-input" 47062 47063 > 47064 <input 47065 type="radio" 47066 name="id" 47067 id="-52140433539368" 47068 value="52140433539368" 47069 data-price="649000" 47070 data-item-id="10356268630312" 47071 hidden 47072 47073 data-item-id="10356268630312" 47074 47075 > 47076 47077 <label 47078 for="-52140433539368" 47079 data-sefam-quick-size 47080 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 47081 > 47082 <span class="split-variant-value"> 47083 47084 47085 47086 47087 47088 47089 47090 14-Y 47091 47092 47093</span> 47094 </label> 47095 </div> 47096 47097 </div> 47098 47099 47100 47101 47102 </div> 47103 </form> 47104 </div> 47105 </div> 47106 47107 47108 47109 47110 47111 47112 47113 47114 47115 47116 47117 47118 47119 47120 47121 47122 47123 47124 47125 47126 47127 47128 47129 47130 47131 47132 47133 47134 47135 47136 47137 47138 47139 47140 47141 47142 47143 47144 47145 47146 47147 47148 47149 47150 47151 47152 47153 47154 47155 47156 47157 47158 47159 47160 <div 47161 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 47162 > 47163 <div class="ethnc-qatc-btn cstm-add-btn visible"> 47164 <span class="small-hide hide-mobile">Add to Basket</span> 47165 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 47166 </span>
47167 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 47168 width="11" 47169 height="11" 47170 viewBox="0 0 11 11" 47171 fill="none" 47172> 47173 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 47174 fill="black" 47175 /> 47176</svg> 47177</span> 47178 </div> 47179 </div> 47180 47181 47182 </div> 47183 47184 <div class="card__content aiza2"> 47185 <div class="card__information"> 47186 <small class="product-brand"> 47187 Leisure Club 47188 </small> 47189 <h3 47190 class="card__heading h5" 47191 47192 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10356268630312" 47193 47194 > 47195 <a 47196 href="/products/ebc-221426" 47197 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10356268630312" 47198 class="full-unstyled-link" 47199 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10356268630312 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10356268630312" 47200 > 47201 Boys Bone Pocket Suit - EBC-221426 47202 47203 <div class="card_colorways_container" onclick="event.stopPropagation();"> 47204 47205 47206 � 47207 </div> 47208 </a> 47209 47210 </h3> 47211 47212 <div class="card-information"><span class="caption-large light"></span> 47213<div 47214 class=" 47215 price " 47216 > 47217 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 47218 <span class="price-item price-item--regular"> 47219 <span class=money>Rs.5,990</span> 47220 </span></div> 47221 <div class="price__sale"> 47222 <span class="visually-hidden visually-hidden--inline">Regular price</span> 47223 <span> 47224 <s class="price-item price-item--regular"> 47225 47226 <span class=money>Rs.5,990</span> 47227 47228 </s> 47229 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 47230 <span class="price-item price-item--sale price-item--last"> 47231 47232 47233 47234 47235 <span class="percentage__sale hidden">0% OFF</span> 47236 47237 <span class=money>Rs.5,990</span> 47238 </span> 47239 </div> 47240 <small class="unit-price caption hidden"> 47241 <span class="visually-hidden">Unit price</span> 47242 <span class="price-item price-item--last"> 47243 <span></span> 47244 <span aria-hidden="true">/</span> 47245 <span class="visually-hidden"> per </span> 47246 <span> 47247 </span> 47248 </span> 47249 </small> 47250 </div></div> 47251 47252 47253 47254 </div> 47255 </div> 47256 </div> 47257 47258 </div> 47259 </div><style> 47260/* ========================================================= 47261 DESKTOP PRODUCT CARD QUICK ADD 47262 LEFT = sizes 47263 RIGHT = original bag icon 47264 Mobile behavior remains unchanged 47265 ========================================================= */ 47266@media (min-width: 990px) { 47267 .hide-desktop { 47268 display: none !important; 47269 } 47270 47271 /* Keep both controls on the same bottom row */ 47272 .card-wrapper-box { 47273 position: relative; 47274 } 47275 47276 .card-wrapper-box .bt-qatc-container, 47277 .card-wrapper-box .ethnc-qatc-btn-container { 47278 position: absolute !important; 47279 bottom: 0 !important; 47280 z-index: 8 !important; 47281 } 47282 47283 /* LEFT: size area */ 47284 .card-wrapper-box .bt-qatc-container { 47285 left: 0 !important; 47286 right: 46px !important; 47287 width: auto !important; 47288 } 47289 47290 .card-wrapper-box .bt-qatc-form-container { 47291 left: 0 !important; 47292 right: 0 !important; 47293 bottom: -350% !important; 47294 width: 100% !important; 47295 min-height: 43px !important; 47296 opacity: 0 !important; 47297 visibility: hidden !important; 47298 pointer-events: none !important; 47299 transition: bottom .22s ease, opacity .18s ease !important; 47300 } 47301 47302 .card-wrapper-box .bt-qatc-form, 47303 .card-wrapper-box .bt-qatc-form-variants-container, 47304 .card-wrapper-box .bt-qatc-form-variants--list { 47305 width: 100% !important; 47306 } 47307 47308 .card-wrapper-box .bt-qatc-form-variants--list { 47309 display: flex !important;
47310 align-items: center !important; 47311 flex-wrap: wrap !important; 47312 gap: 0 !important; 47313 min-height: 43px !important; 47314 } 47315 47316 /* RIGHT: original bag button */ 47317 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 47318 display: flex !important; 47319 align-items: stretch !important; 47320 justify-content: center !important; 47321 left: auto !important; 47322 right: 0 !important; 47323 width: 46px !important; 47324 height: 43px !important; 47325 opacity: 0 !important; 47326 visibility: hidden !important; 47327 pointer-events: none !important; 47328 transition: opacity .18s ease !important; 47329 } 47330 47331 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 47332 display: flex !important; 47333 align-items: center !important; 47334 justify-content: center !important; 47335 width: 46px !important; 47336 height: 43px !important; 47337 min-width: 46px !important; 47338 padding: 0 !important; 47339 cursor: pointer !important; 47340 } 47341 47342 /* Hide Add to Basket text on desktop; keep only bag icon */ 47343 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 47344 display: none !important; 47345 } 47346 47347 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 47348 display: flex !important; 47349 align-items: center !important; 47350 justify-content: center !important; 47351 width: 100% !important; 47352 height: 100% !important; 47353 padding: 0 !important; 47354 } 47355 47356 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 47357 display: block !important; 47358 width: 16px !important; 47359 height: 17px !important; 47360 } 47361 47362 /* Show sizes + bag together on desktop hover */ 47363 .card-wrapper-box:hover .bt-qatc-form-container { 47364 bottom: 0 !important; 47365 opacity: 1 !important; 47366 visibility: visible !important; 47367 pointer-events: auto !important; 47368 } 47369 47370 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 47371 opacity: 1 !important; 47372 visibility: visible !important; 47373 pointer-events: auto !important; 47374 } 47375} 47376 47377@media (max-width: 989px) { 47378 .hide-mobile { 47379 display: none; 47380 } 47381} 47382</style> 47383 47384 47385<style> 47386/* ========================================================= 47387 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 47388 Keeps all sizes in one clean row on the left 47389 and the bag icon fixed on the right. 47390 ========================================================= */ 47391@media (min-width: 990px) { 47392 47393 .card-wrapper-box .bt-qatc-form-container { 47394 height: 43px !important; 47395 min-height: 43px !important; 47396 max-height: 43px !important; 47397 overflow: hidden !important; 47398 background: rgba(255,255,255,.96) !important; 47399 } 47400 47401 .card-wrapper-box .bt-qatc-form { 47402 display: block !important; 47403 height: 43px !important; 47404 min-height: 43px !important; 47405 margin: 0 !important; 47406 padding: 0 !important; 47407 } 47408 47409 .card-wrapper-box .bt-qatc-form-variants-container { 47410 display: block !important; 47411 width: 100% !important; 47412 height: 43px !important; 47413 min-height: 43px !important; 47414 margin: 0 !important; 47415 padding: 0 !important; 47416 } 47417 47418 .card-wrapper-box .bt-qatc-form-variants--list { 47419 display: flex !important; 47420 flex-direction: row !important; 47421 flex-wrap: wrap !important; 47422 align-items: center !important; 47423 justify-content: center !important; 47424 47425 width: 100% !important; 47426 height: 43px !important; 47427 min-height: 43px !important; 47428 47429 margin: 0 !important; 47430 padding: 0 6px !important; 47431 gap: 2px !important; 47432 47433 box-sizing: border-box !important; 47434 overflow: visible !important; 47435 white-space: normal !important; 47436 } 47437 47438 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 47439 display: none !important; 47440 } 47441 47442 .card-wrapper-box .bt-qatc-form-variant-input { 47443 position: relative !important; 47444 47445 display: flex !important; 47446 align-items: center !important; 47447 justify-content: center !important; 47448 47449 flex: 0 0 auto !important; 47450 width: auto !important; 47451 min-width: 32px !important; 47452 height: 43px !important; 47453 47454 margin: 0 !important; 47455 padding: 0 !important; 47456 47457 border: 0 !important; 47458 background: transparent !important; 47459 } 47460 47461 .card-wrapper-box .bt-qatc-form-variant-input label { 47462 position: static !important; 47463 47464 display: flex !important;
47465 align-items: center !important; 47466 justify-content: center !important; 47467 47468 width: auto !important; 47469 min-width: 32px !important; 47470 height: 32px !important; 47471 47472 margin: 0 !important; 47473 padding: 0 6px !important; 47474 47475 box-sizing: border-box !important; 47476 47477 background: transparent !important; 47478 border: 0 !important; 47479 47480 color: #111 !important; 47481 font-size: 12px !important; 47482 line-height: 1 !important; 47483 font-weight: 400 !important; 47484 47485 white-space: nowrap !important; 47486 cursor: pointer !important; 47487 } 47488 47489 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 47490 display: block !important; 47491 width: auto !important; 47492 max-width: none !important; 47493 47494 margin: 0 !important; 47495 padding: 0 !important; 47496 47497 overflow: visible !important; 47498 white-space: nowrap !important; 47499 text-overflow: clip !important; 47500 47501 font-size: inherit !important; 47502 line-height: inherit !important; 47503 } 47504 47505 /* Sold-out size */ 47506 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 47507 opacity: .35 !important; 47508 text-decoration: line-through !important; 47509 cursor: not-allowed !important; 47510 } 47511 47512 /* Optional hover feedback */ 47513 .card-wrapper-box 47514 .bt-qatc-form-variant-input:not(.is-disbaled) 47515 label:hover { 47516 text-decoration: underline !important; 47517 text-underline-offset: 3px !important; 47518 } 47519 47520 /* Prevent old theme transforms / absolute positions */ 47521 .card-wrapper-box .bt-qatc-form-variant-input *, 47522 .card-wrapper-box .bt-qatc-form-variants--list * { 47523 transform: none; 47524 } 47525} 47526</style> 47527 47528 47529<style> 47530/* Desktop quick-add: use one seamless background for sizes + bag */ 47531@media (min-width: 990px) { 47532 .card-wrapper-box .bt-qatc-form-container, 47533 .card-wrapper-box .bt-qatc-form, 47534 .card-wrapper-box .bt-qatc-form-variants-container, 47535 .card-wrapper-box .bt-qatc-form-variants--list, 47536 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 47537 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 47538 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 47539 background: rgba(255,255,255,.96) !important; 47540 } 47541 47542 /* Remove any visual split between sizes and bag */ 47543 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 47544 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 47545 border-left: 0 !important; 47546 box-shadow: none !important; 47547 } 47548} 47549</style> 47550 47551 47552<style> 47553/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 47554@media (min-width: 990px) { 47555 .card-wrapper-box .bt-qatc-form-container, 47556 .card-wrapper-box .bt-qatc-form, 47557 .card-wrapper-box .bt-qatc-form-variants-container { 47558 height: auto !important; 47559 max-height: none !important; 47560 overflow: visible !important; 47561 } 47562 47563 .card-wrapper-box .bt-qatc-form-variants--list { 47564 display: flex !important; 47565 flex-wrap: wrap !important; 47566 justify-content: center !important; 47567 align-items: center !important; 47568 height: auto !important; 47569 min-height: 43px !important; 47570 max-height: none !important; 47571 overflow: visible !important; 47572 white-space: normal !important; 47573 padding: 5px 6px !important; 47574 } 47575 47576 .card-wrapper-box .bt-qatc-form-variant-input { 47577 flex: 0 0 auto !important; 47578 } 47579} 47580</style> 47581
47582<script> 47583 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 47584 const wrap = label.closest('.bt-qatc-form-variant-input'); 47585 const form = label.closest('.bt-qatc-form'); 47586 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 47587 47588 if (!wrap || !form || !input) return; 47589 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 47590 if (label.dataset.loading === 'true') return; 47591 47592 input.checked = true; 47593 label.dataset.loading = 'true'; 47594 label.style.pointerEvents = 'none'; 47595 47596 try { 47597 const cartResp = await fetch('/cart.js', { 47598 method: 'GET', 47599 headers: { 'Accept': 'application/json' } 47600 }); 47601 47602 if (!cartResp.ok) throw new Error('Unable to read cart'); 47603 47604 const cart = await cartResp.json(); 47605 const variantId = Number(input.value); 47606 const selectedPrice = Number(input.dataset.price || 0) / 100; 47607 const totalCartPrice = Number(cart.total_price || 0) / 100; 47608 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 47609 47610 if ((totalCartPrice + selectedPrice) > 250000) { 47611 if (window.showAlert) { 47612 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 47613 } else { 47614 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 47615 } 47616 return; 47617 } 47618 47619 if (itemInCart && Number(itemInCart.quantity) >= 3) { 47620 if (window.showAlert) { 47621 window.showAlert('Limit reached: Max 3 items per size can be added'); 47622 } else { 47623 alert('Limit reached: Max 3 items per size can be added'); 47624 } 47625 return; 47626 } 47627 47628 47629 const cartSections = document.querySelector('cart-notification, cart-drawer'); 47630 const formData = new FormData(form); 47631 47632 formData.set('id', input.value); 47633 formData.set('quantity', '1'); 47634 47635 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 47636 formData.set( 47637 'sections', 47638 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 47639 ); 47640 } 47641 47642 formData.set('sections_url', window.location.pathname); 47643 47644 const addResp = await fetch('/cart/add.js', { 47645 method: 'POST', 47646 headers: { 'Accept': 'application/json' }, 47647 body: formData 47648 }); 47649 47650 const data = await addResp.json(); 47651 47652 if (!addResp.ok) { 47653 throw new Error(data.description || data.message || 'Unable to add this size'); 47654 } 47655 47656 if (cartSections && typeof cartSections.renderContents === 'function') { 47657 cartSections.renderContents(data); 47658 } else { 47659 const bubble = document.querySelector('#cart-icon-bubble'); 47660 if (bubble) bubble.click(); 47661 } 47662 47663 const card = label.closest('.card-wrapper-box'); 47664 if (card) { 47665 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 47666 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 47667 } 47668 } catch (error) { 47669 console.error('SEFAM hover size quick-add error:', error); 47670 if (window.showAlert) { 47671 window.showAlert(error.message || 'Unable to add this size to cart'); 47672 } else { 47673 alert(error.message || 'Unable to add this size to cart'); 47674 } 47675 } finally { 47676 label.dataset.loading = 'false'; 47677 label.style.pointerEvents = ''; 47678 } 47679 }; 47680</script>
47680 47681 47682<style> 47683/* Desktop quick-add final alignment: 47684 sizes start from left; bag area matches the complete quick-size background height. */ 47685@media (min-width: 990px) { 47686 .card-wrapper-box .bt-qatc-form-variants--list { 47687 justify-content: flex-start !important; 47688 align-content: center !important; 47689 text-align: left !important; 47690 } 47691 47692 .card-wrapper-box .bt-qatc-container { 47693 right: 46px !important; 47694 } 47695 47696 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 47697 top: auto !important; 47698 bottom: 0 !important; 47699 width: 46px !important; 47700 height: 100% !important; 47701 min-height: 43px !important; 47702 align-items: stretch !important; 47703 background: rgba(255,255,255,.96) !important; 47704 } 47705 47706 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 47707 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 47708 width: 46px !important; 47709 height: 100% !important; 47710 min-height: 43px !important; 47711 background: rgba(255,255,255,.96) !important; 47712 } 47713 47714 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 47715 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 47716 height: var(--sefam-quick-add-height, 43px) !important; 47717 } 47718} 47719</style>
47720<script> 47721(function () { 47722 function syncQuickAddHeight(card) { 47723 if (!card || window.innerWidth < 990) return; 47724 var panel = card.querySelector('.bt-qatc-form-container'); 47725 if (!panel) return; 47726 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 47727 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 47728 } 47729 47730 document.addEventListener('mouseover', function(e) { 47731 var card = e.target.closest('.card-wrapper-box'); 47732 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 47733 }, { passive: true }); 47734 47735 window.addEventListener('resize', function() { 47736 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 47737 }, { passive: true }); 47738})(); 47739</script>
47739 47740 47741 47742 47743<style> 47744/* ========================================================= 47745 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 47746 - reduce space between sizes 47747 - keep sizes left aligned 47748 - keep the bag icon on the BOTTOM row 47749 - bag background still matches the full size panel 47750 ========================================================= */ 47751@media (min-width: 990px) { 47752 47753 /* More usable width for sizes */ 47754 .card-wrapper-box .bt-qatc-container { 47755 right: 42px !important; 47756 } 47757 47758 /* Compact, left-aligned size list */ 47759 .card-wrapper-box .bt-qatc-form-variants--list { 47760 justify-content: flex-start !important; 47761 align-items: center !important; 47762 align-content: center !important; 47763 47764 column-gap: 0 !important; 47765 row-gap: 0 !important; 47766 47767 padding: 4px 4px !important; 47768 margin: 0 !important; 47769 } 47770 47771 .card-wrapper-box .bt-qatc-form-variant-input { 47772 min-width: 0 !important; 47773 width: auto !important; 47774 height: 35px !important; 47775 margin: 0 !important; 47776 padding: 0 !important; 47777 } 47778 47779 .card-wrapper-box .bt-qatc-form-variant-input label { 47780 min-width: 0 !important; 47781 width: auto !important; 47782 height: 35px !important; 47783 47784 margin: 0 !important; 47785 padding: 0 4px !important; 47786 47787 font-size: 12px !important; 47788 line-height: 1 !important; 47789 } 47790 47791 /* Bag column keeps the same full white background as the sizes */ 47792 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 47793 right: 0 !important; 47794 bottom: 0 !important; 47795 top: auto !important; 47796 47797 width: 42px !important; 47798 min-width: 42px !important; 47799 height: var(--sefam-quick-add-height, 43px) !important; 47800 min-height: 43px !important; 47801 47802 display: flex !important; 47803 flex-direction: column !important; 47804 justify-content: flex-end !important; 47805 align-items: stretch !important; 47806 47807 padding: 0 !important; 47808 margin: 0 !important; 47809 47810 background: rgba(255,255,255,.96) !important; 47811 } 47812 47813 /* The clickable bag itself always sits at the bottom */ 47814 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 47815 width: 42px !important; 47816 min-width: 42px !important; 47817 height: 43px !important; 47818 min-height: 43px !important; 47819 47820 margin-top: auto !important; 47821 padding: 0 !important; 47822 47823 display: flex !important; 47824 align-items: center !important; 47825 justify-content: center !important; 47826 47827 background: rgba(255,255,255,.96) !important; 47828 } 47829 47830 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 47831 width: 42px !important; 47832 height: 43px !important; 47833 min-height: 43px !important; 47834 47835 display: flex !important; 47836 align-items: center !important; 47837 justify-content: center !important; 47838 47839 padding: 0 !important; 47840 margin: 0 !important; 47841 47842 background: transparent !important; 47843 } 47844 47845 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 47846 width: 16px !important; 47847 height: 17px !important; 47848 } 47849} 47850</style> 47851 47852 47853<style> 47854/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 47855@media (min-width: 990px) { 47856 .card-wrapper-box .bt-qatc-form-variants--list { 47857 padding: 3px 4px !important; 47858 column-gap: 0 !important; 47859 row-gap: 0 !important; 47860 justify-content: flex-start !important; 47861 align-items: center !important; 47862 align-content: center !important; 47863 } 47864 47865 .card-wrapper-box .bt-qatc-form-variant-input { 47866 min-width: 0 !important; 47867 width: auto !important; 47868 height: 30px !important; 47869 margin: 0 !important; 47870 padding: 0 !important; 47871 } 47872 47873 .card-wrapper-box .bt-qatc-form-variant-input label { 47874 min-width: 0 !important; 47875 width: auto !important; 47876 height: 30px !important; 47877 margin: 0 !important; 47878 padding: 0 4px !important; 47879 font-size: 12px !important; 47880 line-height: 1 !important; 47881 display: flex !important; 47882 align-items: center !important; 47883 justify-content: center !important; 47884 } 47885 47886 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 47887 display: flex !important; 47888 flex-direction: column !important; 47889 justify-content: flex-end !important;
47890 align-items: stretch !important; 47891 bottom: 0 !important; 47892 top: auto !important; 47893 height: var(--sefam-quick-add-height, 36px) !important; 47894 min-height: 36px !important; 47895 } 47896 47897 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 47898 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 47899 height: 36px !important; 47900 min-height: 36px !important; 47901 margin-top: auto !important; 47902 } 47903} 47904</style> 47905 47906<style> 47907 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 47908 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 47909 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 47910 .card_colorways_container .new-mbl-color-single label span, 47911 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 47912 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 47913</style> 47914 47915 </li> 47916 47917 <li 47918 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_GLf4cC-19" 47919 class="grid__item slider__slide" 47920 > 47921 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 47922� 47923 47924 47925 � 47926 47927 47928 47929 <div class="card-wrapper product-card-wrapper"> 47930 <div 47931 class=" 47932 card card--standard 47933 card--media 47934 47935 47936 47937 47938 47939 " 47940 style="--ratio-percent: 150.00000000000003%;" 47941 47942 > 47943 <div class="card-wrapper-box"> 47944 47945 <div 47946 class="card__inner color-scheme-2 gradient ratio" 47947 style="--ratio-percent: 150.00000000000003%;" 47948 47949 > 47950 �<a href="/products/ebc-226426"> 47951 47952 �<div class="card-prdct2 card__media"> 47953 <div class="media media--transparent mt3"> 47954 47955 47956 <img 47957 src="//sefam.com/cdn/shop/files/EBC-226426_2.jpg?v=1787549888&width=800" 47958 srcset="//sefam.com/cdn/shop/files/EBC-226426_2.jpg?v=1787549888&width=1600 2x" 47959 class="" 47960 alt="Boys Collar Suit - EBC-226426" 47961 47962 loading="lazy" 47963 47964 width="2400" 47965 height="3600" 47966 > 47967 �<img 47968 src="//sefam.com/cdn/shop/files/EBC-226426_3.jpg?v=1787549887&width=800" 47969 srcset="//sefam.com/cdn/shop/files/EBC-226426_3.jpg?v=1787549887&width=1600 2x" 47970 alt="Boys Collar Suit - EBC-226426" 47971 loading="lazy" 47972 width="2400" 47973 height="3600" 47974 data-index="" 47975 > 47976 47977 � 47978 </div> 47979 47980 47981 </div> 47982 </a> 47983 </div> 47984 47985 47986 47987 47988 <div class="bt-qatc-container"> 47989 <div class="bt-qatc-form-container"> 47990 <div class="bt-qatc-form-content large-up-hide medium-hide"> 47991 <h3>Boys Collar Suit - EBC-226426</h3> 47992 47993<div 47994 class=" 47995 price " 47996 > 47997 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 47998 <span class="price-item price-item--regular"> 47999 <span class=money>Rs.5,990</span> 48000 </span></div> 48001 <div class="price__sale"> 48002 <span class="visually-hidden visually-hidden--inline">Regular price</span> 48003 <span> 48004 <s class="price-item price-item--regular"> 48005
48006 <span class=money>Rs.5,990</span> 48007 48008 </s> 48009 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 48010 <span class="price-item price-item--sale price-item--last"> 48011 48012 48013 48014 48015 <span class="percentage__sale hidden">0% OFF</span> 48016 48017 <span class=money>Rs.5,990</span> 48018 </span> 48019 </div> 48020 <small class="unit-price caption hidden"> 48021 <span class="visually-hidden">Unit price</span> 48022 <span class="price-item price-item--last"> 48023 <span></span> 48024 <span aria-hidden="true">/</span> 48025 <span class="visually-hidden"> per </span> 48026 <span> 48027 </span> 48028 </span> 48029 </small> 48030 </div></div> 48031 48032 48033 48034 </div> 48035 <div 48036 class="ethnc-form-media large-up-hide medium-hide" 48037 48038 ></div> 48039 <form method="post" action="/cart/add" class="bt-qatc-form"> 48040 <input type="hidden" name="quantity" value="1"> 48041 <div class="bt-qatc-form-variants-container"> 48042 <div class="bt-qatc-form-variants--list"> 48043 48044 <div 48045 class="in-use bt-qatc-form-variant-input" 48046 48047 > 48048 <input 48049 type="radio" 48050 name="id" 48051 id="-52105205350696" 48052 value="52105205350696" 48053 data-price="599000" 48054 data-item-id="10348892848424" 48055 hidden 48056 48057 data-item-id="10348892848424" 48058 48059 > 48060 48061 <label 48062 for="-52105205350696" 48063 data-sefam-quick-size 48064 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 48065 > 48066 <span class="split-variant-value"> 48067 48068 48069 48070 48071 48072 48073 48074 6-Y 48075 48076 48077</span> 48078 </label> 48079 </div> 48080 48081 <div 48082 class="in-use bt-qatc-form-variant-input" 48083 48084 > 48085 <input 48086 type="radio" 48087 name="id" 48088 id="-52105205383464" 48089 value="52105205383464" 48090 data-price="599000" 48091 data-item-id="10348892848424" 48092 hidden 48093 48094 data-item-id="10348892848424" 48095 48096 > 48097 48098 <label 48099 for="-52105205383464" 48100 data-sefam-quick-size 48101 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 48102 > 48103 <span class="split-variant-value"> 48104 48105 48106 48107 48108 48109 48110 48111 8-Y 48112 48113 48114</span> 48115 </label> 48116 </div> 48117 48118 <div 48119 class="in-use bt-qatc-form-variant-input" 48120 48121 > 48122 <input 48123 type="radio" 48124 name="id" 48125 id="-52105205416232" 48126 value="52105205416232" 48127 data-price="599000" 48128 data-item-id="10348892848424" 48129 hidden 48130 48131 data-item-id="10348892848424" 48132 48133 > 48134 48135 <label 48136 for="-52105205416232" 48137 data-sefam-quick-size 48138 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 48139 >
48140 <span class="split-variant-value"> 48141 48142 48143 48144 48145 48146 48147 48148 10-Y 48149 48150 48151</span> 48152 </label> 48153 </div> 48154 48155 <div 48156 class="in-use bt-qatc-form-variant-input" 48157 48158 > 48159 <input 48160 type="radio" 48161 name="id" 48162 id="-52105205449000" 48163 value="52105205449000" 48164 data-price="649000" 48165 data-item-id="10348892848424" 48166 hidden 48167 48168 data-item-id="10348892848424" 48169 48170 > 48171 48172 <label 48173 for="-52105205449000" 48174 data-sefam-quick-size 48175 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 48176 > 48177 <span class="split-variant-value"> 48178 48179 48180 48181 48182 48183 48184 48185 12-Y 48186 48187 48188</span> 48189 </label> 48190 </div> 48191 48192 <div 48193 class="in-use bt-qatc-form-variant-input" 48194 48195 > 48196 <input 48197 type="radio" 48198 name="id" 48199 id="-52105205481768" 48200 value="52105205481768" 48201 data-price="649000" 48202 data-item-id="10348892848424" 48203 hidden 48204 48205 data-item-id="10348892848424" 48206 48207 > 48208 48209 <label 48210 for="-52105205481768" 48211 data-sefam-quick-size 48212 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 48213 > 48214 <span class="split-variant-value"> 48215 48216 48217 48218 48219 48220 48221 48222 14-Y 48223 48224 48225</span> 48226 </label> 48227 </div> 48228 48229 </div> 48230 48231 48232 48233 48234 </div> 48235 </form> 48236 </div> 48237 </div> 48238 48239 48240 48241 48242 48243 48244 48245 48246 48247 48248 48249 48250 48251 48252 48253 48254 48255 48256 48257 48258 48259 48260 48261 48262 48263 48264 48265 48266 48267 48268 48269 48270 48271 48272 48273 48274 48275 48276 48277 48278 48279 48280 48281 48282 48283 48284 48285 48286 48287 48288 48289 48290 48291 48292 48293 48294 48295 48296 48297 48298 48299 48300 48301 48302 48303 48304 48305 48306 48307 48308 48309 48310 48311 48312 48313 48314 48315 48316 48317 48318 48319 48320 48321 48322 48323 48324 48325 48326 48327 48328 48329 48330 48331 48332 48333 48334 48335 48336 48337 48338 48339 48340 48341 48342 48343 48344 48345 48346 48347 48348 48349 48350 48351 48352 48353 48354 48355 48356 48357 48358 <div
48359 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 48360 > 48361 <div class="ethnc-qatc-btn cstm-add-btn visible"> 48362 <span class="small-hide hide-mobile">Add to Basket</span> 48363 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 48364 </span> 48365 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 48366 width="11" 48367 height="11" 48368 viewBox="0 0 11 11" 48369 fill="none" 48370> 48371 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 48372 fill="black" 48373 /> 48374</svg> 48375</span> 48376 </div> 48377 </div> 48378 48379 48380 </div> 48381 48382 <div class="card__content aiza2"> 48383 <div class="card__information"> 48384 <small class="product-brand"> 48385 Leisure Club 48386 </small> 48387 <h3 48388 class="card__heading h5" 48389 48390 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10348892848424" 48391 48392 > 48393 <a 48394 href="/products/ebc-226426" 48395 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10348892848424" 48396 class="full-unstyled-link" 48397 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10348892848424 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10348892848424" 48398 > 48399 Boys Collar Suit - EBC-226426 48400 48401 <div class="card_colorways_container" onclick="event.stopPropagation();"> 48402 48403 48404 � 48405 </div> 48406 </a> 48407 48408 </h3> 48409 48410 <div class="card-information"><span class="caption-large light"></span> 48411<div 48412 class=" 48413 price " 48414 > 48415 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 48416 <span class="price-item price-item--regular"> 48417 <span class=money>Rs.5,990</span> 48418 </span></div> 48419 <div class="price__sale"> 48420 <span class="visually-hidden visually-hidden--inline">Regular price</span> 48421 <span> 48422 <s class="price-item price-item--regular"> 48423 48424 <span class=money>Rs.5,990</span> 48425 48426 </s> 48427 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 48428 <span class="price-item price-item--sale price-item--last"> 48429 48430 48431 48432 48433 <span class="percentage__sale hidden">0% OFF</span> 48434 48435 <span class=money>Rs.5,990</span> 48436 </span> 48437 </div> 48438 <small class="unit-price caption hidden"> 48439 <span class="visually-hidden">Unit price</span> 48440 <span class="price-item price-item--last">
48441 <span></span> 48442 <span aria-hidden="true">/</span> 48443 <span class="visually-hidden"> per </span> 48444 <span> 48445 </span> 48446 </span> 48447 </small> 48448 </div></div> 48449 48450 48451 48452 </div> 48453 </div> 48454 </div> 48455 48456 </div> 48457 </div><style> 48458/* ========================================================= 48459 DESKTOP PRODUCT CARD QUICK ADD 48460 LEFT = sizes 48461 RIGHT = original bag icon 48462 Mobile behavior remains unchanged 48463 ========================================================= */ 48464@media (min-width: 990px) { 48465 .hide-desktop { 48466 display: none !important; 48467 } 48468 48469 /* Keep both controls on the same bottom row */ 48470 .card-wrapper-box { 48471 position: relative; 48472 } 48473 48474 .card-wrapper-box .bt-qatc-container, 48475 .card-wrapper-box .ethnc-qatc-btn-container { 48476 position: absolute !important; 48477 bottom: 0 !important; 48478 z-index: 8 !important; 48479 } 48480 48481 /* LEFT: size area */ 48482 .card-wrapper-box .bt-qatc-container { 48483 left: 0 !important; 48484 right: 46px !important; 48485 width: auto !important; 48486 } 48487 48488 .card-wrapper-box .bt-qatc-form-container { 48489 left: 0 !important; 48490 right: 0 !important; 48491 bottom: -350% !important; 48492 width: 100% !important; 48493 min-height: 43px !important; 48494 opacity: 0 !important; 48495 visibility: hidden !important; 48496 pointer-events: none !important; 48497 transition: bottom .22s ease, opacity .18s ease !important; 48498 } 48499 48500 .card-wrapper-box .bt-qatc-form, 48501 .card-wrapper-box .bt-qatc-form-variants-container, 48502 .card-wrapper-box .bt-qatc-form-variants--list { 48503 width: 100% !important; 48504 } 48505 48506 .card-wrapper-box .bt-qatc-form-variants--list { 48507 display: flex !important; 48508 align-items: center !important; 48509 flex-wrap: wrap !important; 48510 gap: 0 !important; 48511 min-height: 43px !important; 48512 } 48513 48514 /* RIGHT: original bag button */ 48515 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 48516 display: flex !important; 48517 align-items: stretch !important; 48518 justify-content: center !important; 48519 left: auto !important; 48520 right: 0 !important; 48521 width: 46px !important; 48522 height: 43px !important; 48523 opacity: 0 !important; 48524 visibility: hidden !important; 48525 pointer-events: none !important; 48526 transition: opacity .18s ease !important; 48527 } 48528 48529 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 48530 display: flex !important; 48531 align-items: center !important; 48532 justify-content: center !important; 48533 width: 46px !important; 48534 height: 43px !important; 48535 min-width: 46px !important; 48536 padding: 0 !important; 48537 cursor: pointer !important; 48538 } 48539 48540 /* Hide Add to Basket text on desktop; keep only bag icon */ 48541 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 48542 display: none !important; 48543 } 48544 48545 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 48546 display: flex !important; 48547 align-items: center !important; 48548 justify-content: center !important; 48549 width: 100% !important; 48550 height: 100% !important; 48551 padding: 0 !important; 48552 } 48553 48554 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 48555 display: block !important; 48556 width: 16px !important; 48557 height: 17px !important; 48558 } 48559 48560 /* Show sizes + bag together on desktop hover */ 48561 .card-wrapper-box:hover .bt-qatc-form-container { 48562 bottom: 0 !important; 48563 opacity: 1 !important; 48564 visibility: visible !important; 48565 pointer-events: auto !important; 48566 } 48567 48568 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 48569 opacity: 1 !important; 48570 visibility: visible !important; 48571 pointer-events: auto !important; 48572 } 48573} 48574 48575@media (max-width: 989px) { 48576 .hide-mobile { 48577 display: none; 48578 } 48579} 48580</style> 48581 48582 48583<style> 48584/* ========================================================= 48585 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 48586 Keeps all sizes in one clean row on the left 48587 and the bag icon fixed on the right. 48588 ========================================================= */ 48589@media (min-width: 990px) { 48590 48591 .card-wrapper-box .bt-qatc-form-container { 48592 height: 43px !important; 48593 min-height: 43px !important; 48594 max-height: 43px !important; 48595 overflow: hidden !important; 48596 background: rgba(255,255,255,.96) !important; 48597 } 48598 48599 .card-wrapper-box .bt-qatc-form { 48600 display: block !important; 48601 height: 43px !important; 48602 min-height: 43px !important; 48603 margin: 0 !important; 48604 padding: 0 !important; 48605 } 48606 48607 .card-wrapper-box .bt-qatc-form-variants-container { 48608 display: block !important; 48609 width: 100% !important; 48610 height: 43px !important; 48611 min-height: 43px !important; 48612 margin: 0 !important; 48613 padding: 0 !important; 48614 } 48615 48616 .card-wrapper-box .bt-qatc-form-variants--list { 48617 display: flex !important; 48618 flex-direction: row !important; 48619 flex-wrap: wrap !important;
48620 align-items: center !important; 48621 justify-content: center !important; 48622 48623 width: 100% !important; 48624 height: 43px !important; 48625 min-height: 43px !important; 48626 48627 margin: 0 !important; 48628 padding: 0 6px !important; 48629 gap: 2px !important; 48630 48631 box-sizing: border-box !important; 48632 overflow: visible !important; 48633 white-space: normal !important; 48634 } 48635 48636 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 48637 display: none !important; 48638 } 48639 48640 .card-wrapper-box .bt-qatc-form-variant-input { 48641 position: relative !important; 48642 48643 display: flex !important; 48644 align-items: center !important; 48645 justify-content: center !important; 48646 48647 flex: 0 0 auto !important; 48648 width: auto !important; 48649 min-width: 32px !important; 48650 height: 43px !important; 48651 48652 margin: 0 !important; 48653 padding: 0 !important; 48654 48655 border: 0 !important; 48656 background: transparent !important; 48657 } 48658 48659 .card-wrapper-box .bt-qatc-form-variant-input label { 48660 position: static !important; 48661 48662 display: flex !important; 48663 align-items: center !important; 48664 justify-content: center !important; 48665 48666 width: auto !important; 48667 min-width: 32px !important; 48668 height: 32px !important; 48669 48670 margin: 0 !important; 48671 padding: 0 6px !important; 48672 48673 box-sizing: border-box !important; 48674 48675 background: transparent !important; 48676 border: 0 !important; 48677 48678 color: #111 !important; 48679 font-size: 12px !important; 48680 line-height: 1 !important; 48681 font-weight: 400 !important; 48682 48683 white-space: nowrap !important; 48684 cursor: pointer !important; 48685 } 48686 48687 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 48688 display: block !important; 48689 width: auto !important; 48690 max-width: none !important; 48691 48692 margin: 0 !important; 48693 padding: 0 !important; 48694 48695 overflow: visible !important; 48696 white-space: nowrap !important; 48697 text-overflow: clip !important; 48698 48699 font-size: inherit !important; 48700 line-height: inherit !important; 48701 } 48702 48703 /* Sold-out size */ 48704 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 48705 opacity: .35 !important; 48706 text-decoration: line-through !important; 48707 cursor: not-allowed !important; 48708 } 48709 48710 /* Optional hover feedback */ 48711 .card-wrapper-box 48712 .bt-qatc-form-variant-input:not(.is-disbaled) 48713 label:hover { 48714 text-decoration: underline !important; 48715 text-underline-offset: 3px !important; 48716 } 48717 48718 /* Prevent old theme transforms / absolute positions */ 48719 .card-wrapper-box .bt-qatc-form-variant-input *, 48720 .card-wrapper-box .bt-qatc-form-variants--list * { 48721 transform: none; 48722 } 48723} 48724</style> 48725 48726 48727<style> 48728/* Desktop quick-add: use one seamless background for sizes + bag */ 48729@media (min-width: 990px) { 48730 .card-wrapper-box .bt-qatc-form-container, 48731 .card-wrapper-box .bt-qatc-form, 48732 .card-wrapper-box .bt-qatc-form-variants-container, 48733 .card-wrapper-box .bt-qatc-form-variants--list, 48734 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 48735 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 48736 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 48737 background: rgba(255,255,255,.96) !important; 48738 } 48739 48740 /* Remove any visual split between sizes and bag */ 48741 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 48742 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 48743 border-left: 0 !important; 48744 box-shadow: none !important; 48745 } 48746} 48747</style> 48748 48749 48750<style> 48751/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 48752@media (min-width: 990px) { 48753 .card-wrapper-box .bt-qatc-form-container, 48754 .card-wrapper-box .bt-qatc-form, 48755 .card-wrapper-box .bt-qatc-form-variants-container { 48756 height: auto !important; 48757 max-height: none !important; 48758 overflow: visible !important; 48759 } 48760 48761 .card-wrapper-box .bt-qatc-form-variants--list { 48762 display: flex !important; 48763 flex-wrap: wrap !important; 48764 justify-content: center !important; 48765 align-items: center !important; 48766 height: auto !important; 48767 min-height: 43px !important; 48768 max-height: none !important; 48769 overflow: visible !important; 48770 white-space: normal !important; 48771 padding: 5px 6px !important; 48772 } 48773 48774 .card-wrapper-box .bt-qatc-form-variant-input { 48775 flex: 0 0 auto !important; 48776 } 48777} 48778</style> 48779
48780<script> 48781 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 48782 const wrap = label.closest('.bt-qatc-form-variant-input'); 48783 const form = label.closest('.bt-qatc-form'); 48784 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 48785 48786 if (!wrap || !form || !input) return; 48787 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 48788 if (label.dataset.loading === 'true') return; 48789 48790 input.checked = true; 48791 label.dataset.loading = 'true'; 48792 label.style.pointerEvents = 'none'; 48793 48794 try { 48795 const cartResp = await fetch('/cart.js', { 48796 method: 'GET', 48797 headers: { 'Accept': 'application/json' } 48798 }); 48799 48800 if (!cartResp.ok) throw new Error('Unable to read cart'); 48801 48802 const cart = await cartResp.json(); 48803 const variantId = Number(input.value); 48804 const selectedPrice = Number(input.dataset.price || 0) / 100; 48805 const totalCartPrice = Number(cart.total_price || 0) / 100; 48806 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 48807 48808 if ((totalCartPrice + selectedPrice) > 250000) { 48809 if (window.showAlert) { 48810 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 48811 } else { 48812 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 48813 } 48814 return; 48815 } 48816 48817 if (itemInCart && Number(itemInCart.quantity) >= 3) { 48818 if (window.showAlert) { 48819 window.showAlert('Limit reached: Max 3 items per size can be added'); 48820 } else { 48821 alert('Limit reached: Max 3 items per size can be added'); 48822 } 48823 return; 48824 } 48825 48826 48827 const cartSections = document.querySelector('cart-notification, cart-drawer'); 48828 const formData = new FormData(form); 48829 48830 formData.set('id', input.value); 48831 formData.set('quantity', '1'); 48832 48833 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 48834 formData.set( 48835 'sections', 48836 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 48837 ); 48838 } 48839 48840 formData.set('sections_url', window.location.pathname); 48841 48842 const addResp = await fetch('/cart/add.js', { 48843 method: 'POST', 48844 headers: { 'Accept': 'application/json' }, 48845 body: formData 48846 }); 48847 48848 const data = await addResp.json(); 48849 48850 if (!addResp.ok) { 48851 throw new Error(data.description || data.message || 'Unable to add this size'); 48852 } 48853 48854 if (cartSections && typeof cartSections.renderContents === 'function') { 48855 cartSections.renderContents(data); 48856 } else { 48857 const bubble = document.querySelector('#cart-icon-bubble'); 48858 if (bubble) bubble.click(); 48859 } 48860 48861 const card = label.closest('.card-wrapper-box'); 48862 if (card) { 48863 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 48864 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 48865 } 48866 } catch (error) { 48867 console.error('SEFAM hover size quick-add error:', error); 48868 if (window.showAlert) { 48869 window.showAlert(error.message || 'Unable to add this size to cart'); 48870 } else { 48871 alert(error.message || 'Unable to add this size to cart'); 48872 } 48873 } finally { 48874 label.dataset.loading = 'false'; 48875 label.style.pointerEvents = ''; 48876 } 48877 }; 48878</script>
48878 48879 48880<style> 48881/* Desktop quick-add final alignment: 48882 sizes start from left; bag area matches the complete quick-size background height. */ 48883@media (min-width: 990px) { 48884 .card-wrapper-box .bt-qatc-form-variants--list { 48885 justify-content: flex-start !important; 48886 align-content: center !important; 48887 text-align: left !important; 48888 } 48889 48890 .card-wrapper-box .bt-qatc-container { 48891 right: 46px !important; 48892 } 48893 48894 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 48895 top: auto !important; 48896 bottom: 0 !important; 48897 width: 46px !important; 48898 height: 100% !important; 48899 min-height: 43px !important; 48900 align-items: stretch !important; 48901 background: rgba(255,255,255,.96) !important; 48902 } 48903 48904 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 48905 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 48906 width: 46px !important; 48907 height: 100% !important; 48908 min-height: 43px !important; 48909 background: rgba(255,255,255,.96) !important; 48910 } 48911 48912 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 48913 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 48914 height: var(--sefam-quick-add-height, 43px) !important; 48915 } 48916} 48917</style>
48918<script> 48919(function () { 48920 function syncQuickAddHeight(card) { 48921 if (!card || window.innerWidth < 990) return; 48922 var panel = card.querySelector('.bt-qatc-form-container'); 48923 if (!panel) return; 48924 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 48925 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 48926 } 48927 48928 document.addEventListener('mouseover', function(e) { 48929 var card = e.target.closest('.card-wrapper-box'); 48930 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 48931 }, { passive: true }); 48932 48933 window.addEventListener('resize', function() { 48934 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 48935 }, { passive: true }); 48936})(); 48937</script>
48937 48938 48939 48940 48941<style> 48942/* ========================================================= 48943 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 48944 - reduce space between sizes 48945 - keep sizes left aligned 48946 - keep the bag icon on the BOTTOM row 48947 - bag background still matches the full size panel 48948 ========================================================= */ 48949@media (min-width: 990px) { 48950 48951 /* More usable width for sizes */ 48952 .card-wrapper-box .bt-qatc-container { 48953 right: 42px !important; 48954 } 48955 48956 /* Compact, left-aligned size list */ 48957 .card-wrapper-box .bt-qatc-form-variants--list { 48958 justify-content: flex-start !important; 48959 align-items: center !important; 48960 align-content: center !important; 48961 48962 column-gap: 0 !important; 48963 row-gap: 0 !important; 48964 48965 padding: 4px 4px !important; 48966 margin: 0 !important; 48967 } 48968 48969 .card-wrapper-box .bt-qatc-form-variant-input { 48970 min-width: 0 !important; 48971 width: auto !important; 48972 height: 35px !important; 48973 margin: 0 !important; 48974 padding: 0 !important; 48975 } 48976 48977 .card-wrapper-box .bt-qatc-form-variant-input label { 48978 min-width: 0 !important; 48979 width: auto !important; 48980 height: 35px !important; 48981 48982 margin: 0 !important; 48983 padding: 0 4px !important; 48984 48985 font-size: 12px !important; 48986 line-height: 1 !important; 48987 } 48988 48989 /* Bag column keeps the same full white background as the sizes */ 48990 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 48991 right: 0 !important; 48992 bottom: 0 !important; 48993 top: auto !important; 48994 48995 width: 42px !important; 48996 min-width: 42px !important; 48997 height: var(--sefam-quick-add-height, 43px) !important; 48998 min-height: 43px !important; 48999 49000 display: flex !important; 49001 flex-direction: column !important; 49002 justify-content: flex-end !important; 49003 align-items: stretch !important; 49004 49005 padding: 0 !important; 49006 margin: 0 !important; 49007 49008 background: rgba(255,255,255,.96) !important; 49009 } 49010 49011 /* The clickable bag itself always sits at the bottom */ 49012 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 49013 width: 42px !important; 49014 min-width: 42px !important; 49015 height: 43px !important; 49016 min-height: 43px !important; 49017 49018 margin-top: auto !important; 49019 padding: 0 !important; 49020 49021 display: flex !important; 49022 align-items: center !important; 49023 justify-content: center !important; 49024 49025 background: rgba(255,255,255,.96) !important; 49026 } 49027 49028 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 49029 width: 42px !important; 49030 height: 43px !important; 49031 min-height: 43px !important; 49032 49033 display: flex !important; 49034 align-items: center !important; 49035 justify-content: center !important; 49036 49037 padding: 0 !important; 49038 margin: 0 !important; 49039 49040 background: transparent !important; 49041 } 49042 49043 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 49044 width: 16px !important; 49045 height: 17px !important; 49046 } 49047} 49048</style> 49049 49050 49051<style> 49052/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 49053@media (min-width: 990px) { 49054 .card-wrapper-box .bt-qatc-form-variants--list { 49055 padding: 3px 4px !important; 49056 column-gap: 0 !important; 49057 row-gap: 0 !important; 49058 justify-content: flex-start !important; 49059 align-items: center !important; 49060 align-content: center !important; 49061 } 49062 49063 .card-wrapper-box .bt-qatc-form-variant-input { 49064 min-width: 0 !important; 49065 width: auto !important; 49066 height: 30px !important; 49067 margin: 0 !important; 49068 padding: 0 !important; 49069 } 49070 49071 .card-wrapper-box .bt-qatc-form-variant-input label { 49072 min-width: 0 !important; 49073 width: auto !important; 49074 height: 30px !important; 49075 margin: 0 !important; 49076 padding: 0 4px !important; 49077 font-size: 12px !important; 49078 line-height: 1 !important; 49079 display: flex !important; 49080 align-items: center !important; 49081 justify-content: center !important; 49082 } 49083 49084 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 49085 display: flex !important; 49086 flex-direction: column !important; 49087 justify-content: flex-end !important;
49088 align-items: stretch !important; 49089 bottom: 0 !important; 49090 top: auto !important; 49091 height: var(--sefam-quick-add-height, 36px) !important; 49092 min-height: 36px !important; 49093 } 49094 49095 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 49096 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 49097 height: 36px !important; 49098 min-height: 36px !important; 49099 margin-top: auto !important; 49100 } 49101} 49102</style> 49103 49104<style> 49105 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 49106 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 49107 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 49108 .card_colorways_container .new-mbl-color-single label span, 49109 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 49110 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 49111</style> 49112 49113 </li> 49114 49115 <li 49116 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_GLf4cC-20" 49117 class="grid__item slider__slide" 49118 > 49119 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 49120� 49121 49122 49123 � 49124 49125 49126 49127 <div class="card-wrapper product-card-wrapper"> 49128 <div 49129 class=" 49130 card card--standard 49131 card--media 49132 49133 49134 49135 49136 49137 " 49138 style="--ratio-percent: 150.00000000000003%;" 49139 49140 > 49141 <div class="card-wrapper-box"> 49142 49143 <div 49144 class="card__inner color-scheme-2 gradient ratio" 49145 style="--ratio-percent: 150.00000000000003%;" 49146 49147 > 49148 �<a href="/products/ebc-223426"> 49149 49150 �<div class="card-prdct2 card__media"> 49151 <div class="media media--transparent mt3"> 49152 49153 49154 <img 49155 src="//sefam.com/cdn/shop/files/EBC-223426_2.jpg?v=1787549880&width=800" 49156 srcset="//sefam.com/cdn/shop/files/EBC-223426_2.jpg?v=1787549880&width=1600 2x" 49157 class="" 49158 alt="Boys Suit - EBC-223426" 49159 49160 loading="lazy" 49161 49162 width="2400" 49163 height="3600" 49164 > 49165 �<img 49166 src="//sefam.com/cdn/shop/files/EBC-223426_3.jpg?v=1787549880&width=800" 49167 srcset="//sefam.com/cdn/shop/files/EBC-223426_3.jpg?v=1787549880&width=1600 2x" 49168 alt="Boys Suit - EBC-223426" 49169 loading="lazy" 49170 width="2400" 49171 height="3600" 49172 data-index="" 49173 > 49174 49175 � 49176 </div> 49177 49178 49179 </div> 49180 </a> 49181 </div> 49182 49183 49184 49185 49186 <div class="bt-qatc-container"> 49187 <div class="bt-qatc-form-container"> 49188 <div class="bt-qatc-form-content large-up-hide medium-hide"> 49189 <h3>Boys Suit - EBC-223426</h3> 49190 49191<div 49192 class=" 49193 price " 49194 > 49195 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 49196 <span class="price-item price-item--regular"> 49197 <span class=money>Rs.5,990</span> 49198 </span></div> 49199 <div class="price__sale"> 49200 <span class="visually-hidden visually-hidden--inline">Regular price</span> 49201 <span> 49202 <s class="price-item price-item--regular"> 49203 49204 <span class=money>Rs.5,990</span> 49205 49206 </s> 49207 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
49208 <span class="price-item price-item--sale price-item--last"> 49209 49210 49211 49212 49213 <span class="percentage__sale hidden">0% OFF</span> 49214 49215 <span class=money>Rs.5,990</span> 49216 </span> 49217 </div> 49218 <small class="unit-price caption hidden"> 49219 <span class="visually-hidden">Unit price</span> 49220 <span class="price-item price-item--last"> 49221 <span></span> 49222 <span aria-hidden="true">/</span> 49223 <span class="visually-hidden"> per </span> 49224 <span> 49225 </span> 49226 </span> 49227 </small> 49228 </div></div> 49229 49230 49231 49232 </div> 49233 <div 49234 class="ethnc-form-media large-up-hide medium-hide" 49235 49236 ></div> 49237 <form method="post" action="/cart/add" class="bt-qatc-form"> 49238 <input type="hidden" name="quantity" value="1"> 49239 <div class="bt-qatc-form-variants-container"> 49240 <div class="bt-qatc-form-variants--list"> 49241 49242 <div 49243 class="in-use bt-qatc-form-variant-input" 49244 49245 > 49246 <input 49247 type="radio" 49248 name="id" 49249 id="-52105278325032" 49250 value="52105278325032" 49251 data-price="599000" 49252 data-item-id="10348902252840" 49253 hidden 49254 49255 data-item-id="10348902252840" 49256 49257 > 49258 49259 <label 49260 for="-52105278325032" 49261 data-sefam-quick-size 49262 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 49263 > 49264 <span class="split-variant-value"> 49265 49266 49267 49268 49269 49270 49271 49272 6-Y 49273 49274 49275</span> 49276 </label> 49277 </div> 49278 49279 <div 49280 class="in-use bt-qatc-form-variant-input" 49281 49282 > 49283 <input 49284 type="radio" 49285 name="id" 49286 id="-52105278357800" 49287 value="52105278357800" 49288 data-price="599000" 49289 data-item-id="10348902252840" 49290 hidden 49291 49292 data-item-id="10348902252840" 49293 49294 > 49295 49296 <label 49297 for="-52105278357800" 49298 data-sefam-quick-size 49299 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 49300 > 49301 <span class="split-variant-value"> 49302 49303 49304 49305 49306 49307 49308 49309 8-Y 49310 49311 49312</span> 49313 </label> 49314 </div> 49315 49316 <div 49317 class="in-use bt-qatc-form-variant-input" 49318 49319 > 49320 <input 49321 type="radio" 49322 name="id" 49323 id="-52105278390568" 49324 value="52105278390568" 49325 data-price="599000" 49326 data-item-id="10348902252840" 49327 hidden 49328 49329 data-item-id="10348902252840" 49330 49331 > 49332 49333 <label 49334 for="-52105278390568" 49335 data-sefam-quick-size 49336 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 49337 >
49338 <span class="split-variant-value"> 49339 49340 49341 49342 49343 49344 49345 49346 10-Y 49347 49348 49349</span> 49350 </label> 49351 </div> 49352 49353 <div 49354 class="in-use bt-qatc-form-variant-input" 49355 49356 > 49357 <input 49358 type="radio" 49359 name="id" 49360 id="-52105278423336" 49361 value="52105278423336" 49362 data-price="649000" 49363 data-item-id="10348902252840" 49364 hidden 49365 49366 data-item-id="10348902252840" 49367 49368 > 49369 49370 <label 49371 for="-52105278423336" 49372 data-sefam-quick-size 49373 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 49374 > 49375 <span class="split-variant-value"> 49376 49377 49378 49379 49380 49381 49382 49383 12-Y 49384 49385 49386</span> 49387 </label> 49388 </div> 49389 49390 <div 49391 class="in-use bt-qatc-form-variant-input" 49392 49393 > 49394 <input 49395 type="radio" 49396 name="id" 49397 id="-52105278456104" 49398 value="52105278456104" 49399 data-price="649000" 49400 data-item-id="10348902252840" 49401 hidden 49402 49403 data-item-id="10348902252840" 49404 49405 > 49406 49407 <label 49408 for="-52105278456104" 49409 data-sefam-quick-size 49410 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 49411 > 49412 <span class="split-variant-value"> 49413 49414 49415 49416 49417 49418 49419 49420 14-Y 49421 49422 49423</span> 49424 </label> 49425 </div> 49426 49427 </div> 49428 49429 49430 49431 49432 </div> 49433 </form> 49434 </div> 49435 </div> 49436 49437 49438 49439 49440 49441 49442 49443 49444 49445 49446 49447 49448 49449 49450 49451 49452 49453 49454 49455 49456 49457 49458 49459 49460 49461 49462 49463 49464 49465 49466 49467 49468 49469 49470 49471 49472 49473 49474 49475 49476 49477 49478 49479 49480 49481 49482 49483 49484 49485 49486 49487 <div 49488 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 49489 > 49490 <div class="ethnc-qatc-btn cstm-add-btn visible"> 49491 <span class="small-hide hide-mobile">Add to Basket</span> 49492 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 49493 </span>
49494 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 49495 width="11" 49496 height="11" 49497 viewBox="0 0 11 11" 49498 fill="none" 49499> 49500 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 49501 fill="black" 49502 /> 49503</svg> 49504</span> 49505 </div> 49506 </div> 49507 49508 49509 </div> 49510 49511 <div class="card__content aiza2"> 49512 <div class="card__information"> 49513 <small class="product-brand"> 49514 Leisure Club 49515 </small> 49516 <h3 49517 class="card__heading h5" 49518 49519 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10348902252840" 49520 49521 > 49522 <a 49523 href="/products/ebc-223426" 49524 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10348902252840" 49525 class="full-unstyled-link" 49526 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10348902252840 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10348902252840" 49527 > 49528 Boys Suit - EBC-223426 49529 49530 <div class="card_colorways_container" onclick="event.stopPropagation();"> 49531 49532 49533 � 49534 </div> 49535 </a> 49536 49537 </h3> 49538 49539 <div class="card-information"><span class="caption-large light"></span> 49540<div 49541 class=" 49542 price " 49543 > 49544 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 49545 <span class="price-item price-item--regular"> 49546 <span class=money>Rs.5,990</span> 49547 </span></div> 49548 <div class="price__sale"> 49549 <span class="visually-hidden visually-hidden--inline">Regular price</span> 49550 <span> 49551 <s class="price-item price-item--regular"> 49552 49553 <span class=money>Rs.5,990</span> 49554 49555 </s> 49556 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 49557 <span class="price-item price-item--sale price-item--last"> 49558 49559 49560 49561 49562 <span class="percentage__sale hidden">0% OFF</span> 49563 49564 <span class=money>Rs.5,990</span> 49565 </span> 49566 </div> 49567 <small class="unit-price caption hidden"> 49568 <span class="visually-hidden">Unit price</span> 49569 <span class="price-item price-item--last"> 49570 <span></span> 49571 <span aria-hidden="true">/</span> 49572 <span class="visually-hidden"> per </span> 49573 <span> 49574 </span> 49575 </span> 49576 </small> 49577 </div></div> 49578 49579 49580 49581 </div> 49582 </div> 49583 </div> 49584 49585 </div> 49586 </div><style> 49587/* ========================================================= 49588 DESKTOP PRODUCT CARD QUICK ADD 49589 LEFT = sizes 49590 RIGHT = original bag icon 49591 Mobile behavior remains unchanged 49592 ========================================================= */ 49593@media (min-width: 990px) { 49594 .hide-desktop { 49595 display: none !important; 49596 } 49597 49598 /* Keep both controls on the same bottom row */ 49599 .card-wrapper-box { 49600 position: relative; 49601 } 49602 49603 .card-wrapper-box .bt-qatc-container, 49604 .card-wrapper-box .ethnc-qatc-btn-container { 49605 position: absolute !important; 49606 bottom: 0 !important; 49607 z-index: 8 !important; 49608 } 49609 49610 /* LEFT: size area */ 49611 .card-wrapper-box .bt-qatc-container { 49612 left: 0 !important; 49613 right: 46px !important; 49614 width: auto !important; 49615 } 49616 49617 .card-wrapper-box .bt-qatc-form-container { 49618 left: 0 !important; 49619 right: 0 !important; 49620 bottom: -350% !important; 49621 width: 100% !important; 49622 min-height: 43px !important; 49623 opacity: 0 !important; 49624 visibility: hidden !important; 49625 pointer-events: none !important; 49626 transition: bottom .22s ease, opacity .18s ease !important; 49627 } 49628 49629 .card-wrapper-box .bt-qatc-form, 49630 .card-wrapper-box .bt-qatc-form-variants-container, 49631 .card-wrapper-box .bt-qatc-form-variants--list { 49632 width: 100% !important; 49633 } 49634 49635 .card-wrapper-box .bt-qatc-form-variants--list { 49636 display: flex !important;
49637 align-items: center !important; 49638 flex-wrap: wrap !important; 49639 gap: 0 !important; 49640 min-height: 43px !important; 49641 } 49642 49643 /* RIGHT: original bag button */ 49644 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 49645 display: flex !important; 49646 align-items: stretch !important; 49647 justify-content: center !important; 49648 left: auto !important; 49649 right: 0 !important; 49650 width: 46px !important; 49651 height: 43px !important; 49652 opacity: 0 !important; 49653 visibility: hidden !important; 49654 pointer-events: none !important; 49655 transition: opacity .18s ease !important; 49656 } 49657 49658 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 49659 display: flex !important; 49660 align-items: center !important; 49661 justify-content: center !important; 49662 width: 46px !important; 49663 height: 43px !important; 49664 min-width: 46px !important; 49665 padding: 0 !important; 49666 cursor: pointer !important; 49667 } 49668 49669 /* Hide Add to Basket text on desktop; keep only bag icon */ 49670 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 49671 display: none !important; 49672 } 49673 49674 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 49675 display: flex !important; 49676 align-items: center !important; 49677 justify-content: center !important; 49678 width: 100% !important; 49679 height: 100% !important; 49680 padding: 0 !important; 49681 } 49682 49683 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 49684 display: block !important; 49685 width: 16px !important; 49686 height: 17px !important; 49687 } 49688 49689 /* Show sizes + bag together on desktop hover */ 49690 .card-wrapper-box:hover .bt-qatc-form-container { 49691 bottom: 0 !important; 49692 opacity: 1 !important; 49693 visibility: visible !important; 49694 pointer-events: auto !important; 49695 } 49696 49697 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 49698 opacity: 1 !important; 49699 visibility: visible !important; 49700 pointer-events: auto !important; 49701 } 49702} 49703 49704@media (max-width: 989px) { 49705 .hide-mobile { 49706 display: none; 49707 } 49708} 49709</style> 49710 49711 49712<style> 49713/* ========================================================= 49714 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 49715 Keeps all sizes in one clean row on the left 49716 and the bag icon fixed on the right. 49717 ========================================================= */ 49718@media (min-width: 990px) { 49719 49720 .card-wrapper-box .bt-qatc-form-container { 49721 height: 43px !important; 49722 min-height: 43px !important; 49723 max-height: 43px !important; 49724 overflow: hidden !important; 49725 background: rgba(255,255,255,.96) !important; 49726 } 49727 49728 .card-wrapper-box .bt-qatc-form { 49729 display: block !important; 49730 height: 43px !important; 49731 min-height: 43px !important; 49732 margin: 0 !important; 49733 padding: 0 !important; 49734 } 49735 49736 .card-wrapper-box .bt-qatc-form-variants-container { 49737 display: block !important; 49738 width: 100% !important; 49739 height: 43px !important; 49740 min-height: 43px !important; 49741 margin: 0 !important; 49742 padding: 0 !important; 49743 } 49744 49745 .card-wrapper-box .bt-qatc-form-variants--list { 49746 display: flex !important; 49747 flex-direction: row !important; 49748 flex-wrap: wrap !important; 49749 align-items: center !important; 49750 justify-content: center !important; 49751 49752 width: 100% !important; 49753 height: 43px !important; 49754 min-height: 43px !important; 49755 49756 margin: 0 !important; 49757 padding: 0 6px !important; 49758 gap: 2px !important; 49759 49760 box-sizing: border-box !important; 49761 overflow: visible !important; 49762 white-space: normal !important; 49763 } 49764 49765 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 49766 display: none !important; 49767 } 49768 49769 .card-wrapper-box .bt-qatc-form-variant-input { 49770 position: relative !important; 49771 49772 display: flex !important; 49773 align-items: center !important; 49774 justify-content: center !important; 49775 49776 flex: 0 0 auto !important; 49777 width: auto !important; 49778 min-width: 32px !important; 49779 height: 43px !important; 49780 49781 margin: 0 !important; 49782 padding: 0 !important; 49783 49784 border: 0 !important; 49785 background: transparent !important; 49786 } 49787 49788 .card-wrapper-box .bt-qatc-form-variant-input label { 49789 position: static !important; 49790 49791 display: flex !important;
49792 align-items: center !important; 49793 justify-content: center !important; 49794 49795 width: auto !important; 49796 min-width: 32px !important; 49797 height: 32px !important; 49798 49799 margin: 0 !important; 49800 padding: 0 6px !important; 49801 49802 box-sizing: border-box !important; 49803 49804 background: transparent !important; 49805 border: 0 !important; 49806 49807 color: #111 !important; 49808 font-size: 12px !important; 49809 line-height: 1 !important; 49810 font-weight: 400 !important; 49811 49812 white-space: nowrap !important; 49813 cursor: pointer !important; 49814 } 49815 49816 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 49817 display: block !important; 49818 width: auto !important; 49819 max-width: none !important; 49820 49821 margin: 0 !important; 49822 padding: 0 !important; 49823 49824 overflow: visible !important; 49825 white-space: nowrap !important; 49826 text-overflow: clip !important; 49827 49828 font-size: inherit !important; 49829 line-height: inherit !important; 49830 } 49831 49832 /* Sold-out size */ 49833 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 49834 opacity: .35 !important; 49835 text-decoration: line-through !important; 49836 cursor: not-allowed !important; 49837 } 49838 49839 /* Optional hover feedback */ 49840 .card-wrapper-box 49841 .bt-qatc-form-variant-input:not(.is-disbaled) 49842 label:hover { 49843 text-decoration: underline !important; 49844 text-underline-offset: 3px !important; 49845 } 49846 49847 /* Prevent old theme transforms / absolute positions */ 49848 .card-wrapper-box .bt-qatc-form-variant-input *, 49849 .card-wrapper-box .bt-qatc-form-variants--list * { 49850 transform: none; 49851 } 49852} 49853</style> 49854 49855 49856<style> 49857/* Desktop quick-add: use one seamless background for sizes + bag */ 49858@media (min-width: 990px) { 49859 .card-wrapper-box .bt-qatc-form-container, 49860 .card-wrapper-box .bt-qatc-form, 49861 .card-wrapper-box .bt-qatc-form-variants-container, 49862 .card-wrapper-box .bt-qatc-form-variants--list, 49863 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 49864 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 49865 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 49866 background: rgba(255,255,255,.96) !important; 49867 } 49868 49869 /* Remove any visual split between sizes and bag */ 49870 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 49871 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 49872 border-left: 0 !important; 49873 box-shadow: none !important; 49874 } 49875} 49876</style> 49877 49878 49879<style> 49880/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 49881@media (min-width: 990px) { 49882 .card-wrapper-box .bt-qatc-form-container, 49883 .card-wrapper-box .bt-qatc-form, 49884 .card-wrapper-box .bt-qatc-form-variants-container { 49885 height: auto !important; 49886 max-height: none !important; 49887 overflow: visible !important; 49888 } 49889 49890 .card-wrapper-box .bt-qatc-form-variants--list { 49891 display: flex !important; 49892 flex-wrap: wrap !important; 49893 justify-content: center !important; 49894 align-items: center !important; 49895 height: auto !important; 49896 min-height: 43px !important; 49897 max-height: none !important; 49898 overflow: visible !important; 49899 white-space: normal !important; 49900 padding: 5px 6px !important; 49901 } 49902 49903 .card-wrapper-box .bt-qatc-form-variant-input { 49904 flex: 0 0 auto !important; 49905 } 49906} 49907</style> 49908
49909<script> 49910 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 49911 const wrap = label.closest('.bt-qatc-form-variant-input'); 49912 const form = label.closest('.bt-qatc-form'); 49913 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 49914 49915 if (!wrap || !form || !input) return; 49916 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 49917 if (label.dataset.loading === 'true') return; 49918 49919 input.checked = true; 49920 label.dataset.loading = 'true'; 49921 label.style.pointerEvents = 'none'; 49922 49923 try { 49924 const cartResp = await fetch('/cart.js', { 49925 method: 'GET', 49926 headers: { 'Accept': 'application/json' } 49927 }); 49928 49929 if (!cartResp.ok) throw new Error('Unable to read cart'); 49930 49931 const cart = await cartResp.json(); 49932 const variantId = Number(input.value); 49933 const selectedPrice = Number(input.dataset.price || 0) / 100; 49934 const totalCartPrice = Number(cart.total_price || 0) / 100; 49935 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 49936 49937 if ((totalCartPrice + selectedPrice) > 250000) { 49938 if (window.showAlert) { 49939 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 49940 } else { 49941 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 49942 } 49943 return; 49944 } 49945 49946 if (itemInCart && Number(itemInCart.quantity) >= 3) { 49947 if (window.showAlert) { 49948 window.showAlert('Limit reached: Max 3 items per size can be added'); 49949 } else { 49950 alert('Limit reached: Max 3 items per size can be added'); 49951 } 49952 return; 49953 } 49954 49955 49956 const cartSections = document.querySelector('cart-notification, cart-drawer'); 49957 const formData = new FormData(form); 49958 49959 formData.set('id', input.value); 49960 formData.set('quantity', '1'); 49961 49962 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 49963 formData.set( 49964 'sections', 49965 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 49966 ); 49967 } 49968 49969 formData.set('sections_url', window.location.pathname); 49970 49971 const addResp = await fetch('/cart/add.js', { 49972 method: 'POST', 49973 headers: { 'Accept': 'application/json' }, 49974 body: formData 49975 }); 49976 49977 const data = await addResp.json(); 49978 49979 if (!addResp.ok) { 49980 throw new Error(data.description || data.message || 'Unable to add this size'); 49981 } 49982 49983 if (cartSections && typeof cartSections.renderContents === 'function') { 49984 cartSections.renderContents(data); 49985 } else { 49986 const bubble = document.querySelector('#cart-icon-bubble'); 49987 if (bubble) bubble.click(); 49988 } 49989 49990 const card = label.closest('.card-wrapper-box'); 49991 if (card) { 49992 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 49993 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 49994 } 49995 } catch (error) { 49996 console.error('SEFAM hover size quick-add error:', error); 49997 if (window.showAlert) { 49998 window.showAlert(error.message || 'Unable to add this size to cart'); 49999 } else { 50000 alert(error.message || 'Unable to add this size to cart'); 50001 } 50002 } finally { 50003 label.dataset.loading = 'false'; 50004 label.style.pointerEvents = ''; 50005 } 50006 }; 50007</script>
50007 50008 50009<style> 50010/* Desktop quick-add final alignment: 50011 sizes start from left; bag area matches the complete quick-size background height. */ 50012@media (min-width: 990px) { 50013 .card-wrapper-box .bt-qatc-form-variants--list { 50014 justify-content: flex-start !important; 50015 align-content: center !important; 50016 text-align: left !important; 50017 } 50018 50019 .card-wrapper-box .bt-qatc-container { 50020 right: 46px !important; 50021 } 50022 50023 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 50024 top: auto !important; 50025 bottom: 0 !important; 50026 width: 46px !important; 50027 height: 100% !important; 50028 min-height: 43px !important; 50029 align-items: stretch !important; 50030 background: rgba(255,255,255,.96) !important; 50031 } 50032 50033 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 50034 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 50035 width: 46px !important; 50036 height: 100% !important; 50037 min-height: 43px !important; 50038 background: rgba(255,255,255,.96) !important; 50039 } 50040 50041 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 50042 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 50043 height: var(--sefam-quick-add-height, 43px) !important; 50044 } 50045} 50046</style>
50047<script> 50048(function () { 50049 function syncQuickAddHeight(card) { 50050 if (!card || window.innerWidth < 990) return; 50051 var panel = card.querySelector('.bt-qatc-form-container'); 50052 if (!panel) return; 50053 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 50054 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 50055 } 50056 50057 document.addEventListener('mouseover', function(e) { 50058 var card = e.target.closest('.card-wrapper-box'); 50059 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 50060 }, { passive: true }); 50061 50062 window.addEventListener('resize', function() { 50063 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 50064 }, { passive: true }); 50065})(); 50066</script>
50066 50067 50068 50069 50070<style> 50071/* ========================================================= 50072 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 50073 - reduce space between sizes 50074 - keep sizes left aligned 50075 - keep the bag icon on the BOTTOM row 50076 - bag background still matches the full size panel 50077 ========================================================= */ 50078@media (min-width: 990px) { 50079 50080 /* More usable width for sizes */ 50081 .card-wrapper-box .bt-qatc-container { 50082 right: 42px !important; 50083 } 50084 50085 /* Compact, left-aligned size list */ 50086 .card-wrapper-box .bt-qatc-form-variants--list { 50087 justify-content: flex-start !important; 50088 align-items: center !important; 50089 align-content: center !important; 50090 50091 column-gap: 0 !important; 50092 row-gap: 0 !important; 50093 50094 padding: 4px 4px !important; 50095 margin: 0 !important; 50096 } 50097 50098 .card-wrapper-box .bt-qatc-form-variant-input { 50099 min-width: 0 !important; 50100 width: auto !important; 50101 height: 35px !important; 50102 margin: 0 !important; 50103 padding: 0 !important; 50104 } 50105 50106 .card-wrapper-box .bt-qatc-form-variant-input label { 50107 min-width: 0 !important; 50108 width: auto !important; 50109 height: 35px !important; 50110 50111 margin: 0 !important; 50112 padding: 0 4px !important; 50113 50114 font-size: 12px !important; 50115 line-height: 1 !important; 50116 } 50117 50118 /* Bag column keeps the same full white background as the sizes */ 50119 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 50120 right: 0 !important; 50121 bottom: 0 !important; 50122 top: auto !important; 50123 50124 width: 42px !important; 50125 min-width: 42px !important; 50126 height: var(--sefam-quick-add-height, 43px) !important; 50127 min-height: 43px !important; 50128 50129 display: flex !important; 50130 flex-direction: column !important; 50131 justify-content: flex-end !important; 50132 align-items: stretch !important; 50133 50134 padding: 0 !important; 50135 margin: 0 !important; 50136 50137 background: rgba(255,255,255,.96) !important; 50138 } 50139 50140 /* The clickable bag itself always sits at the bottom */ 50141 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 50142 width: 42px !important; 50143 min-width: 42px !important; 50144 height: 43px !important; 50145 min-height: 43px !important; 50146 50147 margin-top: auto !important; 50148 padding: 0 !important; 50149 50150 display: flex !important; 50151 align-items: center !important; 50152 justify-content: center !important; 50153 50154 background: rgba(255,255,255,.96) !important; 50155 } 50156 50157 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 50158 width: 42px !important; 50159 height: 43px !important; 50160 min-height: 43px !important; 50161 50162 display: flex !important; 50163 align-items: center !important; 50164 justify-content: center !important; 50165 50166 padding: 0 !important; 50167 margin: 0 !important; 50168 50169 background: transparent !important; 50170 } 50171 50172 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 50173 width: 16px !important; 50174 height: 17px !important; 50175 } 50176} 50177</style> 50178 50179 50180<style> 50181/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 50182@media (min-width: 990px) { 50183 .card-wrapper-box .bt-qatc-form-variants--list { 50184 padding: 3px 4px !important; 50185 column-gap: 0 !important; 50186 row-gap: 0 !important; 50187 justify-content: flex-start !important; 50188 align-items: center !important; 50189 align-content: center !important; 50190 } 50191 50192 .card-wrapper-box .bt-qatc-form-variant-input { 50193 min-width: 0 !important; 50194 width: auto !important; 50195 height: 30px !important; 50196 margin: 0 !important; 50197 padding: 0 !important; 50198 } 50199 50200 .card-wrapper-box .bt-qatc-form-variant-input label { 50201 min-width: 0 !important; 50202 width: auto !important; 50203 height: 30px !important; 50204 margin: 0 !important; 50205 padding: 0 4px !important; 50206 font-size: 12px !important; 50207 line-height: 1 !important; 50208 display: flex !important; 50209 align-items: center !important; 50210 justify-content: center !important; 50211 } 50212 50213 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 50214 display: flex !important; 50215 flex-direction: column !important; 50216 justify-content: flex-end !important;
50217 align-items: stretch !important; 50218 bottom: 0 !important; 50219 top: auto !important; 50220 height: var(--sefam-quick-add-height, 36px) !important; 50221 min-height: 36px !important; 50222 } 50223 50224 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 50225 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 50226 height: 36px !important; 50227 min-height: 36px !important; 50228 margin-top: auto !important; 50229 } 50230} 50231</style> 50232 50233<style> 50234 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 50235 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 50236 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 50237 .card_colorways_container .new-mbl-color-single label span, 50238 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 50239 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 50240</style> 50241 50242 </li> 50243 50244 50245</ul> 50246 50247<div class="slider-buttons"> 50248 <button 50249 type="button" 50250 class="slider-button slider-button--prev" 50251 name="previous" 50252 aria-label="Slide left" 50253 aria-controls="Slider-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_GLf4cC" 50254 > 50255 <span class="svg-wrapper"> 50256 <svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 50257 50258 </span> 50259 </button> 50260 50261 <div class="slider-counter caption"> 50262 <span class="slider-counter--current">1</span> 50263 <span aria-hidden="true"> / </span> 50264 <span class="visually-hidden">of</span> 50265 <span class="slider-counter--total">20</span> 50266 </div> 50267 50268 <button 50269 type="button" 50270 class="slider-button slider-button--next" 50271 name="next" 50272 aria-label="Slide right" 50273 aria-controls="Slider-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_GLf4cC" 50274 > 50275 <span class="svg-wrapper"> 50276 <svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 50277 50278 </span> 50279 </button> 50280</div> 50281 50282</slider-component> 50283 50284 50285 </div> 50286 50287 50288 50289 50290 50291 <div id="tab-tab_XEb3C9" class="tab-content "> 50292 <slider-component 50293 class="tab-slider page-width slider-mobile-gutter slider-component-full-width 50294 page-width 50295 50296 slider-component-desktop" 50297 data-autoplay="false" 50298 data-speed="6000" 50299> 50300 50301<ul 50302 id="Slider-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_XEb3C9" 50303 data-id="template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_XEb3C9" 50304 class="grid cstm-multi-nav-grid product-grid contains-card contains-card--product contains-card--standard 50305 grid--8-col-desktop 50306 grid--2-col-tablet-down 50307 slider slider--desktop slider--tablet grid--peek" 50308 role="list" 50309 aria-label="Slider" 50310> 50311 50312 50313 50314 <li 50315 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_XEb3C9-1" 50316 class="grid__item slider__slide" 50317 > 50318 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 50319� 50320 50321 50322 � 50323 50324 50325 50326 <div class="card-wrapper product-card-wrapper"> 50327 <div 50328 class=" 50329 card card--standard 50330 card--media 50331 50332 50333 50334 50335 50336 " 50337 style="--ratio-percent: 150.00000000000003%;" 50338 50339 > 50340 <div class="card-wrapper-box"> 50341 50342 <div 50343 class="card__inner color-scheme-2 gradient ratio" 50344 style="--ratio-percent: 150.00000000000003%;" 50345 50346 > 50347 �<a href="/products/smpc402426"> 50348 50349 �<div class="card-prdct2 card__media"> 50350 <div class="media media--transparent mt3"> 50351 50352 50353 <img 50354 src="//sefam.com/cdn/shop/files/SMPC402426_3.jpg?v=1790744530&width=800" 50355 srcset="//sefam.com/cdn/shop/files/SMPC402426_3.jpg?v=1790744530&width=1600 2x" 50356 class="" 50357 alt="Khaddar Nawab Jacket - SMPC402426" 50358 50359 loading="lazy" 50360 50361 width="2400" 50362 height="3600" 50363 > 50364 �<img 50365 src="//sefam.com/cdn/shop/files/SMPC402426_5.jpg?v=1790744530&width=800" 50366 srcset="//sefam.com/cdn/shop/files/SMPC402426_5.jpg?v=1790744530&width=1600 2x" 50367 alt="Khaddar Nawab Jacket - SMPC402426" 50368 loading="lazy" 50369 width="2400" 50370 height="3600" 50371 data-index="" 50372 > 50373 50374 � 50375 </div> 50376 50377 50378 </div> 50379 </a> 50380 </div> 50381 50382 50383 50384 50385 <div class="bt-qatc-container"> 50386 <div class="bt-qatc-form-container"> 50387 <div class="bt-qatc-form-content large-up-hide medium-hide"> 50388 <h3>Khaddar Nawab Jacket - SMPC402426</h3> 50389 50390<div 50391 class=" 50392 price " 50393 > 50394 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
50395 <span class="price-item price-item--regular"> 50396 <span class=money>Rs.25,990</span> 50397 </span></div> 50398 <div class="price__sale"> 50399 <span class="visually-hidden visually-hidden--inline">Regular price</span> 50400 <span> 50401 <s class="price-item price-item--regular"> 50402 50403 <span class=money>Rs.25,990</span> 50404 50405 </s> 50406 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 50407 <span class="price-item price-item--sale price-item--last"> 50408 50409 50410 50411 50412 <span class="percentage__sale hidden">0% OFF</span> 50413 50414 <span class=money>Rs.25,990</span> 50415 </span> 50416 </div> 50417 <small class="unit-price caption hidden"> 50418 <span class="visually-hidden">Unit price</span> 50419 <span class="price-item price-item--last"> 50420 <span></span> 50421 <span aria-hidden="true">/</span> 50422 <span class="visually-hidden"> per </span> 50423 <span> 50424 </span> 50425 </span> 50426 </small> 50427 </div></div> 50428 50429 50430 50431 </div> 50432 <div 50433 class="ethnc-form-media large-up-hide medium-hide" 50434 50435 ></div> 50436 <form method="post" action="/cart/add" class="bt-qatc-form"> 50437 <input type="hidden" name="quantity" value="1"> 50438 <div class="bt-qatc-form-variants-container"> 50439 <div class="bt-qatc-form-variants--list"> 50440 50441 <div 50442 class="in-use bt-qatc-form-variant-input is-disbaled" 50443 50444 > 50445 <input 50446 type="radio" 50447 name="id" 50448 id="-67639723131176" 50449 value="67639723131176" 50450 data-price="2599000" 50451 data-item-id="15402778951976" 50452 hidden 50453 50454 disbaled 50455 50456 data-item-id="15402778951976" 50457 50458 > 50459 50460 <label 50461 for="-67639723131176" 50462 data-sefam-quick-size 50463 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 50464 > 50465 <span class="split-variant-value"> 50466 50467 50468 50469 50470 50471 50472 50473 XS 50474 50475 50476</span> 50477 </label> 50478 </div> 50479 50480 <div 50481 class="in-use bt-qatc-form-variant-input" 50482 50483 > 50484 <input 50485 type="radio" 50486 name="id" 50487 id="-67639723163944" 50488 value="67639723163944" 50489 data-price="2599000" 50490 data-item-id="15402778951976" 50491 hidden 50492 50493 data-item-id="15402778951976" 50494 50495 > 50496 50497 <label 50498 for="-67639723163944" 50499 data-sefam-quick-size 50500 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 50501 > 50502 <span class="split-variant-value"> 50503 50504 50505 50506 50507 50508 50509 50510 S 50511 50512 50513</span> 50514 </label> 50515 </div> 50516 50517 <div 50518 class="in-use bt-qatc-form-variant-input" 50519 50520 > 50521 <input 50522 type="radio" 50523 name="id" 50524 id="-67639723196712" 50525 value="67639723196712" 50526 data-price="2599000" 50527 data-item-id="15402778951976" 50528 hidden 50529 50530 data-item-id="15402778951976" 50531 50532 > 50533 50534 <label 50535 for="-67639723196712" 50536 data-sefam-quick-size 50537 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 50538 >
50539 <span class="split-variant-value"> 50540 50541 50542 50543 50544 50545 50546 50547 M 50548 50549 50550</span> 50551 </label> 50552 </div> 50553 50554 <div 50555 class="in-use bt-qatc-form-variant-input" 50556 50557 > 50558 <input 50559 type="radio" 50560 name="id" 50561 id="-67639723229480" 50562 value="67639723229480" 50563 data-price="2599000" 50564 data-item-id="15402778951976" 50565 hidden 50566 50567 data-item-id="15402778951976" 50568 50569 > 50570 50571 <label 50572 for="-67639723229480" 50573 data-sefam-quick-size 50574 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 50575 > 50576 <span class="split-variant-value"> 50577 50578 50579 50580 50581 50582 50583 50584 L 50585 50586 50587</span> 50588 </label> 50589 </div> 50590 50591 <div 50592 class="in-use bt-qatc-form-variant-input" 50593 50594 > 50595 <input 50596 type="radio" 50597 name="id" 50598 id="-67639723262248" 50599 value="67639723262248" 50600 data-price="2599000" 50601 data-item-id="15402778951976" 50602 hidden 50603 50604 data-item-id="15402778951976" 50605 50606 > 50607 50608 <label 50609 for="-67639723262248" 50610 data-sefam-quick-size 50611 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 50612 > 50613 <span class="split-variant-value"> 50614 50615 50616 50617 50618 50619 50620 50621 XL 50622 50623 50624</span> 50625 </label> 50626 </div> 50627 50628 </div> 50629 50630 50631 50632 50633 </div> 50634 </form> 50635 </div> 50636 </div> 50637 50638 50639 50640 50641 50642 50643 50644 50645 50646 50647 50648 50649 50650 50651 50652 50653 50654 50655 50656 50657 50658 50659 50660 50661 50662 50663 50664 50665 50666 50667 50668 50669 50670 50671 50672 50673 50674 50675 50676 50677 50678 50679 50680 50681 50682 50683 50684 50685 50686 50687 50688 50689 50690 50691 50692 50693 50694 50695 50696 50697 <div 50698 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 50699 > 50700 <div class="ethnc-qatc-btn cstm-add-btn visible"> 50701 <span class="small-hide hide-mobile">Add to Basket</span> 50702 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 50703 </span>
50704 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 50705 width="11" 50706 height="11" 50707 viewBox="0 0 11 11" 50708 fill="none" 50709> 50710 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 50711 fill="black" 50712 /> 50713</svg> 50714</span> 50715 </div> 50716 </div> 50717 50718 50719 </div> 50720 50721 <div class="card__content aiza2"> 50722 <div class="card__information"> 50723 <small class="product-brand"> 50724 Shahnameh 50725 </small> 50726 <h3 50727 class="card__heading h5" 50728 50729 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-15402778951976" 50730 50731 > 50732 <a 50733 href="/products/smpc402426" 50734 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-15402778951976" 50735 class="full-unstyled-link" 50736 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-15402778951976 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-15402778951976" 50737 > 50738 Khaddar Nawab Jacket - SMPC402426 50739 50740 <div class="card_colorways_container" onclick="event.stopPropagation();"> 50741 50742 50743 � 50744 </div> 50745 </a> 50746 50747 </h3> 50748 50749 <div class="card-information"><span class="caption-large light"></span> 50750<div 50751 class=" 50752 price " 50753 > 50754 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 50755 <span class="price-item price-item--regular"> 50756 <span class=money>Rs.25,990</span> 50757 </span></div> 50758 <div class="price__sale"> 50759 <span class="visually-hidden visually-hidden--inline">Regular price</span> 50760 <span> 50761 <s class="price-item price-item--regular"> 50762 50763 <span class=money>Rs.25,990</span> 50764 50765 </s> 50766 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 50767 <span class="price-item price-item--sale price-item--last"> 50768 50769 50770 50771 50772 <span class="percentage__sale hidden">0% OFF</span> 50773 50774 <span class=money>Rs.25,990</span> 50775 </span> 50776 </div> 50777 <small class="unit-price caption hidden"> 50778 <span class="visually-hidden">Unit price</span> 50779 <span class="price-item price-item--last"> 50780 <span></span> 50781 <span aria-hidden="true">/</span> 50782 <span class="visually-hidden"> per </span> 50783 <span> 50784 </span> 50785 </span> 50786 </small> 50787 </div></div> 50788 50789 50790 50791 </div> 50792 </div> 50793 </div> 50794 50795 </div> 50796 </div><style> 50797/* ========================================================= 50798 DESKTOP PRODUCT CARD QUICK ADD 50799 LEFT = sizes 50800 RIGHT = original bag icon 50801 Mobile behavior remains unchanged 50802 ========================================================= */ 50803@media (min-width: 990px) { 50804 .hide-desktop { 50805 display: none !important; 50806 } 50807 50808 /* Keep both controls on the same bottom row */ 50809 .card-wrapper-box { 50810 position: relative; 50811 } 50812 50813 .card-wrapper-box .bt-qatc-container, 50814 .card-wrapper-box .ethnc-qatc-btn-container { 50815 position: absolute !important; 50816 bottom: 0 !important; 50817 z-index: 8 !important; 50818 } 50819 50820 /* LEFT: size area */ 50821 .card-wrapper-box .bt-qatc-container { 50822 left: 0 !important; 50823 right: 46px !important; 50824 width: auto !important; 50825 } 50826 50827 .card-wrapper-box .bt-qatc-form-container { 50828 left: 0 !important; 50829 right: 0 !important; 50830 bottom: -350% !important; 50831 width: 100% !important; 50832 min-height: 43px !important; 50833 opacity: 0 !important; 50834 visibility: hidden !important; 50835 pointer-events: none !important; 50836 transition: bottom .22s ease, opacity .18s ease !important; 50837 } 50838 50839 .card-wrapper-box .bt-qatc-form, 50840 .card-wrapper-box .bt-qatc-form-variants-container, 50841 .card-wrapper-box .bt-qatc-form-variants--list { 50842 width: 100% !important; 50843 } 50844 50845 .card-wrapper-box .bt-qatc-form-variants--list { 50846 display: flex !important;
50847 align-items: center !important; 50848 flex-wrap: wrap !important; 50849 gap: 0 !important; 50850 min-height: 43px !important; 50851 } 50852 50853 /* RIGHT: original bag button */ 50854 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 50855 display: flex !important; 50856 align-items: stretch !important; 50857 justify-content: center !important; 50858 left: auto !important; 50859 right: 0 !important; 50860 width: 46px !important; 50861 height: 43px !important; 50862 opacity: 0 !important; 50863 visibility: hidden !important; 50864 pointer-events: none !important; 50865 transition: opacity .18s ease !important; 50866 } 50867 50868 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 50869 display: flex !important; 50870 align-items: center !important; 50871 justify-content: center !important; 50872 width: 46px !important; 50873 height: 43px !important; 50874 min-width: 46px !important; 50875 padding: 0 !important; 50876 cursor: pointer !important; 50877 } 50878 50879 /* Hide Add to Basket text on desktop; keep only bag icon */ 50880 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 50881 display: none !important; 50882 } 50883 50884 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 50885 display: flex !important; 50886 align-items: center !important; 50887 justify-content: center !important; 50888 width: 100% !important; 50889 height: 100% !important; 50890 padding: 0 !important; 50891 } 50892 50893 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 50894 display: block !important; 50895 width: 16px !important; 50896 height: 17px !important; 50897 } 50898 50899 /* Show sizes + bag together on desktop hover */ 50900 .card-wrapper-box:hover .bt-qatc-form-container { 50901 bottom: 0 !important; 50902 opacity: 1 !important; 50903 visibility: visible !important; 50904 pointer-events: auto !important; 50905 } 50906 50907 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 50908 opacity: 1 !important; 50909 visibility: visible !important; 50910 pointer-events: auto !important; 50911 } 50912} 50913 50914@media (max-width: 989px) { 50915 .hide-mobile { 50916 display: none; 50917 } 50918} 50919</style> 50920 50921 50922<style> 50923/* ========================================================= 50924 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 50925 Keeps all sizes in one clean row on the left 50926 and the bag icon fixed on the right. 50927 ========================================================= */ 50928@media (min-width: 990px) { 50929 50930 .card-wrapper-box .bt-qatc-form-container { 50931 height: 43px !important; 50932 min-height: 43px !important; 50933 max-height: 43px !important; 50934 overflow: hidden !important; 50935 background: rgba(255,255,255,.96) !important; 50936 } 50937 50938 .card-wrapper-box .bt-qatc-form { 50939 display: block !important; 50940 height: 43px !important; 50941 min-height: 43px !important; 50942 margin: 0 !important; 50943 padding: 0 !important; 50944 } 50945 50946 .card-wrapper-box .bt-qatc-form-variants-container { 50947 display: block !important; 50948 width: 100% !important; 50949 height: 43px !important; 50950 min-height: 43px !important; 50951 margin: 0 !important; 50952 padding: 0 !important; 50953 } 50954 50955 .card-wrapper-box .bt-qatc-form-variants--list { 50956 display: flex !important; 50957 flex-direction: row !important; 50958 flex-wrap: wrap !important; 50959 align-items: center !important; 50960 justify-content: center !important; 50961 50962 width: 100% !important; 50963 height: 43px !important; 50964 min-height: 43px !important; 50965 50966 margin: 0 !important; 50967 padding: 0 6px !important; 50968 gap: 2px !important; 50969 50970 box-sizing: border-box !important; 50971 overflow: visible !important; 50972 white-space: normal !important; 50973 } 50974 50975 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 50976 display: none !important; 50977 } 50978 50979 .card-wrapper-box .bt-qatc-form-variant-input { 50980 position: relative !important; 50981 50982 display: flex !important; 50983 align-items: center !important; 50984 justify-content: center !important; 50985 50986 flex: 0 0 auto !important; 50987 width: auto !important; 50988 min-width: 32px !important; 50989 height: 43px !important; 50990 50991 margin: 0 !important; 50992 padding: 0 !important; 50993 50994 border: 0 !important; 50995 background: transparent !important; 50996 } 50997 50998 .card-wrapper-box .bt-qatc-form-variant-input label { 50999 position: static !important; 51000 51001 display: flex !important;
51002 align-items: center !important; 51003 justify-content: center !important; 51004 51005 width: auto !important; 51006 min-width: 32px !important; 51007 height: 32px !important; 51008 51009 margin: 0 !important; 51010 padding: 0 6px !important; 51011 51012 box-sizing: border-box !important; 51013 51014 background: transparent !important; 51015 border: 0 !important; 51016 51017 color: #111 !important; 51018 font-size: 12px !important; 51019 line-height: 1 !important; 51020 font-weight: 400 !important; 51021 51022 white-space: nowrap !important; 51023 cursor: pointer !important; 51024 } 51025 51026 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 51027 display: block !important; 51028 width: auto !important; 51029 max-width: none !important; 51030 51031 margin: 0 !important; 51032 padding: 0 !important; 51033 51034 overflow: visible !important; 51035 white-space: nowrap !important; 51036 text-overflow: clip !important; 51037 51038 font-size: inherit !important; 51039 line-height: inherit !important; 51040 } 51041 51042 /* Sold-out size */ 51043 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 51044 opacity: .35 !important; 51045 text-decoration: line-through !important; 51046 cursor: not-allowed !important; 51047 } 51048 51049 /* Optional hover feedback */ 51050 .card-wrapper-box 51051 .bt-qatc-form-variant-input:not(.is-disbaled) 51052 label:hover { 51053 text-decoration: underline !important; 51054 text-underline-offset: 3px !important; 51055 } 51056 51057 /* Prevent old theme transforms / absolute positions */ 51058 .card-wrapper-box .bt-qatc-form-variant-input *, 51059 .card-wrapper-box .bt-qatc-form-variants--list * { 51060 transform: none; 51061 } 51062} 51063</style> 51064 51065 51066<style> 51067/* Desktop quick-add: use one seamless background for sizes + bag */ 51068@media (min-width: 990px) { 51069 .card-wrapper-box .bt-qatc-form-container, 51070 .card-wrapper-box .bt-qatc-form, 51071 .card-wrapper-box .bt-qatc-form-variants-container, 51072 .card-wrapper-box .bt-qatc-form-variants--list, 51073 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 51074 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 51075 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 51076 background: rgba(255,255,255,.96) !important; 51077 } 51078 51079 /* Remove any visual split between sizes and bag */ 51080 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 51081 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 51082 border-left: 0 !important; 51083 box-shadow: none !important; 51084 } 51085} 51086</style> 51087 51088 51089<style> 51090/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 51091@media (min-width: 990px) { 51092 .card-wrapper-box .bt-qatc-form-container, 51093 .card-wrapper-box .bt-qatc-form, 51094 .card-wrapper-box .bt-qatc-form-variants-container { 51095 height: auto !important; 51096 max-height: none !important; 51097 overflow: visible !important; 51098 } 51099 51100 .card-wrapper-box .bt-qatc-form-variants--list { 51101 display: flex !important; 51102 flex-wrap: wrap !important; 51103 justify-content: center !important; 51104 align-items: center !important; 51105 height: auto !important; 51106 min-height: 43px !important; 51107 max-height: none !important; 51108 overflow: visible !important; 51109 white-space: normal !important; 51110 padding: 5px 6px !important; 51111 } 51112 51113 .card-wrapper-box .bt-qatc-form-variant-input { 51114 flex: 0 0 auto !important; 51115 } 51116} 51117</style> 51118
51119<script> 51120 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 51121 const wrap = label.closest('.bt-qatc-form-variant-input'); 51122 const form = label.closest('.bt-qatc-form'); 51123 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 51124 51125 if (!wrap || !form || !input) return; 51126 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 51127 if (label.dataset.loading === 'true') return; 51128 51129 input.checked = true; 51130 label.dataset.loading = 'true'; 51131 label.style.pointerEvents = 'none'; 51132 51133 try { 51134 const cartResp = await fetch('/cart.js', { 51135 method: 'GET', 51136 headers: { 'Accept': 'application/json' } 51137 }); 51138 51139 if (!cartResp.ok) throw new Error('Unable to read cart'); 51140 51141 const cart = await cartResp.json(); 51142 const variantId = Number(input.value); 51143 const selectedPrice = Number(input.dataset.price || 0) / 100; 51144 const totalCartPrice = Number(cart.total_price || 0) / 100; 51145 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 51146 51147 if ((totalCartPrice + selectedPrice) > 250000) { 51148 if (window.showAlert) { 51149 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 51150 } else { 51151 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 51152 } 51153 return; 51154 } 51155 51156 if (itemInCart && Number(itemInCart.quantity) >= 3) { 51157 if (window.showAlert) { 51158 window.showAlert('Limit reached: Max 3 items per size can be added'); 51159 } else { 51160 alert('Limit reached: Max 3 items per size can be added'); 51161 } 51162 return; 51163 } 51164 51165 51166 const cartSections = document.querySelector('cart-notification, cart-drawer'); 51167 const formData = new FormData(form); 51168 51169 formData.set('id', input.value); 51170 formData.set('quantity', '1'); 51171 51172 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 51173 formData.set( 51174 'sections', 51175 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 51176 ); 51177 } 51178 51179 formData.set('sections_url', window.location.pathname); 51180 51181 const addResp = await fetch('/cart/add.js', { 51182 method: 'POST', 51183 headers: { 'Accept': 'application/json' }, 51184 body: formData 51185 }); 51186 51187 const data = await addResp.json(); 51188 51189 if (!addResp.ok) { 51190 throw new Error(data.description || data.message || 'Unable to add this size'); 51191 } 51192 51193 if (cartSections && typeof cartSections.renderContents === 'function') { 51194 cartSections.renderContents(data); 51195 } else { 51196 const bubble = document.querySelector('#cart-icon-bubble'); 51197 if (bubble) bubble.click(); 51198 } 51199 51200 const card = label.closest('.card-wrapper-box'); 51201 if (card) { 51202 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 51203 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 51204 } 51205 } catch (error) { 51206 console.error('SEFAM hover size quick-add error:', error); 51207 if (window.showAlert) { 51208 window.showAlert(error.message || 'Unable to add this size to cart'); 51209 } else { 51210 alert(error.message || 'Unable to add this size to cart'); 51211 } 51212 } finally { 51213 label.dataset.loading = 'false'; 51214 label.style.pointerEvents = ''; 51215 } 51216 }; 51217</script>
51217 51218 51219<style> 51220/* Desktop quick-add final alignment: 51221 sizes start from left; bag area matches the complete quick-size background height. */ 51222@media (min-width: 990px) { 51223 .card-wrapper-box .bt-qatc-form-variants--list { 51224 justify-content: flex-start !important; 51225 align-content: center !important; 51226 text-align: left !important; 51227 } 51228 51229 .card-wrapper-box .bt-qatc-container { 51230 right: 46px !important; 51231 } 51232 51233 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 51234 top: auto !important; 51235 bottom: 0 !important; 51236 width: 46px !important; 51237 height: 100% !important; 51238 min-height: 43px !important; 51239 align-items: stretch !important; 51240 background: rgba(255,255,255,.96) !important; 51241 } 51242 51243 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 51244 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 51245 width: 46px !important; 51246 height: 100% !important; 51247 min-height: 43px !important; 51248 background: rgba(255,255,255,.96) !important; 51249 } 51250 51251 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 51252 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 51253 height: var(--sefam-quick-add-height, 43px) !important; 51254 } 51255} 51256</style>
51257<script> 51258(function () { 51259 function syncQuickAddHeight(card) { 51260 if (!card || window.innerWidth < 990) return; 51261 var panel = card.querySelector('.bt-qatc-form-container'); 51262 if (!panel) return; 51263 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 51264 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 51265 } 51266 51267 document.addEventListener('mouseover', function(e) { 51268 var card = e.target.closest('.card-wrapper-box'); 51269 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 51270 }, { passive: true }); 51271 51272 window.addEventListener('resize', function() { 51273 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 51274 }, { passive: true }); 51275})(); 51276</script>
51276 51277 51278 51279 51280<style> 51281/* ========================================================= 51282 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 51283 - reduce space between sizes 51284 - keep sizes left aligned 51285 - keep the bag icon on the BOTTOM row 51286 - bag background still matches the full size panel 51287 ========================================================= */ 51288@media (min-width: 990px) { 51289 51290 /* More usable width for sizes */ 51291 .card-wrapper-box .bt-qatc-container { 51292 right: 42px !important; 51293 } 51294 51295 /* Compact, left-aligned size list */ 51296 .card-wrapper-box .bt-qatc-form-variants--list { 51297 justify-content: flex-start !important; 51298 align-items: center !important; 51299 align-content: center !important; 51300 51301 column-gap: 0 !important; 51302 row-gap: 0 !important; 51303 51304 padding: 4px 4px !important; 51305 margin: 0 !important; 51306 } 51307 51308 .card-wrapper-box .bt-qatc-form-variant-input { 51309 min-width: 0 !important; 51310 width: auto !important; 51311 height: 35px !important; 51312 margin: 0 !important; 51313 padding: 0 !important; 51314 } 51315 51316 .card-wrapper-box .bt-qatc-form-variant-input label { 51317 min-width: 0 !important; 51318 width: auto !important; 51319 height: 35px !important; 51320 51321 margin: 0 !important; 51322 padding: 0 4px !important; 51323 51324 font-size: 12px !important; 51325 line-height: 1 !important; 51326 } 51327 51328 /* Bag column keeps the same full white background as the sizes */ 51329 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 51330 right: 0 !important; 51331 bottom: 0 !important; 51332 top: auto !important; 51333 51334 width: 42px !important; 51335 min-width: 42px !important; 51336 height: var(--sefam-quick-add-height, 43px) !important; 51337 min-height: 43px !important; 51338 51339 display: flex !important; 51340 flex-direction: column !important; 51341 justify-content: flex-end !important; 51342 align-items: stretch !important; 51343 51344 padding: 0 !important; 51345 margin: 0 !important; 51346 51347 background: rgba(255,255,255,.96) !important; 51348 } 51349 51350 /* The clickable bag itself always sits at the bottom */ 51351 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 51352 width: 42px !important; 51353 min-width: 42px !important; 51354 height: 43px !important; 51355 min-height: 43px !important; 51356 51357 margin-top: auto !important; 51358 padding: 0 !important; 51359 51360 display: flex !important; 51361 align-items: center !important; 51362 justify-content: center !important; 51363 51364 background: rgba(255,255,255,.96) !important; 51365 } 51366 51367 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 51368 width: 42px !important; 51369 height: 43px !important; 51370 min-height: 43px !important; 51371 51372 display: flex !important; 51373 align-items: center !important; 51374 justify-content: center !important; 51375 51376 padding: 0 !important; 51377 margin: 0 !important; 51378 51379 background: transparent !important; 51380 } 51381 51382 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 51383 width: 16px !important; 51384 height: 17px !important; 51385 } 51386} 51387</style> 51388 51389 51390<style> 51391/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 51392@media (min-width: 990px) { 51393 .card-wrapper-box .bt-qatc-form-variants--list { 51394 padding: 3px 4px !important; 51395 column-gap: 0 !important; 51396 row-gap: 0 !important; 51397 justify-content: flex-start !important; 51398 align-items: center !important; 51399 align-content: center !important; 51400 } 51401 51402 .card-wrapper-box .bt-qatc-form-variant-input { 51403 min-width: 0 !important; 51404 width: auto !important; 51405 height: 30px !important; 51406 margin: 0 !important; 51407 padding: 0 !important; 51408 } 51409 51410 .card-wrapper-box .bt-qatc-form-variant-input label { 51411 min-width: 0 !important; 51412 width: auto !important; 51413 height: 30px !important; 51414 margin: 0 !important; 51415 padding: 0 4px !important; 51416 font-size: 12px !important; 51417 line-height: 1 !important; 51418 display: flex !important; 51419 align-items: center !important; 51420 justify-content: center !important; 51421 } 51422 51423 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 51424 display: flex !important; 51425 flex-direction: column !important; 51426 justify-content: flex-end !important;
51427 align-items: stretch !important; 51428 bottom: 0 !important; 51429 top: auto !important; 51430 height: var(--sefam-quick-add-height, 36px) !important; 51431 min-height: 36px !important; 51432 } 51433 51434 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 51435 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 51436 height: 36px !important; 51437 min-height: 36px !important; 51438 margin-top: auto !important; 51439 } 51440} 51441</style> 51442 51443<style> 51444 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 51445 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 51446 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 51447 .card_colorways_container .new-mbl-color-single label span, 51448 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 51449 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 51450</style> 51451 51452 </li> 51453 51454 <li 51455 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_XEb3C9-2" 51456 class="grid__item slider__slide" 51457 > 51458 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 51459� 51460 51461 51462 � 51463 51464 51465 51466 <div class="card-wrapper product-card-wrapper"> 51467 <div 51468 class=" 51469 card card--standard 51470 card--media 51471 51472 51473 51474 51475 51476 " 51477 style="--ratio-percent: 150.00000000000003%;" 51478 51479 > 51480 <div class="card-wrapper-box"> 51481 51482 <div 51483 class="card__inner color-scheme-2 gradient ratio" 51484 style="--ratio-percent: 150.00000000000003%;" 51485 51486 > 51487 �<a href="/products/sws405426"> 51488 51489 �<div class="card-prdct2 card__media"> 51490 <div class="media media--transparent mt3"> 51491 51492 51493 <img 51494 src="//sefam.com/cdn/shop/files/SWS405426_3.jpg?v=1790944826&width=800" 51495 srcset="//sefam.com/cdn/shop/files/SWS405426_3.jpg?v=1790944826&width=1600 2x" 51496 class="" 51497 alt="Premium Cotton Twill Shirt - SWS405426" 51498 51499 loading="lazy" 51500 51501 width="2400" 51502 height="3600" 51503 > 51504 �<img 51505 src="//sefam.com/cdn/shop/files/SWS405426_4.jpg?v=1790944826&width=800" 51506 srcset="//sefam.com/cdn/shop/files/SWS405426_4.jpg?v=1790944826&width=1600 2x" 51507 alt="Premium Cotton Twill Shirt - SWS405426" 51508 loading="lazy" 51509 width="2400" 51510 height="3600" 51511 data-index="" 51512 > 51513 51514 � 51515 </div> 51516 51517 51518 </div> 51519 </a> 51520 </div> 51521 51522 51523 51524 51525 <div class="bt-qatc-container"> 51526 <div class="bt-qatc-form-container"> 51527 <div class="bt-qatc-form-content large-up-hide medium-hide"> 51528 <h3>Premium Cotton Twill Shirt - SWS405426</h3> 51529 51530<div 51531 class=" 51532 price " 51533 > 51534 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 51535 <span class="price-item price-item--regular"> 51536 <span class=money>Rs.7,990</span> 51537 </span></div> 51538 <div class="price__sale"> 51539 <span class="visually-hidden visually-hidden--inline">Regular price</span> 51540 <span> 51541 <s class="price-item price-item--regular"> 51542
51543 <span class=money>Rs.7,990</span> 51544 51545 </s> 51546 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 51547 <span class="price-item price-item--sale price-item--last"> 51548 51549 51550 51551 51552 <span class="percentage__sale hidden">0% OFF</span> 51553 51554 <span class=money>Rs.7,990</span> 51555 </span> 51556 </div> 51557 <small class="unit-price caption hidden"> 51558 <span class="visually-hidden">Unit price</span> 51559 <span class="price-item price-item--last"> 51560 <span></span> 51561 <span aria-hidden="true">/</span> 51562 <span class="visually-hidden"> per </span> 51563 <span> 51564 </span> 51565 </span> 51566 </small> 51567 </div></div> 51568 51569 51570 51571 </div> 51572 <div 51573 class="ethnc-form-media large-up-hide medium-hide" 51574 51575 ></div> 51576 <form method="post" action="/cart/add" class="bt-qatc-form"> 51577 <input type="hidden" name="quantity" value="1"> 51578 <div class="bt-qatc-form-variants-container"> 51579 <div class="bt-qatc-form-variants--list"> 51580 51581 <div 51582 class="in-use bt-qatc-form-variant-input" 51583 51584 > 51585 <input 51586 type="radio" 51587 name="id" 51588 id="-52398729560360" 51589 value="52398729560360" 51590 data-price="799000" 51591 data-item-id="10446200111400" 51592 hidden 51593 51594 data-item-id="10446200111400" 51595 51596 > 51597 51598 <label 51599 for="-52398729560360" 51600 data-sefam-quick-size 51601 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 51602 > 51603 <span class="split-variant-value"> 51604 51605 51606 51607 51608 51609 51610 51611 XS 51612 51613 51614</span> 51615 </label> 51616 </div> 51617 51618 <div 51619 class="in-use bt-qatc-form-variant-input" 51620 51621 > 51622 <input 51623 type="radio" 51624 name="id" 51625 id="-52398729593128" 51626 value="52398729593128" 51627 data-price="799000" 51628 data-item-id="10446200111400" 51629 hidden 51630 51631 data-item-id="10446200111400" 51632 51633 > 51634 51635 <label 51636 for="-52398729593128" 51637 data-sefam-quick-size 51638 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 51639 > 51640 <span class="split-variant-value"> 51641 51642 51643 51644 51645 51646 51647 51648 S 51649 51650 51651</span> 51652 </label> 51653 </div> 51654 51655 <div 51656 class="in-use bt-qatc-form-variant-input" 51657 51658 > 51659 <input 51660 type="radio" 51661 name="id" 51662 id="-52398729625896" 51663 value="52398729625896" 51664 data-price="799000" 51665 data-item-id="10446200111400" 51666 hidden 51667 51668 data-item-id="10446200111400" 51669 51670 > 51671 51672 <label 51673 for="-52398729625896" 51674 data-sefam-quick-size 51675 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 51676 >
51677 <span class="split-variant-value"> 51678 51679 51680 51681 51682 51683 51684 51685 M 51686 51687 51688</span> 51689 </label> 51690 </div> 51691 51692 <div 51693 class="in-use bt-qatc-form-variant-input" 51694 51695 > 51696 <input 51697 type="radio" 51698 name="id" 51699 id="-52398729658664" 51700 value="52398729658664" 51701 data-price="799000" 51702 data-item-id="10446200111400" 51703 hidden 51704 51705 data-item-id="10446200111400" 51706 51707 > 51708 51709 <label 51710 for="-52398729658664" 51711 data-sefam-quick-size 51712 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 51713 > 51714 <span class="split-variant-value"> 51715 51716 51717 51718 51719 51720 51721 51722 L 51723 51724 51725</span> 51726 </label> 51727 </div> 51728 51729 <div 51730 class="in-use bt-qatc-form-variant-input" 51731 51732 > 51733 <input 51734 type="radio" 51735 name="id" 51736 id="-52398729691432" 51737 value="52398729691432" 51738 data-price="799000" 51739 data-item-id="10446200111400" 51740 hidden 51741 51742 data-item-id="10446200111400" 51743 51744 > 51745 51746 <label 51747 for="-52398729691432" 51748 data-sefam-quick-size 51749 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 51750 > 51751 <span class="split-variant-value"> 51752 51753 51754 51755 51756 51757 51758 51759 XL 51760 51761 51762</span> 51763 </label> 51764 </div> 51765 51766 </div> 51767 51768 51769 51770 51771 </div> 51772 </form> 51773 </div> 51774 </div> 51775 51776 51777 51778 51779 51780 51781 51782 51783 51784 51785 51786 51787 51788 51789 51790 51791 51792 51793 51794 51795 51796 51797 51798 51799 51800 51801 51802 51803 51804 51805 51806 51807 51808 51809 51810 51811 51812 51813 51814 51815 51816 51817 51818 51819 51820 51821 51822 51823 51824 51825 51826 51827 51828 51829 51830 51831 51832 51833 51834 51835 51836 51837 51838 51839 51840 51841 51842 51843 51844 <div 51845 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 51846 > 51847 <div class="ethnc-qatc-btn cstm-add-btn visible"> 51848 <span class="small-hide hide-mobile">Add to Basket</span> 51849 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 51850 </span>
51851 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 51852 width="11" 51853 height="11" 51854 viewBox="0 0 11 11" 51855 fill="none" 51856> 51857 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 51858 fill="black" 51859 /> 51860</svg> 51861</span> 51862 </div> 51863 </div> 51864 51865 51866 </div> 51867 51868 <div class="card__content aiza2"> 51869 <div class="card__information"> 51870 <small class="product-brand"> 51871 Shahnameh 51872 </small> 51873 <h3 51874 class="card__heading h5" 51875 51876 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446200111400" 51877 51878 > 51879 <a 51880 href="/products/sws405426" 51881 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446200111400" 51882 class="full-unstyled-link" 51883 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446200111400 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446200111400" 51884 > 51885 Premium Cotton Twill Shirt - SWS405426 51886 51887 <div class="card_colorways_container" onclick="event.stopPropagation();"> 51888 51889 51890 � 51891 </div> 51892 </a> 51893 51894 </h3> 51895 51896 <div class="card-information"><span class="caption-large light"></span> 51897<div 51898 class=" 51899 price " 51900 > 51901 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 51902 <span class="price-item price-item--regular"> 51903 <span class=money>Rs.7,990</span> 51904 </span></div> 51905 <div class="price__sale"> 51906 <span class="visually-hidden visually-hidden--inline">Regular price</span> 51907 <span> 51908 <s class="price-item price-item--regular"> 51909 51910 <span class=money>Rs.7,990</span> 51911 51912 </s> 51913 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 51914 <span class="price-item price-item--sale price-item--last"> 51915 51916 51917 51918 51919 <span class="percentage__sale hidden">0% OFF</span> 51920 51921 <span class=money>Rs.7,990</span> 51922 </span> 51923 </div> 51924 <small class="unit-price caption hidden"> 51925 <span class="visually-hidden">Unit price</span> 51926 <span class="price-item price-item--last"> 51927 <span></span> 51928 <span aria-hidden="true">/</span> 51929 <span class="visually-hidden"> per </span> 51930 <span> 51931 </span> 51932 </span> 51933 </small> 51934 </div></div> 51935 51936 51937 51938 </div> 51939 </div> 51940 </div> 51941 51942 </div> 51943 </div><style> 51944/* ========================================================= 51945 DESKTOP PRODUCT CARD QUICK ADD 51946 LEFT = sizes 51947 RIGHT = original bag icon 51948 Mobile behavior remains unchanged 51949 ========================================================= */ 51950@media (min-width: 990px) { 51951 .hide-desktop { 51952 display: none !important; 51953 } 51954 51955 /* Keep both controls on the same bottom row */ 51956 .card-wrapper-box { 51957 position: relative; 51958 } 51959 51960 .card-wrapper-box .bt-qatc-container, 51961 .card-wrapper-box .ethnc-qatc-btn-container { 51962 position: absolute !important; 51963 bottom: 0 !important; 51964 z-index: 8 !important; 51965 } 51966 51967 /* LEFT: size area */ 51968 .card-wrapper-box .bt-qatc-container { 51969 left: 0 !important; 51970 right: 46px !important; 51971 width: auto !important; 51972 } 51973 51974 .card-wrapper-box .bt-qatc-form-container { 51975 left: 0 !important; 51976 right: 0 !important; 51977 bottom: -350% !important; 51978 width: 100% !important; 51979 min-height: 43px !important; 51980 opacity: 0 !important; 51981 visibility: hidden !important; 51982 pointer-events: none !important; 51983 transition: bottom .22s ease, opacity .18s ease !important; 51984 } 51985 51986 .card-wrapper-box .bt-qatc-form, 51987 .card-wrapper-box .bt-qatc-form-variants-container, 51988 .card-wrapper-box .bt-qatc-form-variants--list { 51989 width: 100% !important; 51990 } 51991 51992 .card-wrapper-box .bt-qatc-form-variants--list { 51993 display: flex !important;
51994 align-items: center !important; 51995 flex-wrap: wrap !important; 51996 gap: 0 !important; 51997 min-height: 43px !important; 51998 } 51999 52000 /* RIGHT: original bag button */ 52001 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 52002 display: flex !important; 52003 align-items: stretch !important; 52004 justify-content: center !important; 52005 left: auto !important; 52006 right: 0 !important; 52007 width: 46px !important; 52008 height: 43px !important; 52009 opacity: 0 !important; 52010 visibility: hidden !important; 52011 pointer-events: none !important; 52012 transition: opacity .18s ease !important; 52013 } 52014 52015 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 52016 display: flex !important; 52017 align-items: center !important; 52018 justify-content: center !important; 52019 width: 46px !important; 52020 height: 43px !important; 52021 min-width: 46px !important; 52022 padding: 0 !important; 52023 cursor: pointer !important; 52024 } 52025 52026 /* Hide Add to Basket text on desktop; keep only bag icon */ 52027 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 52028 display: none !important; 52029 } 52030 52031 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 52032 display: flex !important; 52033 align-items: center !important; 52034 justify-content: center !important; 52035 width: 100% !important; 52036 height: 100% !important; 52037 padding: 0 !important; 52038 } 52039 52040 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 52041 display: block !important; 52042 width: 16px !important; 52043 height: 17px !important; 52044 } 52045 52046 /* Show sizes + bag together on desktop hover */ 52047 .card-wrapper-box:hover .bt-qatc-form-container { 52048 bottom: 0 !important; 52049 opacity: 1 !important; 52050 visibility: visible !important; 52051 pointer-events: auto !important; 52052 } 52053 52054 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 52055 opacity: 1 !important; 52056 visibility: visible !important; 52057 pointer-events: auto !important; 52058 } 52059} 52060 52061@media (max-width: 989px) { 52062 .hide-mobile { 52063 display: none; 52064 } 52065} 52066</style> 52067 52068 52069<style> 52070/* ========================================================= 52071 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 52072 Keeps all sizes in one clean row on the left 52073 and the bag icon fixed on the right. 52074 ========================================================= */ 52075@media (min-width: 990px) { 52076 52077 .card-wrapper-box .bt-qatc-form-container { 52078 height: 43px !important; 52079 min-height: 43px !important; 52080 max-height: 43px !important; 52081 overflow: hidden !important; 52082 background: rgba(255,255,255,.96) !important; 52083 } 52084 52085 .card-wrapper-box .bt-qatc-form { 52086 display: block !important; 52087 height: 43px !important; 52088 min-height: 43px !important; 52089 margin: 0 !important; 52090 padding: 0 !important; 52091 } 52092 52093 .card-wrapper-box .bt-qatc-form-variants-container { 52094 display: block !important; 52095 width: 100% !important; 52096 height: 43px !important; 52097 min-height: 43px !important; 52098 margin: 0 !important; 52099 padding: 0 !important; 52100 } 52101 52102 .card-wrapper-box .bt-qatc-form-variants--list { 52103 display: flex !important; 52104 flex-direction: row !important; 52105 flex-wrap: wrap !important; 52106 align-items: center !important; 52107 justify-content: center !important; 52108 52109 width: 100% !important; 52110 height: 43px !important; 52111 min-height: 43px !important; 52112 52113 margin: 0 !important; 52114 padding: 0 6px !important; 52115 gap: 2px !important; 52116 52117 box-sizing: border-box !important; 52118 overflow: visible !important; 52119 white-space: normal !important; 52120 } 52121 52122 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 52123 display: none !important; 52124 } 52125 52126 .card-wrapper-box .bt-qatc-form-variant-input { 52127 position: relative !important; 52128 52129 display: flex !important; 52130 align-items: center !important; 52131 justify-content: center !important; 52132 52133 flex: 0 0 auto !important; 52134 width: auto !important; 52135 min-width: 32px !important; 52136 height: 43px !important; 52137 52138 margin: 0 !important; 52139 padding: 0 !important; 52140 52141 border: 0 !important; 52142 background: transparent !important; 52143 } 52144 52145 .card-wrapper-box .bt-qatc-form-variant-input label { 52146 position: static !important; 52147 52148 display: flex !important;
52149 align-items: center !important; 52150 justify-content: center !important; 52151 52152 width: auto !important; 52153 min-width: 32px !important; 52154 height: 32px !important; 52155 52156 margin: 0 !important; 52157 padding: 0 6px !important; 52158 52159 box-sizing: border-box !important; 52160 52161 background: transparent !important; 52162 border: 0 !important; 52163 52164 color: #111 !important; 52165 font-size: 12px !important; 52166 line-height: 1 !important; 52167 font-weight: 400 !important; 52168 52169 white-space: nowrap !important; 52170 cursor: pointer !important; 52171 } 52172 52173 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 52174 display: block !important; 52175 width: auto !important; 52176 max-width: none !important; 52177 52178 margin: 0 !important; 52179 padding: 0 !important; 52180 52181 overflow: visible !important; 52182 white-space: nowrap !important; 52183 text-overflow: clip !important; 52184 52185 font-size: inherit !important; 52186 line-height: inherit !important; 52187 } 52188 52189 /* Sold-out size */ 52190 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 52191 opacity: .35 !important; 52192 text-decoration: line-through !important; 52193 cursor: not-allowed !important; 52194 } 52195 52196 /* Optional hover feedback */ 52197 .card-wrapper-box 52198 .bt-qatc-form-variant-input:not(.is-disbaled) 52199 label:hover { 52200 text-decoration: underline !important; 52201 text-underline-offset: 3px !important; 52202 } 52203 52204 /* Prevent old theme transforms / absolute positions */ 52205 .card-wrapper-box .bt-qatc-form-variant-input *, 52206 .card-wrapper-box .bt-qatc-form-variants--list * { 52207 transform: none; 52208 } 52209} 52210</style> 52211 52212 52213<style> 52214/* Desktop quick-add: use one seamless background for sizes + bag */ 52215@media (min-width: 990px) { 52216 .card-wrapper-box .bt-qatc-form-container, 52217 .card-wrapper-box .bt-qatc-form, 52218 .card-wrapper-box .bt-qatc-form-variants-container, 52219 .card-wrapper-box .bt-qatc-form-variants--list, 52220 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 52221 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 52222 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 52223 background: rgba(255,255,255,.96) !important; 52224 } 52225 52226 /* Remove any visual split between sizes and bag */ 52227 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 52228 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 52229 border-left: 0 !important; 52230 box-shadow: none !important; 52231 } 52232} 52233</style> 52234 52235 52236<style> 52237/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 52238@media (min-width: 990px) { 52239 .card-wrapper-box .bt-qatc-form-container, 52240 .card-wrapper-box .bt-qatc-form, 52241 .card-wrapper-box .bt-qatc-form-variants-container { 52242 height: auto !important; 52243 max-height: none !important; 52244 overflow: visible !important; 52245 } 52246 52247 .card-wrapper-box .bt-qatc-form-variants--list { 52248 display: flex !important; 52249 flex-wrap: wrap !important; 52250 justify-content: center !important; 52251 align-items: center !important; 52252 height: auto !important; 52253 min-height: 43px !important; 52254 max-height: none !important; 52255 overflow: visible !important; 52256 white-space: normal !important; 52257 padding: 5px 6px !important; 52258 } 52259 52260 .card-wrapper-box .bt-qatc-form-variant-input { 52261 flex: 0 0 auto !important; 52262 } 52263} 52264</style> 52265
52266<script> 52267 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 52268 const wrap = label.closest('.bt-qatc-form-variant-input'); 52269 const form = label.closest('.bt-qatc-form'); 52270 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 52271 52272 if (!wrap || !form || !input) return; 52273 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 52274 if (label.dataset.loading === 'true') return; 52275 52276 input.checked = true; 52277 label.dataset.loading = 'true'; 52278 label.style.pointerEvents = 'none'; 52279 52280 try { 52281 const cartResp = await fetch('/cart.js', { 52282 method: 'GET', 52283 headers: { 'Accept': 'application/json' } 52284 }); 52285 52286 if (!cartResp.ok) throw new Error('Unable to read cart'); 52287 52288 const cart = await cartResp.json(); 52289 const variantId = Number(input.value); 52290 const selectedPrice = Number(input.dataset.price || 0) / 100; 52291 const totalCartPrice = Number(cart.total_price || 0) / 100; 52292 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 52293 52294 if ((totalCartPrice + selectedPrice) > 250000) { 52295 if (window.showAlert) { 52296 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 52297 } else { 52298 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 52299 } 52300 return; 52301 } 52302 52303 if (itemInCart && Number(itemInCart.quantity) >= 3) { 52304 if (window.showAlert) { 52305 window.showAlert('Limit reached: Max 3 items per size can be added'); 52306 } else { 52307 alert('Limit reached: Max 3 items per size can be added'); 52308 } 52309 return; 52310 } 52311 52312 52313 const cartSections = document.querySelector('cart-notification, cart-drawer'); 52314 const formData = new FormData(form); 52315 52316 formData.set('id', input.value); 52317 formData.set('quantity', '1'); 52318 52319 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 52320 formData.set( 52321 'sections', 52322 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 52323 ); 52324 } 52325 52326 formData.set('sections_url', window.location.pathname); 52327 52328 const addResp = await fetch('/cart/add.js', { 52329 method: 'POST', 52330 headers: { 'Accept': 'application/json' }, 52331 body: formData 52332 }); 52333 52334 const data = await addResp.json(); 52335 52336 if (!addResp.ok) { 52337 throw new Error(data.description || data.message || 'Unable to add this size'); 52338 } 52339 52340 if (cartSections && typeof cartSections.renderContents === 'function') { 52341 cartSections.renderContents(data); 52342 } else { 52343 const bubble = document.querySelector('#cart-icon-bubble'); 52344 if (bubble) bubble.click(); 52345 } 52346 52347 const card = label.closest('.card-wrapper-box'); 52348 if (card) { 52349 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 52350 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 52351 } 52352 } catch (error) { 52353 console.error('SEFAM hover size quick-add error:', error); 52354 if (window.showAlert) { 52355 window.showAlert(error.message || 'Unable to add this size to cart'); 52356 } else { 52357 alert(error.message || 'Unable to add this size to cart'); 52358 } 52359 } finally { 52360 label.dataset.loading = 'false'; 52361 label.style.pointerEvents = ''; 52362 } 52363 }; 52364</script>
52364 52365 52366<style> 52367/* Desktop quick-add final alignment: 52368 sizes start from left; bag area matches the complete quick-size background height. */ 52369@media (min-width: 990px) { 52370 .card-wrapper-box .bt-qatc-form-variants--list { 52371 justify-content: flex-start !important; 52372 align-content: center !important; 52373 text-align: left !important; 52374 } 52375 52376 .card-wrapper-box .bt-qatc-container { 52377 right: 46px !important; 52378 } 52379 52380 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 52381 top: auto !important; 52382 bottom: 0 !important; 52383 width: 46px !important; 52384 height: 100% !important; 52385 min-height: 43px !important; 52386 align-items: stretch !important; 52387 background: rgba(255,255,255,.96) !important; 52388 } 52389 52390 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 52391 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 52392 width: 46px !important; 52393 height: 100% !important; 52394 min-height: 43px !important; 52395 background: rgba(255,255,255,.96) !important; 52396 } 52397 52398 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 52399 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 52400 height: var(--sefam-quick-add-height, 43px) !important; 52401 } 52402} 52403</style>
52404<script> 52405(function () { 52406 function syncQuickAddHeight(card) { 52407 if (!card || window.innerWidth < 990) return; 52408 var panel = card.querySelector('.bt-qatc-form-container'); 52409 if (!panel) return; 52410 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 52411 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 52412 } 52413 52414 document.addEventListener('mouseover', function(e) { 52415 var card = e.target.closest('.card-wrapper-box'); 52416 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 52417 }, { passive: true }); 52418 52419 window.addEventListener('resize', function() { 52420 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 52421 }, { passive: true }); 52422})(); 52423</script>
52423 52424 52425 52426 52427<style> 52428/* ========================================================= 52429 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 52430 - reduce space between sizes 52431 - keep sizes left aligned 52432 - keep the bag icon on the BOTTOM row 52433 - bag background still matches the full size panel 52434 ========================================================= */ 52435@media (min-width: 990px) { 52436 52437 /* More usable width for sizes */ 52438 .card-wrapper-box .bt-qatc-container { 52439 right: 42px !important; 52440 } 52441 52442 /* Compact, left-aligned size list */ 52443 .card-wrapper-box .bt-qatc-form-variants--list { 52444 justify-content: flex-start !important; 52445 align-items: center !important; 52446 align-content: center !important; 52447 52448 column-gap: 0 !important; 52449 row-gap: 0 !important; 52450 52451 padding: 4px 4px !important; 52452 margin: 0 !important; 52453 } 52454 52455 .card-wrapper-box .bt-qatc-form-variant-input { 52456 min-width: 0 !important; 52457 width: auto !important; 52458 height: 35px !important; 52459 margin: 0 !important; 52460 padding: 0 !important; 52461 } 52462 52463 .card-wrapper-box .bt-qatc-form-variant-input label { 52464 min-width: 0 !important; 52465 width: auto !important; 52466 height: 35px !important; 52467 52468 margin: 0 !important; 52469 padding: 0 4px !important; 52470 52471 font-size: 12px !important; 52472 line-height: 1 !important; 52473 } 52474 52475 /* Bag column keeps the same full white background as the sizes */ 52476 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 52477 right: 0 !important; 52478 bottom: 0 !important; 52479 top: auto !important; 52480 52481 width: 42px !important; 52482 min-width: 42px !important; 52483 height: var(--sefam-quick-add-height, 43px) !important; 52484 min-height: 43px !important; 52485 52486 display: flex !important; 52487 flex-direction: column !important; 52488 justify-content: flex-end !important; 52489 align-items: stretch !important; 52490 52491 padding: 0 !important; 52492 margin: 0 !important; 52493 52494 background: rgba(255,255,255,.96) !important; 52495 } 52496 52497 /* The clickable bag itself always sits at the bottom */ 52498 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 52499 width: 42px !important; 52500 min-width: 42px !important; 52501 height: 43px !important; 52502 min-height: 43px !important; 52503 52504 margin-top: auto !important; 52505 padding: 0 !important; 52506 52507 display: flex !important; 52508 align-items: center !important; 52509 justify-content: center !important; 52510 52511 background: rgba(255,255,255,.96) !important; 52512 } 52513 52514 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 52515 width: 42px !important; 52516 height: 43px !important; 52517 min-height: 43px !important; 52518 52519 display: flex !important; 52520 align-items: center !important; 52521 justify-content: center !important; 52522 52523 padding: 0 !important; 52524 margin: 0 !important; 52525 52526 background: transparent !important; 52527 } 52528 52529 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 52530 width: 16px !important; 52531 height: 17px !important; 52532 } 52533} 52534</style> 52535 52536 52537<style> 52538/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 52539@media (min-width: 990px) { 52540 .card-wrapper-box .bt-qatc-form-variants--list { 52541 padding: 3px 4px !important; 52542 column-gap: 0 !important; 52543 row-gap: 0 !important; 52544 justify-content: flex-start !important; 52545 align-items: center !important; 52546 align-content: center !important; 52547 } 52548 52549 .card-wrapper-box .bt-qatc-form-variant-input { 52550 min-width: 0 !important; 52551 width: auto !important; 52552 height: 30px !important; 52553 margin: 0 !important; 52554 padding: 0 !important; 52555 } 52556 52557 .card-wrapper-box .bt-qatc-form-variant-input label { 52558 min-width: 0 !important; 52559 width: auto !important; 52560 height: 30px !important; 52561 margin: 0 !important; 52562 padding: 0 4px !important; 52563 font-size: 12px !important; 52564 line-height: 1 !important; 52565 display: flex !important; 52566 align-items: center !important; 52567 justify-content: center !important; 52568 } 52569 52570 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 52571 display: flex !important; 52572 flex-direction: column !important; 52573 justify-content: flex-end !important;
52574 align-items: stretch !important; 52575 bottom: 0 !important; 52576 top: auto !important; 52577 height: var(--sefam-quick-add-height, 36px) !important; 52578 min-height: 36px !important; 52579 } 52580 52581 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 52582 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 52583 height: 36px !important; 52584 min-height: 36px !important; 52585 margin-top: auto !important; 52586 } 52587} 52588</style> 52589 52590<style> 52591 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 52592 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 52593 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 52594 .card_colorways_container .new-mbl-color-single label span, 52595 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 52596 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 52597</style> 52598 52599 </li> 52600 52601 <li 52602 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_XEb3C9-3" 52603 class="grid__item slider__slide" 52604 > 52605 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 52606� 52607 52608 52609 � 52610 52611 52612 52613 <div class="card-wrapper product-card-wrapper"> 52614 <div 52615 class=" 52616 card card--standard 52617 card--media 52618 52619 52620 52621 52622 52623 " 52624 style="--ratio-percent: 150.00000000000003%;" 52625 52626 > 52627 <div class="card-wrapper-box"> 52628 52629 <div 52630 class="card__inner color-scheme-2 gradient ratio" 52631 style="--ratio-percent: 150.00000000000003%;" 52632 52633 > 52634 �<a href="/products/smc932126"> 52635 52636 �<div class="card-prdct2 card__media"> 52637 <div class="media media--transparent mt3"> 52638 52639 52640 <img 52641 src="//sefam.com/cdn/shop/files/SMC932126_6.jpg?v=1790750600&width=800" 52642 srcset="//sefam.com/cdn/shop/files/SMC932126_6.jpg?v=1790750600&width=1600 2x" 52643 class="" 52644 alt="Micro Twill Cotton Blazer - SMC932126" 52645 52646 loading="lazy" 52647 52648 width="2400" 52649 height="3600" 52650 > 52651 �<img 52652 src="//sefam.com/cdn/shop/files/SMC932126_7.jpg?v=1790750600&width=800" 52653 srcset="//sefam.com/cdn/shop/files/SMC932126_7.jpg?v=1790750600&width=1600 2x" 52654 alt="Micro Twill Cotton Blazer - SMC932126" 52655 loading="lazy" 52656 width="2400" 52657 height="3600" 52658 data-index="" 52659 > 52660 52661 � 52662 </div> 52663 52664 52665 </div> 52666 </a> 52667 </div> 52668 52669 52670 52671 52672 <div class="bt-qatc-container"> 52673 <div class="bt-qatc-form-container"> 52674 <div class="bt-qatc-form-content large-up-hide medium-hide"> 52675 <h3>Micro Twill Cotton Blazer - SMC932126</h3> 52676 52677<div 52678 class=" 52679 price " 52680 > 52681 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 52682 <span class="price-item price-item--regular"> 52683 <span class=money>Rs.15,990</span> 52684 </span></div> 52685 <div class="price__sale"> 52686 <span class="visually-hidden visually-hidden--inline">Regular price</span> 52687 <span> 52688 <s class="price-item price-item--regular"> 52689
52690 <span class=money>Rs.15,990</span> 52691 52692 </s> 52693 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 52694 <span class="price-item price-item--sale price-item--last"> 52695 52696 52697 52698 52699 <span class="percentage__sale hidden">0% OFF</span> 52700 52701 <span class=money>Rs.15,990</span> 52702 </span> 52703 </div> 52704 <small class="unit-price caption hidden"> 52705 <span class="visually-hidden">Unit price</span> 52706 <span class="price-item price-item--last"> 52707 <span></span> 52708 <span aria-hidden="true">/</span> 52709 <span class="visually-hidden"> per </span> 52710 <span> 52711 </span> 52712 </span> 52713 </small> 52714 </div></div> 52715 52716 52717 52718 </div> 52719 <div 52720 class="ethnc-form-media large-up-hide medium-hide" 52721 52722 ></div> 52723 <form method="post" action="/cart/add" class="bt-qatc-form"> 52724 <input type="hidden" name="quantity" value="1"> 52725 <div class="bt-qatc-form-variants-container"> 52726 <div class="bt-qatc-form-variants--list"> 52727 52728 <div 52729 class="in-use bt-qatc-form-variant-input is-disbaled" 52730 52731 > 52732 <input 52733 type="radio" 52734 name="id" 52735 id="-51992104698152" 52736 value="51992104698152" 52737 data-price="1599000" 52738 data-item-id="10313934635304" 52739 hidden 52740 52741 disbaled 52742 52743 data-item-id="10313934635304" 52744 52745 > 52746 52747 <label 52748 for="-51992104698152" 52749 data-sefam-quick-size 52750 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 52751 > 52752 <span class="split-variant-value"> 52753 52754 52755 52756 52757 52758 52759 52760 XS 52761 52762 52763</span> 52764 </label> 52765 </div> 52766 52767 <div 52768 class="in-use bt-qatc-form-variant-input" 52769 52770 > 52771 <input 52772 type="radio" 52773 name="id" 52774 id="-51992104730920" 52775 value="51992104730920" 52776 data-price="1599000" 52777 data-item-id="10313934635304" 52778 hidden 52779 52780 data-item-id="10313934635304" 52781 52782 > 52783 52784 <label 52785 for="-51992104730920" 52786 data-sefam-quick-size 52787 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 52788 > 52789 <span class="split-variant-value"> 52790 52791 52792 52793 52794 52795 52796 52797 S 52798 52799 52800</span> 52801 </label> 52802 </div> 52803 52804 <div 52805 class="in-use bt-qatc-form-variant-input" 52806 52807 > 52808 <input 52809 type="radio" 52810 name="id" 52811 id="-51992104763688" 52812 value="51992104763688" 52813 data-price="1599000" 52814 data-item-id="10313934635304" 52815 hidden 52816 52817 data-item-id="10313934635304" 52818 52819 > 52820 52821 <label 52822 for="-51992104763688" 52823 data-sefam-quick-size 52824 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 52825 >
52826 <span class="split-variant-value"> 52827 52828 52829 52830 52831 52832 52833 52834 M 52835 52836 52837</span> 52838 </label> 52839 </div> 52840 52841 <div 52842 class="in-use bt-qatc-form-variant-input" 52843 52844 > 52845 <input 52846 type="radio" 52847 name="id" 52848 id="-51992104796456" 52849 value="51992104796456" 52850 data-price="1599000" 52851 data-item-id="10313934635304" 52852 hidden 52853 52854 data-item-id="10313934635304" 52855 52856 > 52857 52858 <label 52859 for="-51992104796456" 52860 data-sefam-quick-size 52861 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 52862 > 52863 <span class="split-variant-value"> 52864 52865 52866 52867 52868 52869 52870 52871 L 52872 52873 52874</span> 52875 </label> 52876 </div> 52877 52878 <div 52879 class="in-use bt-qatc-form-variant-input" 52880 52881 > 52882 <input 52883 type="radio" 52884 name="id" 52885 id="-51992104829224" 52886 value="51992104829224" 52887 data-price="1599000" 52888 data-item-id="10313934635304" 52889 hidden 52890 52891 data-item-id="10313934635304" 52892 52893 > 52894 52895 <label 52896 for="-51992104829224" 52897 data-sefam-quick-size 52898 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 52899 > 52900 <span class="split-variant-value"> 52901 52902 52903 52904 52905 52906 52907 52908 XL 52909 52910 52911</span> 52912 </label> 52913 </div> 52914 52915 </div> 52916 52917 52918 52919 52920 </div> 52921 </form> 52922 </div> 52923 </div> 52924 52925 52926 52927 52928 52929 52930 52931 52932 52933 52934 52935 52936 52937 52938 52939 52940 52941 52942 52943 52944 52945 52946 52947 52948 52949 52950 52951 52952 52953 52954 52955 52956 52957 52958 52959 52960 52961 52962 52963 52964 52965 52966 52967 52968 52969 52970 52971 52972 52973 52974 52975 52976 52977 52978 52979 52980 52981 52982 52983 52984 52985 52986 52987 52988 52989 52990 <div 52991 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 52992 > 52993 <div class="ethnc-qatc-btn cstm-add-btn visible"> 52994 <span class="small-hide hide-mobile">Add to Basket</span> 52995 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 52996 </span>
52997 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 52998 width="11" 52999 height="11" 53000 viewBox="0 0 11 11" 53001 fill="none" 53002> 53003 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 53004 fill="black" 53005 /> 53006</svg> 53007</span> 53008 </div> 53009 </div> 53010 53011 53012 </div> 53013 53014 <div class="card__content aiza2"> 53015 <div class="card__information"> 53016 <small class="product-brand"> 53017 Shahnameh 53018 </small> 53019 <h3 53020 class="card__heading h5" 53021 53022 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10313934635304" 53023 53024 > 53025 <a 53026 href="/products/smc932126" 53027 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10313934635304" 53028 class="full-unstyled-link" 53029 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10313934635304 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10313934635304" 53030 > 53031 Micro Twill Cotton Blazer - SMC932126 53032 53033 <div class="card_colorways_container" onclick="event.stopPropagation();"> 53034 53035 53036 � 53037 </div> 53038 </a> 53039 53040 </h3> 53041 53042 <div class="card-information"><span class="caption-large light"></span> 53043<div 53044 class=" 53045 price " 53046 > 53047 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 53048 <span class="price-item price-item--regular"> 53049 <span class=money>Rs.15,990</span> 53050 </span></div> 53051 <div class="price__sale"> 53052 <span class="visually-hidden visually-hidden--inline">Regular price</span> 53053 <span> 53054 <s class="price-item price-item--regular"> 53055 53056 <span class=money>Rs.15,990</span> 53057 53058 </s> 53059 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 53060 <span class="price-item price-item--sale price-item--last"> 53061 53062 53063 53064 53065 <span class="percentage__sale hidden">0% OFF</span> 53066 53067 <span class=money>Rs.15,990</span> 53068 </span> 53069 </div> 53070 <small class="unit-price caption hidden"> 53071 <span class="visually-hidden">Unit price</span> 53072 <span class="price-item price-item--last"> 53073 <span></span> 53074 <span aria-hidden="true">/</span> 53075 <span class="visually-hidden"> per </span> 53076 <span> 53077 </span> 53078 </span> 53079 </small> 53080 </div></div> 53081 53082 53083 53084 </div> 53085 </div> 53086 </div> 53087 53088 </div> 53089 </div><style> 53090/* ========================================================= 53091 DESKTOP PRODUCT CARD QUICK ADD 53092 LEFT = sizes 53093 RIGHT = original bag icon 53094 Mobile behavior remains unchanged 53095 ========================================================= */ 53096@media (min-width: 990px) { 53097 .hide-desktop { 53098 display: none !important; 53099 } 53100 53101 /* Keep both controls on the same bottom row */ 53102 .card-wrapper-box { 53103 position: relative; 53104 } 53105 53106 .card-wrapper-box .bt-qatc-container, 53107 .card-wrapper-box .ethnc-qatc-btn-container { 53108 position: absolute !important; 53109 bottom: 0 !important; 53110 z-index: 8 !important; 53111 } 53112 53113 /* LEFT: size area */ 53114 .card-wrapper-box .bt-qatc-container { 53115 left: 0 !important; 53116 right: 46px !important; 53117 width: auto !important; 53118 } 53119 53120 .card-wrapper-box .bt-qatc-form-container { 53121 left: 0 !important; 53122 right: 0 !important; 53123 bottom: -350% !important; 53124 width: 100% !important; 53125 min-height: 43px !important; 53126 opacity: 0 !important; 53127 visibility: hidden !important; 53128 pointer-events: none !important; 53129 transition: bottom .22s ease, opacity .18s ease !important; 53130 } 53131 53132 .card-wrapper-box .bt-qatc-form, 53133 .card-wrapper-box .bt-qatc-form-variants-container, 53134 .card-wrapper-box .bt-qatc-form-variants--list { 53135 width: 100% !important; 53136 } 53137 53138 .card-wrapper-box .bt-qatc-form-variants--list { 53139 display: flex !important;
53140 align-items: center !important; 53141 flex-wrap: wrap !important; 53142 gap: 0 !important; 53143 min-height: 43px !important; 53144 } 53145 53146 /* RIGHT: original bag button */ 53147 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 53148 display: flex !important; 53149 align-items: stretch !important; 53150 justify-content: center !important; 53151 left: auto !important; 53152 right: 0 !important; 53153 width: 46px !important; 53154 height: 43px !important; 53155 opacity: 0 !important; 53156 visibility: hidden !important; 53157 pointer-events: none !important; 53158 transition: opacity .18s ease !important; 53159 } 53160 53161 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 53162 display: flex !important; 53163 align-items: center !important; 53164 justify-content: center !important; 53165 width: 46px !important; 53166 height: 43px !important; 53167 min-width: 46px !important; 53168 padding: 0 !important; 53169 cursor: pointer !important; 53170 } 53171 53172 /* Hide Add to Basket text on desktop; keep only bag icon */ 53173 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 53174 display: none !important; 53175 } 53176 53177 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 53178 display: flex !important; 53179 align-items: center !important; 53180 justify-content: center !important; 53181 width: 100% !important; 53182 height: 100% !important; 53183 padding: 0 !important; 53184 } 53185 53186 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 53187 display: block !important; 53188 width: 16px !important; 53189 height: 17px !important; 53190 } 53191 53192 /* Show sizes + bag together on desktop hover */ 53193 .card-wrapper-box:hover .bt-qatc-form-container { 53194 bottom: 0 !important; 53195 opacity: 1 !important; 53196 visibility: visible !important; 53197 pointer-events: auto !important; 53198 } 53199 53200 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 53201 opacity: 1 !important; 53202 visibility: visible !important; 53203 pointer-events: auto !important; 53204 } 53205} 53206 53207@media (max-width: 989px) { 53208 .hide-mobile { 53209 display: none; 53210 } 53211} 53212</style> 53213 53214 53215<style> 53216/* ========================================================= 53217 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 53218 Keeps all sizes in one clean row on the left 53219 and the bag icon fixed on the right. 53220 ========================================================= */ 53221@media (min-width: 990px) { 53222 53223 .card-wrapper-box .bt-qatc-form-container { 53224 height: 43px !important; 53225 min-height: 43px !important; 53226 max-height: 43px !important; 53227 overflow: hidden !important; 53228 background: rgba(255,255,255,.96) !important; 53229 } 53230 53231 .card-wrapper-box .bt-qatc-form { 53232 display: block !important; 53233 height: 43px !important; 53234 min-height: 43px !important; 53235 margin: 0 !important; 53236 padding: 0 !important; 53237 } 53238 53239 .card-wrapper-box .bt-qatc-form-variants-container { 53240 display: block !important; 53241 width: 100% !important; 53242 height: 43px !important; 53243 min-height: 43px !important; 53244 margin: 0 !important; 53245 padding: 0 !important; 53246 } 53247 53248 .card-wrapper-box .bt-qatc-form-variants--list { 53249 display: flex !important; 53250 flex-direction: row !important; 53251 flex-wrap: wrap !important; 53252 align-items: center !important; 53253 justify-content: center !important; 53254 53255 width: 100% !important; 53256 height: 43px !important; 53257 min-height: 43px !important; 53258 53259 margin: 0 !important; 53260 padding: 0 6px !important; 53261 gap: 2px !important; 53262 53263 box-sizing: border-box !important; 53264 overflow: visible !important; 53265 white-space: normal !important; 53266 } 53267 53268 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 53269 display: none !important; 53270 } 53271 53272 .card-wrapper-box .bt-qatc-form-variant-input { 53273 position: relative !important; 53274 53275 display: flex !important; 53276 align-items: center !important; 53277 justify-content: center !important; 53278 53279 flex: 0 0 auto !important; 53280 width: auto !important; 53281 min-width: 32px !important; 53282 height: 43px !important; 53283 53284 margin: 0 !important; 53285 padding: 0 !important; 53286 53287 border: 0 !important; 53288 background: transparent !important; 53289 } 53290 53291 .card-wrapper-box .bt-qatc-form-variant-input label { 53292 position: static !important; 53293 53294 display: flex !important;
53295 align-items: center !important; 53296 justify-content: center !important; 53297 53298 width: auto !important; 53299 min-width: 32px !important; 53300 height: 32px !important; 53301 53302 margin: 0 !important; 53303 padding: 0 6px !important; 53304 53305 box-sizing: border-box !important; 53306 53307 background: transparent !important; 53308 border: 0 !important; 53309 53310 color: #111 !important; 53311 font-size: 12px !important; 53312 line-height: 1 !important; 53313 font-weight: 400 !important; 53314 53315 white-space: nowrap !important; 53316 cursor: pointer !important; 53317 } 53318 53319 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 53320 display: block !important; 53321 width: auto !important; 53322 max-width: none !important; 53323 53324 margin: 0 !important; 53325 padding: 0 !important; 53326 53327 overflow: visible !important; 53328 white-space: nowrap !important; 53329 text-overflow: clip !important; 53330 53331 font-size: inherit !important; 53332 line-height: inherit !important; 53333 } 53334 53335 /* Sold-out size */ 53336 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 53337 opacity: .35 !important; 53338 text-decoration: line-through !important; 53339 cursor: not-allowed !important; 53340 } 53341 53342 /* Optional hover feedback */ 53343 .card-wrapper-box 53344 .bt-qatc-form-variant-input:not(.is-disbaled) 53345 label:hover { 53346 text-decoration: underline !important; 53347 text-underline-offset: 3px !important; 53348 } 53349 53350 /* Prevent old theme transforms / absolute positions */ 53351 .card-wrapper-box .bt-qatc-form-variant-input *, 53352 .card-wrapper-box .bt-qatc-form-variants--list * { 53353 transform: none; 53354 } 53355} 53356</style> 53357 53358 53359<style> 53360/* Desktop quick-add: use one seamless background for sizes + bag */ 53361@media (min-width: 990px) { 53362 .card-wrapper-box .bt-qatc-form-container, 53363 .card-wrapper-box .bt-qatc-form, 53364 .card-wrapper-box .bt-qatc-form-variants-container, 53365 .card-wrapper-box .bt-qatc-form-variants--list, 53366 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 53367 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 53368 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 53369 background: rgba(255,255,255,.96) !important; 53370 } 53371 53372 /* Remove any visual split between sizes and bag */ 53373 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 53374 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 53375 border-left: 0 !important; 53376 box-shadow: none !important; 53377 } 53378} 53379</style> 53380 53381 53382<style> 53383/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 53384@media (min-width: 990px) { 53385 .card-wrapper-box .bt-qatc-form-container, 53386 .card-wrapper-box .bt-qatc-form, 53387 .card-wrapper-box .bt-qatc-form-variants-container { 53388 height: auto !important; 53389 max-height: none !important; 53390 overflow: visible !important; 53391 } 53392 53393 .card-wrapper-box .bt-qatc-form-variants--list { 53394 display: flex !important; 53395 flex-wrap: wrap !important; 53396 justify-content: center !important; 53397 align-items: center !important; 53398 height: auto !important; 53399 min-height: 43px !important; 53400 max-height: none !important; 53401 overflow: visible !important; 53402 white-space: normal !important; 53403 padding: 5px 6px !important; 53404 } 53405 53406 .card-wrapper-box .bt-qatc-form-variant-input { 53407 flex: 0 0 auto !important; 53408 } 53409} 53410</style> 53411
53412<script> 53413 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 53414 const wrap = label.closest('.bt-qatc-form-variant-input'); 53415 const form = label.closest('.bt-qatc-form'); 53416 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 53417 53418 if (!wrap || !form || !input) return; 53419 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 53420 if (label.dataset.loading === 'true') return; 53421 53422 input.checked = true; 53423 label.dataset.loading = 'true'; 53424 label.style.pointerEvents = 'none'; 53425 53426 try { 53427 const cartResp = await fetch('/cart.js', { 53428 method: 'GET', 53429 headers: { 'Accept': 'application/json' } 53430 }); 53431 53432 if (!cartResp.ok) throw new Error('Unable to read cart'); 53433 53434 const cart = await cartResp.json(); 53435 const variantId = Number(input.value); 53436 const selectedPrice = Number(input.dataset.price || 0) / 100; 53437 const totalCartPrice = Number(cart.total_price || 0) / 100; 53438 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 53439 53440 if ((totalCartPrice + selectedPrice) > 250000) { 53441 if (window.showAlert) { 53442 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 53443 } else { 53444 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 53445 } 53446 return; 53447 } 53448 53449 if (itemInCart && Number(itemInCart.quantity) >= 3) { 53450 if (window.showAlert) { 53451 window.showAlert('Limit reached: Max 3 items per size can be added'); 53452 } else { 53453 alert('Limit reached: Max 3 items per size can be added'); 53454 } 53455 return; 53456 } 53457 53458 53459 const cartSections = document.querySelector('cart-notification, cart-drawer'); 53460 const formData = new FormData(form); 53461 53462 formData.set('id', input.value); 53463 formData.set('quantity', '1'); 53464 53465 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 53466 formData.set( 53467 'sections', 53468 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 53469 ); 53470 } 53471 53472 formData.set('sections_url', window.location.pathname); 53473 53474 const addResp = await fetch('/cart/add.js', { 53475 method: 'POST', 53476 headers: { 'Accept': 'application/json' }, 53477 body: formData 53478 }); 53479 53480 const data = await addResp.json(); 53481 53482 if (!addResp.ok) { 53483 throw new Error(data.description || data.message || 'Unable to add this size'); 53484 } 53485 53486 if (cartSections && typeof cartSections.renderContents === 'function') { 53487 cartSections.renderContents(data); 53488 } else { 53489 const bubble = document.querySelector('#cart-icon-bubble'); 53490 if (bubble) bubble.click(); 53491 } 53492 53493 const card = label.closest('.card-wrapper-box'); 53494 if (card) { 53495 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 53496 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 53497 } 53498 } catch (error) { 53499 console.error('SEFAM hover size quick-add error:', error); 53500 if (window.showAlert) { 53501 window.showAlert(error.message || 'Unable to add this size to cart'); 53502 } else { 53503 alert(error.message || 'Unable to add this size to cart'); 53504 } 53505 } finally { 53506 label.dataset.loading = 'false'; 53507 label.style.pointerEvents = ''; 53508 } 53509 }; 53510</script>
53510 53511 53512<style> 53513/* Desktop quick-add final alignment: 53514 sizes start from left; bag area matches the complete quick-size background height. */ 53515@media (min-width: 990px) { 53516 .card-wrapper-box .bt-qatc-form-variants--list { 53517 justify-content: flex-start !important; 53518 align-content: center !important; 53519 text-align: left !important; 53520 } 53521 53522 .card-wrapper-box .bt-qatc-container { 53523 right: 46px !important; 53524 } 53525 53526 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 53527 top: auto !important; 53528 bottom: 0 !important; 53529 width: 46px !important; 53530 height: 100% !important; 53531 min-height: 43px !important; 53532 align-items: stretch !important; 53533 background: rgba(255,255,255,.96) !important; 53534 } 53535 53536 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 53537 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 53538 width: 46px !important; 53539 height: 100% !important; 53540 min-height: 43px !important; 53541 background: rgba(255,255,255,.96) !important; 53542 } 53543 53544 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 53545 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 53546 height: var(--sefam-quick-add-height, 43px) !important; 53547 } 53548} 53549</style>
53550<script> 53551(function () { 53552 function syncQuickAddHeight(card) { 53553 if (!card || window.innerWidth < 990) return; 53554 var panel = card.querySelector('.bt-qatc-form-container'); 53555 if (!panel) return; 53556 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 53557 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 53558 } 53559 53560 document.addEventListener('mouseover', function(e) { 53561 var card = e.target.closest('.card-wrapper-box'); 53562 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 53563 }, { passive: true }); 53564 53565 window.addEventListener('resize', function() { 53566 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 53567 }, { passive: true }); 53568})(); 53569</script>
53569 53570 53571 53572 53573<style> 53574/* ========================================================= 53575 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 53576 - reduce space between sizes 53577 - keep sizes left aligned 53578 - keep the bag icon on the BOTTOM row 53579 - bag background still matches the full size panel 53580 ========================================================= */ 53581@media (min-width: 990px) { 53582 53583 /* More usable width for sizes */ 53584 .card-wrapper-box .bt-qatc-container { 53585 right: 42px !important; 53586 } 53587 53588 /* Compact, left-aligned size list */ 53589 .card-wrapper-box .bt-qatc-form-variants--list { 53590 justify-content: flex-start !important; 53591 align-items: center !important; 53592 align-content: center !important; 53593 53594 column-gap: 0 !important; 53595 row-gap: 0 !important; 53596 53597 padding: 4px 4px !important; 53598 margin: 0 !important; 53599 } 53600 53601 .card-wrapper-box .bt-qatc-form-variant-input { 53602 min-width: 0 !important; 53603 width: auto !important; 53604 height: 35px !important; 53605 margin: 0 !important; 53606 padding: 0 !important; 53607 } 53608 53609 .card-wrapper-box .bt-qatc-form-variant-input label { 53610 min-width: 0 !important; 53611 width: auto !important; 53612 height: 35px !important; 53613 53614 margin: 0 !important; 53615 padding: 0 4px !important; 53616 53617 font-size: 12px !important; 53618 line-height: 1 !important; 53619 } 53620 53621 /* Bag column keeps the same full white background as the sizes */ 53622 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 53623 right: 0 !important; 53624 bottom: 0 !important; 53625 top: auto !important; 53626 53627 width: 42px !important; 53628 min-width: 42px !important; 53629 height: var(--sefam-quick-add-height, 43px) !important; 53630 min-height: 43px !important; 53631 53632 display: flex !important; 53633 flex-direction: column !important; 53634 justify-content: flex-end !important; 53635 align-items: stretch !important; 53636 53637 padding: 0 !important; 53638 margin: 0 !important; 53639 53640 background: rgba(255,255,255,.96) !important; 53641 } 53642 53643 /* The clickable bag itself always sits at the bottom */ 53644 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 53645 width: 42px !important; 53646 min-width: 42px !important; 53647 height: 43px !important; 53648 min-height: 43px !important; 53649 53650 margin-top: auto !important; 53651 padding: 0 !important; 53652 53653 display: flex !important; 53654 align-items: center !important; 53655 justify-content: center !important; 53656 53657 background: rgba(255,255,255,.96) !important; 53658 } 53659 53660 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 53661 width: 42px !important; 53662 height: 43px !important; 53663 min-height: 43px !important; 53664 53665 display: flex !important; 53666 align-items: center !important; 53667 justify-content: center !important; 53668 53669 padding: 0 !important; 53670 margin: 0 !important; 53671 53672 background: transparent !important; 53673 } 53674 53675 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 53676 width: 16px !important; 53677 height: 17px !important; 53678 } 53679} 53680</style> 53681 53682 53683<style> 53684/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 53685@media (min-width: 990px) { 53686 .card-wrapper-box .bt-qatc-form-variants--list { 53687 padding: 3px 4px !important; 53688 column-gap: 0 !important; 53689 row-gap: 0 !important; 53690 justify-content: flex-start !important; 53691 align-items: center !important; 53692 align-content: center !important; 53693 } 53694 53695 .card-wrapper-box .bt-qatc-form-variant-input { 53696 min-width: 0 !important; 53697 width: auto !important; 53698 height: 30px !important; 53699 margin: 0 !important; 53700 padding: 0 !important; 53701 } 53702 53703 .card-wrapper-box .bt-qatc-form-variant-input label { 53704 min-width: 0 !important; 53705 width: auto !important; 53706 height: 30px !important; 53707 margin: 0 !important; 53708 padding: 0 4px !important; 53709 font-size: 12px !important; 53710 line-height: 1 !important; 53711 display: flex !important; 53712 align-items: center !important; 53713 justify-content: center !important; 53714 } 53715 53716 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 53717 display: flex !important; 53718 flex-direction: column !important; 53719 justify-content: flex-end !important;
53720 align-items: stretch !important; 53721 bottom: 0 !important; 53722 top: auto !important; 53723 height: var(--sefam-quick-add-height, 36px) !important; 53724 min-height: 36px !important; 53725 } 53726 53727 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 53728 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 53729 height: 36px !important; 53730 min-height: 36px !important; 53731 margin-top: auto !important; 53732 } 53733} 53734</style> 53735 53736<style> 53737 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 53738 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 53739 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 53740 .card_colorways_container .new-mbl-color-single label span, 53741 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 53742 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 53743</style> 53744 53745 </li> 53746 53747 <li 53748 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_XEb3C9-4" 53749 class="grid__item slider__slide" 53750 > 53751 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 53752� 53753 53754 53755 � 53756 53757 53758 53759 <div class="card-wrapper product-card-wrapper"> 53760 <div 53761 class=" 53762 card card--standard 53763 card--media 53764 53765 53766 53767 53768 53769 " 53770 style="--ratio-percent: 150.00000000000003%;" 53771 53772 > 53773 <div class="card-wrapper-box"> 53774 53775 <div 53776 class="card__inner color-scheme-2 gradient ratio" 53777 style="--ratio-percent: 150.00000000000003%;" 53778 53779 > 53780 �<a href="/products/sws404426"> 53781 53782 �<div class="card-prdct2 card__media"> 53783 <div class="media media--transparent mt3"> 53784 53785 53786 <img 53787 src="//sefam.com/cdn/shop/files/SWS404426_3.jpg?v=1790944276&width=800" 53788 srcset="//sefam.com/cdn/shop/files/SWS404426_3.jpg?v=1790944276&width=1600 2x" 53789 class="" 53790 alt="Premium Cotton Twill Shirt - SWS404426" 53791 53792 loading="lazy" 53793 53794 width="2400" 53795 height="3600" 53796 > 53797 �<img 53798 src="//sefam.com/cdn/shop/files/SWS404426_1.jpg?v=1790944275&width=800" 53799 srcset="//sefam.com/cdn/shop/files/SWS404426_1.jpg?v=1790944275&width=1600 2x" 53800 alt="Premium Cotton Twill Shirt - SWS404426" 53801 loading="lazy" 53802 width="2400" 53803 height="3600" 53804 data-index="" 53805 > 53806 53807 � 53808 </div> 53809 53810 53811 </div> 53812 </a> 53813 </div> 53814 53815 53816 53817 53818 <div class="bt-qatc-container"> 53819 <div class="bt-qatc-form-container"> 53820 <div class="bt-qatc-form-content large-up-hide medium-hide"> 53821 <h3>Premium Cotton Twill Shirt - SWS404426</h3> 53822 53823<div 53824 class=" 53825 price " 53826 > 53827 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 53828 <span class="price-item price-item--regular"> 53829 <span class=money>Rs.7,990</span> 53830 </span></div> 53831 <div class="price__sale"> 53832 <span class="visually-hidden visually-hidden--inline">Regular price</span> 53833 <span> 53834 <s class="price-item price-item--regular"> 53835
53836 <span class=money>Rs.7,990</span> 53837 53838 </s> 53839 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 53840 <span class="price-item price-item--sale price-item--last"> 53841 53842 53843 53844 53845 <span class="percentage__sale hidden">0% OFF</span> 53846 53847 <span class=money>Rs.7,990</span> 53848 </span> 53849 </div> 53850 <small class="unit-price caption hidden"> 53851 <span class="visually-hidden">Unit price</span> 53852 <span class="price-item price-item--last"> 53853 <span></span> 53854 <span aria-hidden="true">/</span> 53855 <span class="visually-hidden"> per </span> 53856 <span> 53857 </span> 53858 </span> 53859 </small> 53860 </div></div> 53861 53862 53863 53864 </div> 53865 <div 53866 class="ethnc-form-media large-up-hide medium-hide" 53867 53868 ></div> 53869 <form method="post" action="/cart/add" class="bt-qatc-form"> 53870 <input type="hidden" name="quantity" value="1"> 53871 <div class="bt-qatc-form-variants-container"> 53872 <div class="bt-qatc-form-variants--list"> 53873 53874 <div 53875 class="in-use bt-qatc-form-variant-input" 53876 53877 > 53878 <input 53879 type="radio" 53880 name="id" 53881 id="-52398697283880" 53882 value="52398697283880" 53883 data-price="799000" 53884 data-item-id="10446192541992" 53885 hidden 53886 53887 data-item-id="10446192541992" 53888 53889 > 53890 53891 <label 53892 for="-52398697283880" 53893 data-sefam-quick-size 53894 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 53895 > 53896 <span class="split-variant-value"> 53897 53898 53899 53900 53901 53902 53903 53904 XS 53905 53906 53907</span> 53908 </label> 53909 </div> 53910 53911 <div 53912 class="in-use bt-qatc-form-variant-input" 53913 53914 > 53915 <input 53916 type="radio" 53917 name="id" 53918 id="-52398697316648" 53919 value="52398697316648" 53920 data-price="799000" 53921 data-item-id="10446192541992" 53922 hidden 53923 53924 data-item-id="10446192541992" 53925 53926 > 53927 53928 <label 53929 for="-52398697316648" 53930 data-sefam-quick-size 53931 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 53932 > 53933 <span class="split-variant-value"> 53934 53935 53936 53937 53938 53939 53940 53941 S 53942 53943 53944</span> 53945 </label> 53946 </div> 53947 53948 <div 53949 class="in-use bt-qatc-form-variant-input" 53950 53951 > 53952 <input 53953 type="radio" 53954 name="id" 53955 id="-52398697349416" 53956 value="52398697349416" 53957 data-price="799000" 53958 data-item-id="10446192541992" 53959 hidden 53960 53961 data-item-id="10446192541992" 53962 53963 > 53964 53965 <label 53966 for="-52398697349416" 53967 data-sefam-quick-size 53968 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 53969 >
53970 <span class="split-variant-value"> 53971 53972 53973 53974 53975 53976 53977 53978 M 53979 53980 53981</span> 53982 </label> 53983 </div> 53984 53985 <div 53986 class="in-use bt-qatc-form-variant-input" 53987 53988 > 53989 <input 53990 type="radio" 53991 name="id" 53992 id="-52398697382184" 53993 value="52398697382184" 53994 data-price="799000" 53995 data-item-id="10446192541992" 53996 hidden 53997 53998 data-item-id="10446192541992" 53999 54000 > 54001 54002 <label 54003 for="-52398697382184" 54004 data-sefam-quick-size 54005 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 54006 > 54007 <span class="split-variant-value"> 54008 54009 54010 54011 54012 54013 54014 54015 L 54016 54017 54018</span> 54019 </label> 54020 </div> 54021 54022 <div 54023 class="in-use bt-qatc-form-variant-input" 54024 54025 > 54026 <input 54027 type="radio" 54028 name="id" 54029 id="-52398697414952" 54030 value="52398697414952" 54031 data-price="799000" 54032 data-item-id="10446192541992" 54033 hidden 54034 54035 data-item-id="10446192541992" 54036 54037 > 54038 54039 <label 54040 for="-52398697414952" 54041 data-sefam-quick-size 54042 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 54043 > 54044 <span class="split-variant-value"> 54045 54046 54047 54048 54049 54050 54051 54052 XL 54053 54054 54055</span> 54056 </label> 54057 </div> 54058 54059 </div> 54060 54061 54062 54063 54064 </div> 54065 </form> 54066 </div> 54067 </div> 54068 54069 54070 54071 54072 54073 54074 54075 54076 54077 54078 54079 54080 54081 54082 54083 54084 54085 54086 54087 54088 54089 54090 54091 54092 54093 54094 54095 54096 54097 54098 54099 54100 54101 54102 54103 54104 54105 54106 54107 54108 54109 54110 54111 54112 54113 54114 54115 54116 54117 54118 54119 54120 54121 54122 54123 54124 54125 54126 54127 54128 54129 54130 54131 54132 54133 54134 54135 54136 54137 <div 54138 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 54139 > 54140 <div class="ethnc-qatc-btn cstm-add-btn visible"> 54141 <span class="small-hide hide-mobile">Add to Basket</span> 54142 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 54143 </span>
54144 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 54145 width="11" 54146 height="11" 54147 viewBox="0 0 11 11" 54148 fill="none" 54149> 54150 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 54151 fill="black" 54152 /> 54153</svg> 54154</span> 54155 </div> 54156 </div> 54157 54158 54159 </div> 54160 54161 <div class="card__content aiza2"> 54162 <div class="card__information"> 54163 <small class="product-brand"> 54164 Shahnameh 54165 </small> 54166 <h3 54167 class="card__heading h5" 54168 54169 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446192541992" 54170 54171 > 54172 <a 54173 href="/products/sws404426" 54174 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446192541992" 54175 class="full-unstyled-link" 54176 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446192541992 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446192541992" 54177 > 54178 Premium Cotton Twill Shirt - SWS404426 54179 54180 <div class="card_colorways_container" onclick="event.stopPropagation();"> 54181 54182 54183 � 54184 </div> 54185 </a> 54186 54187 </h3> 54188 54189 <div class="card-information"><span class="caption-large light"></span> 54190<div 54191 class=" 54192 price " 54193 > 54194 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 54195 <span class="price-item price-item--regular"> 54196 <span class=money>Rs.7,990</span> 54197 </span></div> 54198 <div class="price__sale"> 54199 <span class="visually-hidden visually-hidden--inline">Regular price</span> 54200 <span> 54201 <s class="price-item price-item--regular"> 54202 54203 <span class=money>Rs.7,990</span> 54204 54205 </s> 54206 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 54207 <span class="price-item price-item--sale price-item--last"> 54208 54209 54210 54211 54212 <span class="percentage__sale hidden">0% OFF</span> 54213 54214 <span class=money>Rs.7,990</span> 54215 </span> 54216 </div> 54217 <small class="unit-price caption hidden"> 54218 <span class="visually-hidden">Unit price</span> 54219 <span class="price-item price-item--last"> 54220 <span></span> 54221 <span aria-hidden="true">/</span> 54222 <span class="visually-hidden"> per </span> 54223 <span> 54224 </span> 54225 </span> 54226 </small> 54227 </div></div> 54228 54229 54230 54231 </div> 54232 </div> 54233 </div> 54234 54235 </div> 54236 </div><style> 54237/* ========================================================= 54238 DESKTOP PRODUCT CARD QUICK ADD 54239 LEFT = sizes 54240 RIGHT = original bag icon 54241 Mobile behavior remains unchanged 54242 ========================================================= */ 54243@media (min-width: 990px) { 54244 .hide-desktop { 54245 display: none !important; 54246 } 54247 54248 /* Keep both controls on the same bottom row */ 54249 .card-wrapper-box { 54250 position: relative; 54251 } 54252 54253 .card-wrapper-box .bt-qatc-container, 54254 .card-wrapper-box .ethnc-qatc-btn-container { 54255 position: absolute !important; 54256 bottom: 0 !important; 54257 z-index: 8 !important; 54258 } 54259 54260 /* LEFT: size area */ 54261 .card-wrapper-box .bt-qatc-container { 54262 left: 0 !important; 54263 right: 46px !important; 54264 width: auto !important; 54265 } 54266 54267 .card-wrapper-box .bt-qatc-form-container { 54268 left: 0 !important; 54269 right: 0 !important; 54270 bottom: -350% !important; 54271 width: 100% !important; 54272 min-height: 43px !important; 54273 opacity: 0 !important; 54274 visibility: hidden !important; 54275 pointer-events: none !important; 54276 transition: bottom .22s ease, opacity .18s ease !important; 54277 } 54278 54279 .card-wrapper-box .bt-qatc-form, 54280 .card-wrapper-box .bt-qatc-form-variants-container, 54281 .card-wrapper-box .bt-qatc-form-variants--list { 54282 width: 100% !important; 54283 } 54284 54285 .card-wrapper-box .bt-qatc-form-variants--list { 54286 display: flex !important;
54287 align-items: center !important; 54288 flex-wrap: wrap !important; 54289 gap: 0 !important; 54290 min-height: 43px !important; 54291 } 54292 54293 /* RIGHT: original bag button */ 54294 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 54295 display: flex !important; 54296 align-items: stretch !important; 54297 justify-content: center !important; 54298 left: auto !important; 54299 right: 0 !important; 54300 width: 46px !important; 54301 height: 43px !important; 54302 opacity: 0 !important; 54303 visibility: hidden !important; 54304 pointer-events: none !important; 54305 transition: opacity .18s ease !important; 54306 } 54307 54308 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 54309 display: flex !important; 54310 align-items: center !important; 54311 justify-content: center !important; 54312 width: 46px !important; 54313 height: 43px !important; 54314 min-width: 46px !important; 54315 padding: 0 !important; 54316 cursor: pointer !important; 54317 } 54318 54319 /* Hide Add to Basket text on desktop; keep only bag icon */ 54320 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 54321 display: none !important; 54322 } 54323 54324 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 54325 display: flex !important; 54326 align-items: center !important; 54327 justify-content: center !important; 54328 width: 100% !important; 54329 height: 100% !important; 54330 padding: 0 !important; 54331 } 54332 54333 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 54334 display: block !important; 54335 width: 16px !important; 54336 height: 17px !important; 54337 } 54338 54339 /* Show sizes + bag together on desktop hover */ 54340 .card-wrapper-box:hover .bt-qatc-form-container { 54341 bottom: 0 !important; 54342 opacity: 1 !important; 54343 visibility: visible !important; 54344 pointer-events: auto !important; 54345 } 54346 54347 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 54348 opacity: 1 !important; 54349 visibility: visible !important; 54350 pointer-events: auto !important; 54351 } 54352} 54353 54354@media (max-width: 989px) { 54355 .hide-mobile { 54356 display: none; 54357 } 54358} 54359</style> 54360 54361 54362<style> 54363/* ========================================================= 54364 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 54365 Keeps all sizes in one clean row on the left 54366 and the bag icon fixed on the right. 54367 ========================================================= */ 54368@media (min-width: 990px) { 54369 54370 .card-wrapper-box .bt-qatc-form-container { 54371 height: 43px !important; 54372 min-height: 43px !important; 54373 max-height: 43px !important; 54374 overflow: hidden !important; 54375 background: rgba(255,255,255,.96) !important; 54376 } 54377 54378 .card-wrapper-box .bt-qatc-form { 54379 display: block !important; 54380 height: 43px !important; 54381 min-height: 43px !important; 54382 margin: 0 !important; 54383 padding: 0 !important; 54384 } 54385 54386 .card-wrapper-box .bt-qatc-form-variants-container { 54387 display: block !important; 54388 width: 100% !important; 54389 height: 43px !important; 54390 min-height: 43px !important; 54391 margin: 0 !important; 54392 padding: 0 !important; 54393 } 54394 54395 .card-wrapper-box .bt-qatc-form-variants--list { 54396 display: flex !important; 54397 flex-direction: row !important; 54398 flex-wrap: wrap !important; 54399 align-items: center !important; 54400 justify-content: center !important; 54401 54402 width: 100% !important; 54403 height: 43px !important; 54404 min-height: 43px !important; 54405 54406 margin: 0 !important; 54407 padding: 0 6px !important; 54408 gap: 2px !important; 54409 54410 box-sizing: border-box !important; 54411 overflow: visible !important; 54412 white-space: normal !important; 54413 } 54414 54415 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 54416 display: none !important; 54417 } 54418 54419 .card-wrapper-box .bt-qatc-form-variant-input { 54420 position: relative !important; 54421 54422 display: flex !important; 54423 align-items: center !important; 54424 justify-content: center !important; 54425 54426 flex: 0 0 auto !important; 54427 width: auto !important; 54428 min-width: 32px !important; 54429 height: 43px !important; 54430 54431 margin: 0 !important; 54432 padding: 0 !important; 54433 54434 border: 0 !important; 54435 background: transparent !important; 54436 } 54437 54438 .card-wrapper-box .bt-qatc-form-variant-input label { 54439 position: static !important; 54440 54441 display: flex !important;
54442 align-items: center !important; 54443 justify-content: center !important; 54444 54445 width: auto !important; 54446 min-width: 32px !important; 54447 height: 32px !important; 54448 54449 margin: 0 !important; 54450 padding: 0 6px !important; 54451 54452 box-sizing: border-box !important; 54453 54454 background: transparent !important; 54455 border: 0 !important; 54456 54457 color: #111 !important; 54458 font-size: 12px !important; 54459 line-height: 1 !important; 54460 font-weight: 400 !important; 54461 54462 white-space: nowrap !important; 54463 cursor: pointer !important; 54464 } 54465 54466 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 54467 display: block !important; 54468 width: auto !important; 54469 max-width: none !important; 54470 54471 margin: 0 !important; 54472 padding: 0 !important; 54473 54474 overflow: visible !important; 54475 white-space: nowrap !important; 54476 text-overflow: clip !important; 54477 54478 font-size: inherit !important; 54479 line-height: inherit !important; 54480 } 54481 54482 /* Sold-out size */ 54483 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 54484 opacity: .35 !important; 54485 text-decoration: line-through !important; 54486 cursor: not-allowed !important; 54487 } 54488 54489 /* Optional hover feedback */ 54490 .card-wrapper-box 54491 .bt-qatc-form-variant-input:not(.is-disbaled) 54492 label:hover { 54493 text-decoration: underline !important; 54494 text-underline-offset: 3px !important; 54495 } 54496 54497 /* Prevent old theme transforms / absolute positions */ 54498 .card-wrapper-box .bt-qatc-form-variant-input *, 54499 .card-wrapper-box .bt-qatc-form-variants--list * { 54500 transform: none; 54501 } 54502} 54503</style> 54504 54505 54506<style> 54507/* Desktop quick-add: use one seamless background for sizes + bag */ 54508@media (min-width: 990px) { 54509 .card-wrapper-box .bt-qatc-form-container, 54510 .card-wrapper-box .bt-qatc-form, 54511 .card-wrapper-box .bt-qatc-form-variants-container, 54512 .card-wrapper-box .bt-qatc-form-variants--list, 54513 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 54514 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 54515 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 54516 background: rgba(255,255,255,.96) !important; 54517 } 54518 54519 /* Remove any visual split between sizes and bag */ 54520 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 54521 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 54522 border-left: 0 !important; 54523 box-shadow: none !important; 54524 } 54525} 54526</style> 54527 54528 54529<style> 54530/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 54531@media (min-width: 990px) { 54532 .card-wrapper-box .bt-qatc-form-container, 54533 .card-wrapper-box .bt-qatc-form, 54534 .card-wrapper-box .bt-qatc-form-variants-container { 54535 height: auto !important; 54536 max-height: none !important; 54537 overflow: visible !important; 54538 } 54539 54540 .card-wrapper-box .bt-qatc-form-variants--list { 54541 display: flex !important; 54542 flex-wrap: wrap !important; 54543 justify-content: center !important; 54544 align-items: center !important; 54545 height: auto !important; 54546 min-height: 43px !important; 54547 max-height: none !important; 54548 overflow: visible !important; 54549 white-space: normal !important; 54550 padding: 5px 6px !important; 54551 } 54552 54553 .card-wrapper-box .bt-qatc-form-variant-input { 54554 flex: 0 0 auto !important; 54555 } 54556} 54557</style> 54558
54559<script> 54560 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 54561 const wrap = label.closest('.bt-qatc-form-variant-input'); 54562 const form = label.closest('.bt-qatc-form'); 54563 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 54564 54565 if (!wrap || !form || !input) return; 54566 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 54567 if (label.dataset.loading === 'true') return; 54568 54569 input.checked = true; 54570 label.dataset.loading = 'true'; 54571 label.style.pointerEvents = 'none'; 54572 54573 try { 54574 const cartResp = await fetch('/cart.js', { 54575 method: 'GET', 54576 headers: { 'Accept': 'application/json' } 54577 }); 54578 54579 if (!cartResp.ok) throw new Error('Unable to read cart'); 54580 54581 const cart = await cartResp.json(); 54582 const variantId = Number(input.value); 54583 const selectedPrice = Number(input.dataset.price || 0) / 100; 54584 const totalCartPrice = Number(cart.total_price || 0) / 100; 54585 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 54586 54587 if ((totalCartPrice + selectedPrice) > 250000) { 54588 if (window.showAlert) { 54589 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 54590 } else { 54591 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 54592 } 54593 return; 54594 } 54595 54596 if (itemInCart && Number(itemInCart.quantity) >= 3) { 54597 if (window.showAlert) { 54598 window.showAlert('Limit reached: Max 3 items per size can be added'); 54599 } else { 54600 alert('Limit reached: Max 3 items per size can be added'); 54601 } 54602 return; 54603 } 54604 54605 54606 const cartSections = document.querySelector('cart-notification, cart-drawer'); 54607 const formData = new FormData(form); 54608 54609 formData.set('id', input.value); 54610 formData.set('quantity', '1'); 54611 54612 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 54613 formData.set( 54614 'sections', 54615 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 54616 ); 54617 } 54618 54619 formData.set('sections_url', window.location.pathname); 54620 54621 const addResp = await fetch('/cart/add.js', { 54622 method: 'POST', 54623 headers: { 'Accept': 'application/json' }, 54624 body: formData 54625 }); 54626 54627 const data = await addResp.json(); 54628 54629 if (!addResp.ok) { 54630 throw new Error(data.description || data.message || 'Unable to add this size'); 54631 } 54632 54633 if (cartSections && typeof cartSections.renderContents === 'function') { 54634 cartSections.renderContents(data); 54635 } else { 54636 const bubble = document.querySelector('#cart-icon-bubble'); 54637 if (bubble) bubble.click(); 54638 } 54639 54640 const card = label.closest('.card-wrapper-box'); 54641 if (card) { 54642 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 54643 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 54644 } 54645 } catch (error) { 54646 console.error('SEFAM hover size quick-add error:', error); 54647 if (window.showAlert) { 54648 window.showAlert(error.message || 'Unable to add this size to cart'); 54649 } else { 54650 alert(error.message || 'Unable to add this size to cart'); 54651 } 54652 } finally { 54653 label.dataset.loading = 'false'; 54654 label.style.pointerEvents = ''; 54655 } 54656 }; 54657</script>
54657 54658 54659<style> 54660/* Desktop quick-add final alignment: 54661 sizes start from left; bag area matches the complete quick-size background height. */ 54662@media (min-width: 990px) { 54663 .card-wrapper-box .bt-qatc-form-variants--list { 54664 justify-content: flex-start !important; 54665 align-content: center !important; 54666 text-align: left !important; 54667 } 54668 54669 .card-wrapper-box .bt-qatc-container { 54670 right: 46px !important; 54671 } 54672 54673 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 54674 top: auto !important; 54675 bottom: 0 !important; 54676 width: 46px !important; 54677 height: 100% !important; 54678 min-height: 43px !important; 54679 align-items: stretch !important; 54680 background: rgba(255,255,255,.96) !important; 54681 } 54682 54683 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 54684 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 54685 width: 46px !important; 54686 height: 100% !important; 54687 min-height: 43px !important; 54688 background: rgba(255,255,255,.96) !important; 54689 } 54690 54691 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 54692 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 54693 height: var(--sefam-quick-add-height, 43px) !important; 54694 } 54695} 54696</style>
54697<script> 54698(function () { 54699 function syncQuickAddHeight(card) { 54700 if (!card || window.innerWidth < 990) return; 54701 var panel = card.querySelector('.bt-qatc-form-container'); 54702 if (!panel) return; 54703 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 54704 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 54705 } 54706 54707 document.addEventListener('mouseover', function(e) { 54708 var card = e.target.closest('.card-wrapper-box'); 54709 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 54710 }, { passive: true }); 54711 54712 window.addEventListener('resize', function() { 54713 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 54714 }, { passive: true }); 54715})(); 54716</script>
54716 54717 54718 54719 54720<style> 54721/* ========================================================= 54722 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 54723 - reduce space between sizes 54724 - keep sizes left aligned 54725 - keep the bag icon on the BOTTOM row 54726 - bag background still matches the full size panel 54727 ========================================================= */ 54728@media (min-width: 990px) { 54729 54730 /* More usable width for sizes */ 54731 .card-wrapper-box .bt-qatc-container { 54732 right: 42px !important; 54733 } 54734 54735 /* Compact, left-aligned size list */ 54736 .card-wrapper-box .bt-qatc-form-variants--list { 54737 justify-content: flex-start !important; 54738 align-items: center !important; 54739 align-content: center !important; 54740 54741 column-gap: 0 !important; 54742 row-gap: 0 !important; 54743 54744 padding: 4px 4px !important; 54745 margin: 0 !important; 54746 } 54747 54748 .card-wrapper-box .bt-qatc-form-variant-input { 54749 min-width: 0 !important; 54750 width: auto !important; 54751 height: 35px !important; 54752 margin: 0 !important; 54753 padding: 0 !important; 54754 } 54755 54756 .card-wrapper-box .bt-qatc-form-variant-input label { 54757 min-width: 0 !important; 54758 width: auto !important; 54759 height: 35px !important; 54760 54761 margin: 0 !important; 54762 padding: 0 4px !important; 54763 54764 font-size: 12px !important; 54765 line-height: 1 !important; 54766 } 54767 54768 /* Bag column keeps the same full white background as the sizes */ 54769 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 54770 right: 0 !important; 54771 bottom: 0 !important; 54772 top: auto !important; 54773 54774 width: 42px !important; 54775 min-width: 42px !important; 54776 height: var(--sefam-quick-add-height, 43px) !important; 54777 min-height: 43px !important; 54778 54779 display: flex !important; 54780 flex-direction: column !important; 54781 justify-content: flex-end !important; 54782 align-items: stretch !important; 54783 54784 padding: 0 !important; 54785 margin: 0 !important; 54786 54787 background: rgba(255,255,255,.96) !important; 54788 } 54789 54790 /* The clickable bag itself always sits at the bottom */ 54791 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 54792 width: 42px !important; 54793 min-width: 42px !important; 54794 height: 43px !important; 54795 min-height: 43px !important; 54796 54797 margin-top: auto !important; 54798 padding: 0 !important; 54799 54800 display: flex !important; 54801 align-items: center !important; 54802 justify-content: center !important; 54803 54804 background: rgba(255,255,255,.96) !important; 54805 } 54806 54807 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 54808 width: 42px !important; 54809 height: 43px !important; 54810 min-height: 43px !important; 54811 54812 display: flex !important; 54813 align-items: center !important; 54814 justify-content: center !important; 54815 54816 padding: 0 !important; 54817 margin: 0 !important; 54818 54819 background: transparent !important; 54820 } 54821 54822 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 54823 width: 16px !important; 54824 height: 17px !important; 54825 } 54826} 54827</style> 54828 54829 54830<style> 54831/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 54832@media (min-width: 990px) { 54833 .card-wrapper-box .bt-qatc-form-variants--list { 54834 padding: 3px 4px !important; 54835 column-gap: 0 !important; 54836 row-gap: 0 !important; 54837 justify-content: flex-start !important; 54838 align-items: center !important; 54839 align-content: center !important; 54840 } 54841 54842 .card-wrapper-box .bt-qatc-form-variant-input { 54843 min-width: 0 !important; 54844 width: auto !important; 54845 height: 30px !important; 54846 margin: 0 !important; 54847 padding: 0 !important; 54848 } 54849 54850 .card-wrapper-box .bt-qatc-form-variant-input label { 54851 min-width: 0 !important; 54852 width: auto !important; 54853 height: 30px !important; 54854 margin: 0 !important; 54855 padding: 0 4px !important; 54856 font-size: 12px !important; 54857 line-height: 1 !important; 54858 display: flex !important; 54859 align-items: center !important; 54860 justify-content: center !important; 54861 } 54862 54863 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 54864 display: flex !important; 54865 flex-direction: column !important; 54866 justify-content: flex-end !important;
54867 align-items: stretch !important; 54868 bottom: 0 !important; 54869 top: auto !important; 54870 height: var(--sefam-quick-add-height, 36px) !important; 54871 min-height: 36px !important; 54872 } 54873 54874 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 54875 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 54876 height: 36px !important; 54877 min-height: 36px !important; 54878 margin-top: auto !important; 54879 } 54880} 54881</style> 54882 54883<style> 54884 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 54885 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 54886 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 54887 .card_colorways_container .new-mbl-color-single label span, 54888 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 54889 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 54890</style> 54891 54892 </li> 54893 54894 <li 54895 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_XEb3C9-5" 54896 class="grid__item slider__slide" 54897 > 54898 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 54899� 54900 54901 54902 � 54903 54904 54905 54906 <div class="card-wrapper product-card-wrapper"> 54907 <div 54908 class=" 54909 card card--standard 54910 card--media 54911 54912 54913 54914 54915 54916 " 54917 style="--ratio-percent: 150.00000000000003%;" 54918 54919 > 54920 <div class="card-wrapper-box"> 54921 54922 <div 54923 class="card__inner color-scheme-2 gradient ratio" 54924 style="--ratio-percent: 150.00000000000003%;" 54925 54926 > 54927 �<a href="/products/smc708425"> 54928 54929 �<div class="card-prdct2 card__media"> 54930 <div class="media media--transparent mt3"> 54931 54932 54933 <img 54934 src="//sefam.com/cdn/shop/files/SMC708425_2.jpg?v=1790750929&width=800" 54935 srcset="//sefam.com/cdn/shop/files/SMC708425_2.jpg?v=1790750929&width=1600 2x" 54936 class="" 54937 alt="Wool Rich Nawab Jacket - SMC708425" 54938 54939 loading="lazy" 54940 54941 width="2400" 54942 height="3600" 54943 > 54944 �<img 54945 src="//sefam.com/cdn/shop/files/SMC708425_3.jpg?v=1790750930&width=800" 54946 srcset="//sefam.com/cdn/shop/files/SMC708425_3.jpg?v=1790750930&width=1600 2x" 54947 alt="Wool Rich Nawab Jacket - SMC708425" 54948 loading="lazy" 54949 width="2400" 54950 height="3600" 54951 data-index="" 54952 > 54953 54954 � 54955 </div> 54956 54957 54958 </div> 54959 </a> 54960 </div> 54961 54962 54963 54964 54965 <div class="bt-qatc-container"> 54966 <div class="bt-qatc-form-container"> 54967 <div class="bt-qatc-form-content large-up-hide medium-hide"> 54968 <h3>Wool Rich Nawab Jacket - SMC708425</h3> 54969 54970<div 54971 class=" 54972 price " 54973 > 54974 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 54975 <span class="price-item price-item--regular"> 54976 <span class=money>Rs.15,990</span> 54977 </span></div> 54978 <div class="price__sale"> 54979 <span class="visually-hidden visually-hidden--inline">Regular price</span> 54980 <span> 54981 <s class="price-item price-item--regular"> 54982
54983 <span class=money>Rs.15,990</span> 54984 54985 </s> 54986 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 54987 <span class="price-item price-item--sale price-item--last"> 54988 54989 54990 54991 54992 <span class="percentage__sale hidden">0% OFF</span> 54993 54994 <span class=money>Rs.15,990</span> 54995 </span> 54996 </div> 54997 <small class="unit-price caption hidden"> 54998 <span class="visually-hidden">Unit price</span> 54999 <span class="price-item price-item--last"> 55000 <span></span> 55001 <span aria-hidden="true">/</span> 55002 <span class="visually-hidden"> per </span> 55003 <span> 55004 </span> 55005 </span> 55006 </small> 55007 </div></div> 55008 55009 55010 55011 </div> 55012 <div 55013 class="ethnc-form-media large-up-hide medium-hide" 55014 55015 ></div> 55016 <form method="post" action="/cart/add" class="bt-qatc-form"> 55017 <input type="hidden" name="quantity" value="1"> 55018 <div class="bt-qatc-form-variants-container"> 55019 <div class="bt-qatc-form-variants--list"> 55020 55021 <div 55022 class="in-use bt-qatc-form-variant-input" 55023 55024 > 55025 <input 55026 type="radio" 55027 name="id" 55028 id="-52140428591400" 55029 value="52140428591400" 55030 data-price="1599000" 55031 data-item-id="10356267745576" 55032 hidden 55033 55034 data-item-id="10356267745576" 55035 55036 > 55037 55038 <label 55039 for="-52140428591400" 55040 data-sefam-quick-size 55041 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 55042 > 55043 <span class="split-variant-value"> 55044 55045 55046 55047 55048 55049 55050 55051 S 55052 55053 55054</span> 55055 </label> 55056 </div> 55057 55058 <div 55059 class="in-use bt-qatc-form-variant-input" 55060 55061 > 55062 <input 55063 type="radio" 55064 name="id" 55065 id="-52140428624168" 55066 value="52140428624168" 55067 data-price="1599000" 55068 data-item-id="10356267745576" 55069 hidden 55070 55071 data-item-id="10356267745576" 55072 55073 > 55074 55075 <label 55076 for="-52140428624168" 55077 data-sefam-quick-size 55078 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 55079 > 55080 <span class="split-variant-value"> 55081 55082 55083 55084 55085 55086 55087 55088 M 55089 55090 55091</span> 55092 </label> 55093 </div> 55094 55095 <div 55096 class="in-use bt-qatc-form-variant-input" 55097 55098 > 55099 <input 55100 type="radio" 55101 name="id" 55102 id="-52140428656936" 55103 value="52140428656936" 55104 data-price="1599000" 55105 data-item-id="10356267745576" 55106 hidden 55107 55108 data-item-id="10356267745576" 55109 55110 > 55111 55112 <label 55113 for="-52140428656936" 55114 data-sefam-quick-size 55115 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 55116 >
55117 <span class="split-variant-value"> 55118 55119 55120 55121 55122 55123 55124 55125 L 55126 55127 55128</span> 55129 </label> 55130 </div> 55131 55132 <div 55133 class="in-use bt-qatc-form-variant-input" 55134 55135 > 55136 <input 55137 type="radio" 55138 name="id" 55139 id="-52140428689704" 55140 value="52140428689704" 55141 data-price="1599000" 55142 data-item-id="10356267745576" 55143 hidden 55144 55145 data-item-id="10356267745576" 55146 55147 > 55148 55149 <label 55150 for="-52140428689704" 55151 data-sefam-quick-size 55152 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 55153 > 55154 <span class="split-variant-value"> 55155 55156 55157 55158 55159 55160 55161 55162 XL 55163 55164 55165</span> 55166 </label> 55167 </div> 55168 55169 </div> 55170 55171 55172 55173 55174 </div> 55175 </form> 55176 </div> 55177 </div> 55178 55179 55180 55181 55182 55183 55184 55185 55186 55187 55188 55189 55190 55191 55192 55193 55194 55195 55196 55197 55198 55199 55200 55201 55202 55203 55204 55205 55206 55207 55208 55209 55210 55211 55212 55213 55214 55215 55216 55217 55218 55219 55220 55221 55222 55223 55224 55225 55226 55227 55228 55229 55230 55231 55232 55233 55234 55235 55236 55237 55238 55239 55240 55241 55242 55243 55244 <div 55245 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 55246 > 55247 <div class="ethnc-qatc-btn cstm-add-btn visible"> 55248 <span class="small-hide hide-mobile">Add to Basket</span> 55249 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 55250 </span> 55251 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 55252 width="11" 55253 height="11" 55254 viewBox="0 0 11 11" 55255 fill="none" 55256> 55257 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 55258 fill="black" 55259 /> 55260</svg> 55261</span> 55262 </div> 55263 </div> 55264 55265 55266 </div> 55267 55268 <div class="card__content aiza2"> 55269 <div class="card__information"> 55270 <small class="product-brand"> 55271 Shahnameh 55272 </small> 55273 <h3 55274 class="card__heading h5" 55275 55276 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10356267745576" 55277 55278 > 55279 <a 55280 href="/products/smc708425" 55281 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10356267745576" 55282 class="full-unstyled-link" 55283 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10356267745576 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10356267745576" 55284 > 55285 Wool Rich Nawab Jacket - SMC708425 55286 55287 <div class="card_colorways_container" onclick="event.stopPropagation();"> 55288 55289 55290 � 55291 </div> 55292 </a> 55293 55294 </h3> 55295 55296 <div class="card-information"><span class="caption-large light"></span> 55297<div 55298 class=" 55299 price " 55300 > 55301 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
55302 <span class="price-item price-item--regular"> 55303 <span class=money>Rs.15,990</span> 55304 </span></div> 55305 <div class="price__sale"> 55306 <span class="visually-hidden visually-hidden--inline">Regular price</span> 55307 <span> 55308 <s class="price-item price-item--regular"> 55309 55310 <span class=money>Rs.15,990</span> 55311 55312 </s> 55313 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 55314 <span class="price-item price-item--sale price-item--last"> 55315 55316 55317 55318 55319 <span class="percentage__sale hidden">0% OFF</span> 55320 55321 <span class=money>Rs.15,990</span> 55322 </span> 55323 </div> 55324 <small class="unit-price caption hidden"> 55325 <span class="visually-hidden">Unit price</span> 55326 <span class="price-item price-item--last"> 55327 <span></span> 55328 <span aria-hidden="true">/</span> 55329 <span class="visually-hidden"> per </span> 55330 <span> 55331 </span> 55332 </span> 55333 </small> 55334 </div></div> 55335 55336 55337 55338 </div> 55339 </div> 55340 </div> 55341 55342 </div> 55343 </div><style> 55344/* ========================================================= 55345 DESKTOP PRODUCT CARD QUICK ADD 55346 LEFT = sizes 55347 RIGHT = original bag icon 55348 Mobile behavior remains unchanged 55349 ========================================================= */ 55350@media (min-width: 990px) { 55351 .hide-desktop { 55352 display: none !important; 55353 } 55354 55355 /* Keep both controls on the same bottom row */ 55356 .card-wrapper-box { 55357 position: relative; 55358 } 55359 55360 .card-wrapper-box .bt-qatc-container, 55361 .card-wrapper-box .ethnc-qatc-btn-container { 55362 position: absolute !important; 55363 bottom: 0 !important; 55364 z-index: 8 !important; 55365 } 55366 55367 /* LEFT: size area */ 55368 .card-wrapper-box .bt-qatc-container { 55369 left: 0 !important; 55370 right: 46px !important; 55371 width: auto !important; 55372 } 55373 55374 .card-wrapper-box .bt-qatc-form-container { 55375 left: 0 !important; 55376 right: 0 !important; 55377 bottom: -350% !important; 55378 width: 100% !important; 55379 min-height: 43px !important; 55380 opacity: 0 !important; 55381 visibility: hidden !important; 55382 pointer-events: none !important; 55383 transition: bottom .22s ease, opacity .18s ease !important; 55384 } 55385 55386 .card-wrapper-box .bt-qatc-form, 55387 .card-wrapper-box .bt-qatc-form-variants-container, 55388 .card-wrapper-box .bt-qatc-form-variants--list { 55389 width: 100% !important; 55390 } 55391 55392 .card-wrapper-box .bt-qatc-form-variants--list { 55393 display: flex !important; 55394 align-items: center !important; 55395 flex-wrap: wrap !important; 55396 gap: 0 !important; 55397 min-height: 43px !important; 55398 } 55399 55400 /* RIGHT: original bag button */ 55401 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 55402 display: flex !important; 55403 align-items: stretch !important; 55404 justify-content: center !important; 55405 left: auto !important; 55406 right: 0 !important; 55407 width: 46px !important; 55408 height: 43px !important; 55409 opacity: 0 !important; 55410 visibility: hidden !important; 55411 pointer-events: none !important; 55412 transition: opacity .18s ease !important; 55413 } 55414 55415 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 55416 display: flex !important; 55417 align-items: center !important; 55418 justify-content: center !important; 55419 width: 46px !important; 55420 height: 43px !important; 55421 min-width: 46px !important; 55422 padding: 0 !important; 55423 cursor: pointer !important; 55424 } 55425 55426 /* Hide Add to Basket text on desktop; keep only bag icon */ 55427 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 55428 display: none !important; 55429 } 55430 55431 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 55432 display: flex !important; 55433 align-items: center !important; 55434 justify-content: center !important; 55435 width: 100% !important; 55436 height: 100% !important; 55437 padding: 0 !important; 55438 } 55439 55440 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 55441 display: block !important; 55442 width: 16px !important; 55443 height: 17px !important; 55444 } 55445 55446 /* Show sizes + bag together on desktop hover */ 55447 .card-wrapper-box:hover .bt-qatc-form-container { 55448 bottom: 0 !important; 55449 opacity: 1 !important; 55450 visibility: visible !important; 55451 pointer-events: auto !important; 55452 } 55453 55454 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 55455 opacity: 1 !important; 55456 visibility: visible !important; 55457 pointer-events: auto !important; 55458 } 55459} 55460 55461@media (max-width: 989px) { 55462 .hide-mobile { 55463 display: none; 55464 } 55465} 55466</style> 55467 55468 55469<style> 55470/* ========================================================= 55471 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 55472 Keeps all sizes in one clean row on the left 55473 and the bag icon fixed on the right. 55474 ========================================================= */ 55475@media (min-width: 990px) { 55476 55477 .card-wrapper-box .bt-qatc-form-container { 55478 height: 43px !important; 55479 min-height: 43px !important; 55480 max-height: 43px !important; 55481 overflow: hidden !important; 55482 background: rgba(255,255,255,.96) !important; 55483 } 55484 55485 .card-wrapper-box .bt-qatc-form { 55486 display: block !important; 55487 height: 43px !important; 55488 min-height: 43px !important; 55489 margin: 0 !important; 55490 padding: 0 !important; 55491 } 55492 55493 .card-wrapper-box .bt-qatc-form-variants-container { 55494 display: block !important; 55495 width: 100% !important; 55496 height: 43px !important; 55497 min-height: 43px !important; 55498 margin: 0 !important; 55499 padding: 0 !important; 55500 } 55501 55502 .card-wrapper-box .bt-qatc-form-variants--list { 55503 display: flex !important; 55504 flex-direction: row !important; 55505 flex-wrap: wrap !important;
55506 align-items: center !important; 55507 justify-content: center !important; 55508 55509 width: 100% !important; 55510 height: 43px !important; 55511 min-height: 43px !important; 55512 55513 margin: 0 !important; 55514 padding: 0 6px !important; 55515 gap: 2px !important; 55516 55517 box-sizing: border-box !important; 55518 overflow: visible !important; 55519 white-space: normal !important; 55520 } 55521 55522 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 55523 display: none !important; 55524 } 55525 55526 .card-wrapper-box .bt-qatc-form-variant-input { 55527 position: relative !important; 55528 55529 display: flex !important; 55530 align-items: center !important; 55531 justify-content: center !important; 55532 55533 flex: 0 0 auto !important; 55534 width: auto !important; 55535 min-width: 32px !important; 55536 height: 43px !important; 55537 55538 margin: 0 !important; 55539 padding: 0 !important; 55540 55541 border: 0 !important; 55542 background: transparent !important; 55543 } 55544 55545 .card-wrapper-box .bt-qatc-form-variant-input label { 55546 position: static !important; 55547 55548 display: flex !important; 55549 align-items: center !important; 55550 justify-content: center !important; 55551 55552 width: auto !important; 55553 min-width: 32px !important; 55554 height: 32px !important; 55555 55556 margin: 0 !important; 55557 padding: 0 6px !important; 55558 55559 box-sizing: border-box !important; 55560 55561 background: transparent !important; 55562 border: 0 !important; 55563 55564 color: #111 !important; 55565 font-size: 12px !important; 55566 line-height: 1 !important; 55567 font-weight: 400 !important; 55568 55569 white-space: nowrap !important; 55570 cursor: pointer !important; 55571 } 55572 55573 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 55574 display: block !important; 55575 width: auto !important; 55576 max-width: none !important; 55577 55578 margin: 0 !important; 55579 padding: 0 !important; 55580 55581 overflow: visible !important; 55582 white-space: nowrap !important; 55583 text-overflow: clip !important; 55584 55585 font-size: inherit !important; 55586 line-height: inherit !important; 55587 } 55588 55589 /* Sold-out size */ 55590 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 55591 opacity: .35 !important; 55592 text-decoration: line-through !important; 55593 cursor: not-allowed !important; 55594 } 55595 55596 /* Optional hover feedback */ 55597 .card-wrapper-box 55598 .bt-qatc-form-variant-input:not(.is-disbaled) 55599 label:hover { 55600 text-decoration: underline !important; 55601 text-underline-offset: 3px !important; 55602 } 55603 55604 /* Prevent old theme transforms / absolute positions */ 55605 .card-wrapper-box .bt-qatc-form-variant-input *, 55606 .card-wrapper-box .bt-qatc-form-variants--list * { 55607 transform: none; 55608 } 55609} 55610</style> 55611 55612 55613<style> 55614/* Desktop quick-add: use one seamless background for sizes + bag */ 55615@media (min-width: 990px) { 55616 .card-wrapper-box .bt-qatc-form-container, 55617 .card-wrapper-box .bt-qatc-form, 55618 .card-wrapper-box .bt-qatc-form-variants-container, 55619 .card-wrapper-box .bt-qatc-form-variants--list, 55620 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 55621 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 55622 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 55623 background: rgba(255,255,255,.96) !important; 55624 } 55625 55626 /* Remove any visual split between sizes and bag */ 55627 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 55628 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 55629 border-left: 0 !important; 55630 box-shadow: none !important; 55631 } 55632} 55633</style> 55634 55635 55636<style> 55637/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 55638@media (min-width: 990px) { 55639 .card-wrapper-box .bt-qatc-form-container, 55640 .card-wrapper-box .bt-qatc-form, 55641 .card-wrapper-box .bt-qatc-form-variants-container { 55642 height: auto !important; 55643 max-height: none !important; 55644 overflow: visible !important; 55645 } 55646 55647 .card-wrapper-box .bt-qatc-form-variants--list { 55648 display: flex !important; 55649 flex-wrap: wrap !important; 55650 justify-content: center !important; 55651 align-items: center !important; 55652 height: auto !important; 55653 min-height: 43px !important; 55654 max-height: none !important; 55655 overflow: visible !important; 55656 white-space: normal !important; 55657 padding: 5px 6px !important; 55658 } 55659 55660 .card-wrapper-box .bt-qatc-form-variant-input { 55661 flex: 0 0 auto !important; 55662 } 55663} 55664</style> 55665
55666<script> 55667 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 55668 const wrap = label.closest('.bt-qatc-form-variant-input'); 55669 const form = label.closest('.bt-qatc-form'); 55670 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 55671 55672 if (!wrap || !form || !input) return; 55673 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 55674 if (label.dataset.loading === 'true') return; 55675 55676 input.checked = true; 55677 label.dataset.loading = 'true'; 55678 label.style.pointerEvents = 'none'; 55679 55680 try { 55681 const cartResp = await fetch('/cart.js', { 55682 method: 'GET', 55683 headers: { 'Accept': 'application/json' } 55684 }); 55685 55686 if (!cartResp.ok) throw new Error('Unable to read cart'); 55687 55688 const cart = await cartResp.json(); 55689 const variantId = Number(input.value); 55690 const selectedPrice = Number(input.dataset.price || 0) / 100; 55691 const totalCartPrice = Number(cart.total_price || 0) / 100; 55692 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 55693 55694 if ((totalCartPrice + selectedPrice) > 250000) { 55695 if (window.showAlert) { 55696 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 55697 } else { 55698 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 55699 } 55700 return; 55701 } 55702 55703 if (itemInCart && Number(itemInCart.quantity) >= 3) { 55704 if (window.showAlert) { 55705 window.showAlert('Limit reached: Max 3 items per size can be added'); 55706 } else { 55707 alert('Limit reached: Max 3 items per size can be added'); 55708 } 55709 return; 55710 } 55711 55712 55713 const cartSections = document.querySelector('cart-notification, cart-drawer'); 55714 const formData = new FormData(form); 55715 55716 formData.set('id', input.value); 55717 formData.set('quantity', '1'); 55718 55719 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 55720 formData.set( 55721 'sections', 55722 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 55723 ); 55724 } 55725 55726 formData.set('sections_url', window.location.pathname); 55727 55728 const addResp = await fetch('/cart/add.js', { 55729 method: 'POST', 55730 headers: { 'Accept': 'application/json' }, 55731 body: formData 55732 }); 55733 55734 const data = await addResp.json(); 55735 55736 if (!addResp.ok) { 55737 throw new Error(data.description || data.message || 'Unable to add this size'); 55738 } 55739 55740 if (cartSections && typeof cartSections.renderContents === 'function') { 55741 cartSections.renderContents(data); 55742 } else { 55743 const bubble = document.querySelector('#cart-icon-bubble'); 55744 if (bubble) bubble.click(); 55745 } 55746 55747 const card = label.closest('.card-wrapper-box'); 55748 if (card) { 55749 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 55750 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 55751 } 55752 } catch (error) { 55753 console.error('SEFAM hover size quick-add error:', error); 55754 if (window.showAlert) { 55755 window.showAlert(error.message || 'Unable to add this size to cart'); 55756 } else { 55757 alert(error.message || 'Unable to add this size to cart'); 55758 } 55759 } finally { 55760 label.dataset.loading = 'false'; 55761 label.style.pointerEvents = ''; 55762 } 55763 }; 55764</script>
55764 55765 55766<style> 55767/* Desktop quick-add final alignment: 55768 sizes start from left; bag area matches the complete quick-size background height. */ 55769@media (min-width: 990px) { 55770 .card-wrapper-box .bt-qatc-form-variants--list { 55771 justify-content: flex-start !important; 55772 align-content: center !important; 55773 text-align: left !important; 55774 } 55775 55776 .card-wrapper-box .bt-qatc-container { 55777 right: 46px !important; 55778 } 55779 55780 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 55781 top: auto !important; 55782 bottom: 0 !important; 55783 width: 46px !important; 55784 height: 100% !important; 55785 min-height: 43px !important; 55786 align-items: stretch !important; 55787 background: rgba(255,255,255,.96) !important; 55788 } 55789 55790 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 55791 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 55792 width: 46px !important; 55793 height: 100% !important; 55794 min-height: 43px !important; 55795 background: rgba(255,255,255,.96) !important; 55796 } 55797 55798 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 55799 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 55800 height: var(--sefam-quick-add-height, 43px) !important; 55801 } 55802} 55803</style>
55804<script> 55805(function () { 55806 function syncQuickAddHeight(card) { 55807 if (!card || window.innerWidth < 990) return; 55808 var panel = card.querySelector('.bt-qatc-form-container'); 55809 if (!panel) return; 55810 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 55811 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 55812 } 55813 55814 document.addEventListener('mouseover', function(e) { 55815 var card = e.target.closest('.card-wrapper-box'); 55816 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 55817 }, { passive: true }); 55818 55819 window.addEventListener('resize', function() { 55820 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 55821 }, { passive: true }); 55822})(); 55823</script>
55823 55824 55825 55826 55827<style> 55828/* ========================================================= 55829 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 55830 - reduce space between sizes 55831 - keep sizes left aligned 55832 - keep the bag icon on the BOTTOM row 55833 - bag background still matches the full size panel 55834 ========================================================= */ 55835@media (min-width: 990px) { 55836 55837 /* More usable width for sizes */ 55838 .card-wrapper-box .bt-qatc-container { 55839 right: 42px !important; 55840 } 55841 55842 /* Compact, left-aligned size list */ 55843 .card-wrapper-box .bt-qatc-form-variants--list { 55844 justify-content: flex-start !important; 55845 align-items: center !important; 55846 align-content: center !important; 55847 55848 column-gap: 0 !important; 55849 row-gap: 0 !important; 55850 55851 padding: 4px 4px !important; 55852 margin: 0 !important; 55853 } 55854 55855 .card-wrapper-box .bt-qatc-form-variant-input { 55856 min-width: 0 !important; 55857 width: auto !important; 55858 height: 35px !important; 55859 margin: 0 !important; 55860 padding: 0 !important; 55861 } 55862 55863 .card-wrapper-box .bt-qatc-form-variant-input label { 55864 min-width: 0 !important; 55865 width: auto !important; 55866 height: 35px !important; 55867 55868 margin: 0 !important; 55869 padding: 0 4px !important; 55870 55871 font-size: 12px !important; 55872 line-height: 1 !important; 55873 } 55874 55875 /* Bag column keeps the same full white background as the sizes */ 55876 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 55877 right: 0 !important; 55878 bottom: 0 !important; 55879 top: auto !important; 55880 55881 width: 42px !important; 55882 min-width: 42px !important; 55883 height: var(--sefam-quick-add-height, 43px) !important; 55884 min-height: 43px !important; 55885 55886 display: flex !important; 55887 flex-direction: column !important; 55888 justify-content: flex-end !important; 55889 align-items: stretch !important; 55890 55891 padding: 0 !important; 55892 margin: 0 !important; 55893 55894 background: rgba(255,255,255,.96) !important; 55895 } 55896 55897 /* The clickable bag itself always sits at the bottom */ 55898 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 55899 width: 42px !important; 55900 min-width: 42px !important; 55901 height: 43px !important; 55902 min-height: 43px !important; 55903 55904 margin-top: auto !important; 55905 padding: 0 !important; 55906 55907 display: flex !important; 55908 align-items: center !important; 55909 justify-content: center !important; 55910 55911 background: rgba(255,255,255,.96) !important; 55912 } 55913 55914 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 55915 width: 42px !important; 55916 height: 43px !important; 55917 min-height: 43px !important; 55918 55919 display: flex !important; 55920 align-items: center !important; 55921 justify-content: center !important; 55922 55923 padding: 0 !important; 55924 margin: 0 !important; 55925 55926 background: transparent !important; 55927 } 55928 55929 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 55930 width: 16px !important; 55931 height: 17px !important; 55932 } 55933} 55934</style> 55935 55936 55937<style> 55938/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 55939@media (min-width: 990px) { 55940 .card-wrapper-box .bt-qatc-form-variants--list { 55941 padding: 3px 4px !important; 55942 column-gap: 0 !important; 55943 row-gap: 0 !important; 55944 justify-content: flex-start !important; 55945 align-items: center !important; 55946 align-content: center !important; 55947 } 55948 55949 .card-wrapper-box .bt-qatc-form-variant-input { 55950 min-width: 0 !important; 55951 width: auto !important; 55952 height: 30px !important; 55953 margin: 0 !important; 55954 padding: 0 !important; 55955 } 55956 55957 .card-wrapper-box .bt-qatc-form-variant-input label { 55958 min-width: 0 !important; 55959 width: auto !important; 55960 height: 30px !important; 55961 margin: 0 !important; 55962 padding: 0 4px !important; 55963 font-size: 12px !important; 55964 line-height: 1 !important; 55965 display: flex !important; 55966 align-items: center !important; 55967 justify-content: center !important; 55968 } 55969 55970 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 55971 display: flex !important; 55972 flex-direction: column !important; 55973 justify-content: flex-end !important;
55974 align-items: stretch !important; 55975 bottom: 0 !important; 55976 top: auto !important; 55977 height: var(--sefam-quick-add-height, 36px) !important; 55978 min-height: 36px !important; 55979 } 55980 55981 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 55982 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 55983 height: 36px !important; 55984 min-height: 36px !important; 55985 margin-top: auto !important; 55986 } 55987} 55988</style> 55989 55990<style> 55991 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 55992 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 55993 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 55994 .card_colorways_container .new-mbl-color-single label span, 55995 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 55996 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 55997</style> 55998 55999 </li> 56000 56001 <li 56002 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_XEb3C9-6" 56003 class="grid__item slider__slide" 56004 > 56005 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 56006� 56007 56008 56009 � 56010 56011 56012 56013 <div class="card-wrapper product-card-wrapper"> 56014 <div 56015 class=" 56016 card card--standard 56017 card--media 56018 56019 56020 56021 56022 56023 " 56024 style="--ratio-percent: 150.00000000000003%;" 56025 56026 > 56027 <div class="card-wrapper-box"> 56028 56029 <div 56030 class="card__inner color-scheme-2 gradient ratio" 56031 style="--ratio-percent: 150.00000000000003%;" 56032 56033 > 56034 �<a href="/products/sws412426"> 56035 56036 �<div class="card-prdct2 card__media"> 56037 <div class="media media--transparent mt3"> 56038 56039 56040 <img 56041 src="//sefam.com/cdn/shop/files/SWS412426_3.jpg?v=1790944973&width=800" 56042 srcset="//sefam.com/cdn/shop/files/SWS412426_3.jpg?v=1790944973&width=1600 2x" 56043 class="" 56044 alt="Ultra Fine Cotton Shirt - SWS412426" 56045 56046 loading="lazy" 56047 56048 width="2400" 56049 height="3600" 56050 > 56051 �<img 56052 src="//sefam.com/cdn/shop/files/SWS412426_4.jpg?v=1790944974&width=800" 56053 srcset="//sefam.com/cdn/shop/files/SWS412426_4.jpg?v=1790944974&width=1600 2x" 56054 alt="Ultra Fine Cotton Shirt - SWS412426" 56055 loading="lazy" 56056 width="2400" 56057 height="3600" 56058 data-index="" 56059 > 56060 56061 � 56062 </div> 56063 56064 56065 </div> 56066 </a> 56067 </div> 56068 56069 56070 56071 56072 <div class="bt-qatc-container"> 56073 <div class="bt-qatc-form-container"> 56074 <div class="bt-qatc-form-content large-up-hide medium-hide"> 56075 <h3>Ultra Fine Cotton Shirt - SWS412426</h3> 56076 56077<div 56078 class=" 56079 price " 56080 > 56081 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 56082 <span class="price-item price-item--regular"> 56083 <span class=money>Rs.7,990</span> 56084 </span></div> 56085 <div class="price__sale"> 56086 <span class="visually-hidden visually-hidden--inline">Regular price</span> 56087 <span> 56088 <s class="price-item price-item--regular"> 56089
56090 <span class=money>Rs.7,990</span> 56091 56092 </s> 56093 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 56094 <span class="price-item price-item--sale price-item--last"> 56095 56096 56097 56098 56099 <span class="percentage__sale hidden">0% OFF</span> 56100 56101 <span class=money>Rs.7,990</span> 56102 </span> 56103 </div> 56104 <small class="unit-price caption hidden"> 56105 <span class="visually-hidden">Unit price</span> 56106 <span class="price-item price-item--last"> 56107 <span></span> 56108 <span aria-hidden="true">/</span> 56109 <span class="visually-hidden"> per </span> 56110 <span> 56111 </span> 56112 </span> 56113 </small> 56114 </div></div> 56115 56116 56117 56118 </div> 56119 <div 56120 class="ethnc-form-media large-up-hide medium-hide" 56121 56122 ></div> 56123 <form method="post" action="/cart/add" class="bt-qatc-form"> 56124 <input type="hidden" name="quantity" value="1"> 56125 <div class="bt-qatc-form-variants-container"> 56126 <div class="bt-qatc-form-variants--list"> 56127 56128 <div 56129 class="in-use bt-qatc-form-variant-input" 56130 56131 > 56132 <input 56133 type="radio" 56134 name="id" 56135 id="-52398821409064" 56136 value="52398821409064" 56137 data-price="799000" 56138 data-item-id="10446210859304" 56139 hidden 56140 56141 data-item-id="10446210859304" 56142 56143 > 56144 56145 <label 56146 for="-52398821409064" 56147 data-sefam-quick-size 56148 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 56149 > 56150 <span class="split-variant-value"> 56151 56152 56153 56154 56155 56156 56157 56158 XS 56159 56160 56161</span> 56162 </label> 56163 </div> 56164 56165 <div 56166 class="in-use bt-qatc-form-variant-input" 56167 56168 > 56169 <input 56170 type="radio" 56171 name="id" 56172 id="-52398821441832" 56173 value="52398821441832" 56174 data-price="799000" 56175 data-item-id="10446210859304" 56176 hidden 56177 56178 data-item-id="10446210859304" 56179 56180 > 56181 56182 <label 56183 for="-52398821441832" 56184 data-sefam-quick-size 56185 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 56186 > 56187 <span class="split-variant-value"> 56188 56189 56190 56191 56192 56193 56194 56195 S 56196 56197 56198</span> 56199 </label> 56200 </div> 56201 56202 <div 56203 class="in-use bt-qatc-form-variant-input" 56204 56205 > 56206 <input 56207 type="radio" 56208 name="id" 56209 id="-52398821474600" 56210 value="52398821474600" 56211 data-price="799000" 56212 data-item-id="10446210859304" 56213 hidden 56214 56215 data-item-id="10446210859304" 56216 56217 > 56218 56219 <label 56220 for="-52398821474600" 56221 data-sefam-quick-size 56222 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 56223 >
56224 <span class="split-variant-value"> 56225 56226 56227 56228 56229 56230 56231 56232 M 56233 56234 56235</span> 56236 </label> 56237 </div> 56238 56239 <div 56240 class="in-use bt-qatc-form-variant-input" 56241 56242 > 56243 <input 56244 type="radio" 56245 name="id" 56246 id="-52398821507368" 56247 value="52398821507368" 56248 data-price="799000" 56249 data-item-id="10446210859304" 56250 hidden 56251 56252 data-item-id="10446210859304" 56253 56254 > 56255 56256 <label 56257 for="-52398821507368" 56258 data-sefam-quick-size 56259 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 56260 > 56261 <span class="split-variant-value"> 56262 56263 56264 56265 56266 56267 56268 56269 L 56270 56271 56272</span> 56273 </label> 56274 </div> 56275 56276 <div 56277 class="in-use bt-qatc-form-variant-input" 56278 56279 > 56280 <input 56281 type="radio" 56282 name="id" 56283 id="-52398821540136" 56284 value="52398821540136" 56285 data-price="799000" 56286 data-item-id="10446210859304" 56287 hidden 56288 56289 data-item-id="10446210859304" 56290 56291 > 56292 56293 <label 56294 for="-52398821540136" 56295 data-sefam-quick-size 56296 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 56297 > 56298 <span class="split-variant-value"> 56299 56300 56301 56302 56303 56304 56305 56306 XL 56307 56308 56309</span> 56310 </label> 56311 </div> 56312 56313 </div> 56314 56315 56316 56317 56318 </div> 56319 </form> 56320 </div> 56321 </div> 56322 56323 56324 56325 56326 56327 56328 56329 56330 56331 56332 56333 56334 56335 56336 56337 56338 56339 56340 56341 56342 56343 56344 56345 56346 56347 56348 56349 56350 56351 56352 56353 56354 56355 56356 56357 56358 56359 56360 56361 56362 56363 56364 56365 56366 56367 56368 56369 56370 56371 56372 56373 56374 56375 56376 56377 56378 56379 56380 56381 56382 56383 56384 56385 56386 56387 56388 56389 56390 56391 <div 56392 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 56393 > 56394 <div class="ethnc-qatc-btn cstm-add-btn visible"> 56395 <span class="small-hide hide-mobile">Add to Basket</span> 56396 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 56397 </span>
56398 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 56399 width="11" 56400 height="11" 56401 viewBox="0 0 11 11" 56402 fill="none" 56403> 56404 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 56405 fill="black" 56406 /> 56407</svg> 56408</span> 56409 </div> 56410 </div> 56411 56412 56413 </div> 56414 56415 <div class="card__content aiza2"> 56416 <div class="card__information"> 56417 <small class="product-brand"> 56418 Shahnameh 56419 </small> 56420 <h3 56421 class="card__heading h5" 56422 56423 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446210859304" 56424 56425 > 56426 <a 56427 href="/products/sws412426" 56428 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446210859304" 56429 class="full-unstyled-link" 56430 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446210859304 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446210859304" 56431 > 56432 Ultra Fine Cotton Shirt - SWS412426 56433 56434 <div class="card_colorways_container" onclick="event.stopPropagation();"> 56435 56436 56437 � 56438 </div> 56439 </a> 56440 56441 </h3> 56442 56443 <div class="card-information"><span class="caption-large light"></span> 56444<div 56445 class=" 56446 price " 56447 > 56448 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 56449 <span class="price-item price-item--regular"> 56450 <span class=money>Rs.7,990</span> 56451 </span></div> 56452 <div class="price__sale"> 56453 <span class="visually-hidden visually-hidden--inline">Regular price</span> 56454 <span> 56455 <s class="price-item price-item--regular"> 56456 56457 <span class=money>Rs.7,990</span> 56458 56459 </s> 56460 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 56461 <span class="price-item price-item--sale price-item--last"> 56462 56463 56464 56465 56466 <span class="percentage__sale hidden">0% OFF</span> 56467 56468 <span class=money>Rs.7,990</span> 56469 </span> 56470 </div> 56471 <small class="unit-price caption hidden"> 56472 <span class="visually-hidden">Unit price</span> 56473 <span class="price-item price-item--last"> 56474 <span></span> 56475 <span aria-hidden="true">/</span> 56476 <span class="visually-hidden"> per </span> 56477 <span> 56478 </span> 56479 </span> 56480 </small> 56481 </div></div> 56482 56483 56484 56485 </div> 56486 </div> 56487 </div> 56488 56489 </div> 56490 </div><style> 56491/* ========================================================= 56492 DESKTOP PRODUCT CARD QUICK ADD 56493 LEFT = sizes 56494 RIGHT = original bag icon 56495 Mobile behavior remains unchanged 56496 ========================================================= */ 56497@media (min-width: 990px) { 56498 .hide-desktop { 56499 display: none !important; 56500 } 56501 56502 /* Keep both controls on the same bottom row */ 56503 .card-wrapper-box { 56504 position: relative; 56505 } 56506 56507 .card-wrapper-box .bt-qatc-container, 56508 .card-wrapper-box .ethnc-qatc-btn-container { 56509 position: absolute !important; 56510 bottom: 0 !important; 56511 z-index: 8 !important; 56512 } 56513 56514 /* LEFT: size area */ 56515 .card-wrapper-box .bt-qatc-container { 56516 left: 0 !important; 56517 right: 46px !important; 56518 width: auto !important; 56519 } 56520 56521 .card-wrapper-box .bt-qatc-form-container { 56522 left: 0 !important; 56523 right: 0 !important; 56524 bottom: -350% !important; 56525 width: 100% !important; 56526 min-height: 43px !important; 56527 opacity: 0 !important; 56528 visibility: hidden !important; 56529 pointer-events: none !important; 56530 transition: bottom .22s ease, opacity .18s ease !important; 56531 } 56532 56533 .card-wrapper-box .bt-qatc-form, 56534 .card-wrapper-box .bt-qatc-form-variants-container, 56535 .card-wrapper-box .bt-qatc-form-variants--list { 56536 width: 100% !important; 56537 } 56538 56539 .card-wrapper-box .bt-qatc-form-variants--list { 56540 display: flex !important;
56541 align-items: center !important; 56542 flex-wrap: wrap !important; 56543 gap: 0 !important; 56544 min-height: 43px !important; 56545 } 56546 56547 /* RIGHT: original bag button */ 56548 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 56549 display: flex !important; 56550 align-items: stretch !important; 56551 justify-content: center !important; 56552 left: auto !important; 56553 right: 0 !important; 56554 width: 46px !important; 56555 height: 43px !important; 56556 opacity: 0 !important; 56557 visibility: hidden !important; 56558 pointer-events: none !important; 56559 transition: opacity .18s ease !important; 56560 } 56561 56562 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 56563 display: flex !important; 56564 align-items: center !important; 56565 justify-content: center !important; 56566 width: 46px !important; 56567 height: 43px !important; 56568 min-width: 46px !important; 56569 padding: 0 !important; 56570 cursor: pointer !important; 56571 } 56572 56573 /* Hide Add to Basket text on desktop; keep only bag icon */ 56574 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 56575 display: none !important; 56576 } 56577 56578 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 56579 display: flex !important; 56580 align-items: center !important; 56581 justify-content: center !important; 56582 width: 100% !important; 56583 height: 100% !important; 56584 padding: 0 !important; 56585 } 56586 56587 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 56588 display: block !important; 56589 width: 16px !important; 56590 height: 17px !important; 56591 } 56592 56593 /* Show sizes + bag together on desktop hover */ 56594 .card-wrapper-box:hover .bt-qatc-form-container { 56595 bottom: 0 !important; 56596 opacity: 1 !important; 56597 visibility: visible !important; 56598 pointer-events: auto !important; 56599 } 56600 56601 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 56602 opacity: 1 !important; 56603 visibility: visible !important; 56604 pointer-events: auto !important; 56605 } 56606} 56607 56608@media (max-width: 989px) { 56609 .hide-mobile { 56610 display: none; 56611 } 56612} 56613</style> 56614 56615 56616<style> 56617/* ========================================================= 56618 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 56619 Keeps all sizes in one clean row on the left 56620 and the bag icon fixed on the right. 56621 ========================================================= */ 56622@media (min-width: 990px) { 56623 56624 .card-wrapper-box .bt-qatc-form-container { 56625 height: 43px !important; 56626 min-height: 43px !important; 56627 max-height: 43px !important; 56628 overflow: hidden !important; 56629 background: rgba(255,255,255,.96) !important; 56630 } 56631 56632 .card-wrapper-box .bt-qatc-form { 56633 display: block !important; 56634 height: 43px !important; 56635 min-height: 43px !important; 56636 margin: 0 !important; 56637 padding: 0 !important; 56638 } 56639 56640 .card-wrapper-box .bt-qatc-form-variants-container { 56641 display: block !important; 56642 width: 100% !important; 56643 height: 43px !important; 56644 min-height: 43px !important; 56645 margin: 0 !important; 56646 padding: 0 !important; 56647 } 56648 56649 .card-wrapper-box .bt-qatc-form-variants--list { 56650 display: flex !important; 56651 flex-direction: row !important; 56652 flex-wrap: wrap !important; 56653 align-items: center !important; 56654 justify-content: center !important; 56655 56656 width: 100% !important; 56657 height: 43px !important; 56658 min-height: 43px !important; 56659 56660 margin: 0 !important; 56661 padding: 0 6px !important; 56662 gap: 2px !important; 56663 56664 box-sizing: border-box !important; 56665 overflow: visible !important; 56666 white-space: normal !important; 56667 } 56668 56669 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 56670 display: none !important; 56671 } 56672 56673 .card-wrapper-box .bt-qatc-form-variant-input { 56674 position: relative !important; 56675 56676 display: flex !important; 56677 align-items: center !important; 56678 justify-content: center !important; 56679 56680 flex: 0 0 auto !important; 56681 width: auto !important; 56682 min-width: 32px !important; 56683 height: 43px !important; 56684 56685 margin: 0 !important; 56686 padding: 0 !important; 56687 56688 border: 0 !important; 56689 background: transparent !important; 56690 } 56691 56692 .card-wrapper-box .bt-qatc-form-variant-input label { 56693 position: static !important; 56694 56695 display: flex !important;
56696 align-items: center !important; 56697 justify-content: center !important; 56698 56699 width: auto !important; 56700 min-width: 32px !important; 56701 height: 32px !important; 56702 56703 margin: 0 !important; 56704 padding: 0 6px !important; 56705 56706 box-sizing: border-box !important; 56707 56708 background: transparent !important; 56709 border: 0 !important; 56710 56711 color: #111 !important; 56712 font-size: 12px !important; 56713 line-height: 1 !important; 56714 font-weight: 400 !important; 56715 56716 white-space: nowrap !important; 56717 cursor: pointer !important; 56718 } 56719 56720 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 56721 display: block !important; 56722 width: auto !important; 56723 max-width: none !important; 56724 56725 margin: 0 !important; 56726 padding: 0 !important; 56727 56728 overflow: visible !important; 56729 white-space: nowrap !important; 56730 text-overflow: clip !important; 56731 56732 font-size: inherit !important; 56733 line-height: inherit !important; 56734 } 56735 56736 /* Sold-out size */ 56737 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 56738 opacity: .35 !important; 56739 text-decoration: line-through !important; 56740 cursor: not-allowed !important; 56741 } 56742 56743 /* Optional hover feedback */ 56744 .card-wrapper-box 56745 .bt-qatc-form-variant-input:not(.is-disbaled) 56746 label:hover { 56747 text-decoration: underline !important; 56748 text-underline-offset: 3px !important; 56749 } 56750 56751 /* Prevent old theme transforms / absolute positions */ 56752 .card-wrapper-box .bt-qatc-form-variant-input *, 56753 .card-wrapper-box .bt-qatc-form-variants--list * { 56754 transform: none; 56755 } 56756} 56757</style> 56758 56759 56760<style> 56761/* Desktop quick-add: use one seamless background for sizes + bag */ 56762@media (min-width: 990px) { 56763 .card-wrapper-box .bt-qatc-form-container, 56764 .card-wrapper-box .bt-qatc-form, 56765 .card-wrapper-box .bt-qatc-form-variants-container, 56766 .card-wrapper-box .bt-qatc-form-variants--list, 56767 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 56768 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 56769 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 56770 background: rgba(255,255,255,.96) !important; 56771 } 56772 56773 /* Remove any visual split between sizes and bag */ 56774 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 56775 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 56776 border-left: 0 !important; 56777 box-shadow: none !important; 56778 } 56779} 56780</style> 56781 56782 56783<style> 56784/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 56785@media (min-width: 990px) { 56786 .card-wrapper-box .bt-qatc-form-container, 56787 .card-wrapper-box .bt-qatc-form, 56788 .card-wrapper-box .bt-qatc-form-variants-container { 56789 height: auto !important; 56790 max-height: none !important; 56791 overflow: visible !important; 56792 } 56793 56794 .card-wrapper-box .bt-qatc-form-variants--list { 56795 display: flex !important; 56796 flex-wrap: wrap !important; 56797 justify-content: center !important; 56798 align-items: center !important; 56799 height: auto !important; 56800 min-height: 43px !important; 56801 max-height: none !important; 56802 overflow: visible !important; 56803 white-space: normal !important; 56804 padding: 5px 6px !important; 56805 } 56806 56807 .card-wrapper-box .bt-qatc-form-variant-input { 56808 flex: 0 0 auto !important; 56809 } 56810} 56811</style> 56812
56813<script> 56814 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 56815 const wrap = label.closest('.bt-qatc-form-variant-input'); 56816 const form = label.closest('.bt-qatc-form'); 56817 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 56818 56819 if (!wrap || !form || !input) return; 56820 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 56821 if (label.dataset.loading === 'true') return; 56822 56823 input.checked = true; 56824 label.dataset.loading = 'true'; 56825 label.style.pointerEvents = 'none'; 56826 56827 try { 56828 const cartResp = await fetch('/cart.js', { 56829 method: 'GET', 56830 headers: { 'Accept': 'application/json' } 56831 }); 56832 56833 if (!cartResp.ok) throw new Error('Unable to read cart'); 56834 56835 const cart = await cartResp.json(); 56836 const variantId = Number(input.value); 56837 const selectedPrice = Number(input.dataset.price || 0) / 100; 56838 const totalCartPrice = Number(cart.total_price || 0) / 100; 56839 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 56840 56841 if ((totalCartPrice + selectedPrice) > 250000) { 56842 if (window.showAlert) { 56843 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 56844 } else { 56845 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 56846 } 56847 return; 56848 } 56849 56850 if (itemInCart && Number(itemInCart.quantity) >= 3) { 56851 if (window.showAlert) { 56852 window.showAlert('Limit reached: Max 3 items per size can be added'); 56853 } else { 56854 alert('Limit reached: Max 3 items per size can be added'); 56855 } 56856 return; 56857 } 56858 56859 56860 const cartSections = document.querySelector('cart-notification, cart-drawer'); 56861 const formData = new FormData(form); 56862 56863 formData.set('id', input.value); 56864 formData.set('quantity', '1'); 56865 56866 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 56867 formData.set( 56868 'sections', 56869 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 56870 ); 56871 } 56872 56873 formData.set('sections_url', window.location.pathname); 56874 56875 const addResp = await fetch('/cart/add.js', { 56876 method: 'POST', 56877 headers: { 'Accept': 'application/json' }, 56878 body: formData 56879 }); 56880 56881 const data = await addResp.json(); 56882 56883 if (!addResp.ok) { 56884 throw new Error(data.description || data.message || 'Unable to add this size'); 56885 } 56886 56887 if (cartSections && typeof cartSections.renderContents === 'function') { 56888 cartSections.renderContents(data); 56889 } else { 56890 const bubble = document.querySelector('#cart-icon-bubble'); 56891 if (bubble) bubble.click(); 56892 } 56893 56894 const card = label.closest('.card-wrapper-box'); 56895 if (card) { 56896 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 56897 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 56898 } 56899 } catch (error) { 56900 console.error('SEFAM hover size quick-add error:', error); 56901 if (window.showAlert) { 56902 window.showAlert(error.message || 'Unable to add this size to cart'); 56903 } else { 56904 alert(error.message || 'Unable to add this size to cart'); 56905 } 56906 } finally { 56907 label.dataset.loading = 'false'; 56908 label.style.pointerEvents = ''; 56909 } 56910 }; 56911</script>
56911 56912 56913<style> 56914/* Desktop quick-add final alignment: 56915 sizes start from left; bag area matches the complete quick-size background height. */ 56916@media (min-width: 990px) { 56917 .card-wrapper-box .bt-qatc-form-variants--list { 56918 justify-content: flex-start !important; 56919 align-content: center !important; 56920 text-align: left !important; 56921 } 56922 56923 .card-wrapper-box .bt-qatc-container { 56924 right: 46px !important; 56925 } 56926 56927 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 56928 top: auto !important; 56929 bottom: 0 !important; 56930 width: 46px !important; 56931 height: 100% !important; 56932 min-height: 43px !important; 56933 align-items: stretch !important; 56934 background: rgba(255,255,255,.96) !important; 56935 } 56936 56937 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 56938 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 56939 width: 46px !important; 56940 height: 100% !important; 56941 min-height: 43px !important; 56942 background: rgba(255,255,255,.96) !important; 56943 } 56944 56945 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 56946 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 56947 height: var(--sefam-quick-add-height, 43px) !important; 56948 } 56949} 56950</style>
56951<script> 56952(function () { 56953 function syncQuickAddHeight(card) { 56954 if (!card || window.innerWidth < 990) return; 56955 var panel = card.querySelector('.bt-qatc-form-container'); 56956 if (!panel) return; 56957 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 56958 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 56959 } 56960 56961 document.addEventListener('mouseover', function(e) { 56962 var card = e.target.closest('.card-wrapper-box'); 56963 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 56964 }, { passive: true }); 56965 56966 window.addEventListener('resize', function() { 56967 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 56968 }, { passive: true }); 56969})(); 56970</script>
56970 56971 56972 56973 56974<style> 56975/* ========================================================= 56976 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 56977 - reduce space between sizes 56978 - keep sizes left aligned 56979 - keep the bag icon on the BOTTOM row 56980 - bag background still matches the full size panel 56981 ========================================================= */ 56982@media (min-width: 990px) { 56983 56984 /* More usable width for sizes */ 56985 .card-wrapper-box .bt-qatc-container { 56986 right: 42px !important; 56987 } 56988 56989 /* Compact, left-aligned size list */ 56990 .card-wrapper-box .bt-qatc-form-variants--list { 56991 justify-content: flex-start !important; 56992 align-items: center !important; 56993 align-content: center !important; 56994 56995 column-gap: 0 !important; 56996 row-gap: 0 !important; 56997 56998 padding: 4px 4px !important; 56999 margin: 0 !important; 57000 } 57001 57002 .card-wrapper-box .bt-qatc-form-variant-input { 57003 min-width: 0 !important; 57004 width: auto !important; 57005 height: 35px !important; 57006 margin: 0 !important; 57007 padding: 0 !important; 57008 } 57009 57010 .card-wrapper-box .bt-qatc-form-variant-input label { 57011 min-width: 0 !important; 57012 width: auto !important; 57013 height: 35px !important; 57014 57015 margin: 0 !important; 57016 padding: 0 4px !important; 57017 57018 font-size: 12px !important; 57019 line-height: 1 !important; 57020 } 57021 57022 /* Bag column keeps the same full white background as the sizes */ 57023 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 57024 right: 0 !important; 57025 bottom: 0 !important; 57026 top: auto !important; 57027 57028 width: 42px !important; 57029 min-width: 42px !important; 57030 height: var(--sefam-quick-add-height, 43px) !important; 57031 min-height: 43px !important; 57032 57033 display: flex !important; 57034 flex-direction: column !important; 57035 justify-content: flex-end !important; 57036 align-items: stretch !important; 57037 57038 padding: 0 !important; 57039 margin: 0 !important; 57040 57041 background: rgba(255,255,255,.96) !important; 57042 } 57043 57044 /* The clickable bag itself always sits at the bottom */ 57045 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 57046 width: 42px !important; 57047 min-width: 42px !important; 57048 height: 43px !important; 57049 min-height: 43px !important; 57050 57051 margin-top: auto !important; 57052 padding: 0 !important; 57053 57054 display: flex !important; 57055 align-items: center !important; 57056 justify-content: center !important; 57057 57058 background: rgba(255,255,255,.96) !important; 57059 } 57060 57061 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 57062 width: 42px !important; 57063 height: 43px !important; 57064 min-height: 43px !important; 57065 57066 display: flex !important; 57067 align-items: center !important; 57068 justify-content: center !important; 57069 57070 padding: 0 !important; 57071 margin: 0 !important; 57072 57073 background: transparent !important; 57074 } 57075 57076 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 57077 width: 16px !important; 57078 height: 17px !important; 57079 } 57080} 57081</style> 57082 57083 57084<style> 57085/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 57086@media (min-width: 990px) { 57087 .card-wrapper-box .bt-qatc-form-variants--list { 57088 padding: 3px 4px !important; 57089 column-gap: 0 !important; 57090 row-gap: 0 !important; 57091 justify-content: flex-start !important; 57092 align-items: center !important; 57093 align-content: center !important; 57094 } 57095 57096 .card-wrapper-box .bt-qatc-form-variant-input { 57097 min-width: 0 !important; 57098 width: auto !important; 57099 height: 30px !important; 57100 margin: 0 !important; 57101 padding: 0 !important; 57102 } 57103 57104 .card-wrapper-box .bt-qatc-form-variant-input label { 57105 min-width: 0 !important; 57106 width: auto !important; 57107 height: 30px !important; 57108 margin: 0 !important; 57109 padding: 0 4px !important; 57110 font-size: 12px !important; 57111 line-height: 1 !important; 57112 display: flex !important; 57113 align-items: center !important; 57114 justify-content: center !important; 57115 } 57116 57117 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 57118 display: flex !important; 57119 flex-direction: column !important; 57120 justify-content: flex-end !important;
57121 align-items: stretch !important; 57122 bottom: 0 !important; 57123 top: auto !important; 57124 height: var(--sefam-quick-add-height, 36px) !important; 57125 min-height: 36px !important; 57126 } 57127 57128 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 57129 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 57130 height: 36px !important; 57131 min-height: 36px !important; 57132 margin-top: auto !important; 57133 } 57134} 57135</style> 57136 57137<style> 57138 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 57139 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 57140 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 57141 .card_colorways_container .new-mbl-color-single label span, 57142 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 57143 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 57144</style> 57145 57146 </li> 57147 57148 <li 57149 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_XEb3C9-7" 57150 class="grid__item slider__slide" 57151 > 57152 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 57153� 57154 57155 57156 � 57157 57158 57159 57160 <div class="card-wrapper product-card-wrapper"> 57161 <div 57162 class=" 57163 card card--standard 57164 card--media 57165 57166 57167 57168 57169 57170 " 57171 style="--ratio-percent: 150.00000000000003%;" 57172 57173 > 57174 <div class="card-wrapper-box"> 57175 57176 <div 57177 class="card__inner color-scheme-2 gradient ratio" 57178 style="--ratio-percent: 150.00000000000003%;" 57179 57180 > 57181 �<a href="/products/smpc403426"> 57182 57183 �<div class="card-prdct2 card__media"> 57184 <div class="media media--transparent mt3"> 57185 57186 57187 <img 57188 src="//sefam.com/cdn/shop/files/SMPC-403426_6.jpg?v=1790745032&width=800" 57189 srcset="//sefam.com/cdn/shop/files/SMPC-403426_6.jpg?v=1790745032&width=1600 2x" 57190 class="" 57191 alt="Khaddar Nawab Coat - SMPC403426" 57192 57193 loading="lazy" 57194 57195 width="2400" 57196 height="3600" 57197 > 57198 �<img 57199 src="//sefam.com/cdn/shop/files/SMPC-403426_7.jpg?v=1790745032&width=800" 57200 srcset="//sefam.com/cdn/shop/files/SMPC-403426_7.jpg?v=1790745032&width=1600 2x" 57201 alt="Khaddar Nawab Coat - SMPC403426" 57202 loading="lazy" 57203 width="2400" 57204 height="3600" 57205 data-index="" 57206 > 57207 57208 � 57209 </div> 57210 57211 57212 </div> 57213 </a> 57214 </div> 57215 57216 57217 57218 57219 <div class="bt-qatc-container"> 57220 <div class="bt-qatc-form-container"> 57221 <div class="bt-qatc-form-content large-up-hide medium-hide"> 57222 <h3>Khaddar Nawab Coat - SMPC403426</h3> 57223 57224<div 57225 class=" 57226 price " 57227 > 57228 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 57229 <span class="price-item price-item--regular"> 57230 <span class=money>Rs.25,990</span> 57231 </span></div> 57232 <div class="price__sale"> 57233 <span class="visually-hidden visually-hidden--inline">Regular price</span> 57234 <span> 57235 <s class="price-item price-item--regular"> 57236
57237 <span class=money>Rs.25,990</span> 57238 57239 </s> 57240 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 57241 <span class="price-item price-item--sale price-item--last"> 57242 57243 57244 57245 57246 <span class="percentage__sale hidden">0% OFF</span> 57247 57248 <span class=money>Rs.25,990</span> 57249 </span> 57250 </div> 57251 <small class="unit-price caption hidden"> 57252 <span class="visually-hidden">Unit price</span> 57253 <span class="price-item price-item--last"> 57254 <span></span> 57255 <span aria-hidden="true">/</span> 57256 <span class="visually-hidden"> per </span> 57257 <span> 57258 </span> 57259 </span> 57260 </small> 57261 </div></div> 57262 57263 57264 57265 </div> 57266 <div 57267 class="ethnc-form-media large-up-hide medium-hide" 57268 57269 ></div> 57270 <form method="post" action="/cart/add" class="bt-qatc-form"> 57271 <input type="hidden" name="quantity" value="1"> 57272 <div class="bt-qatc-form-variants-container"> 57273 <div class="bt-qatc-form-variants--list"> 57274 57275 <div 57276 class="in-use bt-qatc-form-variant-input is-disbaled" 57277 57278 > 57279 <input 57280 type="radio" 57281 name="id" 57282 id="-67640339726632" 57283 value="67640339726632" 57284 data-price="2599000" 57285 data-item-id="15402784522536" 57286 hidden 57287 57288 disbaled 57289 57290 data-item-id="15402784522536" 57291 57292 > 57293 57294 <label 57295 for="-67640339726632" 57296 data-sefam-quick-size 57297 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 57298 > 57299 <span class="split-variant-value"> 57300 57301 57302 57303 57304 57305 57306 57307 XS 57308 57309 57310</span> 57311 </label> 57312 </div> 57313 57314 <div 57315 class="in-use bt-qatc-form-variant-input" 57316 57317 > 57318 <input 57319 type="radio" 57320 name="id" 57321 id="-67640339759400" 57322 value="67640339759400" 57323 data-price="2599000" 57324 data-item-id="15402784522536" 57325 hidden 57326 57327 data-item-id="15402784522536" 57328 57329 > 57330 57331 <label 57332 for="-67640339759400" 57333 data-sefam-quick-size 57334 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 57335 > 57336 <span class="split-variant-value"> 57337 57338 57339 57340 57341 57342 57343 57344 S 57345 57346 57347</span> 57348 </label> 57349 </div> 57350 57351 <div 57352 class="in-use bt-qatc-form-variant-input" 57353 57354 > 57355 <input 57356 type="radio" 57357 name="id" 57358 id="-67640339792168" 57359 value="67640339792168" 57360 data-price="2599000" 57361 data-item-id="15402784522536" 57362 hidden 57363 57364 data-item-id="15402784522536" 57365 57366 > 57367 57368 <label 57369 for="-67640339792168" 57370 data-sefam-quick-size 57371 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 57372 >
57373 <span class="split-variant-value"> 57374 57375 57376 57377 57378 57379 57380 57381 M 57382 57383 57384</span> 57385 </label> 57386 </div> 57387 57388 <div 57389 class="in-use bt-qatc-form-variant-input" 57390 57391 > 57392 <input 57393 type="radio" 57394 name="id" 57395 id="-67640339824936" 57396 value="67640339824936" 57397 data-price="2599000" 57398 data-item-id="15402784522536" 57399 hidden 57400 57401 data-item-id="15402784522536" 57402 57403 > 57404 57405 <label 57406 for="-67640339824936" 57407 data-sefam-quick-size 57408 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 57409 > 57410 <span class="split-variant-value"> 57411 57412 57413 57414 57415 57416 57417 57418 L 57419 57420 57421</span> 57422 </label> 57423 </div> 57424 57425 <div 57426 class="in-use bt-qatc-form-variant-input is-disbaled" 57427 57428 > 57429 <input 57430 type="radio" 57431 name="id" 57432 id="-67640339857704" 57433 value="67640339857704" 57434 data-price="2599000" 57435 data-item-id="15402784522536" 57436 hidden 57437 57438 disbaled 57439 57440 data-item-id="15402784522536" 57441 57442 > 57443 57444 <label 57445 for="-67640339857704" 57446 data-sefam-quick-size 57447 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 57448 > 57449 <span class="split-variant-value"> 57450 57451 57452 57453 57454 57455 57456 57457 XL 57458 57459 57460</span> 57461 </label> 57462 </div> 57463 57464 <div 57465 class="in-use bt-qatc-form-variant-input is-disbaled" 57466 57467 > 57468 <input 57469 type="radio" 57470 name="id" 57471 id="-67640743985448" 57472 value="67640743985448" 57473 data-price="2599000" 57474 data-item-id="15402784522536" 57475 hidden 57476 57477 disbaled 57478 57479 data-item-id="15402784522536" 57480 57481 > 57482 57483 <label 57484 for="-67640743985448" 57485 data-sefam-quick-size 57486 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 57487 > 57488 <span class="split-variant-value"> 57489 57490 57491 57492 57493 57494 57495 57496 XXL 57497 57498 57499</span> 57500 </label> 57501 </div> 57502 57503 </div> 57504 57505 57506 57507 57508 </div> 57509 </form> 57510 </div> 57511 </div> 57512 57513 57514 57515 57516 57517 57518 57519 57520 57521 57522 57523 57524 57525 57526 57527 57528 57529 57530 57531 57532 57533 57534 57535 57536 57537 57538 57539 57540 57541 57542 57543 57544 57545 57546 57547 57548 57549 57550 57551 57552 57553 57554 57555 57556 57557 57558 57559 57560 57561 57562 57563 57564 57565 57566 57567 57568 57569 57570 57571 57572 <div
57573 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 57574 > 57575 <div class="ethnc-qatc-btn cstm-add-btn visible"> 57576 <span class="small-hide hide-mobile">Add to Basket</span> 57577 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 57578 </span> 57579 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 57580 width="11" 57581 height="11" 57582 viewBox="0 0 11 11" 57583 fill="none" 57584> 57585 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 57586 fill="black" 57587 /> 57588</svg> 57589</span> 57590 </div> 57591 </div> 57592 57593 57594 </div> 57595 57596 <div class="card__content aiza2"> 57597 <div class="card__information"> 57598 <small class="product-brand"> 57599 Shahnameh 57600 </small> 57601 <h3 57602 class="card__heading h5" 57603 57604 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-15402784522536" 57605 57606 > 57607 <a 57608 href="/products/smpc403426" 57609 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-15402784522536" 57610 class="full-unstyled-link" 57611 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-15402784522536 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-15402784522536" 57612 > 57613 Khaddar Nawab Coat - SMPC403426 57614 57615 <div class="card_colorways_container" onclick="event.stopPropagation();"> 57616 57617 57618 � 57619 </div> 57620 </a> 57621 57622 </h3> 57623 57624 <div class="card-information"><span class="caption-large light"></span> 57625<div 57626 class=" 57627 price " 57628 > 57629 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 57630 <span class="price-item price-item--regular"> 57631 <span class=money>Rs.25,990</span> 57632 </span></div> 57633 <div class="price__sale"> 57634 <span class="visually-hidden visually-hidden--inline">Regular price</span> 57635 <span> 57636 <s class="price-item price-item--regular"> 57637 57638 <span class=money>Rs.25,990</span> 57639 57640 </s> 57641 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 57642 <span class="price-item price-item--sale price-item--last"> 57643 57644 57645 57646 57647 <span class="percentage__sale hidden">0% OFF</span> 57648 57649 <span class=money>Rs.25,990</span> 57650 </span> 57651 </div> 57652 <small class="unit-price caption hidden"> 57653 <span class="visually-hidden">Unit price</span> 57654 <span class="price-item price-item--last">
57655 <span></span> 57656 <span aria-hidden="true">/</span> 57657 <span class="visually-hidden"> per </span> 57658 <span> 57659 </span> 57660 </span> 57661 </small> 57662 </div></div> 57663 57664 57665 57666 </div> 57667 </div> 57668 </div> 57669 57670 </div> 57671 </div><style> 57672/* ========================================================= 57673 DESKTOP PRODUCT CARD QUICK ADD 57674 LEFT = sizes 57675 RIGHT = original bag icon 57676 Mobile behavior remains unchanged 57677 ========================================================= */ 57678@media (min-width: 990px) { 57679 .hide-desktop { 57680 display: none !important; 57681 } 57682 57683 /* Keep both controls on the same bottom row */ 57684 .card-wrapper-box { 57685 position: relative; 57686 } 57687 57688 .card-wrapper-box .bt-qatc-container, 57689 .card-wrapper-box .ethnc-qatc-btn-container { 57690 position: absolute !important; 57691 bottom: 0 !important; 57692 z-index: 8 !important; 57693 } 57694 57695 /* LEFT: size area */ 57696 .card-wrapper-box .bt-qatc-container { 57697 left: 0 !important; 57698 right: 46px !important; 57699 width: auto !important; 57700 } 57701 57702 .card-wrapper-box .bt-qatc-form-container { 57703 left: 0 !important; 57704 right: 0 !important; 57705 bottom: -350% !important; 57706 width: 100% !important; 57707 min-height: 43px !important; 57708 opacity: 0 !important; 57709 visibility: hidden !important; 57710 pointer-events: none !important; 57711 transition: bottom .22s ease, opacity .18s ease !important; 57712 } 57713 57714 .card-wrapper-box .bt-qatc-form, 57715 .card-wrapper-box .bt-qatc-form-variants-container, 57716 .card-wrapper-box .bt-qatc-form-variants--list { 57717 width: 100% !important; 57718 } 57719 57720 .card-wrapper-box .bt-qatc-form-variants--list { 57721 display: flex !important; 57722 align-items: center !important; 57723 flex-wrap: wrap !important; 57724 gap: 0 !important; 57725 min-height: 43px !important; 57726 } 57727 57728 /* RIGHT: original bag button */ 57729 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 57730 display: flex !important; 57731 align-items: stretch !important; 57732 justify-content: center !important; 57733 left: auto !important; 57734 right: 0 !important; 57735 width: 46px !important; 57736 height: 43px !important; 57737 opacity: 0 !important; 57738 visibility: hidden !important; 57739 pointer-events: none !important; 57740 transition: opacity .18s ease !important; 57741 } 57742 57743 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 57744 display: flex !important; 57745 align-items: center !important; 57746 justify-content: center !important; 57747 width: 46px !important; 57748 height: 43px !important; 57749 min-width: 46px !important; 57750 padding: 0 !important; 57751 cursor: pointer !important; 57752 } 57753 57754 /* Hide Add to Basket text on desktop; keep only bag icon */ 57755 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 57756 display: none !important; 57757 } 57758 57759 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 57760 display: flex !important; 57761 align-items: center !important; 57762 justify-content: center !important; 57763 width: 100% !important; 57764 height: 100% !important; 57765 padding: 0 !important; 57766 } 57767 57768 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 57769 display: block !important; 57770 width: 16px !important; 57771 height: 17px !important; 57772 } 57773 57774 /* Show sizes + bag together on desktop hover */ 57775 .card-wrapper-box:hover .bt-qatc-form-container { 57776 bottom: 0 !important; 57777 opacity: 1 !important; 57778 visibility: visible !important; 57779 pointer-events: auto !important; 57780 } 57781 57782 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 57783 opacity: 1 !important; 57784 visibility: visible !important; 57785 pointer-events: auto !important; 57786 } 57787} 57788 57789@media (max-width: 989px) { 57790 .hide-mobile { 57791 display: none; 57792 } 57793} 57794</style> 57795 57796 57797<style> 57798/* ========================================================= 57799 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 57800 Keeps all sizes in one clean row on the left 57801 and the bag icon fixed on the right. 57802 ========================================================= */ 57803@media (min-width: 990px) { 57804 57805 .card-wrapper-box .bt-qatc-form-container { 57806 height: 43px !important; 57807 min-height: 43px !important; 57808 max-height: 43px !important; 57809 overflow: hidden !important; 57810 background: rgba(255,255,255,.96) !important; 57811 } 57812 57813 .card-wrapper-box .bt-qatc-form { 57814 display: block !important; 57815 height: 43px !important; 57816 min-height: 43px !important; 57817 margin: 0 !important; 57818 padding: 0 !important; 57819 } 57820 57821 .card-wrapper-box .bt-qatc-form-variants-container { 57822 display: block !important; 57823 width: 100% !important; 57824 height: 43px !important; 57825 min-height: 43px !important; 57826 margin: 0 !important; 57827 padding: 0 !important; 57828 } 57829 57830 .card-wrapper-box .bt-qatc-form-variants--list { 57831 display: flex !important; 57832 flex-direction: row !important; 57833 flex-wrap: wrap !important;
57834 align-items: center !important; 57835 justify-content: center !important; 57836 57837 width: 100% !important; 57838 height: 43px !important; 57839 min-height: 43px !important; 57840 57841 margin: 0 !important; 57842 padding: 0 6px !important; 57843 gap: 2px !important; 57844 57845 box-sizing: border-box !important; 57846 overflow: visible !important; 57847 white-space: normal !important; 57848 } 57849 57850 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 57851 display: none !important; 57852 } 57853 57854 .card-wrapper-box .bt-qatc-form-variant-input { 57855 position: relative !important; 57856 57857 display: flex !important; 57858 align-items: center !important; 57859 justify-content: center !important; 57860 57861 flex: 0 0 auto !important; 57862 width: auto !important; 57863 min-width: 32px !important; 57864 height: 43px !important; 57865 57866 margin: 0 !important; 57867 padding: 0 !important; 57868 57869 border: 0 !important; 57870 background: transparent !important; 57871 } 57872 57873 .card-wrapper-box .bt-qatc-form-variant-input label { 57874 position: static !important; 57875 57876 display: flex !important; 57877 align-items: center !important; 57878 justify-content: center !important; 57879 57880 width: auto !important; 57881 min-width: 32px !important; 57882 height: 32px !important; 57883 57884 margin: 0 !important; 57885 padding: 0 6px !important; 57886 57887 box-sizing: border-box !important; 57888 57889 background: transparent !important; 57890 border: 0 !important; 57891 57892 color: #111 !important; 57893 font-size: 12px !important; 57894 line-height: 1 !important; 57895 font-weight: 400 !important; 57896 57897 white-space: nowrap !important; 57898 cursor: pointer !important; 57899 } 57900 57901 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 57902 display: block !important; 57903 width: auto !important; 57904 max-width: none !important; 57905 57906 margin: 0 !important; 57907 padding: 0 !important; 57908 57909 overflow: visible !important; 57910 white-space: nowrap !important; 57911 text-overflow: clip !important; 57912 57913 font-size: inherit !important; 57914 line-height: inherit !important; 57915 } 57916 57917 /* Sold-out size */ 57918 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 57919 opacity: .35 !important; 57920 text-decoration: line-through !important; 57921 cursor: not-allowed !important; 57922 } 57923 57924 /* Optional hover feedback */ 57925 .card-wrapper-box 57926 .bt-qatc-form-variant-input:not(.is-disbaled) 57927 label:hover { 57928 text-decoration: underline !important; 57929 text-underline-offset: 3px !important; 57930 } 57931 57932 /* Prevent old theme transforms / absolute positions */ 57933 .card-wrapper-box .bt-qatc-form-variant-input *, 57934 .card-wrapper-box .bt-qatc-form-variants--list * { 57935 transform: none; 57936 } 57937} 57938</style> 57939 57940 57941<style> 57942/* Desktop quick-add: use one seamless background for sizes + bag */ 57943@media (min-width: 990px) { 57944 .card-wrapper-box .bt-qatc-form-container, 57945 .card-wrapper-box .bt-qatc-form, 57946 .card-wrapper-box .bt-qatc-form-variants-container, 57947 .card-wrapper-box .bt-qatc-form-variants--list, 57948 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 57949 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 57950 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 57951 background: rgba(255,255,255,.96) !important; 57952 } 57953 57954 /* Remove any visual split between sizes and bag */ 57955 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 57956 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 57957 border-left: 0 !important; 57958 box-shadow: none !important; 57959 } 57960} 57961</style> 57962 57963 57964<style> 57965/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 57966@media (min-width: 990px) { 57967 .card-wrapper-box .bt-qatc-form-container, 57968 .card-wrapper-box .bt-qatc-form, 57969 .card-wrapper-box .bt-qatc-form-variants-container { 57970 height: auto !important; 57971 max-height: none !important; 57972 overflow: visible !important; 57973 } 57974 57975 .card-wrapper-box .bt-qatc-form-variants--list { 57976 display: flex !important; 57977 flex-wrap: wrap !important; 57978 justify-content: center !important; 57979 align-items: center !important; 57980 height: auto !important; 57981 min-height: 43px !important; 57982 max-height: none !important; 57983 overflow: visible !important; 57984 white-space: normal !important; 57985 padding: 5px 6px !important; 57986 } 57987 57988 .card-wrapper-box .bt-qatc-form-variant-input { 57989 flex: 0 0 auto !important; 57990 } 57991} 57992</style> 57993
57994<script> 57995 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 57996 const wrap = label.closest('.bt-qatc-form-variant-input'); 57997 const form = label.closest('.bt-qatc-form'); 57998 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 57999 58000 if (!wrap || !form || !input) return; 58001 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 58002 if (label.dataset.loading === 'true') return; 58003 58004 input.checked = true; 58005 label.dataset.loading = 'true'; 58006 label.style.pointerEvents = 'none'; 58007 58008 try { 58009 const cartResp = await fetch('/cart.js', { 58010 method: 'GET', 58011 headers: { 'Accept': 'application/json' } 58012 }); 58013 58014 if (!cartResp.ok) throw new Error('Unable to read cart'); 58015 58016 const cart = await cartResp.json(); 58017 const variantId = Number(input.value); 58018 const selectedPrice = Number(input.dataset.price || 0) / 100; 58019 const totalCartPrice = Number(cart.total_price || 0) / 100; 58020 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 58021 58022 if ((totalCartPrice + selectedPrice) > 250000) { 58023 if (window.showAlert) { 58024 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 58025 } else { 58026 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 58027 } 58028 return; 58029 } 58030 58031 if (itemInCart && Number(itemInCart.quantity) >= 3) { 58032 if (window.showAlert) { 58033 window.showAlert('Limit reached: Max 3 items per size can be added'); 58034 } else { 58035 alert('Limit reached: Max 3 items per size can be added'); 58036 } 58037 return; 58038 } 58039 58040 58041 const cartSections = document.querySelector('cart-notification, cart-drawer'); 58042 const formData = new FormData(form); 58043 58044 formData.set('id', input.value); 58045 formData.set('quantity', '1'); 58046 58047 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 58048 formData.set( 58049 'sections', 58050 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 58051 ); 58052 } 58053 58054 formData.set('sections_url', window.location.pathname); 58055 58056 const addResp = await fetch('/cart/add.js', { 58057 method: 'POST', 58058 headers: { 'Accept': 'application/json' }, 58059 body: formData 58060 }); 58061 58062 const data = await addResp.json(); 58063 58064 if (!addResp.ok) { 58065 throw new Error(data.description || data.message || 'Unable to add this size'); 58066 } 58067 58068 if (cartSections && typeof cartSections.renderContents === 'function') { 58069 cartSections.renderContents(data); 58070 } else { 58071 const bubble = document.querySelector('#cart-icon-bubble'); 58072 if (bubble) bubble.click(); 58073 } 58074 58075 const card = label.closest('.card-wrapper-box'); 58076 if (card) { 58077 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 58078 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 58079 } 58080 } catch (error) { 58081 console.error('SEFAM hover size quick-add error:', error); 58082 if (window.showAlert) { 58083 window.showAlert(error.message || 'Unable to add this size to cart'); 58084 } else { 58085 alert(error.message || 'Unable to add this size to cart'); 58086 } 58087 } finally { 58088 label.dataset.loading = 'false'; 58089 label.style.pointerEvents = ''; 58090 } 58091 }; 58092</script>
58092 58093 58094<style> 58095/* Desktop quick-add final alignment: 58096 sizes start from left; bag area matches the complete quick-size background height. */ 58097@media (min-width: 990px) { 58098 .card-wrapper-box .bt-qatc-form-variants--list { 58099 justify-content: flex-start !important; 58100 align-content: center !important; 58101 text-align: left !important; 58102 } 58103 58104 .card-wrapper-box .bt-qatc-container { 58105 right: 46px !important; 58106 } 58107 58108 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 58109 top: auto !important; 58110 bottom: 0 !important; 58111 width: 46px !important; 58112 height: 100% !important; 58113 min-height: 43px !important; 58114 align-items: stretch !important; 58115 background: rgba(255,255,255,.96) !important; 58116 } 58117 58118 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 58119 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 58120 width: 46px !important; 58121 height: 100% !important; 58122 min-height: 43px !important; 58123 background: rgba(255,255,255,.96) !important; 58124 } 58125 58126 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 58127 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 58128 height: var(--sefam-quick-add-height, 43px) !important; 58129 } 58130} 58131</style>
58132<script> 58133(function () { 58134 function syncQuickAddHeight(card) { 58135 if (!card || window.innerWidth < 990) return; 58136 var panel = card.querySelector('.bt-qatc-form-container'); 58137 if (!panel) return; 58138 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 58139 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 58140 } 58141 58142 document.addEventListener('mouseover', function(e) { 58143 var card = e.target.closest('.card-wrapper-box'); 58144 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 58145 }, { passive: true }); 58146 58147 window.addEventListener('resize', function() { 58148 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 58149 }, { passive: true }); 58150})(); 58151</script>
58151 58152 58153 58154 58155<style> 58156/* ========================================================= 58157 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 58158 - reduce space between sizes 58159 - keep sizes left aligned 58160 - keep the bag icon on the BOTTOM row 58161 - bag background still matches the full size panel 58162 ========================================================= */ 58163@media (min-width: 990px) { 58164 58165 /* More usable width for sizes */ 58166 .card-wrapper-box .bt-qatc-container { 58167 right: 42px !important; 58168 } 58169 58170 /* Compact, left-aligned size list */ 58171 .card-wrapper-box .bt-qatc-form-variants--list { 58172 justify-content: flex-start !important; 58173 align-items: center !important; 58174 align-content: center !important; 58175 58176 column-gap: 0 !important; 58177 row-gap: 0 !important; 58178 58179 padding: 4px 4px !important; 58180 margin: 0 !important; 58181 } 58182 58183 .card-wrapper-box .bt-qatc-form-variant-input { 58184 min-width: 0 !important; 58185 width: auto !important; 58186 height: 35px !important; 58187 margin: 0 !important; 58188 padding: 0 !important; 58189 } 58190 58191 .card-wrapper-box .bt-qatc-form-variant-input label { 58192 min-width: 0 !important; 58193 width: auto !important; 58194 height: 35px !important; 58195 58196 margin: 0 !important; 58197 padding: 0 4px !important; 58198 58199 font-size: 12px !important; 58200 line-height: 1 !important; 58201 } 58202 58203 /* Bag column keeps the same full white background as the sizes */ 58204 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 58205 right: 0 !important; 58206 bottom: 0 !important; 58207 top: auto !important; 58208 58209 width: 42px !important; 58210 min-width: 42px !important; 58211 height: var(--sefam-quick-add-height, 43px) !important; 58212 min-height: 43px !important; 58213 58214 display: flex !important; 58215 flex-direction: column !important; 58216 justify-content: flex-end !important; 58217 align-items: stretch !important; 58218 58219 padding: 0 !important; 58220 margin: 0 !important; 58221 58222 background: rgba(255,255,255,.96) !important; 58223 } 58224 58225 /* The clickable bag itself always sits at the bottom */ 58226 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 58227 width: 42px !important; 58228 min-width: 42px !important; 58229 height: 43px !important; 58230 min-height: 43px !important; 58231 58232 margin-top: auto !important; 58233 padding: 0 !important; 58234 58235 display: flex !important; 58236 align-items: center !important; 58237 justify-content: center !important; 58238 58239 background: rgba(255,255,255,.96) !important; 58240 } 58241 58242 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 58243 width: 42px !important; 58244 height: 43px !important; 58245 min-height: 43px !important; 58246 58247 display: flex !important; 58248 align-items: center !important; 58249 justify-content: center !important; 58250 58251 padding: 0 !important; 58252 margin: 0 !important; 58253 58254 background: transparent !important; 58255 } 58256 58257 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 58258 width: 16px !important; 58259 height: 17px !important; 58260 } 58261} 58262</style> 58263 58264 58265<style> 58266/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 58267@media (min-width: 990px) { 58268 .card-wrapper-box .bt-qatc-form-variants--list { 58269 padding: 3px 4px !important; 58270 column-gap: 0 !important; 58271 row-gap: 0 !important; 58272 justify-content: flex-start !important; 58273 align-items: center !important; 58274 align-content: center !important; 58275 } 58276 58277 .card-wrapper-box .bt-qatc-form-variant-input { 58278 min-width: 0 !important; 58279 width: auto !important; 58280 height: 30px !important; 58281 margin: 0 !important; 58282 padding: 0 !important; 58283 } 58284 58285 .card-wrapper-box .bt-qatc-form-variant-input label { 58286 min-width: 0 !important; 58287 width: auto !important; 58288 height: 30px !important; 58289 margin: 0 !important; 58290 padding: 0 4px !important; 58291 font-size: 12px !important; 58292 line-height: 1 !important; 58293 display: flex !important; 58294 align-items: center !important; 58295 justify-content: center !important; 58296 } 58297 58298 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 58299 display: flex !important; 58300 flex-direction: column !important; 58301 justify-content: flex-end !important;
58302 align-items: stretch !important; 58303 bottom: 0 !important; 58304 top: auto !important; 58305 height: var(--sefam-quick-add-height, 36px) !important; 58306 min-height: 36px !important; 58307 } 58308 58309 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 58310 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 58311 height: 36px !important; 58312 min-height: 36px !important; 58313 margin-top: auto !important; 58314 } 58315} 58316</style> 58317 58318<style> 58319 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 58320 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 58321 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 58322 .card_colorways_container .new-mbl-color-single label span, 58323 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 58324 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 58325</style> 58326 58327 </li> 58328 58329 <li 58330 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_XEb3C9-8" 58331 class="grid__item slider__slide" 58332 > 58333 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 58334� 58335 58336 58337 � 58338 58339 58340 58341 <div class="card-wrapper product-card-wrapper"> 58342 <div 58343 class=" 58344 card card--standard 58345 card--media 58346 58347 58348 58349 58350 58351 " 58352 style="--ratio-percent: 150.00000000000003%;" 58353 58354 > 58355 <div class="card-wrapper-box"> 58356 58357 <div 58358 class="card__inner color-scheme-2 gradient ratio" 58359 style="--ratio-percent: 150.00000000000003%;" 58360 58361 > 58362 �<a href="/products/sws407426"> 58363 58364 �<div class="card-prdct2 card__media"> 58365 <div class="media media--transparent mt3"> 58366 58367 58368 <img 58369 src="//sefam.com/cdn/shop/files/SWS407426_3.jpg?v=1790944372&width=800" 58370 srcset="//sefam.com/cdn/shop/files/SWS407426_3.jpg?v=1790944372&width=1600 2x" 58371 class="" 58372 alt="Premium Cotton Twill Shirt - SWS407426" 58373 58374 loading="lazy" 58375 58376 width="2400" 58377 height="3600" 58378 > 58379 �<img 58380 src="//sefam.com/cdn/shop/files/SWS407426_1.jpg?v=1790944373&width=800" 58381 srcset="//sefam.com/cdn/shop/files/SWS407426_1.jpg?v=1790944373&width=1600 2x" 58382 alt="Premium Cotton Twill Shirt - SWS407426" 58383 loading="lazy" 58384 width="2400" 58385 height="3600" 58386 data-index="" 58387 > 58388 58389 � 58390 </div> 58391 58392 58393 </div> 58394 </a> 58395 </div> 58396 58397 58398 58399 58400 <div class="bt-qatc-container"> 58401 <div class="bt-qatc-form-container"> 58402 <div class="bt-qatc-form-content large-up-hide medium-hide"> 58403 <h3>Premium Cotton Twill Shirt - SWS407426</h3> 58404 58405<div 58406 class=" 58407 price " 58408 > 58409 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 58410 <span class="price-item price-item--regular"> 58411 <span class=money>Rs.7,990</span> 58412 </span></div> 58413 <div class="price__sale"> 58414 <span class="visually-hidden visually-hidden--inline">Regular price</span> 58415 <span> 58416 <s class="price-item price-item--regular"> 58417
58418 <span class=money>Rs.7,990</span> 58419 58420 </s> 58421 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 58422 <span class="price-item price-item--sale price-item--last"> 58423 58424 58425 58426 58427 <span class="percentage__sale hidden">0% OFF</span> 58428 58429 <span class=money>Rs.7,990</span> 58430 </span> 58431 </div> 58432 <small class="unit-price caption hidden"> 58433 <span class="visually-hidden">Unit price</span> 58434 <span class="price-item price-item--last"> 58435 <span></span> 58436 <span aria-hidden="true">/</span> 58437 <span class="visually-hidden"> per </span> 58438 <span> 58439 </span> 58440 </span> 58441 </small> 58442 </div></div> 58443 58444 58445 58446 </div> 58447 <div 58448 class="ethnc-form-media large-up-hide medium-hide" 58449 58450 ></div> 58451 <form method="post" action="/cart/add" class="bt-qatc-form"> 58452 <input type="hidden" name="quantity" value="1"> 58453 <div class="bt-qatc-form-variants-container"> 58454 <div class="bt-qatc-form-variants--list"> 58455 58456 <div 58457 class="in-use bt-qatc-form-variant-input" 58458 58459 > 58460 <input 58461 type="radio" 58462 name="id" 58463 id="-52398746239272" 58464 value="52398746239272" 58465 data-price="799000" 58466 data-item-id="10446205387048" 58467 hidden 58468 58469 data-item-id="10446205387048" 58470 58471 > 58472 58473 <label 58474 for="-52398746239272" 58475 data-sefam-quick-size 58476 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 58477 > 58478 <span class="split-variant-value"> 58479 58480 58481 58482 58483 58484 58485 58486 XS 58487 58488 58489</span> 58490 </label> 58491 </div> 58492 58493 <div 58494 class="in-use bt-qatc-form-variant-input" 58495 58496 > 58497 <input 58498 type="radio" 58499 name="id" 58500 id="-52398746272040" 58501 value="52398746272040" 58502 data-price="799000" 58503 data-item-id="10446205387048" 58504 hidden 58505 58506 data-item-id="10446205387048" 58507 58508 > 58509 58510 <label 58511 for="-52398746272040" 58512 data-sefam-quick-size 58513 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 58514 > 58515 <span class="split-variant-value"> 58516 58517 58518 58519 58520 58521 58522 58523 S 58524 58525 58526</span> 58527 </label> 58528 </div> 58529 58530 <div 58531 class="in-use bt-qatc-form-variant-input" 58532 58533 > 58534 <input 58535 type="radio" 58536 name="id" 58537 id="-52398746304808" 58538 value="52398746304808" 58539 data-price="799000" 58540 data-item-id="10446205387048" 58541 hidden 58542 58543 data-item-id="10446205387048" 58544 58545 > 58546 58547 <label 58548 for="-52398746304808" 58549 data-sefam-quick-size 58550 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 58551 >
58552 <span class="split-variant-value"> 58553 58554 58555 58556 58557 58558 58559 58560 M 58561 58562 58563</span> 58564 </label> 58565 </div> 58566 58567 <div 58568 class="in-use bt-qatc-form-variant-input" 58569 58570 > 58571 <input 58572 type="radio" 58573 name="id" 58574 id="-52398746337576" 58575 value="52398746337576" 58576 data-price="799000" 58577 data-item-id="10446205387048" 58578 hidden 58579 58580 data-item-id="10446205387048" 58581 58582 > 58583 58584 <label 58585 for="-52398746337576" 58586 data-sefam-quick-size 58587 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 58588 > 58589 <span class="split-variant-value"> 58590 58591 58592 58593 58594 58595 58596 58597 L 58598 58599 58600</span> 58601 </label> 58602 </div> 58603 58604 <div 58605 class="in-use bt-qatc-form-variant-input" 58606 58607 > 58608 <input 58609 type="radio" 58610 name="id" 58611 id="-52398746370344" 58612 value="52398746370344" 58613 data-price="799000" 58614 data-item-id="10446205387048" 58615 hidden 58616 58617 data-item-id="10446205387048" 58618 58619 > 58620 58621 <label 58622 for="-52398746370344" 58623 data-sefam-quick-size 58624 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 58625 > 58626 <span class="split-variant-value"> 58627 58628 58629 58630 58631 58632 58633 58634 XL 58635 58636 58637</span> 58638 </label> 58639 </div> 58640 58641 </div> 58642 58643 58644 58645 58646 </div> 58647 </form> 58648 </div> 58649 </div> 58650 58651 58652 58653 58654 58655 58656 58657 58658 58659 58660 58661 58662 58663 58664 58665 58666 58667 58668 58669 58670 58671 58672 58673 58674 58675 58676 58677 58678 58679 58680 58681 58682 58683 58684 58685 58686 58687 58688 58689 58690 58691 58692 58693 58694 58695 58696 58697 58698 58699 58700 58701 58702 58703 58704 58705 58706 58707 58708 58709 58710 58711 58712 58713 58714 58715 58716 58717 58718 58719 <div 58720 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 58721 > 58722 <div class="ethnc-qatc-btn cstm-add-btn visible"> 58723 <span class="small-hide hide-mobile">Add to Basket</span> 58724 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 58725 </span>
58726 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 58727 width="11" 58728 height="11" 58729 viewBox="0 0 11 11" 58730 fill="none" 58731> 58732 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 58733 fill="black" 58734 /> 58735</svg> 58736</span> 58737 </div> 58738 </div> 58739 58740 58741 </div> 58742 58743 <div class="card__content aiza2"> 58744 <div class="card__information"> 58745 <small class="product-brand"> 58746 Shahnameh 58747 </small> 58748 <h3 58749 class="card__heading h5" 58750 58751 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446205387048" 58752 58753 > 58754 <a 58755 href="/products/sws407426" 58756 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446205387048" 58757 class="full-unstyled-link" 58758 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446205387048 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446205387048" 58759 > 58760 Premium Cotton Twill Shirt - SWS407426 58761 58762 <div class="card_colorways_container" onclick="event.stopPropagation();"> 58763 58764 58765 � 58766 </div> 58767 </a> 58768 58769 </h3> 58770 58771 <div class="card-information"><span class="caption-large light"></span> 58772<div 58773 class=" 58774 price " 58775 > 58776 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 58777 <span class="price-item price-item--regular"> 58778 <span class=money>Rs.7,990</span> 58779 </span></div> 58780 <div class="price__sale"> 58781 <span class="visually-hidden visually-hidden--inline">Regular price</span> 58782 <span> 58783 <s class="price-item price-item--regular"> 58784 58785 <span class=money>Rs.7,990</span> 58786 58787 </s> 58788 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 58789 <span class="price-item price-item--sale price-item--last"> 58790 58791 58792 58793 58794 <span class="percentage__sale hidden">0% OFF</span> 58795 58796 <span class=money>Rs.7,990</span> 58797 </span> 58798 </div> 58799 <small class="unit-price caption hidden"> 58800 <span class="visually-hidden">Unit price</span> 58801 <span class="price-item price-item--last"> 58802 <span></span> 58803 <span aria-hidden="true">/</span> 58804 <span class="visually-hidden"> per </span> 58805 <span> 58806 </span> 58807 </span> 58808 </small> 58809 </div></div> 58810 58811 58812 58813 </div> 58814 </div> 58815 </div> 58816 58817 </div> 58818 </div><style> 58819/* ========================================================= 58820 DESKTOP PRODUCT CARD QUICK ADD 58821 LEFT = sizes 58822 RIGHT = original bag icon 58823 Mobile behavior remains unchanged 58824 ========================================================= */ 58825@media (min-width: 990px) { 58826 .hide-desktop { 58827 display: none !important; 58828 } 58829 58830 /* Keep both controls on the same bottom row */ 58831 .card-wrapper-box { 58832 position: relative; 58833 } 58834 58835 .card-wrapper-box .bt-qatc-container, 58836 .card-wrapper-box .ethnc-qatc-btn-container { 58837 position: absolute !important; 58838 bottom: 0 !important; 58839 z-index: 8 !important; 58840 } 58841 58842 /* LEFT: size area */ 58843 .card-wrapper-box .bt-qatc-container { 58844 left: 0 !important; 58845 right: 46px !important; 58846 width: auto !important; 58847 } 58848 58849 .card-wrapper-box .bt-qatc-form-container { 58850 left: 0 !important; 58851 right: 0 !important; 58852 bottom: -350% !important; 58853 width: 100% !important; 58854 min-height: 43px !important; 58855 opacity: 0 !important; 58856 visibility: hidden !important; 58857 pointer-events: none !important; 58858 transition: bottom .22s ease, opacity .18s ease !important; 58859 } 58860 58861 .card-wrapper-box .bt-qatc-form, 58862 .card-wrapper-box .bt-qatc-form-variants-container, 58863 .card-wrapper-box .bt-qatc-form-variants--list { 58864 width: 100% !important; 58865 } 58866 58867 .card-wrapper-box .bt-qatc-form-variants--list { 58868 display: flex !important;
58869 align-items: center !important; 58870 flex-wrap: wrap !important; 58871 gap: 0 !important; 58872 min-height: 43px !important; 58873 } 58874 58875 /* RIGHT: original bag button */ 58876 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 58877 display: flex !important; 58878 align-items: stretch !important; 58879 justify-content: center !important; 58880 left: auto !important; 58881 right: 0 !important; 58882 width: 46px !important; 58883 height: 43px !important; 58884 opacity: 0 !important; 58885 visibility: hidden !important; 58886 pointer-events: none !important; 58887 transition: opacity .18s ease !important; 58888 } 58889 58890 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 58891 display: flex !important; 58892 align-items: center !important; 58893 justify-content: center !important; 58894 width: 46px !important; 58895 height: 43px !important; 58896 min-width: 46px !important; 58897 padding: 0 !important; 58898 cursor: pointer !important; 58899 } 58900 58901 /* Hide Add to Basket text on desktop; keep only bag icon */ 58902 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 58903 display: none !important; 58904 } 58905 58906 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 58907 display: flex !important; 58908 align-items: center !important; 58909 justify-content: center !important; 58910 width: 100% !important; 58911 height: 100% !important; 58912 padding: 0 !important; 58913 } 58914 58915 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 58916 display: block !important; 58917 width: 16px !important; 58918 height: 17px !important; 58919 } 58920 58921 /* Show sizes + bag together on desktop hover */ 58922 .card-wrapper-box:hover .bt-qatc-form-container { 58923 bottom: 0 !important; 58924 opacity: 1 !important; 58925 visibility: visible !important; 58926 pointer-events: auto !important; 58927 } 58928 58929 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 58930 opacity: 1 !important; 58931 visibility: visible !important; 58932 pointer-events: auto !important; 58933 } 58934} 58935 58936@media (max-width: 989px) { 58937 .hide-mobile { 58938 display: none; 58939 } 58940} 58941</style> 58942 58943 58944<style> 58945/* ========================================================= 58946 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 58947 Keeps all sizes in one clean row on the left 58948 and the bag icon fixed on the right. 58949 ========================================================= */ 58950@media (min-width: 990px) { 58951 58952 .card-wrapper-box .bt-qatc-form-container { 58953 height: 43px !important; 58954 min-height: 43px !important; 58955 max-height: 43px !important; 58956 overflow: hidden !important; 58957 background: rgba(255,255,255,.96) !important; 58958 } 58959 58960 .card-wrapper-box .bt-qatc-form { 58961 display: block !important; 58962 height: 43px !important; 58963 min-height: 43px !important; 58964 margin: 0 !important; 58965 padding: 0 !important; 58966 } 58967 58968 .card-wrapper-box .bt-qatc-form-variants-container { 58969 display: block !important; 58970 width: 100% !important; 58971 height: 43px !important; 58972 min-height: 43px !important; 58973 margin: 0 !important; 58974 padding: 0 !important; 58975 } 58976 58977 .card-wrapper-box .bt-qatc-form-variants--list { 58978 display: flex !important; 58979 flex-direction: row !important; 58980 flex-wrap: wrap !important; 58981 align-items: center !important; 58982 justify-content: center !important; 58983 58984 width: 100% !important; 58985 height: 43px !important; 58986 min-height: 43px !important; 58987 58988 margin: 0 !important; 58989 padding: 0 6px !important; 58990 gap: 2px !important; 58991 58992 box-sizing: border-box !important; 58993 overflow: visible !important; 58994 white-space: normal !important; 58995 } 58996 58997 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 58998 display: none !important; 58999 } 59000 59001 .card-wrapper-box .bt-qatc-form-variant-input { 59002 position: relative !important; 59003 59004 display: flex !important; 59005 align-items: center !important; 59006 justify-content: center !important; 59007 59008 flex: 0 0 auto !important; 59009 width: auto !important; 59010 min-width: 32px !important; 59011 height: 43px !important; 59012 59013 margin: 0 !important; 59014 padding: 0 !important; 59015 59016 border: 0 !important; 59017 background: transparent !important; 59018 } 59019 59020 .card-wrapper-box .bt-qatc-form-variant-input label { 59021 position: static !important; 59022 59023 display: flex !important;
59024 align-items: center !important; 59025 justify-content: center !important; 59026 59027 width: auto !important; 59028 min-width: 32px !important; 59029 height: 32px !important; 59030 59031 margin: 0 !important; 59032 padding: 0 6px !important; 59033 59034 box-sizing: border-box !important; 59035 59036 background: transparent !important; 59037 border: 0 !important; 59038 59039 color: #111 !important; 59040 font-size: 12px !important; 59041 line-height: 1 !important; 59042 font-weight: 400 !important; 59043 59044 white-space: nowrap !important; 59045 cursor: pointer !important; 59046 } 59047 59048 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 59049 display: block !important; 59050 width: auto !important; 59051 max-width: none !important; 59052 59053 margin: 0 !important; 59054 padding: 0 !important; 59055 59056 overflow: visible !important; 59057 white-space: nowrap !important; 59058 text-overflow: clip !important; 59059 59060 font-size: inherit !important; 59061 line-height: inherit !important; 59062 } 59063 59064 /* Sold-out size */ 59065 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 59066 opacity: .35 !important; 59067 text-decoration: line-through !important; 59068 cursor: not-allowed !important; 59069 } 59070 59071 /* Optional hover feedback */ 59072 .card-wrapper-box 59073 .bt-qatc-form-variant-input:not(.is-disbaled) 59074 label:hover { 59075 text-decoration: underline !important; 59076 text-underline-offset: 3px !important; 59077 } 59078 59079 /* Prevent old theme transforms / absolute positions */ 59080 .card-wrapper-box .bt-qatc-form-variant-input *, 59081 .card-wrapper-box .bt-qatc-form-variants--list * { 59082 transform: none; 59083 } 59084} 59085</style> 59086 59087 59088<style> 59089/* Desktop quick-add: use one seamless background for sizes + bag */ 59090@media (min-width: 990px) { 59091 .card-wrapper-box .bt-qatc-form-container, 59092 .card-wrapper-box .bt-qatc-form, 59093 .card-wrapper-box .bt-qatc-form-variants-container, 59094 .card-wrapper-box .bt-qatc-form-variants--list, 59095 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 59096 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 59097 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 59098 background: rgba(255,255,255,.96) !important; 59099 } 59100 59101 /* Remove any visual split between sizes and bag */ 59102 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 59103 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 59104 border-left: 0 !important; 59105 box-shadow: none !important; 59106 } 59107} 59108</style> 59109 59110 59111<style> 59112/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 59113@media (min-width: 990px) { 59114 .card-wrapper-box .bt-qatc-form-container, 59115 .card-wrapper-box .bt-qatc-form, 59116 .card-wrapper-box .bt-qatc-form-variants-container { 59117 height: auto !important; 59118 max-height: none !important; 59119 overflow: visible !important; 59120 } 59121 59122 .card-wrapper-box .bt-qatc-form-variants--list { 59123 display: flex !important; 59124 flex-wrap: wrap !important; 59125 justify-content: center !important; 59126 align-items: center !important; 59127 height: auto !important; 59128 min-height: 43px !important; 59129 max-height: none !important; 59130 overflow: visible !important; 59131 white-space: normal !important; 59132 padding: 5px 6px !important; 59133 } 59134 59135 .card-wrapper-box .bt-qatc-form-variant-input { 59136 flex: 0 0 auto !important; 59137 } 59138} 59139</style> 59140
59141<script> 59142 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 59143 const wrap = label.closest('.bt-qatc-form-variant-input'); 59144 const form = label.closest('.bt-qatc-form'); 59145 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 59146 59147 if (!wrap || !form || !input) return; 59148 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 59149 if (label.dataset.loading === 'true') return; 59150 59151 input.checked = true; 59152 label.dataset.loading = 'true'; 59153 label.style.pointerEvents = 'none'; 59154 59155 try { 59156 const cartResp = await fetch('/cart.js', { 59157 method: 'GET', 59158 headers: { 'Accept': 'application/json' } 59159 }); 59160 59161 if (!cartResp.ok) throw new Error('Unable to read cart'); 59162 59163 const cart = await cartResp.json(); 59164 const variantId = Number(input.value); 59165 const selectedPrice = Number(input.dataset.price || 0) / 100; 59166 const totalCartPrice = Number(cart.total_price || 0) / 100; 59167 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 59168 59169 if ((totalCartPrice + selectedPrice) > 250000) { 59170 if (window.showAlert) { 59171 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 59172 } else { 59173 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 59174 } 59175 return; 59176 } 59177 59178 if (itemInCart && Number(itemInCart.quantity) >= 3) { 59179 if (window.showAlert) { 59180 window.showAlert('Limit reached: Max 3 items per size can be added'); 59181 } else { 59182 alert('Limit reached: Max 3 items per size can be added'); 59183 } 59184 return; 59185 } 59186 59187 59188 const cartSections = document.querySelector('cart-notification, cart-drawer'); 59189 const formData = new FormData(form); 59190 59191 formData.set('id', input.value); 59192 formData.set('quantity', '1'); 59193 59194 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 59195 formData.set( 59196 'sections', 59197 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 59198 ); 59199 } 59200 59201 formData.set('sections_url', window.location.pathname); 59202 59203 const addResp = await fetch('/cart/add.js', { 59204 method: 'POST', 59205 headers: { 'Accept': 'application/json' }, 59206 body: formData 59207 }); 59208 59209 const data = await addResp.json(); 59210 59211 if (!addResp.ok) { 59212 throw new Error(data.description || data.message || 'Unable to add this size'); 59213 } 59214 59215 if (cartSections && typeof cartSections.renderContents === 'function') { 59216 cartSections.renderContents(data); 59217 } else { 59218 const bubble = document.querySelector('#cart-icon-bubble'); 59219 if (bubble) bubble.click(); 59220 } 59221 59222 const card = label.closest('.card-wrapper-box'); 59223 if (card) { 59224 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 59225 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 59226 } 59227 } catch (error) { 59228 console.error('SEFAM hover size quick-add error:', error); 59229 if (window.showAlert) { 59230 window.showAlert(error.message || 'Unable to add this size to cart'); 59231 } else { 59232 alert(error.message || 'Unable to add this size to cart'); 59233 } 59234 } finally { 59235 label.dataset.loading = 'false'; 59236 label.style.pointerEvents = ''; 59237 } 59238 }; 59239</script>
59239 59240 59241<style> 59242/* Desktop quick-add final alignment: 59243 sizes start from left; bag area matches the complete quick-size background height. */ 59244@media (min-width: 990px) { 59245 .card-wrapper-box .bt-qatc-form-variants--list { 59246 justify-content: flex-start !important; 59247 align-content: center !important; 59248 text-align: left !important; 59249 } 59250 59251 .card-wrapper-box .bt-qatc-container { 59252 right: 46px !important; 59253 } 59254 59255 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 59256 top: auto !important; 59257 bottom: 0 !important; 59258 width: 46px !important; 59259 height: 100% !important; 59260 min-height: 43px !important; 59261 align-items: stretch !important; 59262 background: rgba(255,255,255,.96) !important; 59263 } 59264 59265 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 59266 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 59267 width: 46px !important; 59268 height: 100% !important; 59269 min-height: 43px !important; 59270 background: rgba(255,255,255,.96) !important; 59271 } 59272 59273 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 59274 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 59275 height: var(--sefam-quick-add-height, 43px) !important; 59276 } 59277} 59278</style>
59279<script> 59280(function () { 59281 function syncQuickAddHeight(card) { 59282 if (!card || window.innerWidth < 990) return; 59283 var panel = card.querySelector('.bt-qatc-form-container'); 59284 if (!panel) return; 59285 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 59286 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 59287 } 59288 59289 document.addEventListener('mouseover', function(e) { 59290 var card = e.target.closest('.card-wrapper-box'); 59291 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 59292 }, { passive: true }); 59293 59294 window.addEventListener('resize', function() { 59295 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 59296 }, { passive: true }); 59297})(); 59298</script>
59298 59299 59300 59301 59302<style> 59303/* ========================================================= 59304 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 59305 - reduce space between sizes 59306 - keep sizes left aligned 59307 - keep the bag icon on the BOTTOM row 59308 - bag background still matches the full size panel 59309 ========================================================= */ 59310@media (min-width: 990px) { 59311 59312 /* More usable width for sizes */ 59313 .card-wrapper-box .bt-qatc-container { 59314 right: 42px !important; 59315 } 59316 59317 /* Compact, left-aligned size list */ 59318 .card-wrapper-box .bt-qatc-form-variants--list { 59319 justify-content: flex-start !important; 59320 align-items: center !important; 59321 align-content: center !important; 59322 59323 column-gap: 0 !important; 59324 row-gap: 0 !important; 59325 59326 padding: 4px 4px !important; 59327 margin: 0 !important; 59328 } 59329 59330 .card-wrapper-box .bt-qatc-form-variant-input { 59331 min-width: 0 !important; 59332 width: auto !important; 59333 height: 35px !important; 59334 margin: 0 !important; 59335 padding: 0 !important; 59336 } 59337 59338 .card-wrapper-box .bt-qatc-form-variant-input label { 59339 min-width: 0 !important; 59340 width: auto !important; 59341 height: 35px !important; 59342 59343 margin: 0 !important; 59344 padding: 0 4px !important; 59345 59346 font-size: 12px !important; 59347 line-height: 1 !important; 59348 } 59349 59350 /* Bag column keeps the same full white background as the sizes */ 59351 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 59352 right: 0 !important; 59353 bottom: 0 !important; 59354 top: auto !important; 59355 59356 width: 42px !important; 59357 min-width: 42px !important; 59358 height: var(--sefam-quick-add-height, 43px) !important; 59359 min-height: 43px !important; 59360 59361 display: flex !important; 59362 flex-direction: column !important; 59363 justify-content: flex-end !important; 59364 align-items: stretch !important; 59365 59366 padding: 0 !important; 59367 margin: 0 !important; 59368 59369 background: rgba(255,255,255,.96) !important; 59370 } 59371 59372 /* The clickable bag itself always sits at the bottom */ 59373 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 59374 width: 42px !important; 59375 min-width: 42px !important; 59376 height: 43px !important; 59377 min-height: 43px !important; 59378 59379 margin-top: auto !important; 59380 padding: 0 !important; 59381 59382 display: flex !important; 59383 align-items: center !important; 59384 justify-content: center !important; 59385 59386 background: rgba(255,255,255,.96) !important; 59387 } 59388 59389 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 59390 width: 42px !important; 59391 height: 43px !important; 59392 min-height: 43px !important; 59393 59394 display: flex !important; 59395 align-items: center !important; 59396 justify-content: center !important; 59397 59398 padding: 0 !important; 59399 margin: 0 !important; 59400 59401 background: transparent !important; 59402 } 59403 59404 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 59405 width: 16px !important; 59406 height: 17px !important; 59407 } 59408} 59409</style> 59410 59411 59412<style> 59413/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 59414@media (min-width: 990px) { 59415 .card-wrapper-box .bt-qatc-form-variants--list { 59416 padding: 3px 4px !important; 59417 column-gap: 0 !important; 59418 row-gap: 0 !important; 59419 justify-content: flex-start !important; 59420 align-items: center !important; 59421 align-content: center !important; 59422 } 59423 59424 .card-wrapper-box .bt-qatc-form-variant-input { 59425 min-width: 0 !important; 59426 width: auto !important; 59427 height: 30px !important; 59428 margin: 0 !important; 59429 padding: 0 !important; 59430 } 59431 59432 .card-wrapper-box .bt-qatc-form-variant-input label { 59433 min-width: 0 !important; 59434 width: auto !important; 59435 height: 30px !important; 59436 margin: 0 !important; 59437 padding: 0 4px !important; 59438 font-size: 12px !important; 59439 line-height: 1 !important; 59440 display: flex !important; 59441 align-items: center !important; 59442 justify-content: center !important; 59443 } 59444 59445 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 59446 display: flex !important; 59447 flex-direction: column !important; 59448 justify-content: flex-end !important;
59449 align-items: stretch !important; 59450 bottom: 0 !important; 59451 top: auto !important; 59452 height: var(--sefam-quick-add-height, 36px) !important; 59453 min-height: 36px !important; 59454 } 59455 59456 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 59457 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 59458 height: 36px !important; 59459 min-height: 36px !important; 59460 margin-top: auto !important; 59461 } 59462} 59463</style> 59464 59465<style> 59466 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 59467 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 59468 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 59469 .card_colorways_container .new-mbl-color-single label span, 59470 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 59471 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 59472</style> 59473 59474 </li> 59475 59476 <li 59477 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_XEb3C9-9" 59478 class="grid__item slider__slide" 59479 > 59480 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 59481� 59482 59483 59484 � 59485 59486 59487 59488 <div class="card-wrapper product-card-wrapper"> 59489 <div 59490 class=" 59491 card card--standard 59492 card--media 59493 59494 59495 59496 59497 59498 " 59499 style="--ratio-percent: 150.00000000000003%;" 59500 59501 > 59502 <div class="card-wrapper-box"> 59503 59504 <div 59505 class="card__inner color-scheme-2 gradient ratio" 59506 style="--ratio-percent: 150.00000000000003%;" 59507 59508 > 59509 �<a href="/products/smc931126"> 59510 59511 �<div class="card-prdct2 card__media"> 59512 <div class="media media--transparent mt3"> 59513 59514 59515 <img 59516 src="//sefam.com/cdn/shop/files/SMC931126_6.jpg?v=1790833623&width=800" 59517 srcset="//sefam.com/cdn/shop/files/SMC931126_6.jpg?v=1790833623&width=1600 2x" 59518 class="" 59519 alt="Huntsmen Jacket - SMC931126" 59520 59521 loading="lazy" 59522 59523 width="2400" 59524 height="3600" 59525 > 59526 �<img 59527 src="//sefam.com/cdn/shop/files/SMC931126_7.jpg?v=1790833623&width=800" 59528 srcset="//sefam.com/cdn/shop/files/SMC931126_7.jpg?v=1790833623&width=1600 2x" 59529 alt="Huntsmen Jacket - SMC931126" 59530 loading="lazy" 59531 width="2400" 59532 height="3600" 59533 data-index="" 59534 > 59535 59536 � 59537 </div> 59538 59539 59540 </div> 59541 </a> 59542 </div> 59543 59544 59545 59546 59547 <div class="bt-qatc-container"> 59548 <div class="bt-qatc-form-container"> 59549 <div class="bt-qatc-form-content large-up-hide medium-hide"> 59550 <h3>Huntsmen Jacket - SMC931126</h3> 59551 59552<div 59553 class=" 59554 price " 59555 > 59556 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 59557 <span class="price-item price-item--regular"> 59558 <span class=money>Rs.12,990</span> 59559 </span></div> 59560 <div class="price__sale"> 59561 <span class="visually-hidden visually-hidden--inline">Regular price</span> 59562 <span> 59563 <s class="price-item price-item--regular"> 59564 59565 <span class=money>Rs.12,990</span> 59566 59567 </s> 59568 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
59569 <span class="price-item price-item--sale price-item--last"> 59570 59571 59572 59573 59574 <span class="percentage__sale hidden">0% OFF</span> 59575 59576 <span class=money>Rs.12,990</span> 59577 </span> 59578 </div> 59579 <small class="unit-price caption hidden"> 59580 <span class="visually-hidden">Unit price</span> 59581 <span class="price-item price-item--last"> 59582 <span></span> 59583 <span aria-hidden="true">/</span> 59584 <span class="visually-hidden"> per </span> 59585 <span> 59586 </span> 59587 </span> 59588 </small> 59589 </div></div> 59590 59591 59592 59593 </div> 59594 <div 59595 class="ethnc-form-media large-up-hide medium-hide" 59596 59597 ></div> 59598 <form method="post" action="/cart/add" class="bt-qatc-form"> 59599 <input type="hidden" name="quantity" value="1"> 59600 <div class="bt-qatc-form-variants-container"> 59601 <div class="bt-qatc-form-variants--list"> 59602 59603 <div 59604 class="in-use bt-qatc-form-variant-input" 59605 59606 > 59607 <input 59608 type="radio" 59609 name="id" 59610 id="-52140423250216" 59611 value="52140423250216" 59612 data-price="1299000" 59613 data-item-id="10356265189672" 59614 hidden 59615 59616 data-item-id="10356265189672" 59617 59618 > 59619 59620 <label 59621 for="-52140423250216" 59622 data-sefam-quick-size 59623 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 59624 > 59625 <span class="split-variant-value"> 59626 59627 59628 59629 59630 59631 59632 59633 S 59634 59635 59636</span> 59637 </label> 59638 </div> 59639 59640 <div 59641 class="in-use bt-qatc-form-variant-input" 59642 59643 > 59644 <input 59645 type="radio" 59646 name="id" 59647 id="-52140423282984" 59648 value="52140423282984" 59649 data-price="1299000" 59650 data-item-id="10356265189672" 59651 hidden 59652 59653 data-item-id="10356265189672" 59654 59655 > 59656 59657 <label 59658 for="-52140423282984" 59659 data-sefam-quick-size 59660 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 59661 > 59662 <span class="split-variant-value"> 59663 59664 59665 59666 59667 59668 59669 59670 M 59671 59672 59673</span> 59674 </label> 59675 </div> 59676 59677 <div 59678 class="in-use bt-qatc-form-variant-input" 59679 59680 > 59681 <input 59682 type="radio" 59683 name="id" 59684 id="-52140423315752" 59685 value="52140423315752" 59686 data-price="1299000" 59687 data-item-id="10356265189672" 59688 hidden 59689 59690 data-item-id="10356265189672" 59691 59692 > 59693 59694 <label 59695 for="-52140423315752" 59696 data-sefam-quick-size 59697 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 59698 >
59699 <span class="split-variant-value"> 59700 59701 59702 59703 59704 59705 59706 59707 L 59708 59709 59710</span> 59711 </label> 59712 </div> 59713 59714 <div 59715 class="in-use bt-qatc-form-variant-input" 59716 59717 > 59718 <input 59719 type="radio" 59720 name="id" 59721 id="-52140423348520" 59722 value="52140423348520" 59723 data-price="1299000" 59724 data-item-id="10356265189672" 59725 hidden 59726 59727 data-item-id="10356265189672" 59728 59729 > 59730 59731 <label 59732 for="-52140423348520" 59733 data-sefam-quick-size 59734 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 59735 > 59736 <span class="split-variant-value"> 59737 59738 59739 59740 59741 59742 59743 59744 XL 59745 59746 59747</span> 59748 </label> 59749 </div> 59750 59751 </div> 59752 59753 59754 59755 59756 </div> 59757 </form> 59758 </div> 59759 </div> 59760 59761 59762 59763 59764 59765 59766 59767 59768 59769 59770 59771 59772 59773 59774 59775 59776 59777 59778 59779 59780 59781 59782 59783 59784 59785 59786 59787 59788 59789 59790 59791 59792 59793 59794 59795 59796 59797 59798 59799 59800 59801 59802 59803 59804 59805 59806 59807 59808 59809 59810 59811 59812 59813 59814 59815 59816 59817 59818 59819 59820 59821 59822 59823 59824 59825 59826 59827 59828 59829 <div 59830 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 59831 > 59832 <div class="ethnc-qatc-btn cstm-add-btn visible"> 59833 <span class="small-hide hide-mobile">Add to Basket</span> 59834 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 59835 </span> 59836 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 59837 width="11" 59838 height="11" 59839 viewBox="0 0 11 11" 59840 fill="none" 59841> 59842 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 59843 fill="black" 59844 /> 59845</svg> 59846</span> 59847 </div> 59848 </div> 59849 59850 59851 </div> 59852 59853 <div class="card__content aiza2"> 59854 <div class="card__information"> 59855 <small class="product-brand"> 59856 Shahnameh 59857 </small> 59858 <h3 59859 class="card__heading h5" 59860 59861 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10356265189672" 59862 59863 > 59864 <a 59865 href="/products/smc931126" 59866 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10356265189672" 59867 class="full-unstyled-link" 59868 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10356265189672 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10356265189672" 59869 > 59870 Huntsmen Jacket - SMC931126 59871 59872 <div class="card_colorways_container" onclick="event.stopPropagation();"> 59873 59874 59875 � 59876 </div> 59877 </a> 59878 59879 </h3> 59880 59881 <div class="card-information"><span class="caption-large light"></span> 59882<div 59883 class=" 59884 price " 59885 > 59886 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
59887 <span class="price-item price-item--regular"> 59888 <span class=money>Rs.12,990</span> 59889 </span></div> 59890 <div class="price__sale"> 59891 <span class="visually-hidden visually-hidden--inline">Regular price</span> 59892 <span> 59893 <s class="price-item price-item--regular"> 59894 59895 <span class=money>Rs.12,990</span> 59896 59897 </s> 59898 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 59899 <span class="price-item price-item--sale price-item--last"> 59900 59901 59902 59903 59904 <span class="percentage__sale hidden">0% OFF</span> 59905 59906 <span class=money>Rs.12,990</span> 59907 </span> 59908 </div> 59909 <small class="unit-price caption hidden"> 59910 <span class="visually-hidden">Unit price</span> 59911 <span class="price-item price-item--last"> 59912 <span></span> 59913 <span aria-hidden="true">/</span> 59914 <span class="visually-hidden"> per </span> 59915 <span> 59916 </span> 59917 </span> 59918 </small> 59919 </div></div> 59920 59921 59922 59923 </div> 59924 </div> 59925 </div> 59926 59927 </div> 59928 </div><style> 59929/* ========================================================= 59930 DESKTOP PRODUCT CARD QUICK ADD 59931 LEFT = sizes 59932 RIGHT = original bag icon 59933 Mobile behavior remains unchanged 59934 ========================================================= */ 59935@media (min-width: 990px) { 59936 .hide-desktop { 59937 display: none !important; 59938 } 59939 59940 /* Keep both controls on the same bottom row */ 59941 .card-wrapper-box { 59942 position: relative; 59943 } 59944 59945 .card-wrapper-box .bt-qatc-container, 59946 .card-wrapper-box .ethnc-qatc-btn-container { 59947 position: absolute !important; 59948 bottom: 0 !important; 59949 z-index: 8 !important; 59950 } 59951 59952 /* LEFT: size area */ 59953 .card-wrapper-box .bt-qatc-container { 59954 left: 0 !important; 59955 right: 46px !important; 59956 width: auto !important; 59957 } 59958 59959 .card-wrapper-box .bt-qatc-form-container { 59960 left: 0 !important; 59961 right: 0 !important; 59962 bottom: -350% !important; 59963 width: 100% !important; 59964 min-height: 43px !important; 59965 opacity: 0 !important; 59966 visibility: hidden !important; 59967 pointer-events: none !important; 59968 transition: bottom .22s ease, opacity .18s ease !important; 59969 } 59970 59971 .card-wrapper-box .bt-qatc-form, 59972 .card-wrapper-box .bt-qatc-form-variants-container, 59973 .card-wrapper-box .bt-qatc-form-variants--list { 59974 width: 100% !important; 59975 } 59976 59977 .card-wrapper-box .bt-qatc-form-variants--list { 59978 display: flex !important; 59979 align-items: center !important; 59980 flex-wrap: wrap !important; 59981 gap: 0 !important; 59982 min-height: 43px !important; 59983 } 59984 59985 /* RIGHT: original bag button */ 59986 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 59987 display: flex !important; 59988 align-items: stretch !important; 59989 justify-content: center !important; 59990 left: auto !important; 59991 right: 0 !important; 59992 width: 46px !important; 59993 height: 43px !important; 59994 opacity: 0 !important; 59995 visibility: hidden !important; 59996 pointer-events: none !important; 59997 transition: opacity .18s ease !important; 59998 } 59999 60000 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 60001 display: flex !important; 60002 align-items: center !important; 60003 justify-content: center !important; 60004 width: 46px !important; 60005 height: 43px !important; 60006 min-width: 46px !important; 60007 padding: 0 !important; 60008 cursor: pointer !important; 60009 } 60010 60011 /* Hide Add to Basket text on desktop; keep only bag icon */ 60012 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 60013 display: none !important; 60014 } 60015 60016 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 60017 display: flex !important; 60018 align-items: center !important; 60019 justify-content: center !important; 60020 width: 100% !important; 60021 height: 100% !important; 60022 padding: 0 !important; 60023 } 60024 60025 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 60026 display: block !important; 60027 width: 16px !important; 60028 height: 17px !important; 60029 } 60030 60031 /* Show sizes + bag together on desktop hover */ 60032 .card-wrapper-box:hover .bt-qatc-form-container { 60033 bottom: 0 !important; 60034 opacity: 1 !important; 60035 visibility: visible !important; 60036 pointer-events: auto !important; 60037 } 60038 60039 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 60040 opacity: 1 !important; 60041 visibility: visible !important; 60042 pointer-events: auto !important; 60043 } 60044} 60045 60046@media (max-width: 989px) { 60047 .hide-mobile { 60048 display: none; 60049 } 60050} 60051</style> 60052 60053 60054<style> 60055/* ========================================================= 60056 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 60057 Keeps all sizes in one clean row on the left 60058 and the bag icon fixed on the right. 60059 ========================================================= */ 60060@media (min-width: 990px) { 60061 60062 .card-wrapper-box .bt-qatc-form-container { 60063 height: 43px !important; 60064 min-height: 43px !important; 60065 max-height: 43px !important; 60066 overflow: hidden !important; 60067 background: rgba(255,255,255,.96) !important; 60068 } 60069 60070 .card-wrapper-box .bt-qatc-form { 60071 display: block !important; 60072 height: 43px !important; 60073 min-height: 43px !important; 60074 margin: 0 !important; 60075 padding: 0 !important; 60076 } 60077 60078 .card-wrapper-box .bt-qatc-form-variants-container { 60079 display: block !important; 60080 width: 100% !important; 60081 height: 43px !important; 60082 min-height: 43px !important; 60083 margin: 0 !important; 60084 padding: 0 !important; 60085 } 60086 60087 .card-wrapper-box .bt-qatc-form-variants--list { 60088 display: flex !important; 60089 flex-direction: row !important; 60090 flex-wrap: wrap !important;
60091 align-items: center !important; 60092 justify-content: center !important; 60093 60094 width: 100% !important; 60095 height: 43px !important; 60096 min-height: 43px !important; 60097 60098 margin: 0 !important; 60099 padding: 0 6px !important; 60100 gap: 2px !important; 60101 60102 box-sizing: border-box !important; 60103 overflow: visible !important; 60104 white-space: normal !important; 60105 } 60106 60107 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 60108 display: none !important; 60109 } 60110 60111 .card-wrapper-box .bt-qatc-form-variant-input { 60112 position: relative !important; 60113 60114 display: flex !important; 60115 align-items: center !important; 60116 justify-content: center !important; 60117 60118 flex: 0 0 auto !important; 60119 width: auto !important; 60120 min-width: 32px !important; 60121 height: 43px !important; 60122 60123 margin: 0 !important; 60124 padding: 0 !important; 60125 60126 border: 0 !important; 60127 background: transparent !important; 60128 } 60129 60130 .card-wrapper-box .bt-qatc-form-variant-input label { 60131 position: static !important; 60132 60133 display: flex !important; 60134 align-items: center !important; 60135 justify-content: center !important; 60136 60137 width: auto !important; 60138 min-width: 32px !important; 60139 height: 32px !important; 60140 60141 margin: 0 !important; 60142 padding: 0 6px !important; 60143 60144 box-sizing: border-box !important; 60145 60146 background: transparent !important; 60147 border: 0 !important; 60148 60149 color: #111 !important; 60150 font-size: 12px !important; 60151 line-height: 1 !important; 60152 font-weight: 400 !important; 60153 60154 white-space: nowrap !important; 60155 cursor: pointer !important; 60156 } 60157 60158 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 60159 display: block !important; 60160 width: auto !important; 60161 max-width: none !important; 60162 60163 margin: 0 !important; 60164 padding: 0 !important; 60165 60166 overflow: visible !important; 60167 white-space: nowrap !important; 60168 text-overflow: clip !important; 60169 60170 font-size: inherit !important; 60171 line-height: inherit !important; 60172 } 60173 60174 /* Sold-out size */ 60175 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 60176 opacity: .35 !important; 60177 text-decoration: line-through !important; 60178 cursor: not-allowed !important; 60179 } 60180 60181 /* Optional hover feedback */ 60182 .card-wrapper-box 60183 .bt-qatc-form-variant-input:not(.is-disbaled) 60184 label:hover { 60185 text-decoration: underline !important; 60186 text-underline-offset: 3px !important; 60187 } 60188 60189 /* Prevent old theme transforms / absolute positions */ 60190 .card-wrapper-box .bt-qatc-form-variant-input *, 60191 .card-wrapper-box .bt-qatc-form-variants--list * { 60192 transform: none; 60193 } 60194} 60195</style> 60196 60197 60198<style> 60199/* Desktop quick-add: use one seamless background for sizes + bag */ 60200@media (min-width: 990px) { 60201 .card-wrapper-box .bt-qatc-form-container, 60202 .card-wrapper-box .bt-qatc-form, 60203 .card-wrapper-box .bt-qatc-form-variants-container, 60204 .card-wrapper-box .bt-qatc-form-variants--list, 60205 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 60206 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 60207 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 60208 background: rgba(255,255,255,.96) !important; 60209 } 60210 60211 /* Remove any visual split between sizes and bag */ 60212 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 60213 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 60214 border-left: 0 !important; 60215 box-shadow: none !important; 60216 } 60217} 60218</style> 60219 60220 60221<style> 60222/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 60223@media (min-width: 990px) { 60224 .card-wrapper-box .bt-qatc-form-container, 60225 .card-wrapper-box .bt-qatc-form, 60226 .card-wrapper-box .bt-qatc-form-variants-container { 60227 height: auto !important; 60228 max-height: none !important; 60229 overflow: visible !important; 60230 } 60231 60232 .card-wrapper-box .bt-qatc-form-variants--list { 60233 display: flex !important; 60234 flex-wrap: wrap !important; 60235 justify-content: center !important; 60236 align-items: center !important; 60237 height: auto !important; 60238 min-height: 43px !important; 60239 max-height: none !important; 60240 overflow: visible !important; 60241 white-space: normal !important; 60242 padding: 5px 6px !important; 60243 } 60244 60245 .card-wrapper-box .bt-qatc-form-variant-input { 60246 flex: 0 0 auto !important; 60247 } 60248} 60249</style> 60250
60251<script> 60252 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 60253 const wrap = label.closest('.bt-qatc-form-variant-input'); 60254 const form = label.closest('.bt-qatc-form'); 60255 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 60256 60257 if (!wrap || !form || !input) return; 60258 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 60259 if (label.dataset.loading === 'true') return; 60260 60261 input.checked = true; 60262 label.dataset.loading = 'true'; 60263 label.style.pointerEvents = 'none'; 60264 60265 try { 60266 const cartResp = await fetch('/cart.js', { 60267 method: 'GET', 60268 headers: { 'Accept': 'application/json' } 60269 }); 60270 60271 if (!cartResp.ok) throw new Error('Unable to read cart'); 60272 60273 const cart = await cartResp.json(); 60274 const variantId = Number(input.value); 60275 const selectedPrice = Number(input.dataset.price || 0) / 100; 60276 const totalCartPrice = Number(cart.total_price || 0) / 100; 60277 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 60278 60279 if ((totalCartPrice + selectedPrice) > 250000) { 60280 if (window.showAlert) { 60281 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 60282 } else { 60283 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 60284 } 60285 return; 60286 } 60287 60288 if (itemInCart && Number(itemInCart.quantity) >= 3) { 60289 if (window.showAlert) { 60290 window.showAlert('Limit reached: Max 3 items per size can be added'); 60291 } else { 60292 alert('Limit reached: Max 3 items per size can be added'); 60293 } 60294 return; 60295 } 60296 60297 60298 const cartSections = document.querySelector('cart-notification, cart-drawer'); 60299 const formData = new FormData(form); 60300 60301 formData.set('id', input.value); 60302 formData.set('quantity', '1'); 60303 60304 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 60305 formData.set( 60306 'sections', 60307 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 60308 ); 60309 } 60310 60311 formData.set('sections_url', window.location.pathname); 60312 60313 const addResp = await fetch('/cart/add.js', { 60314 method: 'POST', 60315 headers: { 'Accept': 'application/json' }, 60316 body: formData 60317 }); 60318 60319 const data = await addResp.json(); 60320 60321 if (!addResp.ok) { 60322 throw new Error(data.description || data.message || 'Unable to add this size'); 60323 } 60324 60325 if (cartSections && typeof cartSections.renderContents === 'function') { 60326 cartSections.renderContents(data); 60327 } else { 60328 const bubble = document.querySelector('#cart-icon-bubble'); 60329 if (bubble) bubble.click(); 60330 } 60331 60332 const card = label.closest('.card-wrapper-box'); 60333 if (card) { 60334 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 60335 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 60336 } 60337 } catch (error) { 60338 console.error('SEFAM hover size quick-add error:', error); 60339 if (window.showAlert) { 60340 window.showAlert(error.message || 'Unable to add this size to cart'); 60341 } else { 60342 alert(error.message || 'Unable to add this size to cart'); 60343 } 60344 } finally { 60345 label.dataset.loading = 'false'; 60346 label.style.pointerEvents = ''; 60347 } 60348 }; 60349</script>
60349 60350 60351<style> 60352/* Desktop quick-add final alignment: 60353 sizes start from left; bag area matches the complete quick-size background height. */ 60354@media (min-width: 990px) { 60355 .card-wrapper-box .bt-qatc-form-variants--list { 60356 justify-content: flex-start !important; 60357 align-content: center !important; 60358 text-align: left !important; 60359 } 60360 60361 .card-wrapper-box .bt-qatc-container { 60362 right: 46px !important; 60363 } 60364 60365 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 60366 top: auto !important; 60367 bottom: 0 !important; 60368 width: 46px !important; 60369 height: 100% !important; 60370 min-height: 43px !important; 60371 align-items: stretch !important; 60372 background: rgba(255,255,255,.96) !important; 60373 } 60374 60375 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 60376 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 60377 width: 46px !important; 60378 height: 100% !important; 60379 min-height: 43px !important; 60380 background: rgba(255,255,255,.96) !important; 60381 } 60382 60383 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 60384 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 60385 height: var(--sefam-quick-add-height, 43px) !important; 60386 } 60387} 60388</style>
60389<script> 60390(function () { 60391 function syncQuickAddHeight(card) { 60392 if (!card || window.innerWidth < 990) return; 60393 var panel = card.querySelector('.bt-qatc-form-container'); 60394 if (!panel) return; 60395 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 60396 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 60397 } 60398 60399 document.addEventListener('mouseover', function(e) { 60400 var card = e.target.closest('.card-wrapper-box'); 60401 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 60402 }, { passive: true }); 60403 60404 window.addEventListener('resize', function() { 60405 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 60406 }, { passive: true }); 60407})(); 60408</script>
60408 60409 60410 60411 60412<style> 60413/* ========================================================= 60414 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 60415 - reduce space between sizes 60416 - keep sizes left aligned 60417 - keep the bag icon on the BOTTOM row 60418 - bag background still matches the full size panel 60419 ========================================================= */ 60420@media (min-width: 990px) { 60421 60422 /* More usable width for sizes */ 60423 .card-wrapper-box .bt-qatc-container { 60424 right: 42px !important; 60425 } 60426 60427 /* Compact, left-aligned size list */ 60428 .card-wrapper-box .bt-qatc-form-variants--list { 60429 justify-content: flex-start !important; 60430 align-items: center !important; 60431 align-content: center !important; 60432 60433 column-gap: 0 !important; 60434 row-gap: 0 !important; 60435 60436 padding: 4px 4px !important; 60437 margin: 0 !important; 60438 } 60439 60440 .card-wrapper-box .bt-qatc-form-variant-input { 60441 min-width: 0 !important; 60442 width: auto !important; 60443 height: 35px !important; 60444 margin: 0 !important; 60445 padding: 0 !important; 60446 } 60447 60448 .card-wrapper-box .bt-qatc-form-variant-input label { 60449 min-width: 0 !important; 60450 width: auto !important; 60451 height: 35px !important; 60452 60453 margin: 0 !important; 60454 padding: 0 4px !important; 60455 60456 font-size: 12px !important; 60457 line-height: 1 !important; 60458 } 60459 60460 /* Bag column keeps the same full white background as the sizes */ 60461 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 60462 right: 0 !important; 60463 bottom: 0 !important; 60464 top: auto !important; 60465 60466 width: 42px !important; 60467 min-width: 42px !important; 60468 height: var(--sefam-quick-add-height, 43px) !important; 60469 min-height: 43px !important; 60470 60471 display: flex !important; 60472 flex-direction: column !important; 60473 justify-content: flex-end !important; 60474 align-items: stretch !important; 60475 60476 padding: 0 !important; 60477 margin: 0 !important; 60478 60479 background: rgba(255,255,255,.96) !important; 60480 } 60481 60482 /* The clickable bag itself always sits at the bottom */ 60483 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 60484 width: 42px !important; 60485 min-width: 42px !important; 60486 height: 43px !important; 60487 min-height: 43px !important; 60488 60489 margin-top: auto !important; 60490 padding: 0 !important; 60491 60492 display: flex !important; 60493 align-items: center !important; 60494 justify-content: center !important; 60495 60496 background: rgba(255,255,255,.96) !important; 60497 } 60498 60499 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 60500 width: 42px !important; 60501 height: 43px !important; 60502 min-height: 43px !important; 60503 60504 display: flex !important; 60505 align-items: center !important; 60506 justify-content: center !important; 60507 60508 padding: 0 !important; 60509 margin: 0 !important; 60510 60511 background: transparent !important; 60512 } 60513 60514 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 60515 width: 16px !important; 60516 height: 17px !important; 60517 } 60518} 60519</style> 60520 60521 60522<style> 60523/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 60524@media (min-width: 990px) { 60525 .card-wrapper-box .bt-qatc-form-variants--list { 60526 padding: 3px 4px !important; 60527 column-gap: 0 !important; 60528 row-gap: 0 !important; 60529 justify-content: flex-start !important; 60530 align-items: center !important; 60531 align-content: center !important; 60532 } 60533 60534 .card-wrapper-box .bt-qatc-form-variant-input { 60535 min-width: 0 !important; 60536 width: auto !important; 60537 height: 30px !important; 60538 margin: 0 !important; 60539 padding: 0 !important; 60540 } 60541 60542 .card-wrapper-box .bt-qatc-form-variant-input label { 60543 min-width: 0 !important; 60544 width: auto !important; 60545 height: 30px !important; 60546 margin: 0 !important; 60547 padding: 0 4px !important; 60548 font-size: 12px !important; 60549 line-height: 1 !important; 60550 display: flex !important; 60551 align-items: center !important; 60552 justify-content: center !important; 60553 } 60554 60555 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 60556 display: flex !important; 60557 flex-direction: column !important; 60558 justify-content: flex-end !important;
60559 align-items: stretch !important; 60560 bottom: 0 !important; 60561 top: auto !important; 60562 height: var(--sefam-quick-add-height, 36px) !important; 60563 min-height: 36px !important; 60564 } 60565 60566 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 60567 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 60568 height: 36px !important; 60569 min-height: 36px !important; 60570 margin-top: auto !important; 60571 } 60572} 60573</style> 60574 60575<style> 60576 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 60577 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 60578 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 60579 .card_colorways_container .new-mbl-color-single label span, 60580 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 60581 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 60582</style> 60583 60584 </li> 60585 60586 <li 60587 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_XEb3C9-10" 60588 class="grid__item slider__slide" 60589 > 60590 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 60591� 60592 60593 60594 � 60595 60596 60597 60598 <div class="card-wrapper product-card-wrapper"> 60599 <div 60600 class=" 60601 card card--standard 60602 card--media 60603 60604 60605 60606 60607 60608 " 60609 style="--ratio-percent: 150.00000000000003%;" 60610 60611 > 60612 <div class="card-wrapper-box"> 60613 60614 <div 60615 class="card__inner color-scheme-2 gradient ratio" 60616 style="--ratio-percent: 150.00000000000003%;" 60617 60618 > 60619 �<a href="/products/sj403426"> 60620 60621 �<div class="card-prdct2 card__media"> 60622 <div class="media media--transparent mt3"> 60623 60624 60625 <img 60626 src="//sefam.com/cdn/shop/files/SU408416_4.jpg?v=1790754743&width=800" 60627 srcset="//sefam.com/cdn/shop/files/SU408416_4.jpg?v=1790754743&width=1600 2x" 60628 class="" 60629 alt="Wool Rich Blouson - SJ403426" 60630 60631 loading="lazy" 60632 60633 width="2400" 60634 height="3600" 60635 > 60636 �<img 60637 src="//sefam.com/cdn/shop/files/SU408416_6.jpg?v=1790754742&width=800" 60638 srcset="//sefam.com/cdn/shop/files/SU408416_6.jpg?v=1790754742&width=1600 2x" 60639 alt="Wool Rich Blouson - SJ403426" 60640 loading="lazy" 60641 width="2400" 60642 height="3600" 60643 data-index="" 60644 > 60645 60646 � 60647 </div> 60648 60649 60650 </div> 60651 </a> 60652 </div> 60653 60654 60655 60656 60657 <div class="bt-qatc-container"> 60658 <div class="bt-qatc-form-container"> 60659 <div class="bt-qatc-form-content large-up-hide medium-hide"> 60660 <h3>Wool Rich Blouson - SJ403426</h3> 60661 60662<div 60663 class=" 60664 price " 60665 > 60666 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 60667 <span class="price-item price-item--regular"> 60668 <span class=money>Rs.18,490</span> 60669 </span></div> 60670 <div class="price__sale"> 60671 <span class="visually-hidden visually-hidden--inline">Regular price</span> 60672 <span> 60673 <s class="price-item price-item--regular"> 60674 60675 <span class=money>Rs.18,490</span> 60676 60677 </s> 60678 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
60679 <span class="price-item price-item--sale price-item--last"> 60680 60681 60682 60683 60684 <span class="percentage__sale hidden">0% OFF</span> 60685 60686 <span class=money>Rs.18,490</span> 60687 </span> 60688 </div> 60689 <small class="unit-price caption hidden"> 60690 <span class="visually-hidden">Unit price</span> 60691 <span class="price-item price-item--last"> 60692 <span></span> 60693 <span aria-hidden="true">/</span> 60694 <span class="visually-hidden"> per </span> 60695 <span> 60696 </span> 60697 </span> 60698 </small> 60699 </div></div> 60700 60701 60702 60703 </div> 60704 <div 60705 class="ethnc-form-media large-up-hide medium-hide" 60706 60707 ></div> 60708 <form method="post" action="/cart/add" class="bt-qatc-form"> 60709 <input type="hidden" name="quantity" value="1"> 60710 <div class="bt-qatc-form-variants-container"> 60711 <div class="bt-qatc-form-variants--list"> 60712 60713 <div 60714 class="in-use bt-qatc-form-variant-input" 60715 60716 > 60717 <input 60718 type="radio" 60719 name="id" 60720 id="-67651967058216" 60721 value="67651967058216" 60722 data-price="1849000" 60723 data-item-id="15402902847784" 60724 hidden 60725 60726 data-item-id="15402902847784" 60727 60728 > 60729 60730 <label 60731 for="-67651967058216" 60732 data-sefam-quick-size 60733 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 60734 > 60735 <span class="split-variant-value"> 60736 60737 60738 60739 60740 60741 60742 60743 S 60744 60745 60746</span> 60747 </label> 60748 </div> 60749 60750 <div 60751 class="in-use bt-qatc-form-variant-input" 60752 60753 > 60754 <input 60755 type="radio" 60756 name="id" 60757 id="-67651967090984" 60758 value="67651967090984" 60759 data-price="1849000" 60760 data-item-id="15402902847784" 60761 hidden 60762 60763 data-item-id="15402902847784" 60764 60765 > 60766 60767 <label 60768 for="-67651967090984" 60769 data-sefam-quick-size 60770 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 60771 > 60772 <span class="split-variant-value"> 60773 60774 60775 60776 60777 60778 60779 60780 M 60781 60782 60783</span> 60784 </label> 60785 </div> 60786 60787 <div 60788 class="in-use bt-qatc-form-variant-input" 60789 60790 > 60791 <input 60792 type="radio" 60793 name="id" 60794 id="-67651967123752" 60795 value="67651967123752" 60796 data-price="1849000" 60797 data-item-id="15402902847784" 60798 hidden 60799 60800 data-item-id="15402902847784" 60801 60802 > 60803 60804 <label 60805 for="-67651967123752" 60806 data-sefam-quick-size 60807 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 60808 >
60809 <span class="split-variant-value"> 60810 60811 60812 60813 60814 60815 60816 60817 L 60818 60819 60820</span> 60821 </label> 60822 </div> 60823 60824 <div 60825 class="in-use bt-qatc-form-variant-input" 60826 60827 > 60828 <input 60829 type="radio" 60830 name="id" 60831 id="-67651967156520" 60832 value="67651967156520" 60833 data-price="1849000" 60834 data-item-id="15402902847784" 60835 hidden 60836 60837 data-item-id="15402902847784" 60838 60839 > 60840 60841 <label 60842 for="-67651967156520" 60843 data-sefam-quick-size 60844 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 60845 > 60846 <span class="split-variant-value"> 60847 60848 60849 60850 60851 60852 60853 60854 XL 60855 60856 60857</span> 60858 </label> 60859 </div> 60860 60861 </div> 60862 60863 60864 60865 60866 </div> 60867 </form> 60868 </div> 60869 </div> 60870 60871 60872 60873 60874 60875 60876 60877 60878 60879 60880 60881 60882 60883 60884 60885 60886 60887 60888 60889 60890 60891 60892 60893 60894 60895 60896 60897 60898 60899 60900 60901 60902 60903 60904 60905 60906 60907 60908 60909 60910 60911 60912 60913 60914 60915 60916 60917 60918 60919 60920 60921 60922 60923 60924 60925 60926 60927 60928 60929 60930 <div 60931 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 60932 > 60933 <div class="ethnc-qatc-btn cstm-add-btn visible"> 60934 <span class="small-hide hide-mobile">Add to Basket</span> 60935 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 60936 </span> 60937 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 60938 width="11" 60939 height="11" 60940 viewBox="0 0 11 11" 60941 fill="none" 60942> 60943 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 60944 fill="black" 60945 /> 60946</svg> 60947</span> 60948 </div> 60949 </div> 60950 60951 60952 </div> 60953 60954 <div class="card__content aiza2"> 60955 <div class="card__information"> 60956 <small class="product-brand"> 60957 Shahnameh 60958 </small> 60959 <h3 60960 class="card__heading h5" 60961 60962 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-15402902847784" 60963 60964 > 60965 <a 60966 href="/products/sj403426" 60967 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-15402902847784" 60968 class="full-unstyled-link" 60969 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-15402902847784 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-15402902847784" 60970 > 60971 Wool Rich Blouson - SJ403426 60972 60973 <div class="card_colorways_container" onclick="event.stopPropagation();"> 60974 60975 60976 � 60977 </div> 60978 </a> 60979 60980 </h3> 60981 60982 <div class="card-information"><span class="caption-large light"></span> 60983<div 60984 class=" 60985 price " 60986 > 60987 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
60988 <span class="price-item price-item--regular"> 60989 <span class=money>Rs.18,490</span> 60990 </span></div> 60991 <div class="price__sale"> 60992 <span class="visually-hidden visually-hidden--inline">Regular price</span> 60993 <span> 60994 <s class="price-item price-item--regular"> 60995 60996 <span class=money>Rs.18,490</span> 60997 60998 </s> 60999 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 61000 <span class="price-item price-item--sale price-item--last"> 61001 61002 61003 61004 61005 <span class="percentage__sale hidden">0% OFF</span> 61006 61007 <span class=money>Rs.18,490</span> 61008 </span> 61009 </div> 61010 <small class="unit-price caption hidden"> 61011 <span class="visually-hidden">Unit price</span> 61012 <span class="price-item price-item--last"> 61013 <span></span> 61014 <span aria-hidden="true">/</span> 61015 <span class="visually-hidden"> per </span> 61016 <span> 61017 </span> 61018 </span> 61019 </small> 61020 </div></div> 61021 61022 61023 61024 </div> 61025 </div> 61026 </div> 61027 61028 </div> 61029 </div><style> 61030/* ========================================================= 61031 DESKTOP PRODUCT CARD QUICK ADD 61032 LEFT = sizes 61033 RIGHT = original bag icon 61034 Mobile behavior remains unchanged 61035 ========================================================= */ 61036@media (min-width: 990px) { 61037 .hide-desktop { 61038 display: none !important; 61039 } 61040 61041 /* Keep both controls on the same bottom row */ 61042 .card-wrapper-box { 61043 position: relative; 61044 } 61045 61046 .card-wrapper-box .bt-qatc-container, 61047 .card-wrapper-box .ethnc-qatc-btn-container { 61048 position: absolute !important; 61049 bottom: 0 !important; 61050 z-index: 8 !important; 61051 } 61052 61053 /* LEFT: size area */ 61054 .card-wrapper-box .bt-qatc-container { 61055 left: 0 !important; 61056 right: 46px !important; 61057 width: auto !important; 61058 } 61059 61060 .card-wrapper-box .bt-qatc-form-container { 61061 left: 0 !important; 61062 right: 0 !important; 61063 bottom: -350% !important; 61064 width: 100% !important; 61065 min-height: 43px !important; 61066 opacity: 0 !important; 61067 visibility: hidden !important; 61068 pointer-events: none !important; 61069 transition: bottom .22s ease, opacity .18s ease !important; 61070 } 61071 61072 .card-wrapper-box .bt-qatc-form, 61073 .card-wrapper-box .bt-qatc-form-variants-container, 61074 .card-wrapper-box .bt-qatc-form-variants--list { 61075 width: 100% !important; 61076 } 61077 61078 .card-wrapper-box .bt-qatc-form-variants--list { 61079 display: flex !important; 61080 align-items: center !important; 61081 flex-wrap: wrap !important; 61082 gap: 0 !important; 61083 min-height: 43px !important; 61084 } 61085 61086 /* RIGHT: original bag button */ 61087 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 61088 display: flex !important; 61089 align-items: stretch !important; 61090 justify-content: center !important; 61091 left: auto !important; 61092 right: 0 !important; 61093 width: 46px !important; 61094 height: 43px !important; 61095 opacity: 0 !important; 61096 visibility: hidden !important; 61097 pointer-events: none !important; 61098 transition: opacity .18s ease !important; 61099 } 61100 61101 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 61102 display: flex !important; 61103 align-items: center !important; 61104 justify-content: center !important; 61105 width: 46px !important; 61106 height: 43px !important; 61107 min-width: 46px !important; 61108 padding: 0 !important; 61109 cursor: pointer !important; 61110 } 61111 61112 /* Hide Add to Basket text on desktop; keep only bag icon */ 61113 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 61114 display: none !important; 61115 } 61116 61117 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 61118 display: flex !important; 61119 align-items: center !important; 61120 justify-content: center !important; 61121 width: 100% !important; 61122 height: 100% !important; 61123 padding: 0 !important; 61124 } 61125 61126 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 61127 display: block !important; 61128 width: 16px !important; 61129 height: 17px !important; 61130 } 61131 61132 /* Show sizes + bag together on desktop hover */ 61133 .card-wrapper-box:hover .bt-qatc-form-container { 61134 bottom: 0 !important; 61135 opacity: 1 !important; 61136 visibility: visible !important; 61137 pointer-events: auto !important; 61138 } 61139 61140 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 61141 opacity: 1 !important; 61142 visibility: visible !important; 61143 pointer-events: auto !important; 61144 } 61145} 61146 61147@media (max-width: 989px) { 61148 .hide-mobile { 61149 display: none; 61150 } 61151} 61152</style> 61153 61154 61155<style> 61156/* ========================================================= 61157 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 61158 Keeps all sizes in one clean row on the left 61159 and the bag icon fixed on the right. 61160 ========================================================= */ 61161@media (min-width: 990px) { 61162 61163 .card-wrapper-box .bt-qatc-form-container { 61164 height: 43px !important; 61165 min-height: 43px !important; 61166 max-height: 43px !important; 61167 overflow: hidden !important; 61168 background: rgba(255,255,255,.96) !important; 61169 } 61170 61171 .card-wrapper-box .bt-qatc-form { 61172 display: block !important; 61173 height: 43px !important; 61174 min-height: 43px !important; 61175 margin: 0 !important; 61176 padding: 0 !important; 61177 } 61178 61179 .card-wrapper-box .bt-qatc-form-variants-container { 61180 display: block !important; 61181 width: 100% !important; 61182 height: 43px !important; 61183 min-height: 43px !important; 61184 margin: 0 !important; 61185 padding: 0 !important; 61186 } 61187 61188 .card-wrapper-box .bt-qatc-form-variants--list { 61189 display: flex !important; 61190 flex-direction: row !important; 61191 flex-wrap: wrap !important;
61192 align-items: center !important; 61193 justify-content: center !important; 61194 61195 width: 100% !important; 61196 height: 43px !important; 61197 min-height: 43px !important; 61198 61199 margin: 0 !important; 61200 padding: 0 6px !important; 61201 gap: 2px !important; 61202 61203 box-sizing: border-box !important; 61204 overflow: visible !important; 61205 white-space: normal !important; 61206 } 61207 61208 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 61209 display: none !important; 61210 } 61211 61212 .card-wrapper-box .bt-qatc-form-variant-input { 61213 position: relative !important; 61214 61215 display: flex !important; 61216 align-items: center !important; 61217 justify-content: center !important; 61218 61219 flex: 0 0 auto !important; 61220 width: auto !important; 61221 min-width: 32px !important; 61222 height: 43px !important; 61223 61224 margin: 0 !important; 61225 padding: 0 !important; 61226 61227 border: 0 !important; 61228 background: transparent !important; 61229 } 61230 61231 .card-wrapper-box .bt-qatc-form-variant-input label { 61232 position: static !important; 61233 61234 display: flex !important; 61235 align-items: center !important; 61236 justify-content: center !important; 61237 61238 width: auto !important; 61239 min-width: 32px !important; 61240 height: 32px !important; 61241 61242 margin: 0 !important; 61243 padding: 0 6px !important; 61244 61245 box-sizing: border-box !important; 61246 61247 background: transparent !important; 61248 border: 0 !important; 61249 61250 color: #111 !important; 61251 font-size: 12px !important; 61252 line-height: 1 !important; 61253 font-weight: 400 !important; 61254 61255 white-space: nowrap !important; 61256 cursor: pointer !important; 61257 } 61258 61259 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 61260 display: block !important; 61261 width: auto !important; 61262 max-width: none !important; 61263 61264 margin: 0 !important; 61265 padding: 0 !important; 61266 61267 overflow: visible !important; 61268 white-space: nowrap !important; 61269 text-overflow: clip !important; 61270 61271 font-size: inherit !important; 61272 line-height: inherit !important; 61273 } 61274 61275 /* Sold-out size */ 61276 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 61277 opacity: .35 !important; 61278 text-decoration: line-through !important; 61279 cursor: not-allowed !important; 61280 } 61281 61282 /* Optional hover feedback */ 61283 .card-wrapper-box 61284 .bt-qatc-form-variant-input:not(.is-disbaled) 61285 label:hover { 61286 text-decoration: underline !important; 61287 text-underline-offset: 3px !important; 61288 } 61289 61290 /* Prevent old theme transforms / absolute positions */ 61291 .card-wrapper-box .bt-qatc-form-variant-input *, 61292 .card-wrapper-box .bt-qatc-form-variants--list * { 61293 transform: none; 61294 } 61295} 61296</style> 61297 61298 61299<style> 61300/* Desktop quick-add: use one seamless background for sizes + bag */ 61301@media (min-width: 990px) { 61302 .card-wrapper-box .bt-qatc-form-container, 61303 .card-wrapper-box .bt-qatc-form, 61304 .card-wrapper-box .bt-qatc-form-variants-container, 61305 .card-wrapper-box .bt-qatc-form-variants--list, 61306 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 61307 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 61308 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 61309 background: rgba(255,255,255,.96) !important; 61310 } 61311 61312 /* Remove any visual split between sizes and bag */ 61313 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 61314 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 61315 border-left: 0 !important; 61316 box-shadow: none !important; 61317 } 61318} 61319</style> 61320 61321 61322<style> 61323/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 61324@media (min-width: 990px) { 61325 .card-wrapper-box .bt-qatc-form-container, 61326 .card-wrapper-box .bt-qatc-form, 61327 .card-wrapper-box .bt-qatc-form-variants-container { 61328 height: auto !important; 61329 max-height: none !important; 61330 overflow: visible !important; 61331 } 61332 61333 .card-wrapper-box .bt-qatc-form-variants--list { 61334 display: flex !important; 61335 flex-wrap: wrap !important; 61336 justify-content: center !important; 61337 align-items: center !important; 61338 height: auto !important; 61339 min-height: 43px !important; 61340 max-height: none !important; 61341 overflow: visible !important; 61342 white-space: normal !important; 61343 padding: 5px 6px !important; 61344 } 61345 61346 .card-wrapper-box .bt-qatc-form-variant-input { 61347 flex: 0 0 auto !important; 61348 } 61349} 61350</style> 61351
61352<script> 61353 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 61354 const wrap = label.closest('.bt-qatc-form-variant-input'); 61355 const form = label.closest('.bt-qatc-form'); 61356 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 61357 61358 if (!wrap || !form || !input) return; 61359 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 61360 if (label.dataset.loading === 'true') return; 61361 61362 input.checked = true; 61363 label.dataset.loading = 'true'; 61364 label.style.pointerEvents = 'none'; 61365 61366 try { 61367 const cartResp = await fetch('/cart.js', { 61368 method: 'GET', 61369 headers: { 'Accept': 'application/json' } 61370 }); 61371 61372 if (!cartResp.ok) throw new Error('Unable to read cart'); 61373 61374 const cart = await cartResp.json(); 61375 const variantId = Number(input.value); 61376 const selectedPrice = Number(input.dataset.price || 0) / 100; 61377 const totalCartPrice = Number(cart.total_price || 0) / 100; 61378 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 61379 61380 if ((totalCartPrice + selectedPrice) > 250000) { 61381 if (window.showAlert) { 61382 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 61383 } else { 61384 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 61385 } 61386 return; 61387 } 61388 61389 if (itemInCart && Number(itemInCart.quantity) >= 3) { 61390 if (window.showAlert) { 61391 window.showAlert('Limit reached: Max 3 items per size can be added'); 61392 } else { 61393 alert('Limit reached: Max 3 items per size can be added'); 61394 } 61395 return; 61396 } 61397 61398 61399 const cartSections = document.querySelector('cart-notification, cart-drawer'); 61400 const formData = new FormData(form); 61401 61402 formData.set('id', input.value); 61403 formData.set('quantity', '1'); 61404 61405 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 61406 formData.set( 61407 'sections', 61408 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 61409 ); 61410 } 61411 61412 formData.set('sections_url', window.location.pathname); 61413 61414 const addResp = await fetch('/cart/add.js', { 61415 method: 'POST', 61416 headers: { 'Accept': 'application/json' }, 61417 body: formData 61418 }); 61419 61420 const data = await addResp.json(); 61421 61422 if (!addResp.ok) { 61423 throw new Error(data.description || data.message || 'Unable to add this size'); 61424 } 61425 61426 if (cartSections && typeof cartSections.renderContents === 'function') { 61427 cartSections.renderContents(data); 61428 } else { 61429 const bubble = document.querySelector('#cart-icon-bubble'); 61430 if (bubble) bubble.click(); 61431 } 61432 61433 const card = label.closest('.card-wrapper-box'); 61434 if (card) { 61435 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 61436 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 61437 } 61438 } catch (error) { 61439 console.error('SEFAM hover size quick-add error:', error); 61440 if (window.showAlert) { 61441 window.showAlert(error.message || 'Unable to add this size to cart'); 61442 } else { 61443 alert(error.message || 'Unable to add this size to cart'); 61444 } 61445 } finally { 61446 label.dataset.loading = 'false'; 61447 label.style.pointerEvents = ''; 61448 } 61449 }; 61450</script>
61450 61451 61452<style> 61453/* Desktop quick-add final alignment: 61454 sizes start from left; bag area matches the complete quick-size background height. */ 61455@media (min-width: 990px) { 61456 .card-wrapper-box .bt-qatc-form-variants--list { 61457 justify-content: flex-start !important; 61458 align-content: center !important; 61459 text-align: left !important; 61460 } 61461 61462 .card-wrapper-box .bt-qatc-container { 61463 right: 46px !important; 61464 } 61465 61466 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 61467 top: auto !important; 61468 bottom: 0 !important; 61469 width: 46px !important; 61470 height: 100% !important; 61471 min-height: 43px !important; 61472 align-items: stretch !important; 61473 background: rgba(255,255,255,.96) !important; 61474 } 61475 61476 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 61477 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 61478 width: 46px !important; 61479 height: 100% !important; 61480 min-height: 43px !important; 61481 background: rgba(255,255,255,.96) !important; 61482 } 61483 61484 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 61485 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 61486 height: var(--sefam-quick-add-height, 43px) !important; 61487 } 61488} 61489</style>
61490<script> 61491(function () { 61492 function syncQuickAddHeight(card) { 61493 if (!card || window.innerWidth < 990) return; 61494 var panel = card.querySelector('.bt-qatc-form-container'); 61495 if (!panel) return; 61496 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 61497 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 61498 } 61499 61500 document.addEventListener('mouseover', function(e) { 61501 var card = e.target.closest('.card-wrapper-box'); 61502 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 61503 }, { passive: true }); 61504 61505 window.addEventListener('resize', function() { 61506 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 61507 }, { passive: true }); 61508})(); 61509</script>
61509 61510 61511 61512 61513<style> 61514/* ========================================================= 61515 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 61516 - reduce space between sizes 61517 - keep sizes left aligned 61518 - keep the bag icon on the BOTTOM row 61519 - bag background still matches the full size panel 61520 ========================================================= */ 61521@media (min-width: 990px) { 61522 61523 /* More usable width for sizes */ 61524 .card-wrapper-box .bt-qatc-container { 61525 right: 42px !important; 61526 } 61527 61528 /* Compact, left-aligned size list */ 61529 .card-wrapper-box .bt-qatc-form-variants--list { 61530 justify-content: flex-start !important; 61531 align-items: center !important; 61532 align-content: center !important; 61533 61534 column-gap: 0 !important; 61535 row-gap: 0 !important; 61536 61537 padding: 4px 4px !important; 61538 margin: 0 !important; 61539 } 61540 61541 .card-wrapper-box .bt-qatc-form-variant-input { 61542 min-width: 0 !important; 61543 width: auto !important; 61544 height: 35px !important; 61545 margin: 0 !important; 61546 padding: 0 !important; 61547 } 61548 61549 .card-wrapper-box .bt-qatc-form-variant-input label { 61550 min-width: 0 !important; 61551 width: auto !important; 61552 height: 35px !important; 61553 61554 margin: 0 !important; 61555 padding: 0 4px !important; 61556 61557 font-size: 12px !important; 61558 line-height: 1 !important; 61559 } 61560 61561 /* Bag column keeps the same full white background as the sizes */ 61562 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 61563 right: 0 !important; 61564 bottom: 0 !important; 61565 top: auto !important; 61566 61567 width: 42px !important; 61568 min-width: 42px !important; 61569 height: var(--sefam-quick-add-height, 43px) !important; 61570 min-height: 43px !important; 61571 61572 display: flex !important; 61573 flex-direction: column !important; 61574 justify-content: flex-end !important; 61575 align-items: stretch !important; 61576 61577 padding: 0 !important; 61578 margin: 0 !important; 61579 61580 background: rgba(255,255,255,.96) !important; 61581 } 61582 61583 /* The clickable bag itself always sits at the bottom */ 61584 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 61585 width: 42px !important; 61586 min-width: 42px !important; 61587 height: 43px !important; 61588 min-height: 43px !important; 61589 61590 margin-top: auto !important; 61591 padding: 0 !important; 61592 61593 display: flex !important; 61594 align-items: center !important; 61595 justify-content: center !important; 61596 61597 background: rgba(255,255,255,.96) !important; 61598 } 61599 61600 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 61601 width: 42px !important; 61602 height: 43px !important; 61603 min-height: 43px !important; 61604 61605 display: flex !important; 61606 align-items: center !important; 61607 justify-content: center !important; 61608 61609 padding: 0 !important; 61610 margin: 0 !important; 61611 61612 background: transparent !important; 61613 } 61614 61615 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 61616 width: 16px !important; 61617 height: 17px !important; 61618 } 61619} 61620</style> 61621 61622 61623<style> 61624/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 61625@media (min-width: 990px) { 61626 .card-wrapper-box .bt-qatc-form-variants--list { 61627 padding: 3px 4px !important; 61628 column-gap: 0 !important; 61629 row-gap: 0 !important; 61630 justify-content: flex-start !important; 61631 align-items: center !important; 61632 align-content: center !important; 61633 } 61634 61635 .card-wrapper-box .bt-qatc-form-variant-input { 61636 min-width: 0 !important; 61637 width: auto !important; 61638 height: 30px !important; 61639 margin: 0 !important; 61640 padding: 0 !important; 61641 } 61642 61643 .card-wrapper-box .bt-qatc-form-variant-input label { 61644 min-width: 0 !important; 61645 width: auto !important; 61646 height: 30px !important; 61647 margin: 0 !important; 61648 padding: 0 4px !important; 61649 font-size: 12px !important; 61650 line-height: 1 !important; 61651 display: flex !important; 61652 align-items: center !important; 61653 justify-content: center !important; 61654 } 61655 61656 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 61657 display: flex !important; 61658 flex-direction: column !important; 61659 justify-content: flex-end !important;
61660 align-items: stretch !important; 61661 bottom: 0 !important; 61662 top: auto !important; 61663 height: var(--sefam-quick-add-height, 36px) !important; 61664 min-height: 36px !important; 61665 } 61666 61667 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 61668 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 61669 height: 36px !important; 61670 min-height: 36px !important; 61671 margin-top: auto !important; 61672 } 61673} 61674</style> 61675 61676<style> 61677 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 61678 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 61679 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 61680 .card_colorways_container .new-mbl-color-single label span, 61681 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 61682 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 61683</style> 61684 61685 </li> 61686 61687 <li 61688 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_XEb3C9-11" 61689 class="grid__item slider__slide" 61690 > 61691 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 61692� 61693 61694 61695 � 61696 61697 61698 61699 <div class="card-wrapper product-card-wrapper"> 61700 <div 61701 class=" 61702 card card--standard 61703 card--media 61704 61705 61706 61707 61708 61709 " 61710 style="--ratio-percent: 150.00000000000003%;" 61711 61712 > 61713 <div class="card-wrapper-box"> 61714 61715 <div 61716 class="card__inner color-scheme-2 gradient ratio" 61717 style="--ratio-percent: 150.00000000000003%;" 61718 61719 > 61720 �<a href="/products/sws413426"> 61721 61722 �<div class="card-prdct2 card__media"> 61723 <div class="media media--transparent mt3"> 61724 61725 61726 <img 61727 src="//sefam.com/cdn/shop/files/SWS413426_3.jpg?v=1790944631&width=800" 61728 srcset="//sefam.com/cdn/shop/files/SWS413426_3.jpg?v=1790944631&width=1600 2x" 61729 class="" 61730 alt="Super Fine Cotton Dobby Shirt - SWS413426" 61731 61732 loading="lazy" 61733 61734 width="2400" 61735 height="3600" 61736 > 61737 �<img 61738 src="//sefam.com/cdn/shop/files/SWS413426_4.jpg?v=1790944631&width=800" 61739 srcset="//sefam.com/cdn/shop/files/SWS413426_4.jpg?v=1790944631&width=1600 2x" 61740 alt="Super Fine Cotton Dobby Shirt - SWS413426" 61741 loading="lazy" 61742 width="2400" 61743 height="3600" 61744 data-index="" 61745 > 61746 61747 � 61748 </div> 61749 61750 61751 </div> 61752 </a> 61753 </div> 61754 61755 61756 61757 61758 <div class="bt-qatc-container"> 61759 <div class="bt-qatc-form-container"> 61760 <div class="bt-qatc-form-content large-up-hide medium-hide"> 61761 <h3>Super Fine Cotton Dobby Shirt - SWS413426</h3> 61762 61763<div 61764 class=" 61765 price " 61766 > 61767 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 61768 <span class="price-item price-item--regular"> 61769 <span class=money>Rs.7,990</span> 61770 </span></div> 61771 <div class="price__sale"> 61772 <span class="visually-hidden visually-hidden--inline">Regular price</span> 61773 <span> 61774 <s class="price-item price-item--regular"> 61775
61776 <span class=money>Rs.7,990</span> 61777 61778 </s> 61779 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 61780 <span class="price-item price-item--sale price-item--last"> 61781 61782 61783 61784 61785 <span class="percentage__sale hidden">0% OFF</span> 61786 61787 <span class=money>Rs.7,990</span> 61788 </span> 61789 </div> 61790 <small class="unit-price caption hidden"> 61791 <span class="visually-hidden">Unit price</span> 61792 <span class="price-item price-item--last"> 61793 <span></span> 61794 <span aria-hidden="true">/</span> 61795 <span class="visually-hidden"> per </span> 61796 <span> 61797 </span> 61798 </span> 61799 </small> 61800 </div></div> 61801 61802 61803 61804 </div> 61805 <div 61806 class="ethnc-form-media large-up-hide medium-hide" 61807 61808 ></div> 61809 <form method="post" action="/cart/add" class="bt-qatc-form"> 61810 <input type="hidden" name="quantity" value="1"> 61811 <div class="bt-qatc-form-variants-container"> 61812 <div class="bt-qatc-form-variants--list"> 61813 61814 <div 61815 class="in-use bt-qatc-form-variant-input" 61816 61817 > 61818 <input 61819 type="radio" 61820 name="id" 61821 id="-52398841200936" 61822 value="52398841200936" 61823 data-price="799000" 61824 data-item-id="10446215446824" 61825 hidden 61826 61827 data-item-id="10446215446824" 61828 61829 > 61830 61831 <label 61832 for="-52398841200936" 61833 data-sefam-quick-size 61834 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 61835 > 61836 <span class="split-variant-value"> 61837 61838 61839 61840 61841 61842 61843 61844 XS 61845 61846 61847</span> 61848 </label> 61849 </div> 61850 61851 <div 61852 class="in-use bt-qatc-form-variant-input" 61853 61854 > 61855 <input 61856 type="radio" 61857 name="id" 61858 id="-52398841233704" 61859 value="52398841233704" 61860 data-price="799000" 61861 data-item-id="10446215446824" 61862 hidden 61863 61864 data-item-id="10446215446824" 61865 61866 > 61867 61868 <label 61869 for="-52398841233704" 61870 data-sefam-quick-size 61871 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 61872 > 61873 <span class="split-variant-value"> 61874 61875 61876 61877 61878 61879 61880 61881 S 61882 61883 61884</span> 61885 </label> 61886 </div> 61887 61888 <div 61889 class="in-use bt-qatc-form-variant-input" 61890 61891 > 61892 <input 61893 type="radio" 61894 name="id" 61895 id="-52398841266472" 61896 value="52398841266472" 61897 data-price="799000" 61898 data-item-id="10446215446824" 61899 hidden 61900 61901 data-item-id="10446215446824" 61902 61903 > 61904 61905 <label 61906 for="-52398841266472" 61907 data-sefam-quick-size 61908 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 61909 >
61910 <span class="split-variant-value"> 61911 61912 61913 61914 61915 61916 61917 61918 M 61919 61920 61921</span> 61922 </label> 61923 </div> 61924 61925 <div 61926 class="in-use bt-qatc-form-variant-input" 61927 61928 > 61929 <input 61930 type="radio" 61931 name="id" 61932 id="-52398841299240" 61933 value="52398841299240" 61934 data-price="799000" 61935 data-item-id="10446215446824" 61936 hidden 61937 61938 data-item-id="10446215446824" 61939 61940 > 61941 61942 <label 61943 for="-52398841299240" 61944 data-sefam-quick-size 61945 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 61946 > 61947 <span class="split-variant-value"> 61948 61949 61950 61951 61952 61953 61954 61955 L 61956 61957 61958</span> 61959 </label> 61960 </div> 61961 61962 <div 61963 class="in-use bt-qatc-form-variant-input" 61964 61965 > 61966 <input 61967 type="radio" 61968 name="id" 61969 id="-52398841332008" 61970 value="52398841332008" 61971 data-price="799000" 61972 data-item-id="10446215446824" 61973 hidden 61974 61975 data-item-id="10446215446824" 61976 61977 > 61978 61979 <label 61980 for="-52398841332008" 61981 data-sefam-quick-size 61982 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 61983 > 61984 <span class="split-variant-value"> 61985 61986 61987 61988 61989 61990 61991 61992 XL 61993 61994 61995</span> 61996 </label> 61997 </div> 61998 61999 </div> 62000 62001 62002 62003 62004 </div> 62005 </form> 62006 </div> 62007 </div> 62008 62009 62010 62011 62012 62013 62014 62015 62016 62017 62018 62019 62020 62021 62022 62023 62024 62025 62026 62027 62028 62029 62030 62031 62032 62033 62034 62035 62036 62037 62038 62039 62040 62041 62042 62043 62044 62045 62046 62047 62048 62049 62050 62051 62052 62053 62054 62055 62056 62057 62058 62059 62060 62061 62062 62063 62064 62065 62066 62067 62068 62069 62070 62071 62072 62073 62074 62075 62076 62077 <div 62078 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 62079 > 62080 <div class="ethnc-qatc-btn cstm-add-btn visible"> 62081 <span class="small-hide hide-mobile">Add to Basket</span> 62082 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 62083 </span>
62084 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 62085 width="11" 62086 height="11" 62087 viewBox="0 0 11 11" 62088 fill="none" 62089> 62090 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 62091 fill="black" 62092 /> 62093</svg> 62094</span> 62095 </div> 62096 </div> 62097 62098 62099 </div> 62100 62101 <div class="card__content aiza2"> 62102 <div class="card__information"> 62103 <small class="product-brand"> 62104 Shahnameh 62105 </small> 62106 <h3 62107 class="card__heading h5" 62108 62109 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446215446824" 62110 62111 > 62112 <a 62113 href="/products/sws413426" 62114 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446215446824" 62115 class="full-unstyled-link" 62116 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446215446824 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446215446824" 62117 > 62118 Super Fine Cotton Dobby Shirt - SWS413426 62119 62120 <div class="card_colorways_container" onclick="event.stopPropagation();"> 62121 62122 62123 � 62124 </div> 62125 </a> 62126 62127 </h3> 62128 62129 <div class="card-information"><span class="caption-large light"></span> 62130<div 62131 class=" 62132 price " 62133 > 62134 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 62135 <span class="price-item price-item--regular"> 62136 <span class=money>Rs.7,990</span> 62137 </span></div> 62138 <div class="price__sale"> 62139 <span class="visually-hidden visually-hidden--inline">Regular price</span> 62140 <span> 62141 <s class="price-item price-item--regular"> 62142 62143 <span class=money>Rs.7,990</span> 62144 62145 </s> 62146 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 62147 <span class="price-item price-item--sale price-item--last"> 62148 62149 62150 62151 62152 <span class="percentage__sale hidden">0% OFF</span> 62153 62154 <span class=money>Rs.7,990</span> 62155 </span> 62156 </div> 62157 <small class="unit-price caption hidden"> 62158 <span class="visually-hidden">Unit price</span> 62159 <span class="price-item price-item--last"> 62160 <span></span> 62161 <span aria-hidden="true">/</span> 62162 <span class="visually-hidden"> per </span> 62163 <span> 62164 </span> 62165 </span> 62166 </small> 62167 </div></div> 62168 62169 62170 62171 </div> 62172 </div> 62173 </div> 62174 62175 </div> 62176 </div><style> 62177/* ========================================================= 62178 DESKTOP PRODUCT CARD QUICK ADD 62179 LEFT = sizes 62180 RIGHT = original bag icon 62181 Mobile behavior remains unchanged 62182 ========================================================= */ 62183@media (min-width: 990px) { 62184 .hide-desktop { 62185 display: none !important; 62186 } 62187 62188 /* Keep both controls on the same bottom row */ 62189 .card-wrapper-box { 62190 position: relative; 62191 } 62192 62193 .card-wrapper-box .bt-qatc-container, 62194 .card-wrapper-box .ethnc-qatc-btn-container { 62195 position: absolute !important; 62196 bottom: 0 !important; 62197 z-index: 8 !important; 62198 } 62199 62200 /* LEFT: size area */ 62201 .card-wrapper-box .bt-qatc-container { 62202 left: 0 !important; 62203 right: 46px !important; 62204 width: auto !important; 62205 } 62206 62207 .card-wrapper-box .bt-qatc-form-container { 62208 left: 0 !important; 62209 right: 0 !important; 62210 bottom: -350% !important; 62211 width: 100% !important; 62212 min-height: 43px !important; 62213 opacity: 0 !important; 62214 visibility: hidden !important; 62215 pointer-events: none !important; 62216 transition: bottom .22s ease, opacity .18s ease !important; 62217 } 62218 62219 .card-wrapper-box .bt-qatc-form, 62220 .card-wrapper-box .bt-qatc-form-variants-container, 62221 .card-wrapper-box .bt-qatc-form-variants--list { 62222 width: 100% !important; 62223 } 62224 62225 .card-wrapper-box .bt-qatc-form-variants--list { 62226 display: flex !important;
62227 align-items: center !important; 62228 flex-wrap: wrap !important; 62229 gap: 0 !important; 62230 min-height: 43px !important; 62231 } 62232 62233 /* RIGHT: original bag button */ 62234 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 62235 display: flex !important; 62236 align-items: stretch !important; 62237 justify-content: center !important; 62238 left: auto !important; 62239 right: 0 !important; 62240 width: 46px !important; 62241 height: 43px !important; 62242 opacity: 0 !important; 62243 visibility: hidden !important; 62244 pointer-events: none !important; 62245 transition: opacity .18s ease !important; 62246 } 62247 62248 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 62249 display: flex !important; 62250 align-items: center !important; 62251 justify-content: center !important; 62252 width: 46px !important; 62253 height: 43px !important; 62254 min-width: 46px !important; 62255 padding: 0 !important; 62256 cursor: pointer !important; 62257 } 62258 62259 /* Hide Add to Basket text on desktop; keep only bag icon */ 62260 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 62261 display: none !important; 62262 } 62263 62264 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 62265 display: flex !important; 62266 align-items: center !important; 62267 justify-content: center !important; 62268 width: 100% !important; 62269 height: 100% !important; 62270 padding: 0 !important; 62271 } 62272 62273 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 62274 display: block !important; 62275 width: 16px !important; 62276 height: 17px !important; 62277 } 62278 62279 /* Show sizes + bag together on desktop hover */ 62280 .card-wrapper-box:hover .bt-qatc-form-container { 62281 bottom: 0 !important; 62282 opacity: 1 !important; 62283 visibility: visible !important; 62284 pointer-events: auto !important; 62285 } 62286 62287 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 62288 opacity: 1 !important; 62289 visibility: visible !important; 62290 pointer-events: auto !important; 62291 } 62292} 62293 62294@media (max-width: 989px) { 62295 .hide-mobile { 62296 display: none; 62297 } 62298} 62299</style> 62300 62301 62302<style> 62303/* ========================================================= 62304 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 62305 Keeps all sizes in one clean row on the left 62306 and the bag icon fixed on the right. 62307 ========================================================= */ 62308@media (min-width: 990px) { 62309 62310 .card-wrapper-box .bt-qatc-form-container { 62311 height: 43px !important; 62312 min-height: 43px !important; 62313 max-height: 43px !important; 62314 overflow: hidden !important; 62315 background: rgba(255,255,255,.96) !important; 62316 } 62317 62318 .card-wrapper-box .bt-qatc-form { 62319 display: block !important; 62320 height: 43px !important; 62321 min-height: 43px !important; 62322 margin: 0 !important; 62323 padding: 0 !important; 62324 } 62325 62326 .card-wrapper-box .bt-qatc-form-variants-container { 62327 display: block !important; 62328 width: 100% !important; 62329 height: 43px !important; 62330 min-height: 43px !important; 62331 margin: 0 !important; 62332 padding: 0 !important; 62333 } 62334 62335 .card-wrapper-box .bt-qatc-form-variants--list { 62336 display: flex !important; 62337 flex-direction: row !important; 62338 flex-wrap: wrap !important; 62339 align-items: center !important; 62340 justify-content: center !important; 62341 62342 width: 100% !important; 62343 height: 43px !important; 62344 min-height: 43px !important; 62345 62346 margin: 0 !important; 62347 padding: 0 6px !important; 62348 gap: 2px !important; 62349 62350 box-sizing: border-box !important; 62351 overflow: visible !important; 62352 white-space: normal !important; 62353 } 62354 62355 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 62356 display: none !important; 62357 } 62358 62359 .card-wrapper-box .bt-qatc-form-variant-input { 62360 position: relative !important; 62361 62362 display: flex !important; 62363 align-items: center !important; 62364 justify-content: center !important; 62365 62366 flex: 0 0 auto !important; 62367 width: auto !important; 62368 min-width: 32px !important; 62369 height: 43px !important; 62370 62371 margin: 0 !important; 62372 padding: 0 !important; 62373 62374 border: 0 !important; 62375 background: transparent !important; 62376 } 62377 62378 .card-wrapper-box .bt-qatc-form-variant-input label { 62379 position: static !important; 62380 62381 display: flex !important;
62382 align-items: center !important; 62383 justify-content: center !important; 62384 62385 width: auto !important; 62386 min-width: 32px !important; 62387 height: 32px !important; 62388 62389 margin: 0 !important; 62390 padding: 0 6px !important; 62391 62392 box-sizing: border-box !important; 62393 62394 background: transparent !important; 62395 border: 0 !important; 62396 62397 color: #111 !important; 62398 font-size: 12px !important; 62399 line-height: 1 !important; 62400 font-weight: 400 !important; 62401 62402 white-space: nowrap !important; 62403 cursor: pointer !important; 62404 } 62405 62406 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 62407 display: block !important; 62408 width: auto !important; 62409 max-width: none !important; 62410 62411 margin: 0 !important; 62412 padding: 0 !important; 62413 62414 overflow: visible !important; 62415 white-space: nowrap !important; 62416 text-overflow: clip !important; 62417 62418 font-size: inherit !important; 62419 line-height: inherit !important; 62420 } 62421 62422 /* Sold-out size */ 62423 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 62424 opacity: .35 !important; 62425 text-decoration: line-through !important; 62426 cursor: not-allowed !important; 62427 } 62428 62429 /* Optional hover feedback */ 62430 .card-wrapper-box 62431 .bt-qatc-form-variant-input:not(.is-disbaled) 62432 label:hover { 62433 text-decoration: underline !important; 62434 text-underline-offset: 3px !important; 62435 } 62436 62437 /* Prevent old theme transforms / absolute positions */ 62438 .card-wrapper-box .bt-qatc-form-variant-input *, 62439 .card-wrapper-box .bt-qatc-form-variants--list * { 62440 transform: none; 62441 } 62442} 62443</style> 62444 62445 62446<style> 62447/* Desktop quick-add: use one seamless background for sizes + bag */ 62448@media (min-width: 990px) { 62449 .card-wrapper-box .bt-qatc-form-container, 62450 .card-wrapper-box .bt-qatc-form, 62451 .card-wrapper-box .bt-qatc-form-variants-container, 62452 .card-wrapper-box .bt-qatc-form-variants--list, 62453 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 62454 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 62455 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 62456 background: rgba(255,255,255,.96) !important; 62457 } 62458 62459 /* Remove any visual split between sizes and bag */ 62460 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 62461 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 62462 border-left: 0 !important; 62463 box-shadow: none !important; 62464 } 62465} 62466</style> 62467 62468 62469<style> 62470/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 62471@media (min-width: 990px) { 62472 .card-wrapper-box .bt-qatc-form-container, 62473 .card-wrapper-box .bt-qatc-form, 62474 .card-wrapper-box .bt-qatc-form-variants-container { 62475 height: auto !important; 62476 max-height: none !important; 62477 overflow: visible !important; 62478 } 62479 62480 .card-wrapper-box .bt-qatc-form-variants--list { 62481 display: flex !important; 62482 flex-wrap: wrap !important; 62483 justify-content: center !important; 62484 align-items: center !important; 62485 height: auto !important; 62486 min-height: 43px !important; 62487 max-height: none !important; 62488 overflow: visible !important; 62489 white-space: normal !important; 62490 padding: 5px 6px !important; 62491 } 62492 62493 .card-wrapper-box .bt-qatc-form-variant-input { 62494 flex: 0 0 auto !important; 62495 } 62496} 62497</style> 62498
62499<script> 62500 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 62501 const wrap = label.closest('.bt-qatc-form-variant-input'); 62502 const form = label.closest('.bt-qatc-form'); 62503 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 62504 62505 if (!wrap || !form || !input) return; 62506 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 62507 if (label.dataset.loading === 'true') return; 62508 62509 input.checked = true; 62510 label.dataset.loading = 'true'; 62511 label.style.pointerEvents = 'none'; 62512 62513 try { 62514 const cartResp = await fetch('/cart.js', { 62515 method: 'GET', 62516 headers: { 'Accept': 'application/json' } 62517 }); 62518 62519 if (!cartResp.ok) throw new Error('Unable to read cart'); 62520 62521 const cart = await cartResp.json(); 62522 const variantId = Number(input.value); 62523 const selectedPrice = Number(input.dataset.price || 0) / 100; 62524 const totalCartPrice = Number(cart.total_price || 0) / 100; 62525 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 62526 62527 if ((totalCartPrice + selectedPrice) > 250000) { 62528 if (window.showAlert) { 62529 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 62530 } else { 62531 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 62532 } 62533 return; 62534 } 62535 62536 if (itemInCart && Number(itemInCart.quantity) >= 3) { 62537 if (window.showAlert) { 62538 window.showAlert('Limit reached: Max 3 items per size can be added'); 62539 } else { 62540 alert('Limit reached: Max 3 items per size can be added'); 62541 } 62542 return; 62543 } 62544 62545 62546 const cartSections = document.querySelector('cart-notification, cart-drawer'); 62547 const formData = new FormData(form); 62548 62549 formData.set('id', input.value); 62550 formData.set('quantity', '1'); 62551 62552 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 62553 formData.set( 62554 'sections', 62555 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 62556 ); 62557 } 62558 62559 formData.set('sections_url', window.location.pathname); 62560 62561 const addResp = await fetch('/cart/add.js', { 62562 method: 'POST', 62563 headers: { 'Accept': 'application/json' }, 62564 body: formData 62565 }); 62566 62567 const data = await addResp.json(); 62568 62569 if (!addResp.ok) { 62570 throw new Error(data.description || data.message || 'Unable to add this size'); 62571 } 62572 62573 if (cartSections && typeof cartSections.renderContents === 'function') { 62574 cartSections.renderContents(data); 62575 } else { 62576 const bubble = document.querySelector('#cart-icon-bubble'); 62577 if (bubble) bubble.click(); 62578 } 62579 62580 const card = label.closest('.card-wrapper-box'); 62581 if (card) { 62582 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 62583 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 62584 } 62585 } catch (error) { 62586 console.error('SEFAM hover size quick-add error:', error); 62587 if (window.showAlert) { 62588 window.showAlert(error.message || 'Unable to add this size to cart'); 62589 } else { 62590 alert(error.message || 'Unable to add this size to cart'); 62591 } 62592 } finally { 62593 label.dataset.loading = 'false'; 62594 label.style.pointerEvents = ''; 62595 } 62596 }; 62597</script>
62597 62598 62599<style> 62600/* Desktop quick-add final alignment: 62601 sizes start from left; bag area matches the complete quick-size background height. */ 62602@media (min-width: 990px) { 62603 .card-wrapper-box .bt-qatc-form-variants--list { 62604 justify-content: flex-start !important; 62605 align-content: center !important; 62606 text-align: left !important; 62607 } 62608 62609 .card-wrapper-box .bt-qatc-container { 62610 right: 46px !important; 62611 } 62612 62613 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 62614 top: auto !important; 62615 bottom: 0 !important; 62616 width: 46px !important; 62617 height: 100% !important; 62618 min-height: 43px !important; 62619 align-items: stretch !important; 62620 background: rgba(255,255,255,.96) !important; 62621 } 62622 62623 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 62624 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 62625 width: 46px !important; 62626 height: 100% !important; 62627 min-height: 43px !important; 62628 background: rgba(255,255,255,.96) !important; 62629 } 62630 62631 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 62632 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 62633 height: var(--sefam-quick-add-height, 43px) !important; 62634 } 62635} 62636</style>
62637<script> 62638(function () { 62639 function syncQuickAddHeight(card) { 62640 if (!card || window.innerWidth < 990) return; 62641 var panel = card.querySelector('.bt-qatc-form-container'); 62642 if (!panel) return; 62643 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 62644 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 62645 } 62646 62647 document.addEventListener('mouseover', function(e) { 62648 var card = e.target.closest('.card-wrapper-box'); 62649 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 62650 }, { passive: true }); 62651 62652 window.addEventListener('resize', function() { 62653 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 62654 }, { passive: true }); 62655})(); 62656</script>
62656 62657 62658 62659 62660<style> 62661/* ========================================================= 62662 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 62663 - reduce space between sizes 62664 - keep sizes left aligned 62665 - keep the bag icon on the BOTTOM row 62666 - bag background still matches the full size panel 62667 ========================================================= */ 62668@media (min-width: 990px) { 62669 62670 /* More usable width for sizes */ 62671 .card-wrapper-box .bt-qatc-container { 62672 right: 42px !important; 62673 } 62674 62675 /* Compact, left-aligned size list */ 62676 .card-wrapper-box .bt-qatc-form-variants--list { 62677 justify-content: flex-start !important; 62678 align-items: center !important; 62679 align-content: center !important; 62680 62681 column-gap: 0 !important; 62682 row-gap: 0 !important; 62683 62684 padding: 4px 4px !important; 62685 margin: 0 !important; 62686 } 62687 62688 .card-wrapper-box .bt-qatc-form-variant-input { 62689 min-width: 0 !important; 62690 width: auto !important; 62691 height: 35px !important; 62692 margin: 0 !important; 62693 padding: 0 !important; 62694 } 62695 62696 .card-wrapper-box .bt-qatc-form-variant-input label { 62697 min-width: 0 !important; 62698 width: auto !important; 62699 height: 35px !important; 62700 62701 margin: 0 !important; 62702 padding: 0 4px !important; 62703 62704 font-size: 12px !important; 62705 line-height: 1 !important; 62706 } 62707 62708 /* Bag column keeps the same full white background as the sizes */ 62709 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 62710 right: 0 !important; 62711 bottom: 0 !important; 62712 top: auto !important; 62713 62714 width: 42px !important; 62715 min-width: 42px !important; 62716 height: var(--sefam-quick-add-height, 43px) !important; 62717 min-height: 43px !important; 62718 62719 display: flex !important; 62720 flex-direction: column !important; 62721 justify-content: flex-end !important; 62722 align-items: stretch !important; 62723 62724 padding: 0 !important; 62725 margin: 0 !important; 62726 62727 background: rgba(255,255,255,.96) !important; 62728 } 62729 62730 /* The clickable bag itself always sits at the bottom */ 62731 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 62732 width: 42px !important; 62733 min-width: 42px !important; 62734 height: 43px !important; 62735 min-height: 43px !important; 62736 62737 margin-top: auto !important; 62738 padding: 0 !important; 62739 62740 display: flex !important; 62741 align-items: center !important; 62742 justify-content: center !important; 62743 62744 background: rgba(255,255,255,.96) !important; 62745 } 62746 62747 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 62748 width: 42px !important; 62749 height: 43px !important; 62750 min-height: 43px !important; 62751 62752 display: flex !important; 62753 align-items: center !important; 62754 justify-content: center !important; 62755 62756 padding: 0 !important; 62757 margin: 0 !important; 62758 62759 background: transparent !important; 62760 } 62761 62762 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 62763 width: 16px !important; 62764 height: 17px !important; 62765 } 62766} 62767</style> 62768 62769 62770<style> 62771/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 62772@media (min-width: 990px) { 62773 .card-wrapper-box .bt-qatc-form-variants--list { 62774 padding: 3px 4px !important; 62775 column-gap: 0 !important; 62776 row-gap: 0 !important; 62777 justify-content: flex-start !important; 62778 align-items: center !important; 62779 align-content: center !important; 62780 } 62781 62782 .card-wrapper-box .bt-qatc-form-variant-input { 62783 min-width: 0 !important; 62784 width: auto !important; 62785 height: 30px !important; 62786 margin: 0 !important; 62787 padding: 0 !important; 62788 } 62789 62790 .card-wrapper-box .bt-qatc-form-variant-input label { 62791 min-width: 0 !important; 62792 width: auto !important; 62793 height: 30px !important; 62794 margin: 0 !important; 62795 padding: 0 4px !important; 62796 font-size: 12px !important; 62797 line-height: 1 !important; 62798 display: flex !important; 62799 align-items: center !important; 62800 justify-content: center !important; 62801 } 62802 62803 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 62804 display: flex !important; 62805 flex-direction: column !important; 62806 justify-content: flex-end !important;
62807 align-items: stretch !important; 62808 bottom: 0 !important; 62809 top: auto !important; 62810 height: var(--sefam-quick-add-height, 36px) !important; 62811 min-height: 36px !important; 62812 } 62813 62814 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 62815 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 62816 height: 36px !important; 62817 min-height: 36px !important; 62818 margin-top: auto !important; 62819 } 62820} 62821</style> 62822 62823<style> 62824 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 62825 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 62826 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 62827 .card_colorways_container .new-mbl-color-single label span, 62828 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 62829 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 62830</style> 62831 62832 </li> 62833 62834 <li 62835 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_XEb3C9-12" 62836 class="grid__item slider__slide" 62837 > 62838 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 62839� 62840 62841 62842 � 62843 62844 62845 62846 <div class="card-wrapper product-card-wrapper"> 62847 <div 62848 class=" 62849 card card--standard 62850 card--media 62851 62852 62853 62854 62855 62856 " 62857 style="--ratio-percent: 150.00000000000003%;" 62858 62859 > 62860 <div class="card-wrapper-box"> 62861 62862 <div 62863 class="card__inner color-scheme-2 gradient ratio" 62864 style="--ratio-percent: 150.00000000000003%;" 62865 62866 > 62867 �<a href="/products/sws513426"> 62868 62869 �<div class="card-prdct2 card__media"> 62870 <div class="media media--transparent mt3"> 62871 62872 62873 <img 62874 src="//sefam.com/cdn/shop/files/SWS516426_3.jpg?v=1790944473&width=800" 62875 srcset="//sefam.com/cdn/shop/files/SWS516426_3.jpg?v=1790944473&width=1600 2x" 62876 class="" 62877 alt="Soft Cotton Slub Shirt - SWS513426" 62878 62879 loading="lazy" 62880 62881 width="2400" 62882 height="3600" 62883 > 62884 �<img 62885 src="//sefam.com/cdn/shop/files/SWS516426_4.jpg?v=1790944473&width=800" 62886 srcset="//sefam.com/cdn/shop/files/SWS516426_4.jpg?v=1790944473&width=1600 2x" 62887 alt="Soft Cotton Slub Shirt - SWS513426" 62888 loading="lazy" 62889 width="2400" 62890 height="3600" 62891 data-index="" 62892 > 62893 62894 � 62895 </div> 62896 62897 62898 </div> 62899 </a> 62900 </div> 62901 62902 62903 62904 62905 <div class="bt-qatc-container"> 62906 <div class="bt-qatc-form-container"> 62907 <div class="bt-qatc-form-content large-up-hide medium-hide"> 62908 <h3>Soft Cotton Slub Shirt - SWS513426</h3> 62909 62910<div 62911 class=" 62912 price " 62913 > 62914 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 62915 <span class="price-item price-item--regular"> 62916 <span class=money>Rs.5,990</span> 62917 </span></div> 62918 <div class="price__sale"> 62919 <span class="visually-hidden visually-hidden--inline">Regular price</span> 62920 <span> 62921 <s class="price-item price-item--regular"> 62922
62923 <span class=money>Rs.5,990</span> 62924 62925 </s> 62926 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 62927 <span class="price-item price-item--sale price-item--last"> 62928 62929 62930 62931 62932 <span class="percentage__sale hidden">0% OFF</span> 62933 62934 <span class=money>Rs.5,990</span> 62935 </span> 62936 </div> 62937 <small class="unit-price caption hidden"> 62938 <span class="visually-hidden">Unit price</span> 62939 <span class="price-item price-item--last"> 62940 <span></span> 62941 <span aria-hidden="true">/</span> 62942 <span class="visually-hidden"> per </span> 62943 <span> 62944 </span> 62945 </span> 62946 </small> 62947 </div></div> 62948 62949 62950 62951 </div> 62952 <div 62953 class="ethnc-form-media large-up-hide medium-hide" 62954 62955 ></div> 62956 <form method="post" action="/cart/add" class="bt-qatc-form"> 62957 <input type="hidden" name="quantity" value="1"> 62958 <div class="bt-qatc-form-variants-container"> 62959 <div class="bt-qatc-form-variants--list"> 62960 62961 <div 62962 class="in-use bt-qatc-form-variant-input is-disbaled" 62963 62964 > 62965 <input 62966 type="radio" 62967 name="id" 62968 id="-52398935343400" 62969 value="52398935343400" 62970 data-price="599000" 62971 data-item-id="10446241399080" 62972 hidden 62973 62974 disbaled 62975 62976 data-item-id="10446241399080" 62977 62978 > 62979 62980 <label 62981 for="-52398935343400" 62982 data-sefam-quick-size 62983 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 62984 > 62985 <span class="split-variant-value"> 62986 62987 62988 62989 62990 62991 62992 62993 XS 62994 62995 62996</span> 62997 </label> 62998 </div> 62999 63000 <div 63001 class="in-use bt-qatc-form-variant-input" 63002 63003 > 63004 <input 63005 type="radio" 63006 name="id" 63007 id="-52398935376168" 63008 value="52398935376168" 63009 data-price="599000" 63010 data-item-id="10446241399080" 63011 hidden 63012 63013 data-item-id="10446241399080" 63014 63015 > 63016 63017 <label 63018 for="-52398935376168" 63019 data-sefam-quick-size 63020 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 63021 > 63022 <span class="split-variant-value"> 63023 63024 63025 63026 63027 63028 63029 63030 S 63031 63032 63033</span> 63034 </label> 63035 </div> 63036 63037 <div 63038 class="in-use bt-qatc-form-variant-input" 63039 63040 > 63041 <input 63042 type="radio" 63043 name="id" 63044 id="-52398935408936" 63045 value="52398935408936" 63046 data-price="599000" 63047 data-item-id="10446241399080" 63048 hidden 63049 63050 data-item-id="10446241399080" 63051 63052 > 63053 63054 <label
63055 for="-52398935408936" 63056 data-sefam-quick-size 63057 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 63058 > 63059 <span class="split-variant-value"> 63060 63061 63062 63063 63064 63065 63066 63067 M 63068 63069 63070</span> 63071 </label> 63072 </div> 63073 63074 <div 63075 class="in-use bt-qatc-form-variant-input" 63076 63077 > 63078 <input 63079 type="radio" 63080 name="id" 63081 id="-52398935441704" 63082 value="52398935441704" 63083 data-price="599000" 63084 data-item-id="10446241399080" 63085 hidden 63086 63087 data-item-id="10446241399080" 63088 63089 > 63090 63091 <label 63092 for="-52398935441704" 63093 data-sefam-quick-size 63094 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 63095 > 63096 <span class="split-variant-value"> 63097 63098 63099 63100 63101 63102 63103 63104 L 63105 63106 63107</span> 63108 </label> 63109 </div> 63110 63111 <div 63112 class="in-use bt-qatc-form-variant-input is-disbaled" 63113 63114 > 63115 <input 63116 type="radio" 63117 name="id" 63118 id="-52398935474472" 63119 value="52398935474472" 63120 data-price="599000" 63121 data-item-id="10446241399080" 63122 hidden 63123 63124 disbaled 63125 63126 data-item-id="10446241399080" 63127 63128 > 63129 63130 <label 63131 for="-52398935474472" 63132 data-sefam-quick-size 63133 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 63134 > 63135 <span class="split-variant-value"> 63136 63137 63138 63139 63140 63141 63142 63143 XL 63144 63145 63146</span> 63147 </label> 63148 </div> 63149 63150 </div> 63151 63152 63153 63154 63155 </div> 63156 </form> 63157 </div> 63158 </div> 63159 63160 63161 63162 63163 63164 63165 63166 63167 63168 63169 63170 63171 63172 63173 63174 63175 63176 63177 63178 63179 63180 63181 63182 63183 63184 63185 63186 63187 63188 63189 63190 63191 63192 63193 63194 63195 63196 63197 63198 63199 63200 63201 63202 63203 63204 63205 63206 63207 63208 63209 63210 63211 63212 63213 63214 63215 63216 63217 63218 63219 63220 63221 63222 63223 63224 63225 63226 63227 63228 <div 63229 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 63230 > 63231 <div class="ethnc-qatc-btn cstm-add-btn visible">
63232 <span class="small-hide hide-mobile">Add to Basket</span> 63233 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 63234 </span> 63235 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 63236 width="11" 63237 height="11" 63238 viewBox="0 0 11 11" 63239 fill="none" 63240> 63241 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 63242 fill="black" 63243 /> 63244</svg> 63245</span> 63246 </div> 63247 </div> 63248 63249 63250 </div> 63251 63252 <div class="card__content aiza2"> 63253 <div class="card__information"> 63254 <small class="product-brand"> 63255 Shahnameh 63256 </small> 63257 <h3 63258 class="card__heading h5" 63259 63260 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446241399080" 63261 63262 > 63263 <a 63264 href="/products/sws513426" 63265 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446241399080" 63266 class="full-unstyled-link" 63267 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446241399080 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446241399080" 63268 > 63269 Soft Cotton Slub Shirt - SWS513426 63270 63271 <div class="card_colorways_container" onclick="event.stopPropagation();"> 63272 63273 63274 � 63275 </div> 63276 </a> 63277 63278 </h3> 63279 63280 <div class="card-information"><span class="caption-large light"></span> 63281<div 63282 class=" 63283 price " 63284 > 63285 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 63286 <span class="price-item price-item--regular"> 63287 <span class=money>Rs.5,990</span> 63288 </span></div> 63289 <div class="price__sale"> 63290 <span class="visually-hidden visually-hidden--inline">Regular price</span> 63291 <span> 63292 <s class="price-item price-item--regular"> 63293 63294 <span class=money>Rs.5,990</span> 63295 63296 </s> 63297 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 63298 <span class="price-item price-item--sale price-item--last"> 63299 63300 63301 63302 63303 <span class="percentage__sale hidden">0% OFF</span> 63304 63305 <span class=money>Rs.5,990</span> 63306 </span> 63307 </div> 63308 <small class="unit-price caption hidden"> 63309 <span class="visually-hidden">Unit price</span> 63310 <span class="price-item price-item--last"> 63311 <span></span> 63312 <span aria-hidden="true">/</span> 63313 <span class="visually-hidden"> per </span> 63314 <span> 63315 </span> 63316 </span> 63317 </small> 63318 </div></div> 63319 63320 63321 63322 </div> 63323 </div> 63324 </div> 63325 63326 </div> 63327 </div><style> 63328/* ========================================================= 63329 DESKTOP PRODUCT CARD QUICK ADD 63330 LEFT = sizes 63331 RIGHT = original bag icon 63332 Mobile behavior remains unchanged 63333 ========================================================= */ 63334@media (min-width: 990px) { 63335 .hide-desktop { 63336 display: none !important; 63337 } 63338 63339 /* Keep both controls on the same bottom row */ 63340 .card-wrapper-box { 63341 position: relative; 63342 } 63343 63344 .card-wrapper-box .bt-qatc-container, 63345 .card-wrapper-box .ethnc-qatc-btn-container { 63346 position: absolute !important; 63347 bottom: 0 !important; 63348 z-index: 8 !important; 63349 } 63350 63351 /* LEFT: size area */ 63352 .card-wrapper-box .bt-qatc-container { 63353 left: 0 !important; 63354 right: 46px !important; 63355 width: auto !important; 63356 } 63357 63358 .card-wrapper-box .bt-qatc-form-container { 63359 left: 0 !important; 63360 right: 0 !important; 63361 bottom: -350% !important; 63362 width: 100% !important; 63363 min-height: 43px !important; 63364 opacity: 0 !important; 63365 visibility: hidden !important; 63366 pointer-events: none !important; 63367 transition: bottom .22s ease, opacity .18s ease !important; 63368 } 63369 63370 .card-wrapper-box .bt-qatc-form, 63371 .card-wrapper-box .bt-qatc-form-variants-container, 63372 .card-wrapper-box .bt-qatc-form-variants--list { 63373 width: 100% !important; 63374 } 63375 63376 .card-wrapper-box .bt-qatc-form-variants--list { 63377 display: flex !important;
63378 align-items: center !important; 63379 flex-wrap: wrap !important; 63380 gap: 0 !important; 63381 min-height: 43px !important; 63382 } 63383 63384 /* RIGHT: original bag button */ 63385 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 63386 display: flex !important; 63387 align-items: stretch !important; 63388 justify-content: center !important; 63389 left: auto !important; 63390 right: 0 !important; 63391 width: 46px !important; 63392 height: 43px !important; 63393 opacity: 0 !important; 63394 visibility: hidden !important; 63395 pointer-events: none !important; 63396 transition: opacity .18s ease !important; 63397 } 63398 63399 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 63400 display: flex !important; 63401 align-items: center !important; 63402 justify-content: center !important; 63403 width: 46px !important; 63404 height: 43px !important; 63405 min-width: 46px !important; 63406 padding: 0 !important; 63407 cursor: pointer !important; 63408 } 63409 63410 /* Hide Add to Basket text on desktop; keep only bag icon */ 63411 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 63412 display: none !important; 63413 } 63414 63415 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 63416 display: flex !important; 63417 align-items: center !important; 63418 justify-content: center !important; 63419 width: 100% !important; 63420 height: 100% !important; 63421 padding: 0 !important; 63422 } 63423 63424 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 63425 display: block !important; 63426 width: 16px !important; 63427 height: 17px !important; 63428 } 63429 63430 /* Show sizes + bag together on desktop hover */ 63431 .card-wrapper-box:hover .bt-qatc-form-container { 63432 bottom: 0 !important; 63433 opacity: 1 !important; 63434 visibility: visible !important; 63435 pointer-events: auto !important; 63436 } 63437 63438 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 63439 opacity: 1 !important; 63440 visibility: visible !important; 63441 pointer-events: auto !important; 63442 } 63443} 63444 63445@media (max-width: 989px) { 63446 .hide-mobile { 63447 display: none; 63448 } 63449} 63450</style> 63451 63452 63453<style> 63454/* ========================================================= 63455 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 63456 Keeps all sizes in one clean row on the left 63457 and the bag icon fixed on the right. 63458 ========================================================= */ 63459@media (min-width: 990px) { 63460 63461 .card-wrapper-box .bt-qatc-form-container { 63462 height: 43px !important; 63463 min-height: 43px !important; 63464 max-height: 43px !important; 63465 overflow: hidden !important; 63466 background: rgba(255,255,255,.96) !important; 63467 } 63468 63469 .card-wrapper-box .bt-qatc-form { 63470 display: block !important; 63471 height: 43px !important; 63472 min-height: 43px !important; 63473 margin: 0 !important; 63474 padding: 0 !important; 63475 } 63476 63477 .card-wrapper-box .bt-qatc-form-variants-container { 63478 display: block !important; 63479 width: 100% !important; 63480 height: 43px !important; 63481 min-height: 43px !important; 63482 margin: 0 !important; 63483 padding: 0 !important; 63484 } 63485 63486 .card-wrapper-box .bt-qatc-form-variants--list { 63487 display: flex !important; 63488 flex-direction: row !important; 63489 flex-wrap: wrap !important; 63490 align-items: center !important; 63491 justify-content: center !important; 63492 63493 width: 100% !important; 63494 height: 43px !important; 63495 min-height: 43px !important; 63496 63497 margin: 0 !important; 63498 padding: 0 6px !important; 63499 gap: 2px !important; 63500 63501 box-sizing: border-box !important; 63502 overflow: visible !important; 63503 white-space: normal !important; 63504 } 63505 63506 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 63507 display: none !important; 63508 } 63509 63510 .card-wrapper-box .bt-qatc-form-variant-input { 63511 position: relative !important; 63512 63513 display: flex !important; 63514 align-items: center !important; 63515 justify-content: center !important; 63516 63517 flex: 0 0 auto !important; 63518 width: auto !important; 63519 min-width: 32px !important; 63520 height: 43px !important; 63521 63522 margin: 0 !important; 63523 padding: 0 !important; 63524 63525 border: 0 !important; 63526 background: transparent !important; 63527 } 63528 63529 .card-wrapper-box .bt-qatc-form-variant-input label { 63530 position: static !important; 63531 63532 display: flex !important;
63533 align-items: center !important; 63534 justify-content: center !important; 63535 63536 width: auto !important; 63537 min-width: 32px !important; 63538 height: 32px !important; 63539 63540 margin: 0 !important; 63541 padding: 0 6px !important; 63542 63543 box-sizing: border-box !important; 63544 63545 background: transparent !important; 63546 border: 0 !important; 63547 63548 color: #111 !important; 63549 font-size: 12px !important; 63550 line-height: 1 !important; 63551 font-weight: 400 !important; 63552 63553 white-space: nowrap !important; 63554 cursor: pointer !important; 63555 } 63556 63557 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 63558 display: block !important; 63559 width: auto !important; 63560 max-width: none !important; 63561 63562 margin: 0 !important; 63563 padding: 0 !important; 63564 63565 overflow: visible !important; 63566 white-space: nowrap !important; 63567 text-overflow: clip !important; 63568 63569 font-size: inherit !important; 63570 line-height: inherit !important; 63571 } 63572 63573 /* Sold-out size */ 63574 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 63575 opacity: .35 !important; 63576 text-decoration: line-through !important; 63577 cursor: not-allowed !important; 63578 } 63579 63580 /* Optional hover feedback */ 63581 .card-wrapper-box 63582 .bt-qatc-form-variant-input:not(.is-disbaled) 63583 label:hover { 63584 text-decoration: underline !important; 63585 text-underline-offset: 3px !important; 63586 } 63587 63588 /* Prevent old theme transforms / absolute positions */ 63589 .card-wrapper-box .bt-qatc-form-variant-input *, 63590 .card-wrapper-box .bt-qatc-form-variants--list * { 63591 transform: none; 63592 } 63593} 63594</style> 63595 63596 63597<style> 63598/* Desktop quick-add: use one seamless background for sizes + bag */ 63599@media (min-width: 990px) { 63600 .card-wrapper-box .bt-qatc-form-container, 63601 .card-wrapper-box .bt-qatc-form, 63602 .card-wrapper-box .bt-qatc-form-variants-container, 63603 .card-wrapper-box .bt-qatc-form-variants--list, 63604 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 63605 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 63606 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 63607 background: rgba(255,255,255,.96) !important; 63608 } 63609 63610 /* Remove any visual split between sizes and bag */ 63611 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 63612 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 63613 border-left: 0 !important; 63614 box-shadow: none !important; 63615 } 63616} 63617</style> 63618 63619 63620<style> 63621/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 63622@media (min-width: 990px) { 63623 .card-wrapper-box .bt-qatc-form-container, 63624 .card-wrapper-box .bt-qatc-form, 63625 .card-wrapper-box .bt-qatc-form-variants-container { 63626 height: auto !important; 63627 max-height: none !important; 63628 overflow: visible !important; 63629 } 63630 63631 .card-wrapper-box .bt-qatc-form-variants--list { 63632 display: flex !important; 63633 flex-wrap: wrap !important; 63634 justify-content: center !important; 63635 align-items: center !important; 63636 height: auto !important; 63637 min-height: 43px !important; 63638 max-height: none !important; 63639 overflow: visible !important; 63640 white-space: normal !important; 63641 padding: 5px 6px !important; 63642 } 63643 63644 .card-wrapper-box .bt-qatc-form-variant-input { 63645 flex: 0 0 auto !important; 63646 } 63647} 63648</style> 63649
63650<script> 63651 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 63652 const wrap = label.closest('.bt-qatc-form-variant-input'); 63653 const form = label.closest('.bt-qatc-form'); 63654 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 63655 63656 if (!wrap || !form || !input) return; 63657 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 63658 if (label.dataset.loading === 'true') return; 63659 63660 input.checked = true; 63661 label.dataset.loading = 'true'; 63662 label.style.pointerEvents = 'none'; 63663 63664 try { 63665 const cartResp = await fetch('/cart.js', { 63666 method: 'GET', 63667 headers: { 'Accept': 'application/json' } 63668 }); 63669 63670 if (!cartResp.ok) throw new Error('Unable to read cart'); 63671 63672 const cart = await cartResp.json(); 63673 const variantId = Number(input.value); 63674 const selectedPrice = Number(input.dataset.price || 0) / 100; 63675 const totalCartPrice = Number(cart.total_price || 0) / 100; 63676 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 63677 63678 if ((totalCartPrice + selectedPrice) > 250000) { 63679 if (window.showAlert) { 63680 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 63681 } else { 63682 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 63683 } 63684 return; 63685 } 63686 63687 if (itemInCart && Number(itemInCart.quantity) >= 3) { 63688 if (window.showAlert) { 63689 window.showAlert('Limit reached: Max 3 items per size can be added'); 63690 } else { 63691 alert('Limit reached: Max 3 items per size can be added'); 63692 } 63693 return; 63694 } 63695 63696 63697 const cartSections = document.querySelector('cart-notification, cart-drawer'); 63698 const formData = new FormData(form); 63699 63700 formData.set('id', input.value); 63701 formData.set('quantity', '1'); 63702 63703 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 63704 formData.set( 63705 'sections', 63706 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 63707 ); 63708 } 63709 63710 formData.set('sections_url', window.location.pathname); 63711 63712 const addResp = await fetch('/cart/add.js', { 63713 method: 'POST', 63714 headers: { 'Accept': 'application/json' }, 63715 body: formData 63716 }); 63717 63718 const data = await addResp.json(); 63719 63720 if (!addResp.ok) { 63721 throw new Error(data.description || data.message || 'Unable to add this size'); 63722 } 63723 63724 if (cartSections && typeof cartSections.renderContents === 'function') { 63725 cartSections.renderContents(data); 63726 } else { 63727 const bubble = document.querySelector('#cart-icon-bubble'); 63728 if (bubble) bubble.click(); 63729 } 63730 63731 const card = label.closest('.card-wrapper-box'); 63732 if (card) { 63733 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 63734 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 63735 } 63736 } catch (error) { 63737 console.error('SEFAM hover size quick-add error:', error); 63738 if (window.showAlert) { 63739 window.showAlert(error.message || 'Unable to add this size to cart'); 63740 } else { 63741 alert(error.message || 'Unable to add this size to cart'); 63742 } 63743 } finally { 63744 label.dataset.loading = 'false'; 63745 label.style.pointerEvents = ''; 63746 } 63747 }; 63748</script>
63748 63749 63750<style> 63751/* Desktop quick-add final alignment: 63752 sizes start from left; bag area matches the complete quick-size background height. */ 63753@media (min-width: 990px) { 63754 .card-wrapper-box .bt-qatc-form-variants--list { 63755 justify-content: flex-start !important; 63756 align-content: center !important; 63757 text-align: left !important; 63758 } 63759 63760 .card-wrapper-box .bt-qatc-container { 63761 right: 46px !important; 63762 } 63763 63764 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 63765 top: auto !important; 63766 bottom: 0 !important; 63767 width: 46px !important; 63768 height: 100% !important; 63769 min-height: 43px !important; 63770 align-items: stretch !important; 63771 background: rgba(255,255,255,.96) !important; 63772 } 63773 63774 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 63775 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 63776 width: 46px !important; 63777 height: 100% !important; 63778 min-height: 43px !important; 63779 background: rgba(255,255,255,.96) !important; 63780 } 63781 63782 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 63783 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 63784 height: var(--sefam-quick-add-height, 43px) !important; 63785 } 63786} 63787</style>
63788<script> 63789(function () { 63790 function syncQuickAddHeight(card) { 63791 if (!card || window.innerWidth < 990) return; 63792 var panel = card.querySelector('.bt-qatc-form-container'); 63793 if (!panel) return; 63794 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 63795 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 63796 } 63797 63798 document.addEventListener('mouseover', function(e) { 63799 var card = e.target.closest('.card-wrapper-box'); 63800 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 63801 }, { passive: true }); 63802 63803 window.addEventListener('resize', function() { 63804 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 63805 }, { passive: true }); 63806})(); 63807</script>
63807 63808 63809 63810 63811<style> 63812/* ========================================================= 63813 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 63814 - reduce space between sizes 63815 - keep sizes left aligned 63816 - keep the bag icon on the BOTTOM row 63817 - bag background still matches the full size panel 63818 ========================================================= */ 63819@media (min-width: 990px) { 63820 63821 /* More usable width for sizes */ 63822 .card-wrapper-box .bt-qatc-container { 63823 right: 42px !important; 63824 } 63825 63826 /* Compact, left-aligned size list */ 63827 .card-wrapper-box .bt-qatc-form-variants--list { 63828 justify-content: flex-start !important; 63829 align-items: center !important; 63830 align-content: center !important; 63831 63832 column-gap: 0 !important; 63833 row-gap: 0 !important; 63834 63835 padding: 4px 4px !important; 63836 margin: 0 !important; 63837 } 63838 63839 .card-wrapper-box .bt-qatc-form-variant-input { 63840 min-width: 0 !important; 63841 width: auto !important; 63842 height: 35px !important; 63843 margin: 0 !important; 63844 padding: 0 !important; 63845 } 63846 63847 .card-wrapper-box .bt-qatc-form-variant-input label { 63848 min-width: 0 !important; 63849 width: auto !important; 63850 height: 35px !important; 63851 63852 margin: 0 !important; 63853 padding: 0 4px !important; 63854 63855 font-size: 12px !important; 63856 line-height: 1 !important; 63857 } 63858 63859 /* Bag column keeps the same full white background as the sizes */ 63860 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 63861 right: 0 !important; 63862 bottom: 0 !important; 63863 top: auto !important; 63864 63865 width: 42px !important; 63866 min-width: 42px !important; 63867 height: var(--sefam-quick-add-height, 43px) !important; 63868 min-height: 43px !important; 63869 63870 display: flex !important; 63871 flex-direction: column !important; 63872 justify-content: flex-end !important; 63873 align-items: stretch !important; 63874 63875 padding: 0 !important; 63876 margin: 0 !important; 63877 63878 background: rgba(255,255,255,.96) !important; 63879 } 63880 63881 /* The clickable bag itself always sits at the bottom */ 63882 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 63883 width: 42px !important; 63884 min-width: 42px !important; 63885 height: 43px !important; 63886 min-height: 43px !important; 63887 63888 margin-top: auto !important; 63889 padding: 0 !important; 63890 63891 display: flex !important; 63892 align-items: center !important; 63893 justify-content: center !important; 63894 63895 background: rgba(255,255,255,.96) !important; 63896 } 63897 63898 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 63899 width: 42px !important; 63900 height: 43px !important; 63901 min-height: 43px !important; 63902 63903 display: flex !important; 63904 align-items: center !important; 63905 justify-content: center !important; 63906 63907 padding: 0 !important; 63908 margin: 0 !important; 63909 63910 background: transparent !important; 63911 } 63912 63913 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 63914 width: 16px !important; 63915 height: 17px !important; 63916 } 63917} 63918</style> 63919 63920 63921<style> 63922/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 63923@media (min-width: 990px) { 63924 .card-wrapper-box .bt-qatc-form-variants--list { 63925 padding: 3px 4px !important; 63926 column-gap: 0 !important; 63927 row-gap: 0 !important; 63928 justify-content: flex-start !important; 63929 align-items: center !important; 63930 align-content: center !important; 63931 } 63932 63933 .card-wrapper-box .bt-qatc-form-variant-input { 63934 min-width: 0 !important; 63935 width: auto !important; 63936 height: 30px !important; 63937 margin: 0 !important; 63938 padding: 0 !important; 63939 } 63940 63941 .card-wrapper-box .bt-qatc-form-variant-input label { 63942 min-width: 0 !important; 63943 width: auto !important; 63944 height: 30px !important; 63945 margin: 0 !important; 63946 padding: 0 4px !important; 63947 font-size: 12px !important; 63948 line-height: 1 !important; 63949 display: flex !important; 63950 align-items: center !important; 63951 justify-content: center !important; 63952 } 63953 63954 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 63955 display: flex !important; 63956 flex-direction: column !important; 63957 justify-content: flex-end !important;
63958 align-items: stretch !important; 63959 bottom: 0 !important; 63960 top: auto !important; 63961 height: var(--sefam-quick-add-height, 36px) !important; 63962 min-height: 36px !important; 63963 } 63964 63965 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 63966 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 63967 height: 36px !important; 63968 min-height: 36px !important; 63969 margin-top: auto !important; 63970 } 63971} 63972</style> 63973 63974<style> 63975 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 63976 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 63977 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 63978 .card_colorways_container .new-mbl-color-single label span, 63979 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 63980 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 63981</style> 63982 63983 </li> 63984 63985 <li 63986 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_XEb3C9-13" 63987 class="grid__item slider__slide" 63988 > 63989 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 63990� 63991 63992 63993 � 63994 63995 63996 63997 <div class="card-wrapper product-card-wrapper"> 63998 <div 63999 class=" 64000 card card--standard 64001 card--media 64002 64003 64004 64005 64006 64007 " 64008 style="--ratio-percent: 150.00000000000003%;" 64009 64010 > 64011 <div class="card-wrapper-box"> 64012 64013 <div 64014 class="card__inner color-scheme-2 gradient ratio" 64015 style="--ratio-percent: 150.00000000000003%;" 64016 64017 > 64018 �<a href="/products/sws819126"> 64019 64020 �<div class="card-prdct2 card__media"> 64021 <div class="media media--transparent mt3"> 64022 64023 64024 <img 64025 src="//sefam.com/cdn/shop/files/SWS819126_2.jpg?v=1780653435&width=800" 64026 srcset="//sefam.com/cdn/shop/files/SWS819126_2.jpg?v=1780653435&width=1600 2x" 64027 class="" 64028 alt="Retro Collar Shirt - SWS819126" 64029 64030 loading="lazy" 64031 64032 width="2400" 64033 height="3600" 64034 > 64035 �<img 64036 src="//sefam.com/cdn/shop/files/SWS819126_1.jpg?v=1780653435&width=800" 64037 srcset="//sefam.com/cdn/shop/files/SWS819126_1.jpg?v=1780653435&width=1600 2x" 64038 alt="Retro Collar Shirt - SWS819126" 64039 loading="lazy" 64040 width="2400" 64041 height="3600" 64042 data-index="" 64043 > 64044 64045 � 64046 </div> 64047 64048 64049 </div> 64050 </a> 64051 </div> 64052 64053 64054 64055 64056 <div class="bt-qatc-container"> 64057 <div class="bt-qatc-form-container"> 64058 <div class="bt-qatc-form-content large-up-hide medium-hide"> 64059 <h3>Retro Collar Shirt - SWS819126</h3> 64060 64061<div 64062 class=" 64063 price " 64064 > 64065 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 64066 <span class="price-item price-item--regular"> 64067 <span class=money>Rs.8,990</span> 64068 </span></div> 64069 <div class="price__sale"> 64070 <span class="visually-hidden visually-hidden--inline">Regular price</span> 64071 <span> 64072 <s class="price-item price-item--regular"> 64073
64074 <span class=money>Rs.8,990</span> 64075 64076 </s> 64077 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 64078 <span class="price-item price-item--sale price-item--last"> 64079 64080 64081 64082 64083 <span class="percentage__sale hidden">0% OFF</span> 64084 64085 <span class=money>Rs.8,990</span> 64086 </span> 64087 </div> 64088 <small class="unit-price caption hidden"> 64089 <span class="visually-hidden">Unit price</span> 64090 <span class="price-item price-item--last"> 64091 <span></span> 64092 <span aria-hidden="true">/</span> 64093 <span class="visually-hidden"> per </span> 64094 <span> 64095 </span> 64096 </span> 64097 </small> 64098 </div></div> 64099 64100 64101 64102 </div> 64103 <div 64104 class="ethnc-form-media large-up-hide medium-hide" 64105 64106 ></div> 64107 <form method="post" action="/cart/add" class="bt-qatc-form"> 64108 <input type="hidden" name="quantity" value="1"> 64109 <div class="bt-qatc-form-variants-container"> 64110 <div class="bt-qatc-form-variants--list"> 64111 64112 <div 64113 class="in-use bt-qatc-form-variant-input is-disbaled" 64114 64115 > 64116 <input 64117 type="radio" 64118 name="id" 64119 id="-51948243878184" 64120 value="51948243878184" 64121 data-price="899000" 64122 data-item-id="10302921769256" 64123 hidden 64124 64125 disbaled 64126 64127 data-item-id="10302921769256" 64128 64129 > 64130 64131 <label 64132 for="-51948243878184" 64133 data-sefam-quick-size 64134 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 64135 > 64136 <span class="split-variant-value"> 64137 64138 64139 64140 64141 64142 64143 64144 XS 64145 64146 64147</span> 64148 </label> 64149 </div> 64150 64151 <div 64152 class="in-use bt-qatc-form-variant-input" 64153 64154 > 64155 <input 64156 type="radio" 64157 name="id" 64158 id="-51948243910952" 64159 value="51948243910952" 64160 data-price="899000" 64161 data-item-id="10302921769256" 64162 hidden 64163 64164 data-item-id="10302921769256" 64165 64166 > 64167 64168 <label 64169 for="-51948243910952" 64170 data-sefam-quick-size 64171 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 64172 > 64173 <span class="split-variant-value"> 64174 64175 64176 64177 64178 64179 64180 64181 S 64182 64183 64184</span> 64185 </label> 64186 </div> 64187 64188 <div 64189 class="in-use bt-qatc-form-variant-input is-disbaled" 64190 64191 > 64192 <input 64193 type="radio" 64194 name="id" 64195 id="-51948243943720" 64196 value="51948243943720" 64197 data-price="899000" 64198 data-item-id="10302921769256" 64199 hidden 64200 64201 disbaled 64202 64203 data-item-id="10302921769256" 64204 64205 > 64206 64207 <label 64208 for="-51948243943720" 64209 data-sefam-quick-size 64210 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 64211 >
64212 <span class="split-variant-value"> 64213 64214 64215 64216 64217 64218 64219 64220 M 64221 64222 64223</span> 64224 </label> 64225 </div> 64226 64227 <div 64228 class="in-use bt-qatc-form-variant-input" 64229 64230 > 64231 <input 64232 type="radio" 64233 name="id" 64234 id="-51948243976488" 64235 value="51948243976488" 64236 data-price="899000" 64237 data-item-id="10302921769256" 64238 hidden 64239 64240 data-item-id="10302921769256" 64241 64242 > 64243 64244 <label 64245 for="-51948243976488" 64246 data-sefam-quick-size 64247 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 64248 > 64249 <span class="split-variant-value"> 64250 64251 64252 64253 64254 64255 64256 64257 L 64258 64259 64260</span> 64261 </label> 64262 </div> 64263 64264 <div 64265 class="in-use bt-qatc-form-variant-input is-disbaled" 64266 64267 > 64268 <input 64269 type="radio" 64270 name="id" 64271 id="-51948244009256" 64272 value="51948244009256" 64273 data-price="899000" 64274 data-item-id="10302921769256" 64275 hidden 64276 64277 disbaled 64278 64279 data-item-id="10302921769256" 64280 64281 > 64282 64283 <label 64284 for="-51948244009256" 64285 data-sefam-quick-size 64286 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 64287 > 64288 <span class="split-variant-value"> 64289 64290 64291 64292 64293 64294 64295 64296 XL 64297 64298 64299</span> 64300 </label> 64301 </div> 64302 64303 </div> 64304 64305 64306 64307 64308 </div> 64309 </form> 64310 </div> 64311 </div> 64312 64313 64314 64315 64316 64317 64318 64319 64320 64321 64322 64323 64324 64325 64326 64327 64328 64329 64330 64331 64332 64333 64334 64335 64336 64337 64338 64339 64340 64341 64342 64343 64344 64345 64346 64347 64348 64349 64350 64351 64352 64353 64354 64355 64356 64357 64358 64359 64360 64361 64362 64363 64364 64365 64366 64367 64368 64369 64370 64371 64372 64373 64374 64375 64376 64377 64378 64379 64380 64381 <div 64382 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 64383 > 64384 <div class="ethnc-qatc-btn cstm-add-btn visible"> 64385 <span class="small-hide hide-mobile">Add to Basket</span> 64386 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 64387 </span>
64388 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 64389 width="11" 64390 height="11" 64391 viewBox="0 0 11 11" 64392 fill="none" 64393> 64394 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 64395 fill="black" 64396 /> 64397</svg> 64398</span> 64399 </div> 64400 </div> 64401 64402 64403 </div> 64404 64405 <div class="card__content aiza2"> 64406 <div class="card__information"> 64407 <small class="product-brand"> 64408 Shahnameh 64409 </small> 64410 <h3 64411 class="card__heading h5" 64412 64413 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10302921769256" 64414 64415 > 64416 <a 64417 href="/products/sws819126" 64418 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10302921769256" 64419 class="full-unstyled-link" 64420 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10302921769256 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10302921769256" 64421 > 64422 Retro Collar Shirt - SWS819126 64423 64424 <div class="card_colorways_container" onclick="event.stopPropagation();"> 64425 64426 64427 � 64428 </div> 64429 </a> 64430 64431 </h3> 64432 64433 <div class="card-information"><span class="caption-large light"></span> 64434<div 64435 class=" 64436 price " 64437 > 64438 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 64439 <span class="price-item price-item--regular"> 64440 <span class=money>Rs.8,990</span> 64441 </span></div> 64442 <div class="price__sale"> 64443 <span class="visually-hidden visually-hidden--inline">Regular price</span> 64444 <span> 64445 <s class="price-item price-item--regular"> 64446 64447 <span class=money>Rs.8,990</span> 64448 64449 </s> 64450 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 64451 <span class="price-item price-item--sale price-item--last"> 64452 64453 64454 64455 64456 <span class="percentage__sale hidden">0% OFF</span> 64457 64458 <span class=money>Rs.8,990</span> 64459 </span> 64460 </div> 64461 <small class="unit-price caption hidden"> 64462 <span class="visually-hidden">Unit price</span> 64463 <span class="price-item price-item--last"> 64464 <span></span> 64465 <span aria-hidden="true">/</span> 64466 <span class="visually-hidden"> per </span> 64467 <span> 64468 </span> 64469 </span> 64470 </small> 64471 </div></div> 64472 64473 64474 64475 </div> 64476 </div> 64477 </div> 64478 64479 </div> 64480 </div><style> 64481/* ========================================================= 64482 DESKTOP PRODUCT CARD QUICK ADD 64483 LEFT = sizes 64484 RIGHT = original bag icon 64485 Mobile behavior remains unchanged 64486 ========================================================= */ 64487@media (min-width: 990px) { 64488 .hide-desktop { 64489 display: none !important; 64490 } 64491 64492 /* Keep both controls on the same bottom row */ 64493 .card-wrapper-box { 64494 position: relative; 64495 } 64496 64497 .card-wrapper-box .bt-qatc-container, 64498 .card-wrapper-box .ethnc-qatc-btn-container { 64499 position: absolute !important; 64500 bottom: 0 !important; 64501 z-index: 8 !important; 64502 } 64503 64504 /* LEFT: size area */ 64505 .card-wrapper-box .bt-qatc-container { 64506 left: 0 !important; 64507 right: 46px !important; 64508 width: auto !important; 64509 } 64510 64511 .card-wrapper-box .bt-qatc-form-container { 64512 left: 0 !important; 64513 right: 0 !important; 64514 bottom: -350% !important; 64515 width: 100% !important; 64516 min-height: 43px !important; 64517 opacity: 0 !important; 64518 visibility: hidden !important; 64519 pointer-events: none !important; 64520 transition: bottom .22s ease, opacity .18s ease !important; 64521 } 64522 64523 .card-wrapper-box .bt-qatc-form, 64524 .card-wrapper-box .bt-qatc-form-variants-container, 64525 .card-wrapper-box .bt-qatc-form-variants--list { 64526 width: 100% !important; 64527 } 64528 64529 .card-wrapper-box .bt-qatc-form-variants--list { 64530 display: flex !important;
64531 align-items: center !important; 64532 flex-wrap: wrap !important; 64533 gap: 0 !important; 64534 min-height: 43px !important; 64535 } 64536 64537 /* RIGHT: original bag button */ 64538 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 64539 display: flex !important; 64540 align-items: stretch !important; 64541 justify-content: center !important; 64542 left: auto !important; 64543 right: 0 !important; 64544 width: 46px !important; 64545 height: 43px !important; 64546 opacity: 0 !important; 64547 visibility: hidden !important; 64548 pointer-events: none !important; 64549 transition: opacity .18s ease !important; 64550 } 64551 64552 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 64553 display: flex !important; 64554 align-items: center !important; 64555 justify-content: center !important; 64556 width: 46px !important; 64557 height: 43px !important; 64558 min-width: 46px !important; 64559 padding: 0 !important; 64560 cursor: pointer !important; 64561 } 64562 64563 /* Hide Add to Basket text on desktop; keep only bag icon */ 64564 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 64565 display: none !important; 64566 } 64567 64568 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 64569 display: flex !important; 64570 align-items: center !important; 64571 justify-content: center !important; 64572 width: 100% !important; 64573 height: 100% !important; 64574 padding: 0 !important; 64575 } 64576 64577 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 64578 display: block !important; 64579 width: 16px !important; 64580 height: 17px !important; 64581 } 64582 64583 /* Show sizes + bag together on desktop hover */ 64584 .card-wrapper-box:hover .bt-qatc-form-container { 64585 bottom: 0 !important; 64586 opacity: 1 !important; 64587 visibility: visible !important; 64588 pointer-events: auto !important; 64589 } 64590 64591 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 64592 opacity: 1 !important; 64593 visibility: visible !important; 64594 pointer-events: auto !important; 64595 } 64596} 64597 64598@media (max-width: 989px) { 64599 .hide-mobile { 64600 display: none; 64601 } 64602} 64603</style> 64604 64605 64606<style> 64607/* ========================================================= 64608 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 64609 Keeps all sizes in one clean row on the left 64610 and the bag icon fixed on the right. 64611 ========================================================= */ 64612@media (min-width: 990px) { 64613 64614 .card-wrapper-box .bt-qatc-form-container { 64615 height: 43px !important; 64616 min-height: 43px !important; 64617 max-height: 43px !important; 64618 overflow: hidden !important; 64619 background: rgba(255,255,255,.96) !important; 64620 } 64621 64622 .card-wrapper-box .bt-qatc-form { 64623 display: block !important; 64624 height: 43px !important; 64625 min-height: 43px !important; 64626 margin: 0 !important; 64627 padding: 0 !important; 64628 } 64629 64630 .card-wrapper-box .bt-qatc-form-variants-container { 64631 display: block !important; 64632 width: 100% !important; 64633 height: 43px !important; 64634 min-height: 43px !important; 64635 margin: 0 !important; 64636 padding: 0 !important; 64637 } 64638 64639 .card-wrapper-box .bt-qatc-form-variants--list { 64640 display: flex !important; 64641 flex-direction: row !important; 64642 flex-wrap: wrap !important; 64643 align-items: center !important; 64644 justify-content: center !important; 64645 64646 width: 100% !important; 64647 height: 43px !important; 64648 min-height: 43px !important; 64649 64650 margin: 0 !important; 64651 padding: 0 6px !important; 64652 gap: 2px !important; 64653 64654 box-sizing: border-box !important; 64655 overflow: visible !important; 64656 white-space: normal !important; 64657 } 64658 64659 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 64660 display: none !important; 64661 } 64662 64663 .card-wrapper-box .bt-qatc-form-variant-input { 64664 position: relative !important; 64665 64666 display: flex !important; 64667 align-items: center !important; 64668 justify-content: center !important; 64669 64670 flex: 0 0 auto !important; 64671 width: auto !important; 64672 min-width: 32px !important; 64673 height: 43px !important; 64674 64675 margin: 0 !important; 64676 padding: 0 !important; 64677 64678 border: 0 !important; 64679 background: transparent !important; 64680 } 64681 64682 .card-wrapper-box .bt-qatc-form-variant-input label { 64683 position: static !important; 64684 64685 display: flex !important;
64686 align-items: center !important; 64687 justify-content: center !important; 64688 64689 width: auto !important; 64690 min-width: 32px !important; 64691 height: 32px !important; 64692 64693 margin: 0 !important; 64694 padding: 0 6px !important; 64695 64696 box-sizing: border-box !important; 64697 64698 background: transparent !important; 64699 border: 0 !important; 64700 64701 color: #111 !important; 64702 font-size: 12px !important; 64703 line-height: 1 !important; 64704 font-weight: 400 !important; 64705 64706 white-space: nowrap !important; 64707 cursor: pointer !important; 64708 } 64709 64710 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 64711 display: block !important; 64712 width: auto !important; 64713 max-width: none !important; 64714 64715 margin: 0 !important; 64716 padding: 0 !important; 64717 64718 overflow: visible !important; 64719 white-space: nowrap !important; 64720 text-overflow: clip !important; 64721 64722 font-size: inherit !important; 64723 line-height: inherit !important; 64724 } 64725 64726 /* Sold-out size */ 64727 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 64728 opacity: .35 !important; 64729 text-decoration: line-through !important; 64730 cursor: not-allowed !important; 64731 } 64732 64733 /* Optional hover feedback */ 64734 .card-wrapper-box 64735 .bt-qatc-form-variant-input:not(.is-disbaled) 64736 label:hover { 64737 text-decoration: underline !important; 64738 text-underline-offset: 3px !important; 64739 } 64740 64741 /* Prevent old theme transforms / absolute positions */ 64742 .card-wrapper-box .bt-qatc-form-variant-input *, 64743 .card-wrapper-box .bt-qatc-form-variants--list * { 64744 transform: none; 64745 } 64746} 64747</style> 64748 64749 64750<style> 64751/* Desktop quick-add: use one seamless background for sizes + bag */ 64752@media (min-width: 990px) { 64753 .card-wrapper-box .bt-qatc-form-container, 64754 .card-wrapper-box .bt-qatc-form, 64755 .card-wrapper-box .bt-qatc-form-variants-container, 64756 .card-wrapper-box .bt-qatc-form-variants--list, 64757 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 64758 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 64759 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 64760 background: rgba(255,255,255,.96) !important; 64761 } 64762 64763 /* Remove any visual split between sizes and bag */ 64764 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 64765 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 64766 border-left: 0 !important; 64767 box-shadow: none !important; 64768 } 64769} 64770</style> 64771 64772 64773<style> 64774/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 64775@media (min-width: 990px) { 64776 .card-wrapper-box .bt-qatc-form-container, 64777 .card-wrapper-box .bt-qatc-form, 64778 .card-wrapper-box .bt-qatc-form-variants-container { 64779 height: auto !important; 64780 max-height: none !important; 64781 overflow: visible !important; 64782 } 64783 64784 .card-wrapper-box .bt-qatc-form-variants--list { 64785 display: flex !important; 64786 flex-wrap: wrap !important; 64787 justify-content: center !important; 64788 align-items: center !important; 64789 height: auto !important; 64790 min-height: 43px !important; 64791 max-height: none !important; 64792 overflow: visible !important; 64793 white-space: normal !important; 64794 padding: 5px 6px !important; 64795 } 64796 64797 .card-wrapper-box .bt-qatc-form-variant-input { 64798 flex: 0 0 auto !important; 64799 } 64800} 64801</style> 64802
64803<script> 64804 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 64805 const wrap = label.closest('.bt-qatc-form-variant-input'); 64806 const form = label.closest('.bt-qatc-form'); 64807 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 64808 64809 if (!wrap || !form || !input) return; 64810 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 64811 if (label.dataset.loading === 'true') return; 64812 64813 input.checked = true; 64814 label.dataset.loading = 'true'; 64815 label.style.pointerEvents = 'none'; 64816 64817 try { 64818 const cartResp = await fetch('/cart.js', { 64819 method: 'GET', 64820 headers: { 'Accept': 'application/json' } 64821 }); 64822 64823 if (!cartResp.ok) throw new Error('Unable to read cart'); 64824 64825 const cart = await cartResp.json(); 64826 const variantId = Number(input.value); 64827 const selectedPrice = Number(input.dataset.price || 0) / 100; 64828 const totalCartPrice = Number(cart.total_price || 0) / 100; 64829 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 64830 64831 if ((totalCartPrice + selectedPrice) > 250000) { 64832 if (window.showAlert) { 64833 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 64834 } else { 64835 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 64836 } 64837 return; 64838 } 64839 64840 if (itemInCart && Number(itemInCart.quantity) >= 3) { 64841 if (window.showAlert) { 64842 window.showAlert('Limit reached: Max 3 items per size can be added'); 64843 } else { 64844 alert('Limit reached: Max 3 items per size can be added'); 64845 } 64846 return; 64847 } 64848 64849 64850 const cartSections = document.querySelector('cart-notification, cart-drawer'); 64851 const formData = new FormData(form); 64852 64853 formData.set('id', input.value); 64854 formData.set('quantity', '1'); 64855 64856 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 64857 formData.set( 64858 'sections', 64859 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 64860 ); 64861 } 64862 64863 formData.set('sections_url', window.location.pathname); 64864 64865 const addResp = await fetch('/cart/add.js', { 64866 method: 'POST', 64867 headers: { 'Accept': 'application/json' }, 64868 body: formData 64869 }); 64870 64871 const data = await addResp.json(); 64872 64873 if (!addResp.ok) { 64874 throw new Error(data.description || data.message || 'Unable to add this size'); 64875 } 64876 64877 if (cartSections && typeof cartSections.renderContents === 'function') { 64878 cartSections.renderContents(data); 64879 } else { 64880 const bubble = document.querySelector('#cart-icon-bubble'); 64881 if (bubble) bubble.click(); 64882 } 64883 64884 const card = label.closest('.card-wrapper-box'); 64885 if (card) { 64886 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 64887 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 64888 } 64889 } catch (error) { 64890 console.error('SEFAM hover size quick-add error:', error); 64891 if (window.showAlert) { 64892 window.showAlert(error.message || 'Unable to add this size to cart'); 64893 } else { 64894 alert(error.message || 'Unable to add this size to cart'); 64895 } 64896 } finally { 64897 label.dataset.loading = 'false'; 64898 label.style.pointerEvents = ''; 64899 } 64900 }; 64901</script>
64901 64902 64903<style> 64904/* Desktop quick-add final alignment: 64905 sizes start from left; bag area matches the complete quick-size background height. */ 64906@media (min-width: 990px) { 64907 .card-wrapper-box .bt-qatc-form-variants--list { 64908 justify-content: flex-start !important; 64909 align-content: center !important; 64910 text-align: left !important; 64911 } 64912 64913 .card-wrapper-box .bt-qatc-container { 64914 right: 46px !important; 64915 } 64916 64917 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 64918 top: auto !important; 64919 bottom: 0 !important; 64920 width: 46px !important; 64921 height: 100% !important; 64922 min-height: 43px !important; 64923 align-items: stretch !important; 64924 background: rgba(255,255,255,.96) !important; 64925 } 64926 64927 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 64928 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 64929 width: 46px !important; 64930 height: 100% !important; 64931 min-height: 43px !important; 64932 background: rgba(255,255,255,.96) !important; 64933 } 64934 64935 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 64936 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 64937 height: var(--sefam-quick-add-height, 43px) !important; 64938 } 64939} 64940</style>
64941<script> 64942(function () { 64943 function syncQuickAddHeight(card) { 64944 if (!card || window.innerWidth < 990) return; 64945 var panel = card.querySelector('.bt-qatc-form-container'); 64946 if (!panel) return; 64947 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 64948 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 64949 } 64950 64951 document.addEventListener('mouseover', function(e) { 64952 var card = e.target.closest('.card-wrapper-box'); 64953 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 64954 }, { passive: true }); 64955 64956 window.addEventListener('resize', function() { 64957 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 64958 }, { passive: true }); 64959})(); 64960</script>
64960 64961 64962 64963 64964<style> 64965/* ========================================================= 64966 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 64967 - reduce space between sizes 64968 - keep sizes left aligned 64969 - keep the bag icon on the BOTTOM row 64970 - bag background still matches the full size panel 64971 ========================================================= */ 64972@media (min-width: 990px) { 64973 64974 /* More usable width for sizes */ 64975 .card-wrapper-box .bt-qatc-container { 64976 right: 42px !important; 64977 } 64978 64979 /* Compact, left-aligned size list */ 64980 .card-wrapper-box .bt-qatc-form-variants--list { 64981 justify-content: flex-start !important; 64982 align-items: center !important; 64983 align-content: center !important; 64984 64985 column-gap: 0 !important; 64986 row-gap: 0 !important; 64987 64988 padding: 4px 4px !important; 64989 margin: 0 !important; 64990 } 64991 64992 .card-wrapper-box .bt-qatc-form-variant-input { 64993 min-width: 0 !important; 64994 width: auto !important; 64995 height: 35px !important; 64996 margin: 0 !important; 64997 padding: 0 !important; 64998 } 64999 65000 .card-wrapper-box .bt-qatc-form-variant-input label { 65001 min-width: 0 !important; 65002 width: auto !important; 65003 height: 35px !important; 65004 65005 margin: 0 !important; 65006 padding: 0 4px !important; 65007 65008 font-size: 12px !important; 65009 line-height: 1 !important; 65010 } 65011 65012 /* Bag column keeps the same full white background as the sizes */ 65013 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 65014 right: 0 !important; 65015 bottom: 0 !important; 65016 top: auto !important; 65017 65018 width: 42px !important; 65019 min-width: 42px !important; 65020 height: var(--sefam-quick-add-height, 43px) !important; 65021 min-height: 43px !important; 65022 65023 display: flex !important; 65024 flex-direction: column !important; 65025 justify-content: flex-end !important; 65026 align-items: stretch !important; 65027 65028 padding: 0 !important; 65029 margin: 0 !important; 65030 65031 background: rgba(255,255,255,.96) !important; 65032 } 65033 65034 /* The clickable bag itself always sits at the bottom */ 65035 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 65036 width: 42px !important; 65037 min-width: 42px !important; 65038 height: 43px !important; 65039 min-height: 43px !important; 65040 65041 margin-top: auto !important; 65042 padding: 0 !important; 65043 65044 display: flex !important; 65045 align-items: center !important; 65046 justify-content: center !important; 65047 65048 background: rgba(255,255,255,.96) !important; 65049 } 65050 65051 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 65052 width: 42px !important; 65053 height: 43px !important; 65054 min-height: 43px !important; 65055 65056 display: flex !important; 65057 align-items: center !important; 65058 justify-content: center !important; 65059 65060 padding: 0 !important; 65061 margin: 0 !important; 65062 65063 background: transparent !important; 65064 } 65065 65066 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 65067 width: 16px !important; 65068 height: 17px !important; 65069 } 65070} 65071</style> 65072 65073 65074<style> 65075/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 65076@media (min-width: 990px) { 65077 .card-wrapper-box .bt-qatc-form-variants--list { 65078 padding: 3px 4px !important; 65079 column-gap: 0 !important; 65080 row-gap: 0 !important; 65081 justify-content: flex-start !important; 65082 align-items: center !important; 65083 align-content: center !important; 65084 } 65085 65086 .card-wrapper-box .bt-qatc-form-variant-input { 65087 min-width: 0 !important; 65088 width: auto !important; 65089 height: 30px !important; 65090 margin: 0 !important; 65091 padding: 0 !important; 65092 } 65093 65094 .card-wrapper-box .bt-qatc-form-variant-input label { 65095 min-width: 0 !important; 65096 width: auto !important; 65097 height: 30px !important; 65098 margin: 0 !important; 65099 padding: 0 4px !important; 65100 font-size: 12px !important; 65101 line-height: 1 !important; 65102 display: flex !important; 65103 align-items: center !important; 65104 justify-content: center !important; 65105 } 65106 65107 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 65108 display: flex !important; 65109 flex-direction: column !important; 65110 justify-content: flex-end !important;
65111 align-items: stretch !important; 65112 bottom: 0 !important; 65113 top: auto !important; 65114 height: var(--sefam-quick-add-height, 36px) !important; 65115 min-height: 36px !important; 65116 } 65117 65118 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 65119 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 65120 height: 36px !important; 65121 min-height: 36px !important; 65122 margin-top: auto !important; 65123 } 65124} 65125</style> 65126 65127<style> 65128 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 65129 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 65130 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 65131 .card_colorways_container .new-mbl-color-single label span, 65132 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 65133 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 65134</style> 65135 65136 </li> 65137 65138 <li 65139 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_XEb3C9-14" 65140 class="grid__item slider__slide" 65141 > 65142 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 65143� 65144 65145 65146 � 65147 65148 65149 65150 <div class="card-wrapper product-card-wrapper"> 65151 <div 65152 class=" 65153 card card--standard 65154 card--media 65155 65156 65157 65158 65159 65160 " 65161 style="--ratio-percent: 150.00000000000003%;" 65162 65163 > 65164 <div class="card-wrapper-box"> 65165 65166 <div 65167 class="card__inner color-scheme-2 gradient ratio" 65168 style="--ratio-percent: 150.00000000000003%;" 65169 65170 > 65171 �<a href="/products/sws821126"> 65172 65173 �<div class="card-prdct2 card__media"> 65174 <div class="media media--transparent mt3"> 65175 65176 65177 <img 65178 src="//sefam.com/cdn/shop/files/SWS821126_1.jpg?v=1778826417&width=800" 65179 srcset="//sefam.com/cdn/shop/files/SWS821126_1.jpg?v=1778826417&width=1600 2x" 65180 class="" 65181 alt="Shirt - SWS821126" 65182 65183 loading="lazy" 65184 65185 width="2400" 65186 height="3600" 65187 > 65188 �<img 65189 src="//sefam.com/cdn/shop/files/SWS821126_1_c8e3c73e-200a-4590-ac0c-a9c5a1c61d73.jpg?v=1778827375&width=800" 65190 srcset="//sefam.com/cdn/shop/files/SWS821126_1_c8e3c73e-200a-4590-ac0c-a9c5a1c61d73.jpg?v=1778827375&width=1600 2x" 65191 alt="Shirt - SWS821126" 65192 loading="lazy" 65193 width="2400" 65194 height="3600" 65195 data-index="" 65196 > 65197 65198 � 65199 </div> 65200 65201 65202 </div> 65203 </a> 65204 </div> 65205 65206 65207 65208 65209 <div class="bt-qatc-container"> 65210 <div class="bt-qatc-form-container"> 65211 <div class="bt-qatc-form-content large-up-hide medium-hide"> 65212 <h3>Shirt - SWS821126</h3> 65213 65214<div 65215 class=" 65216 price " 65217 > 65218 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 65219 <span class="price-item price-item--regular"> 65220 <span class=money>Rs.8,990</span> 65221 </span></div> 65222 <div class="price__sale"> 65223 <span class="visually-hidden visually-hidden--inline">Regular price</span> 65224 <span> 65225 <s class="price-item price-item--regular"> 65226
65227 <span class=money>Rs.8,990</span> 65228 65229 </s> 65230 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 65231 <span class="price-item price-item--sale price-item--last"> 65232 65233 65234 65235 65236 <span class="percentage__sale hidden">0% OFF</span> 65237 65238 <span class=money>Rs.8,990</span> 65239 </span> 65240 </div> 65241 <small class="unit-price caption hidden"> 65242 <span class="visually-hidden">Unit price</span> 65243 <span class="price-item price-item--last"> 65244 <span></span> 65245 <span aria-hidden="true">/</span> 65246 <span class="visually-hidden"> per </span> 65247 <span> 65248 </span> 65249 </span> 65250 </small> 65251 </div></div> 65252 65253 65254 65255 </div> 65256 <div 65257 class="ethnc-form-media large-up-hide medium-hide" 65258 65259 ></div> 65260 <form method="post" action="/cart/add" class="bt-qatc-form"> 65261 <input type="hidden" name="quantity" value="1"> 65262 <div class="bt-qatc-form-variants-container"> 65263 <div class="bt-qatc-form-variants--list"> 65264 65265 <div 65266 class="in-use bt-qatc-form-variant-input is-disbaled" 65267 65268 > 65269 <input 65270 type="radio" 65271 name="id" 65272 id="-51825500586280" 65273 value="51825500586280" 65274 data-price="899000" 65275 data-item-id="10281133637928" 65276 hidden 65277 65278 disbaled 65279 65280 data-item-id="10281133637928" 65281 65282 > 65283 65284 <label 65285 for="-51825500586280" 65286 data-sefam-quick-size 65287 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 65288 > 65289 <span class="split-variant-value"> 65290 65291 65292 65293 65294 65295 65296 65297 XS 65298 65299 65300</span> 65301 </label> 65302 </div> 65303 65304 <div 65305 class="in-use bt-qatc-form-variant-input is-disbaled" 65306 65307 > 65308 <input 65309 type="radio" 65310 name="id" 65311 id="-51825500619048" 65312 value="51825500619048" 65313 data-price="899000" 65314 data-item-id="10281133637928" 65315 hidden 65316 65317 disbaled 65318 65319 data-item-id="10281133637928" 65320 65321 > 65322 65323 <label 65324 for="-51825500619048" 65325 data-sefam-quick-size 65326 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 65327 > 65328 <span class="split-variant-value"> 65329 65330 65331 65332 65333 65334 65335 65336 S 65337 65338 65339</span> 65340 </label> 65341 </div> 65342 65343 <div 65344 class="in-use bt-qatc-form-variant-input" 65345 65346 > 65347 <input 65348 type="radio" 65349 name="id" 65350 id="-51825500651816" 65351 value="51825500651816" 65352 data-price="899000" 65353 data-item-id="10281133637928" 65354 hidden 65355 65356 data-item-id="10281133637928" 65357 65358 > 65359 65360 <label 65361 for="-51825500651816" 65362 data-sefam-quick-size 65363 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 65364 >
65365 <span class="split-variant-value"> 65366 65367 65368 65369 65370 65371 65372 65373 M 65374 65375 65376</span> 65377 </label> 65378 </div> 65379 65380 <div 65381 class="in-use bt-qatc-form-variant-input" 65382 65383 > 65384 <input 65385 type="radio" 65386 name="id" 65387 id="-51825500684584" 65388 value="51825500684584" 65389 data-price="899000" 65390 data-item-id="10281133637928" 65391 hidden 65392 65393 data-item-id="10281133637928" 65394 65395 > 65396 65397 <label 65398 for="-51825500684584" 65399 data-sefam-quick-size 65400 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 65401 > 65402 <span class="split-variant-value"> 65403 65404 65405 65406 65407 65408 65409 65410 L 65411 65412 65413</span> 65414 </label> 65415 </div> 65416 65417 <div 65418 class="in-use bt-qatc-form-variant-input is-disbaled" 65419 65420 > 65421 <input 65422 type="radio" 65423 name="id" 65424 id="-51825500717352" 65425 value="51825500717352" 65426 data-price="899000" 65427 data-item-id="10281133637928" 65428 hidden 65429 65430 disbaled 65431 65432 data-item-id="10281133637928" 65433 65434 > 65435 65436 <label 65437 for="-51825500717352" 65438 data-sefam-quick-size 65439 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 65440 > 65441 <span class="split-variant-value"> 65442 65443 65444 65445 65446 65447 65448 65449 XL 65450 65451 65452</span> 65453 </label> 65454 </div> 65455 65456 </div> 65457 65458 65459 65460 65461 </div> 65462 </form> 65463 </div> 65464 </div> 65465 65466 65467 65468 65469 65470 65471 65472 65473 65474 65475 65476 65477 65478 65479 65480 65481 65482 65483 65484 65485 65486 65487 65488 65489 65490 65491 65492 65493 65494 65495 65496 65497 65498 65499 65500 65501 65502 65503 65504 65505 65506 65507 65508 65509 65510 65511 65512 65513 65514 65515 65516 65517 65518 65519 65520 65521 65522 65523 65524 65525 65526 65527 65528 65529 65530 65531 <div 65532 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 65533 > 65534 <div class="ethnc-qatc-btn cstm-add-btn visible"> 65535 <span class="small-hide hide-mobile">Add to Basket</span> 65536 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 65537 </span>
65538 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 65539 width="11" 65540 height="11" 65541 viewBox="0 0 11 11" 65542 fill="none" 65543> 65544 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 65545 fill="black" 65546 /> 65547</svg> 65548</span> 65549 </div> 65550 </div> 65551 65552 65553 </div> 65554 65555 <div class="card__content aiza2"> 65556 <div class="card__information"> 65557 <small class="product-brand"> 65558 Shahnameh 65559 </small> 65560 <h3 65561 class="card__heading h5" 65562 65563 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10281133637928" 65564 65565 > 65566 <a 65567 href="/products/sws821126" 65568 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10281133637928" 65569 class="full-unstyled-link" 65570 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10281133637928 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10281133637928" 65571 > 65572 Shirt - SWS821126 65573 65574 <div class="card_colorways_container" onclick="event.stopPropagation();"> 65575 65576 65577 � 65578 </div> 65579 </a> 65580 65581 </h3> 65582 65583 <div class="card-information"><span class="caption-large light"></span> 65584<div 65585 class=" 65586 price " 65587 > 65588 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 65589 <span class="price-item price-item--regular"> 65590 <span class=money>Rs.8,990</span> 65591 </span></div> 65592 <div class="price__sale"> 65593 <span class="visually-hidden visually-hidden--inline">Regular price</span> 65594 <span> 65595 <s class="price-item price-item--regular"> 65596 65597 <span class=money>Rs.8,990</span> 65598 65599 </s> 65600 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 65601 <span class="price-item price-item--sale price-item--last"> 65602 65603 65604 65605 65606 <span class="percentage__sale hidden">0% OFF</span> 65607 65608 <span class=money>Rs.8,990</span> 65609 </span> 65610 </div> 65611 <small class="unit-price caption hidden"> 65612 <span class="visually-hidden">Unit price</span> 65613 <span class="price-item price-item--last"> 65614 <span></span> 65615 <span aria-hidden="true">/</span> 65616 <span class="visually-hidden"> per </span> 65617 <span> 65618 </span> 65619 </span> 65620 </small> 65621 </div></div> 65622 65623 65624 65625 </div> 65626 </div> 65627 </div> 65628 65629 </div> 65630 </div><style> 65631/* ========================================================= 65632 DESKTOP PRODUCT CARD QUICK ADD 65633 LEFT = sizes 65634 RIGHT = original bag icon 65635 Mobile behavior remains unchanged 65636 ========================================================= */ 65637@media (min-width: 990px) { 65638 .hide-desktop { 65639 display: none !important; 65640 } 65641 65642 /* Keep both controls on the same bottom row */ 65643 .card-wrapper-box { 65644 position: relative; 65645 } 65646 65647 .card-wrapper-box .bt-qatc-container, 65648 .card-wrapper-box .ethnc-qatc-btn-container { 65649 position: absolute !important; 65650 bottom: 0 !important; 65651 z-index: 8 !important; 65652 } 65653 65654 /* LEFT: size area */ 65655 .card-wrapper-box .bt-qatc-container { 65656 left: 0 !important; 65657 right: 46px !important; 65658 width: auto !important; 65659 } 65660 65661 .card-wrapper-box .bt-qatc-form-container { 65662 left: 0 !important; 65663 right: 0 !important; 65664 bottom: -350% !important; 65665 width: 100% !important; 65666 min-height: 43px !important; 65667 opacity: 0 !important; 65668 visibility: hidden !important; 65669 pointer-events: none !important; 65670 transition: bottom .22s ease, opacity .18s ease !important; 65671 } 65672 65673 .card-wrapper-box .bt-qatc-form, 65674 .card-wrapper-box .bt-qatc-form-variants-container, 65675 .card-wrapper-box .bt-qatc-form-variants--list { 65676 width: 100% !important; 65677 } 65678 65679 .card-wrapper-box .bt-qatc-form-variants--list { 65680 display: flex !important;
65681 align-items: center !important; 65682 flex-wrap: wrap !important; 65683 gap: 0 !important; 65684 min-height: 43px !important; 65685 } 65686 65687 /* RIGHT: original bag button */ 65688 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 65689 display: flex !important; 65690 align-items: stretch !important; 65691 justify-content: center !important; 65692 left: auto !important; 65693 right: 0 !important; 65694 width: 46px !important; 65695 height: 43px !important; 65696 opacity: 0 !important; 65697 visibility: hidden !important; 65698 pointer-events: none !important; 65699 transition: opacity .18s ease !important; 65700 } 65701 65702 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 65703 display: flex !important; 65704 align-items: center !important; 65705 justify-content: center !important; 65706 width: 46px !important; 65707 height: 43px !important; 65708 min-width: 46px !important; 65709 padding: 0 !important; 65710 cursor: pointer !important; 65711 } 65712 65713 /* Hide Add to Basket text on desktop; keep only bag icon */ 65714 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 65715 display: none !important; 65716 } 65717 65718 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 65719 display: flex !important; 65720 align-items: center !important; 65721 justify-content: center !important; 65722 width: 100% !important; 65723 height: 100% !important; 65724 padding: 0 !important; 65725 } 65726 65727 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 65728 display: block !important; 65729 width: 16px !important; 65730 height: 17px !important; 65731 } 65732 65733 /* Show sizes + bag together on desktop hover */ 65734 .card-wrapper-box:hover .bt-qatc-form-container { 65735 bottom: 0 !important; 65736 opacity: 1 !important; 65737 visibility: visible !important; 65738 pointer-events: auto !important; 65739 } 65740 65741 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 65742 opacity: 1 !important; 65743 visibility: visible !important; 65744 pointer-events: auto !important; 65745 } 65746} 65747 65748@media (max-width: 989px) { 65749 .hide-mobile { 65750 display: none; 65751 } 65752} 65753</style> 65754 65755 65756<style> 65757/* ========================================================= 65758 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 65759 Keeps all sizes in one clean row on the left 65760 and the bag icon fixed on the right. 65761 ========================================================= */ 65762@media (min-width: 990px) { 65763 65764 .card-wrapper-box .bt-qatc-form-container { 65765 height: 43px !important; 65766 min-height: 43px !important; 65767 max-height: 43px !important; 65768 overflow: hidden !important; 65769 background: rgba(255,255,255,.96) !important; 65770 } 65771 65772 .card-wrapper-box .bt-qatc-form { 65773 display: block !important; 65774 height: 43px !important; 65775 min-height: 43px !important; 65776 margin: 0 !important; 65777 padding: 0 !important; 65778 } 65779 65780 .card-wrapper-box .bt-qatc-form-variants-container { 65781 display: block !important; 65782 width: 100% !important; 65783 height: 43px !important; 65784 min-height: 43px !important; 65785 margin: 0 !important; 65786 padding: 0 !important; 65787 } 65788 65789 .card-wrapper-box .bt-qatc-form-variants--list { 65790 display: flex !important; 65791 flex-direction: row !important; 65792 flex-wrap: wrap !important; 65793 align-items: center !important; 65794 justify-content: center !important; 65795 65796 width: 100% !important; 65797 height: 43px !important; 65798 min-height: 43px !important; 65799 65800 margin: 0 !important; 65801 padding: 0 6px !important; 65802 gap: 2px !important; 65803 65804 box-sizing: border-box !important; 65805 overflow: visible !important; 65806 white-space: normal !important; 65807 } 65808 65809 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 65810 display: none !important; 65811 } 65812 65813 .card-wrapper-box .bt-qatc-form-variant-input { 65814 position: relative !important; 65815 65816 display: flex !important; 65817 align-items: center !important; 65818 justify-content: center !important; 65819 65820 flex: 0 0 auto !important; 65821 width: auto !important; 65822 min-width: 32px !important; 65823 height: 43px !important; 65824 65825 margin: 0 !important; 65826 padding: 0 !important; 65827 65828 border: 0 !important; 65829 background: transparent !important; 65830 } 65831 65832 .card-wrapper-box .bt-qatc-form-variant-input label { 65833 position: static !important; 65834 65835 display: flex !important;
65836 align-items: center !important; 65837 justify-content: center !important; 65838 65839 width: auto !important; 65840 min-width: 32px !important; 65841 height: 32px !important; 65842 65843 margin: 0 !important; 65844 padding: 0 6px !important; 65845 65846 box-sizing: border-box !important; 65847 65848 background: transparent !important; 65849 border: 0 !important; 65850 65851 color: #111 !important; 65852 font-size: 12px !important; 65853 line-height: 1 !important; 65854 font-weight: 400 !important; 65855 65856 white-space: nowrap !important; 65857 cursor: pointer !important; 65858 } 65859 65860 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 65861 display: block !important; 65862 width: auto !important; 65863 max-width: none !important; 65864 65865 margin: 0 !important; 65866 padding: 0 !important; 65867 65868 overflow: visible !important; 65869 white-space: nowrap !important; 65870 text-overflow: clip !important; 65871 65872 font-size: inherit !important; 65873 line-height: inherit !important; 65874 } 65875 65876 /* Sold-out size */ 65877 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 65878 opacity: .35 !important; 65879 text-decoration: line-through !important; 65880 cursor: not-allowed !important; 65881 } 65882 65883 /* Optional hover feedback */ 65884 .card-wrapper-box 65885 .bt-qatc-form-variant-input:not(.is-disbaled) 65886 label:hover { 65887 text-decoration: underline !important; 65888 text-underline-offset: 3px !important; 65889 } 65890 65891 /* Prevent old theme transforms / absolute positions */ 65892 .card-wrapper-box .bt-qatc-form-variant-input *, 65893 .card-wrapper-box .bt-qatc-form-variants--list * { 65894 transform: none; 65895 } 65896} 65897</style> 65898 65899 65900<style> 65901/* Desktop quick-add: use one seamless background for sizes + bag */ 65902@media (min-width: 990px) { 65903 .card-wrapper-box .bt-qatc-form-container, 65904 .card-wrapper-box .bt-qatc-form, 65905 .card-wrapper-box .bt-qatc-form-variants-container, 65906 .card-wrapper-box .bt-qatc-form-variants--list, 65907 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 65908 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 65909 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 65910 background: rgba(255,255,255,.96) !important; 65911 } 65912 65913 /* Remove any visual split between sizes and bag */ 65914 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 65915 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 65916 border-left: 0 !important; 65917 box-shadow: none !important; 65918 } 65919} 65920</style> 65921 65922 65923<style> 65924/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 65925@media (min-width: 990px) { 65926 .card-wrapper-box .bt-qatc-form-container, 65927 .card-wrapper-box .bt-qatc-form, 65928 .card-wrapper-box .bt-qatc-form-variants-container { 65929 height: auto !important; 65930 max-height: none !important; 65931 overflow: visible !important; 65932 } 65933 65934 .card-wrapper-box .bt-qatc-form-variants--list { 65935 display: flex !important; 65936 flex-wrap: wrap !important; 65937 justify-content: center !important; 65938 align-items: center !important; 65939 height: auto !important; 65940 min-height: 43px !important; 65941 max-height: none !important; 65942 overflow: visible !important; 65943 white-space: normal !important; 65944 padding: 5px 6px !important; 65945 } 65946 65947 .card-wrapper-box .bt-qatc-form-variant-input { 65948 flex: 0 0 auto !important; 65949 } 65950} 65951</style> 65952
65953<script> 65954 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 65955 const wrap = label.closest('.bt-qatc-form-variant-input'); 65956 const form = label.closest('.bt-qatc-form'); 65957 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 65958 65959 if (!wrap || !form || !input) return; 65960 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 65961 if (label.dataset.loading === 'true') return; 65962 65963 input.checked = true; 65964 label.dataset.loading = 'true'; 65965 label.style.pointerEvents = 'none'; 65966 65967 try { 65968 const cartResp = await fetch('/cart.js', { 65969 method: 'GET', 65970 headers: { 'Accept': 'application/json' } 65971 }); 65972 65973 if (!cartResp.ok) throw new Error('Unable to read cart'); 65974 65975 const cart = await cartResp.json(); 65976 const variantId = Number(input.value); 65977 const selectedPrice = Number(input.dataset.price || 0) / 100; 65978 const totalCartPrice = Number(cart.total_price || 0) / 100; 65979 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 65980 65981 if ((totalCartPrice + selectedPrice) > 250000) { 65982 if (window.showAlert) { 65983 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 65984 } else { 65985 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 65986 } 65987 return; 65988 } 65989 65990 if (itemInCart && Number(itemInCart.quantity) >= 3) { 65991 if (window.showAlert) { 65992 window.showAlert('Limit reached: Max 3 items per size can be added'); 65993 } else { 65994 alert('Limit reached: Max 3 items per size can be added'); 65995 } 65996 return; 65997 } 65998 65999 66000 const cartSections = document.querySelector('cart-notification, cart-drawer'); 66001 const formData = new FormData(form); 66002 66003 formData.set('id', input.value); 66004 formData.set('quantity', '1'); 66005 66006 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 66007 formData.set( 66008 'sections', 66009 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 66010 ); 66011 } 66012 66013 formData.set('sections_url', window.location.pathname); 66014 66015 const addResp = await fetch('/cart/add.js', { 66016 method: 'POST', 66017 headers: { 'Accept': 'application/json' }, 66018 body: formData 66019 }); 66020 66021 const data = await addResp.json(); 66022 66023 if (!addResp.ok) { 66024 throw new Error(data.description || data.message || 'Unable to add this size'); 66025 } 66026 66027 if (cartSections && typeof cartSections.renderContents === 'function') { 66028 cartSections.renderContents(data); 66029 } else { 66030 const bubble = document.querySelector('#cart-icon-bubble'); 66031 if (bubble) bubble.click(); 66032 } 66033 66034 const card = label.closest('.card-wrapper-box'); 66035 if (card) { 66036 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 66037 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 66038 } 66039 } catch (error) { 66040 console.error('SEFAM hover size quick-add error:', error); 66041 if (window.showAlert) { 66042 window.showAlert(error.message || 'Unable to add this size to cart'); 66043 } else { 66044 alert(error.message || 'Unable to add this size to cart'); 66045 } 66046 } finally { 66047 label.dataset.loading = 'false'; 66048 label.style.pointerEvents = ''; 66049 } 66050 }; 66051</script>
66051 66052 66053<style> 66054/* Desktop quick-add final alignment: 66055 sizes start from left; bag area matches the complete quick-size background height. */ 66056@media (min-width: 990px) { 66057 .card-wrapper-box .bt-qatc-form-variants--list { 66058 justify-content: flex-start !important; 66059 align-content: center !important; 66060 text-align: left !important; 66061 } 66062 66063 .card-wrapper-box .bt-qatc-container { 66064 right: 46px !important; 66065 } 66066 66067 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 66068 top: auto !important; 66069 bottom: 0 !important; 66070 width: 46px !important; 66071 height: 100% !important; 66072 min-height: 43px !important; 66073 align-items: stretch !important; 66074 background: rgba(255,255,255,.96) !important; 66075 } 66076 66077 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 66078 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 66079 width: 46px !important; 66080 height: 100% !important; 66081 min-height: 43px !important; 66082 background: rgba(255,255,255,.96) !important; 66083 } 66084 66085 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 66086 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 66087 height: var(--sefam-quick-add-height, 43px) !important; 66088 } 66089} 66090</style>
66091<script> 66092(function () { 66093 function syncQuickAddHeight(card) { 66094 if (!card || window.innerWidth < 990) return; 66095 var panel = card.querySelector('.bt-qatc-form-container'); 66096 if (!panel) return; 66097 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 66098 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 66099 } 66100 66101 document.addEventListener('mouseover', function(e) { 66102 var card = e.target.closest('.card-wrapper-box'); 66103 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 66104 }, { passive: true }); 66105 66106 window.addEventListener('resize', function() { 66107 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 66108 }, { passive: true }); 66109})(); 66110</script>
66110 66111 66112 66113 66114<style> 66115/* ========================================================= 66116 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 66117 - reduce space between sizes 66118 - keep sizes left aligned 66119 - keep the bag icon on the BOTTOM row 66120 - bag background still matches the full size panel 66121 ========================================================= */ 66122@media (min-width: 990px) { 66123 66124 /* More usable width for sizes */ 66125 .card-wrapper-box .bt-qatc-container { 66126 right: 42px !important; 66127 } 66128 66129 /* Compact, left-aligned size list */ 66130 .card-wrapper-box .bt-qatc-form-variants--list { 66131 justify-content: flex-start !important; 66132 align-items: center !important; 66133 align-content: center !important; 66134 66135 column-gap: 0 !important; 66136 row-gap: 0 !important; 66137 66138 padding: 4px 4px !important; 66139 margin: 0 !important; 66140 } 66141 66142 .card-wrapper-box .bt-qatc-form-variant-input { 66143 min-width: 0 !important; 66144 width: auto !important; 66145 height: 35px !important; 66146 margin: 0 !important; 66147 padding: 0 !important; 66148 } 66149 66150 .card-wrapper-box .bt-qatc-form-variant-input label { 66151 min-width: 0 !important; 66152 width: auto !important; 66153 height: 35px !important; 66154 66155 margin: 0 !important; 66156 padding: 0 4px !important; 66157 66158 font-size: 12px !important; 66159 line-height: 1 !important; 66160 } 66161 66162 /* Bag column keeps the same full white background as the sizes */ 66163 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 66164 right: 0 !important; 66165 bottom: 0 !important; 66166 top: auto !important; 66167 66168 width: 42px !important; 66169 min-width: 42px !important; 66170 height: var(--sefam-quick-add-height, 43px) !important; 66171 min-height: 43px !important; 66172 66173 display: flex !important; 66174 flex-direction: column !important; 66175 justify-content: flex-end !important; 66176 align-items: stretch !important; 66177 66178 padding: 0 !important; 66179 margin: 0 !important; 66180 66181 background: rgba(255,255,255,.96) !important; 66182 } 66183 66184 /* The clickable bag itself always sits at the bottom */ 66185 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 66186 width: 42px !important; 66187 min-width: 42px !important; 66188 height: 43px !important; 66189 min-height: 43px !important; 66190 66191 margin-top: auto !important; 66192 padding: 0 !important; 66193 66194 display: flex !important; 66195 align-items: center !important; 66196 justify-content: center !important; 66197 66198 background: rgba(255,255,255,.96) !important; 66199 } 66200 66201 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 66202 width: 42px !important; 66203 height: 43px !important; 66204 min-height: 43px !important; 66205 66206 display: flex !important; 66207 align-items: center !important; 66208 justify-content: center !important; 66209 66210 padding: 0 !important; 66211 margin: 0 !important; 66212 66213 background: transparent !important; 66214 } 66215 66216 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 66217 width: 16px !important; 66218 height: 17px !important; 66219 } 66220} 66221</style> 66222 66223 66224<style> 66225/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 66226@media (min-width: 990px) { 66227 .card-wrapper-box .bt-qatc-form-variants--list { 66228 padding: 3px 4px !important; 66229 column-gap: 0 !important; 66230 row-gap: 0 !important; 66231 justify-content: flex-start !important; 66232 align-items: center !important; 66233 align-content: center !important; 66234 } 66235 66236 .card-wrapper-box .bt-qatc-form-variant-input { 66237 min-width: 0 !important; 66238 width: auto !important; 66239 height: 30px !important; 66240 margin: 0 !important; 66241 padding: 0 !important; 66242 } 66243 66244 .card-wrapper-box .bt-qatc-form-variant-input label { 66245 min-width: 0 !important; 66246 width: auto !important; 66247 height: 30px !important; 66248 margin: 0 !important; 66249 padding: 0 4px !important; 66250 font-size: 12px !important; 66251 line-height: 1 !important; 66252 display: flex !important; 66253 align-items: center !important; 66254 justify-content: center !important; 66255 } 66256 66257 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 66258 display: flex !important; 66259 flex-direction: column !important; 66260 justify-content: flex-end !important;
66261 align-items: stretch !important; 66262 bottom: 0 !important; 66263 top: auto !important; 66264 height: var(--sefam-quick-add-height, 36px) !important; 66265 min-height: 36px !important; 66266 } 66267 66268 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 66269 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 66270 height: 36px !important; 66271 min-height: 36px !important; 66272 margin-top: auto !important; 66273 } 66274} 66275</style> 66276 66277<style> 66278 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 66279 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 66280 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 66281 .card_colorways_container .new-mbl-color-single label span, 66282 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 66283 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 66284</style> 66285 66286 </li> 66287 66288 <li 66289 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_XEb3C9-15" 66290 class="grid__item slider__slide" 66291 > 66292 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 66293� 66294 66295 66296 � 66297 66298 66299 66300 <div class="card-wrapper product-card-wrapper"> 66301 <div 66302 class=" 66303 card card--standard 66304 card--media 66305 66306 66307 66308 66309 66310 " 66311 style="--ratio-percent: 150.00000000000003%;" 66312 66313 > 66314 <div class="card-wrapper-box"> 66315 66316 <div 66317 class="card__inner color-scheme-2 gradient ratio" 66318 style="--ratio-percent: 150.00000000000003%;" 66319 66320 > 66321 �<a href="/products/smkt600126"> 66322 66323 �<div class="card-prdct2 card__media"> 66324 <div class="media media--transparent mt3"> 66325 66326 66327 <img 66328 src="//sefam.com/cdn/shop/files/SMKT600126_3.jpg?v=1778825850&width=800" 66329 srcset="//sefam.com/cdn/shop/files/SMKT600126_3.jpg?v=1778825850&width=1600 2x" 66330 class="" 66331 alt="Boxy Tee - SMKT600126" 66332 66333 loading="lazy" 66334 66335 width="2400" 66336 height="3600" 66337 > 66338 �<img 66339 src="//sefam.com/cdn/shop/files/SMKT600126_2.jpg?v=1778825850&width=800" 66340 srcset="//sefam.com/cdn/shop/files/SMKT600126_2.jpg?v=1778825850&width=1600 2x" 66341 alt="Boxy Tee - SMKT600126" 66342 loading="lazy" 66343 width="2400" 66344 height="3600" 66345 data-index="" 66346 > 66347 66348 � 66349 </div> 66350 66351 66352 </div> 66353 </a> 66354 </div> 66355 66356 66357 66358 66359 <div class="bt-qatc-container"> 66360 <div class="bt-qatc-form-container"> 66361 <div class="bt-qatc-form-content large-up-hide medium-hide"> 66362 <h3>Boxy Tee - SMKT600126</h3> 66363 66364<div 66365 class=" 66366 price " 66367 > 66368 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 66369 <span class="price-item price-item--regular"> 66370 <span class=money>Rs.3,990</span> 66371 </span></div> 66372 <div class="price__sale"> 66373 <span class="visually-hidden visually-hidden--inline">Regular price</span> 66374 <span> 66375 <s class="price-item price-item--regular"> 66376 66377 <span class=money>Rs.3,990</span> 66378 66379 </s> 66380 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
66381 <span class="price-item price-item--sale price-item--last"> 66382 66383 66384 66385 66386 <span class="percentage__sale hidden">0% OFF</span> 66387 66388 <span class=money>Rs.3,990</span> 66389 </span> 66390 </div> 66391 <small class="unit-price caption hidden"> 66392 <span class="visually-hidden">Unit price</span> 66393 <span class="price-item price-item--last"> 66394 <span></span> 66395 <span aria-hidden="true">/</span> 66396 <span class="visually-hidden"> per </span> 66397 <span> 66398 </span> 66399 </span> 66400 </small> 66401 </div></div> 66402 66403 66404 66405 </div> 66406 <div 66407 class="ethnc-form-media large-up-hide medium-hide" 66408 66409 ></div> 66410 <form method="post" action="/cart/add" class="bt-qatc-form"> 66411 <input type="hidden" name="quantity" value="1"> 66412 <div class="bt-qatc-form-variants-container"> 66413 <div class="bt-qatc-form-variants--list"> 66414 66415 <div 66416 class="in-use bt-qatc-form-variant-input" 66417 66418 > 66419 <input 66420 type="radio" 66421 name="id" 66422 id="-51825476469032" 66423 value="51825476469032" 66424 data-price="399000" 66425 data-item-id="10281121218856" 66426 hidden 66427 66428 data-item-id="10281121218856" 66429 66430 > 66431 66432 <label 66433 for="-51825476469032" 66434 data-sefam-quick-size 66435 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 66436 > 66437 <span class="split-variant-value"> 66438 66439 66440 66441 66442 66443 66444 66445 S 66446 66447 66448</span> 66449 </label> 66450 </div> 66451 66452 <div 66453 class="in-use bt-qatc-form-variant-input" 66454 66455 > 66456 <input 66457 type="radio" 66458 name="id" 66459 id="-51825476501800" 66460 value="51825476501800" 66461 data-price="399000" 66462 data-item-id="10281121218856" 66463 hidden 66464 66465 data-item-id="10281121218856" 66466 66467 > 66468 66469 <label 66470 for="-51825476501800" 66471 data-sefam-quick-size 66472 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 66473 > 66474 <span class="split-variant-value"> 66475 66476 66477 66478 66479 66480 66481 66482 M 66483 66484 66485</span> 66486 </label> 66487 </div> 66488 66489 <div 66490 class="in-use bt-qatc-form-variant-input" 66491 66492 > 66493 <input 66494 type="radio" 66495 name="id" 66496 id="-51825476534568" 66497 value="51825476534568" 66498 data-price="399000" 66499 data-item-id="10281121218856" 66500 hidden 66501 66502 data-item-id="10281121218856" 66503 66504 > 66505 66506 <label 66507 for="-51825476534568" 66508 data-sefam-quick-size 66509 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 66510 >
66511 <span class="split-variant-value"> 66512 66513 66514 66515 66516 66517 66518 66519 L 66520 66521 66522</span> 66523 </label> 66524 </div> 66525 66526 <div 66527 class="in-use bt-qatc-form-variant-input" 66528 66529 > 66530 <input 66531 type="radio" 66532 name="id" 66533 id="-51825476567336" 66534 value="51825476567336" 66535 data-price="399000" 66536 data-item-id="10281121218856" 66537 hidden 66538 66539 data-item-id="10281121218856" 66540 66541 > 66542 66543 <label 66544 for="-51825476567336" 66545 data-sefam-quick-size 66546 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 66547 > 66548 <span class="split-variant-value"> 66549 66550 66551 66552 66553 66554 66555 66556 XL 66557 66558 66559</span> 66560 </label> 66561 </div> 66562 66563 </div> 66564 66565 66566 66567 66568 </div> 66569 </form> 66570 </div> 66571 </div> 66572 66573 66574 66575 66576 66577 66578 66579 66580 66581 66582 66583 66584 66585 66586 66587 66588 66589 66590 66591 66592 66593 66594 66595 66596 66597 66598 66599 66600 66601 66602 66603 66604 66605 66606 66607 66608 66609 66610 66611 66612 66613 66614 66615 66616 66617 66618 66619 66620 66621 66622 66623 66624 66625 66626 66627 66628 66629 66630 66631 66632 66633 66634 66635 66636 66637 66638 66639 66640 66641 66642 66643 66644 66645 66646 66647 <div 66648 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 66649 > 66650 <div class="ethnc-qatc-btn cstm-add-btn visible"> 66651 <span class="small-hide hide-mobile">Add to Basket</span> 66652 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 66653 </span> 66654 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 66655 width="11" 66656 height="11" 66657 viewBox="0 0 11 11" 66658 fill="none" 66659> 66660 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 66661 fill="black" 66662 /> 66663</svg> 66664</span> 66665 </div> 66666 </div> 66667 66668 66669 </div> 66670 66671 <div class="card__content aiza2"> 66672 <div class="card__information"> 66673 <small class="product-brand"> 66674 Shahnameh 66675 </small> 66676 <h3 66677 class="card__heading h5" 66678 66679 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10281121218856" 66680 66681 > 66682 <a 66683 href="/products/smkt600126" 66684 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10281121218856" 66685 class="full-unstyled-link" 66686 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10281121218856 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10281121218856" 66687 > 66688 Boxy Tee - SMKT600126 66689 66690 <div class="card_colorways_container" onclick="event.stopPropagation();"> 66691 66692 66693 � 66694 </div> 66695 </a> 66696 66697 </h3> 66698 66699 <div class="card-information"><span class="caption-large light"></span> 66700<div 66701 class=" 66702 price " 66703 > 66704 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
66705 <span class="price-item price-item--regular"> 66706 <span class=money>Rs.3,990</span> 66707 </span></div> 66708 <div class="price__sale"> 66709 <span class="visually-hidden visually-hidden--inline">Regular price</span> 66710 <span> 66711 <s class="price-item price-item--regular"> 66712 66713 <span class=money>Rs.3,990</span> 66714 66715 </s> 66716 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 66717 <span class="price-item price-item--sale price-item--last"> 66718 66719 66720 66721 66722 <span class="percentage__sale hidden">0% OFF</span> 66723 66724 <span class=money>Rs.3,990</span> 66725 </span> 66726 </div> 66727 <small class="unit-price caption hidden"> 66728 <span class="visually-hidden">Unit price</span> 66729 <span class="price-item price-item--last"> 66730 <span></span> 66731 <span aria-hidden="true">/</span> 66732 <span class="visually-hidden"> per </span> 66733 <span> 66734 </span> 66735 </span> 66736 </small> 66737 </div></div> 66738 66739 66740 66741 </div> 66742 </div> 66743 </div> 66744 66745 </div> 66746 </div><style> 66747/* ========================================================= 66748 DESKTOP PRODUCT CARD QUICK ADD 66749 LEFT = sizes 66750 RIGHT = original bag icon 66751 Mobile behavior remains unchanged 66752 ========================================================= */ 66753@media (min-width: 990px) { 66754 .hide-desktop { 66755 display: none !important; 66756 } 66757 66758 /* Keep both controls on the same bottom row */ 66759 .card-wrapper-box { 66760 position: relative; 66761 } 66762 66763 .card-wrapper-box .bt-qatc-container, 66764 .card-wrapper-box .ethnc-qatc-btn-container { 66765 position: absolute !important; 66766 bottom: 0 !important; 66767 z-index: 8 !important; 66768 } 66769 66770 /* LEFT: size area */ 66771 .card-wrapper-box .bt-qatc-container { 66772 left: 0 !important; 66773 right: 46px !important; 66774 width: auto !important; 66775 } 66776 66777 .card-wrapper-box .bt-qatc-form-container { 66778 left: 0 !important; 66779 right: 0 !important; 66780 bottom: -350% !important; 66781 width: 100% !important; 66782 min-height: 43px !important; 66783 opacity: 0 !important; 66784 visibility: hidden !important; 66785 pointer-events: none !important; 66786 transition: bottom .22s ease, opacity .18s ease !important; 66787 } 66788 66789 .card-wrapper-box .bt-qatc-form, 66790 .card-wrapper-box .bt-qatc-form-variants-container, 66791 .card-wrapper-box .bt-qatc-form-variants--list { 66792 width: 100% !important; 66793 } 66794 66795 .card-wrapper-box .bt-qatc-form-variants--list { 66796 display: flex !important; 66797 align-items: center !important; 66798 flex-wrap: wrap !important; 66799 gap: 0 !important; 66800 min-height: 43px !important; 66801 } 66802 66803 /* RIGHT: original bag button */ 66804 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 66805 display: flex !important; 66806 align-items: stretch !important; 66807 justify-content: center !important; 66808 left: auto !important; 66809 right: 0 !important; 66810 width: 46px !important; 66811 height: 43px !important; 66812 opacity: 0 !important; 66813 visibility: hidden !important; 66814 pointer-events: none !important; 66815 transition: opacity .18s ease !important; 66816 } 66817 66818 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 66819 display: flex !important; 66820 align-items: center !important; 66821 justify-content: center !important; 66822 width: 46px !important; 66823 height: 43px !important; 66824 min-width: 46px !important; 66825 padding: 0 !important; 66826 cursor: pointer !important; 66827 } 66828 66829 /* Hide Add to Basket text on desktop; keep only bag icon */ 66830 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 66831 display: none !important; 66832 } 66833 66834 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 66835 display: flex !important; 66836 align-items: center !important; 66837 justify-content: center !important; 66838 width: 100% !important; 66839 height: 100% !important; 66840 padding: 0 !important; 66841 } 66842 66843 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 66844 display: block !important; 66845 width: 16px !important; 66846 height: 17px !important; 66847 } 66848 66849 /* Show sizes + bag together on desktop hover */ 66850 .card-wrapper-box:hover .bt-qatc-form-container { 66851 bottom: 0 !important; 66852 opacity: 1 !important; 66853 visibility: visible !important; 66854 pointer-events: auto !important; 66855 } 66856 66857 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 66858 opacity: 1 !important; 66859 visibility: visible !important; 66860 pointer-events: auto !important; 66861 } 66862} 66863 66864@media (max-width: 989px) { 66865 .hide-mobile { 66866 display: none; 66867 } 66868} 66869</style> 66870 66871 66872<style> 66873/* ========================================================= 66874 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 66875 Keeps all sizes in one clean row on the left 66876 and the bag icon fixed on the right. 66877 ========================================================= */ 66878@media (min-width: 990px) { 66879 66880 .card-wrapper-box .bt-qatc-form-container { 66881 height: 43px !important; 66882 min-height: 43px !important; 66883 max-height: 43px !important; 66884 overflow: hidden !important; 66885 background: rgba(255,255,255,.96) !important; 66886 } 66887 66888 .card-wrapper-box .bt-qatc-form { 66889 display: block !important; 66890 height: 43px !important; 66891 min-height: 43px !important; 66892 margin: 0 !important; 66893 padding: 0 !important; 66894 } 66895 66896 .card-wrapper-box .bt-qatc-form-variants-container { 66897 display: block !important; 66898 width: 100% !important; 66899 height: 43px !important; 66900 min-height: 43px !important; 66901 margin: 0 !important; 66902 padding: 0 !important; 66903 } 66904 66905 .card-wrapper-box .bt-qatc-form-variants--list { 66906 display: flex !important; 66907 flex-direction: row !important; 66908 flex-wrap: wrap !important;
66909 align-items: center !important; 66910 justify-content: center !important; 66911 66912 width: 100% !important; 66913 height: 43px !important; 66914 min-height: 43px !important; 66915 66916 margin: 0 !important; 66917 padding: 0 6px !important; 66918 gap: 2px !important; 66919 66920 box-sizing: border-box !important; 66921 overflow: visible !important; 66922 white-space: normal !important; 66923 } 66924 66925 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 66926 display: none !important; 66927 } 66928 66929 .card-wrapper-box .bt-qatc-form-variant-input { 66930 position: relative !important; 66931 66932 display: flex !important; 66933 align-items: center !important; 66934 justify-content: center !important; 66935 66936 flex: 0 0 auto !important; 66937 width: auto !important; 66938 min-width: 32px !important; 66939 height: 43px !important; 66940 66941 margin: 0 !important; 66942 padding: 0 !important; 66943 66944 border: 0 !important; 66945 background: transparent !important; 66946 } 66947 66948 .card-wrapper-box .bt-qatc-form-variant-input label { 66949 position: static !important; 66950 66951 display: flex !important; 66952 align-items: center !important; 66953 justify-content: center !important; 66954 66955 width: auto !important; 66956 min-width: 32px !important; 66957 height: 32px !important; 66958 66959 margin: 0 !important; 66960 padding: 0 6px !important; 66961 66962 box-sizing: border-box !important; 66963 66964 background: transparent !important; 66965 border: 0 !important; 66966 66967 color: #111 !important; 66968 font-size: 12px !important; 66969 line-height: 1 !important; 66970 font-weight: 400 !important; 66971 66972 white-space: nowrap !important; 66973 cursor: pointer !important; 66974 } 66975 66976 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 66977 display: block !important; 66978 width: auto !important; 66979 max-width: none !important; 66980 66981 margin: 0 !important; 66982 padding: 0 !important; 66983 66984 overflow: visible !important; 66985 white-space: nowrap !important; 66986 text-overflow: clip !important; 66987 66988 font-size: inherit !important; 66989 line-height: inherit !important; 66990 } 66991 66992 /* Sold-out size */ 66993 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 66994 opacity: .35 !important; 66995 text-decoration: line-through !important; 66996 cursor: not-allowed !important; 66997 } 66998 66999 /* Optional hover feedback */ 67000 .card-wrapper-box 67001 .bt-qatc-form-variant-input:not(.is-disbaled) 67002 label:hover { 67003 text-decoration: underline !important; 67004 text-underline-offset: 3px !important; 67005 } 67006 67007 /* Prevent old theme transforms / absolute positions */ 67008 .card-wrapper-box .bt-qatc-form-variant-input *, 67009 .card-wrapper-box .bt-qatc-form-variants--list * { 67010 transform: none; 67011 } 67012} 67013</style> 67014 67015 67016<style> 67017/* Desktop quick-add: use one seamless background for sizes + bag */ 67018@media (min-width: 990px) { 67019 .card-wrapper-box .bt-qatc-form-container, 67020 .card-wrapper-box .bt-qatc-form, 67021 .card-wrapper-box .bt-qatc-form-variants-container, 67022 .card-wrapper-box .bt-qatc-form-variants--list, 67023 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 67024 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 67025 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 67026 background: rgba(255,255,255,.96) !important; 67027 } 67028 67029 /* Remove any visual split between sizes and bag */ 67030 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 67031 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 67032 border-left: 0 !important; 67033 box-shadow: none !important; 67034 } 67035} 67036</style> 67037 67038 67039<style> 67040/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 67041@media (min-width: 990px) { 67042 .card-wrapper-box .bt-qatc-form-container, 67043 .card-wrapper-box .bt-qatc-form, 67044 .card-wrapper-box .bt-qatc-form-variants-container { 67045 height: auto !important; 67046 max-height: none !important; 67047 overflow: visible !important; 67048 } 67049 67050 .card-wrapper-box .bt-qatc-form-variants--list { 67051 display: flex !important; 67052 flex-wrap: wrap !important; 67053 justify-content: center !important; 67054 align-items: center !important; 67055 height: auto !important; 67056 min-height: 43px !important; 67057 max-height: none !important; 67058 overflow: visible !important; 67059 white-space: normal !important; 67060 padding: 5px 6px !important; 67061 } 67062 67063 .card-wrapper-box .bt-qatc-form-variant-input { 67064 flex: 0 0 auto !important; 67065 } 67066} 67067</style> 67068
67069<script> 67070 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 67071 const wrap = label.closest('.bt-qatc-form-variant-input'); 67072 const form = label.closest('.bt-qatc-form'); 67073 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 67074 67075 if (!wrap || !form || !input) return; 67076 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 67077 if (label.dataset.loading === 'true') return; 67078 67079 input.checked = true; 67080 label.dataset.loading = 'true'; 67081 label.style.pointerEvents = 'none'; 67082 67083 try { 67084 const cartResp = await fetch('/cart.js', { 67085 method: 'GET', 67086 headers: { 'Accept': 'application/json' } 67087 }); 67088 67089 if (!cartResp.ok) throw new Error('Unable to read cart'); 67090 67091 const cart = await cartResp.json(); 67092 const variantId = Number(input.value); 67093 const selectedPrice = Number(input.dataset.price || 0) / 100; 67094 const totalCartPrice = Number(cart.total_price || 0) / 100; 67095 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 67096 67097 if ((totalCartPrice + selectedPrice) > 250000) { 67098 if (window.showAlert) { 67099 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 67100 } else { 67101 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 67102 } 67103 return; 67104 } 67105 67106 if (itemInCart && Number(itemInCart.quantity) >= 3) { 67107 if (window.showAlert) { 67108 window.showAlert('Limit reached: Max 3 items per size can be added'); 67109 } else { 67110 alert('Limit reached: Max 3 items per size can be added'); 67111 } 67112 return; 67113 } 67114 67115 67116 const cartSections = document.querySelector('cart-notification, cart-drawer'); 67117 const formData = new FormData(form); 67118 67119 formData.set('id', input.value); 67120 formData.set('quantity', '1'); 67121 67122 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 67123 formData.set( 67124 'sections', 67125 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 67126 ); 67127 } 67128 67129 formData.set('sections_url', window.location.pathname); 67130 67131 const addResp = await fetch('/cart/add.js', { 67132 method: 'POST', 67133 headers: { 'Accept': 'application/json' }, 67134 body: formData 67135 }); 67136 67137 const data = await addResp.json(); 67138 67139 if (!addResp.ok) { 67140 throw new Error(data.description || data.message || 'Unable to add this size'); 67141 } 67142 67143 if (cartSections && typeof cartSections.renderContents === 'function') { 67144 cartSections.renderContents(data); 67145 } else { 67146 const bubble = document.querySelector('#cart-icon-bubble'); 67147 if (bubble) bubble.click(); 67148 } 67149 67150 const card = label.closest('.card-wrapper-box'); 67151 if (card) { 67152 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 67153 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 67154 } 67155 } catch (error) { 67156 console.error('SEFAM hover size quick-add error:', error); 67157 if (window.showAlert) { 67158 window.showAlert(error.message || 'Unable to add this size to cart'); 67159 } else { 67160 alert(error.message || 'Unable to add this size to cart'); 67161 } 67162 } finally { 67163 label.dataset.loading = 'false'; 67164 label.style.pointerEvents = ''; 67165 } 67166 }; 67167</script>
67167 67168 67169<style> 67170/* Desktop quick-add final alignment: 67171 sizes start from left; bag area matches the complete quick-size background height. */ 67172@media (min-width: 990px) { 67173 .card-wrapper-box .bt-qatc-form-variants--list { 67174 justify-content: flex-start !important; 67175 align-content: center !important; 67176 text-align: left !important; 67177 } 67178 67179 .card-wrapper-box .bt-qatc-container { 67180 right: 46px !important; 67181 } 67182 67183 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 67184 top: auto !important; 67185 bottom: 0 !important; 67186 width: 46px !important; 67187 height: 100% !important; 67188 min-height: 43px !important; 67189 align-items: stretch !important; 67190 background: rgba(255,255,255,.96) !important; 67191 } 67192 67193 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 67194 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 67195 width: 46px !important; 67196 height: 100% !important; 67197 min-height: 43px !important; 67198 background: rgba(255,255,255,.96) !important; 67199 } 67200 67201 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 67202 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 67203 height: var(--sefam-quick-add-height, 43px) !important; 67204 } 67205} 67206</style>
67207<script> 67208(function () { 67209 function syncQuickAddHeight(card) { 67210 if (!card || window.innerWidth < 990) return; 67211 var panel = card.querySelector('.bt-qatc-form-container'); 67212 if (!panel) return; 67213 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 67214 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 67215 } 67216 67217 document.addEventListener('mouseover', function(e) { 67218 var card = e.target.closest('.card-wrapper-box'); 67219 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 67220 }, { passive: true }); 67221 67222 window.addEventListener('resize', function() { 67223 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 67224 }, { passive: true }); 67225})(); 67226</script>
67226 67227 67228 67229 67230<style> 67231/* ========================================================= 67232 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 67233 - reduce space between sizes 67234 - keep sizes left aligned 67235 - keep the bag icon on the BOTTOM row 67236 - bag background still matches the full size panel 67237 ========================================================= */ 67238@media (min-width: 990px) { 67239 67240 /* More usable width for sizes */ 67241 .card-wrapper-box .bt-qatc-container { 67242 right: 42px !important; 67243 } 67244 67245 /* Compact, left-aligned size list */ 67246 .card-wrapper-box .bt-qatc-form-variants--list { 67247 justify-content: flex-start !important; 67248 align-items: center !important; 67249 align-content: center !important; 67250 67251 column-gap: 0 !important; 67252 row-gap: 0 !important; 67253 67254 padding: 4px 4px !important; 67255 margin: 0 !important; 67256 } 67257 67258 .card-wrapper-box .bt-qatc-form-variant-input { 67259 min-width: 0 !important; 67260 width: auto !important; 67261 height: 35px !important; 67262 margin: 0 !important; 67263 padding: 0 !important; 67264 } 67265 67266 .card-wrapper-box .bt-qatc-form-variant-input label { 67267 min-width: 0 !important; 67268 width: auto !important; 67269 height: 35px !important; 67270 67271 margin: 0 !important; 67272 padding: 0 4px !important; 67273 67274 font-size: 12px !important; 67275 line-height: 1 !important; 67276 } 67277 67278 /* Bag column keeps the same full white background as the sizes */ 67279 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 67280 right: 0 !important; 67281 bottom: 0 !important; 67282 top: auto !important; 67283 67284 width: 42px !important; 67285 min-width: 42px !important; 67286 height: var(--sefam-quick-add-height, 43px) !important; 67287 min-height: 43px !important; 67288 67289 display: flex !important; 67290 flex-direction: column !important; 67291 justify-content: flex-end !important; 67292 align-items: stretch !important; 67293 67294 padding: 0 !important; 67295 margin: 0 !important; 67296 67297 background: rgba(255,255,255,.96) !important; 67298 } 67299 67300 /* The clickable bag itself always sits at the bottom */ 67301 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 67302 width: 42px !important; 67303 min-width: 42px !important; 67304 height: 43px !important; 67305 min-height: 43px !important; 67306 67307 margin-top: auto !important; 67308 padding: 0 !important; 67309 67310 display: flex !important; 67311 align-items: center !important; 67312 justify-content: center !important; 67313 67314 background: rgba(255,255,255,.96) !important; 67315 } 67316 67317 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 67318 width: 42px !important; 67319 height: 43px !important; 67320 min-height: 43px !important; 67321 67322 display: flex !important; 67323 align-items: center !important; 67324 justify-content: center !important; 67325 67326 padding: 0 !important; 67327 margin: 0 !important; 67328 67329 background: transparent !important; 67330 } 67331 67332 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 67333 width: 16px !important; 67334 height: 17px !important; 67335 } 67336} 67337</style> 67338 67339 67340<style> 67341/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 67342@media (min-width: 990px) { 67343 .card-wrapper-box .bt-qatc-form-variants--list { 67344 padding: 3px 4px !important; 67345 column-gap: 0 !important; 67346 row-gap: 0 !important; 67347 justify-content: flex-start !important; 67348 align-items: center !important; 67349 align-content: center !important; 67350 } 67351 67352 .card-wrapper-box .bt-qatc-form-variant-input { 67353 min-width: 0 !important; 67354 width: auto !important; 67355 height: 30px !important; 67356 margin: 0 !important; 67357 padding: 0 !important; 67358 } 67359 67360 .card-wrapper-box .bt-qatc-form-variant-input label { 67361 min-width: 0 !important; 67362 width: auto !important; 67363 height: 30px !important; 67364 margin: 0 !important; 67365 padding: 0 4px !important; 67366 font-size: 12px !important; 67367 line-height: 1 !important; 67368 display: flex !important; 67369 align-items: center !important; 67370 justify-content: center !important; 67371 } 67372 67373 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 67374 display: flex !important; 67375 flex-direction: column !important; 67376 justify-content: flex-end !important;
67377 align-items: stretch !important; 67378 bottom: 0 !important; 67379 top: auto !important; 67380 height: var(--sefam-quick-add-height, 36px) !important; 67381 min-height: 36px !important; 67382 } 67383 67384 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 67385 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 67386 height: 36px !important; 67387 min-height: 36px !important; 67388 margin-top: auto !important; 67389 } 67390} 67391</style> 67392 67393<style> 67394 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 67395 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 67396 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 67397 .card_colorways_container .new-mbl-color-single label span, 67398 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 67399 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 67400</style> 67401 67402 </li> 67403 67404 <li 67405 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_XEb3C9-16" 67406 class="grid__item slider__slide" 67407 > 67408 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 67409� 67410 67411 67412 � 67413 67414 67415 67416 <div class="card-wrapper product-card-wrapper"> 67417 <div 67418 class=" 67419 card card--standard 67420 card--media 67421 67422 67423 67424 67425 67426 " 67427 style="--ratio-percent: 150.00000000000003%;" 67428 67429 > 67430 <div class="card-wrapper-box"> 67431 67432 <div 67433 class="card__inner color-scheme-2 gradient ratio" 67434 style="--ratio-percent: 150.00000000000003%;" 67435 67436 > 67437 �<a href="/products/smkt601126"> 67438 67439 �<div class="card-prdct2 card__media"> 67440 <div class="media media--transparent mt3"> 67441 67442 67443 <img 67444 src="//sefam.com/cdn/shop/files/SMKT601126_3.jpg?v=1778826023&width=800" 67445 srcset="//sefam.com/cdn/shop/files/SMKT601126_3.jpg?v=1778826023&width=1600 2x" 67446 class="" 67447 alt="Boxy Tee - SMKT601126" 67448 67449 loading="lazy" 67450 67451 width="2400" 67452 height="3600" 67453 > 67454 �<img 67455 src="//sefam.com/cdn/shop/files/SMKT601126_2.jpg?v=1778826023&width=800" 67456 srcset="//sefam.com/cdn/shop/files/SMKT601126_2.jpg?v=1778826023&width=1600 2x" 67457 alt="Boxy Tee - SMKT601126" 67458 loading="lazy" 67459 width="2400" 67460 height="3600" 67461 data-index="" 67462 > 67463 67464 � 67465 </div> 67466 67467 67468 </div> 67469 </a> 67470 </div> 67471 67472 67473 67474 67475 <div class="bt-qatc-container"> 67476 <div class="bt-qatc-form-container"> 67477 <div class="bt-qatc-form-content large-up-hide medium-hide"> 67478 <h3>Boxy Tee - SMKT601126</h3> 67479 67480<div 67481 class=" 67482 price " 67483 > 67484 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 67485 <span class="price-item price-item--regular"> 67486 <span class=money>Rs.3,990</span> 67487 </span></div> 67488 <div class="price__sale"> 67489 <span class="visually-hidden visually-hidden--inline">Regular price</span> 67490 <span> 67491 <s class="price-item price-item--regular"> 67492 67493 <span class=money>Rs.3,990</span> 67494 67495 </s> 67496 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
67497 <span class="price-item price-item--sale price-item--last"> 67498 67499 67500 67501 67502 <span class="percentage__sale hidden">0% OFF</span> 67503 67504 <span class=money>Rs.3,990</span> 67505 </span> 67506 </div> 67507 <small class="unit-price caption hidden"> 67508 <span class="visually-hidden">Unit price</span> 67509 <span class="price-item price-item--last"> 67510 <span></span> 67511 <span aria-hidden="true">/</span> 67512 <span class="visually-hidden"> per </span> 67513 <span> 67514 </span> 67515 </span> 67516 </small> 67517 </div></div> 67518 67519 67520 67521 </div> 67522 <div 67523 class="ethnc-form-media large-up-hide medium-hide" 67524 67525 ></div> 67526 <form method="post" action="/cart/add" class="bt-qatc-form"> 67527 <input type="hidden" name="quantity" value="1"> 67528 <div class="bt-qatc-form-variants-container"> 67529 <div class="bt-qatc-form-variants--list"> 67530 67531 <div 67532 class="in-use bt-qatc-form-variant-input" 67533 67534 > 67535 <input 67536 type="radio" 67537 name="id" 67538 id="-51825485054248" 67539 value="51825485054248" 67540 data-price="399000" 67541 data-item-id="10281125282088" 67542 hidden 67543 67544 data-item-id="10281125282088" 67545 67546 > 67547 67548 <label 67549 for="-51825485054248" 67550 data-sefam-quick-size 67551 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 67552 > 67553 <span class="split-variant-value"> 67554 67555 67556 67557 67558 67559 67560 67561 S 67562 67563 67564</span> 67565 </label> 67566 </div> 67567 67568 <div 67569 class="in-use bt-qatc-form-variant-input" 67570 67571 > 67572 <input 67573 type="radio" 67574 name="id" 67575 id="-51825485087016" 67576 value="51825485087016" 67577 data-price="399000" 67578 data-item-id="10281125282088" 67579 hidden 67580 67581 data-item-id="10281125282088" 67582 67583 > 67584 67585 <label 67586 for="-51825485087016" 67587 data-sefam-quick-size 67588 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 67589 > 67590 <span class="split-variant-value"> 67591 67592 67593 67594 67595 67596 67597 67598 M 67599 67600 67601</span> 67602 </label> 67603 </div> 67604 67605 <div 67606 class="in-use bt-qatc-form-variant-input" 67607 67608 > 67609 <input 67610 type="radio" 67611 name="id" 67612 id="-51825485119784" 67613 value="51825485119784" 67614 data-price="399000" 67615 data-item-id="10281125282088" 67616 hidden 67617 67618 data-item-id="10281125282088" 67619 67620 > 67621 67622 <label 67623 for="-51825485119784" 67624 data-sefam-quick-size 67625 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 67626 >
67627 <span class="split-variant-value"> 67628 67629 67630 67631 67632 67633 67634 67635 L 67636 67637 67638</span> 67639 </label> 67640 </div> 67641 67642 <div 67643 class="in-use bt-qatc-form-variant-input" 67644 67645 > 67646 <input 67647 type="radio" 67648 name="id" 67649 id="-51825485152552" 67650 value="51825485152552" 67651 data-price="399000" 67652 data-item-id="10281125282088" 67653 hidden 67654 67655 data-item-id="10281125282088" 67656 67657 > 67658 67659 <label 67660 for="-51825485152552" 67661 data-sefam-quick-size 67662 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 67663 > 67664 <span class="split-variant-value"> 67665 67666 67667 67668 67669 67670 67671 67672 XL 67673 67674 67675</span> 67676 </label> 67677 </div> 67678 67679 </div> 67680 67681 67682 67683 67684 </div> 67685 </form> 67686 </div> 67687 </div> 67688 67689 67690 67691 67692 67693 67694 67695 67696 67697 67698 67699 67700 67701 67702 67703 67704 67705 67706 67707 67708 67709 67710 67711 67712 67713 67714 67715 67716 67717 67718 67719 67720 67721 67722 67723 67724 67725 67726 67727 67728 67729 67730 67731 67732 67733 67734 67735 67736 67737 67738 67739 67740 67741 67742 67743 67744 67745 67746 67747 67748 67749 67750 67751 67752 67753 67754 67755 67756 67757 67758 67759 67760 67761 67762 67763 <div 67764 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 67765 > 67766 <div class="ethnc-qatc-btn cstm-add-btn visible"> 67767 <span class="small-hide hide-mobile">Add to Basket</span> 67768 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 67769 </span> 67770 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 67771 width="11" 67772 height="11" 67773 viewBox="0 0 11 11" 67774 fill="none" 67775> 67776 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 67777 fill="black" 67778 /> 67779</svg> 67780</span> 67781 </div> 67782 </div> 67783 67784 67785 </div> 67786 67787 <div class="card__content aiza2"> 67788 <div class="card__information"> 67789 <small class="product-brand"> 67790 Shahnameh 67791 </small> 67792 <h3 67793 class="card__heading h5" 67794 67795 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10281125282088" 67796 67797 > 67798 <a 67799 href="/products/smkt601126" 67800 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10281125282088" 67801 class="full-unstyled-link" 67802 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10281125282088 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10281125282088" 67803 > 67804 Boxy Tee - SMKT601126 67805 67806 <div class="card_colorways_container" onclick="event.stopPropagation();"> 67807 67808 67809 � 67810 </div> 67811 </a> 67812 67813 </h3> 67814 67815 <div class="card-information"><span class="caption-large light"></span> 67816<div 67817 class=" 67818 price " 67819 > 67820 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
67821 <span class="price-item price-item--regular"> 67822 <span class=money>Rs.3,990</span> 67823 </span></div> 67824 <div class="price__sale"> 67825 <span class="visually-hidden visually-hidden--inline">Regular price</span> 67826 <span> 67827 <s class="price-item price-item--regular"> 67828 67829 <span class=money>Rs.3,990</span> 67830 67831 </s> 67832 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 67833 <span class="price-item price-item--sale price-item--last"> 67834 67835 67836 67837 67838 <span class="percentage__sale hidden">0% OFF</span> 67839 67840 <span class=money>Rs.3,990</span> 67841 </span> 67842 </div> 67843 <small class="unit-price caption hidden"> 67844 <span class="visually-hidden">Unit price</span> 67845 <span class="price-item price-item--last"> 67846 <span></span> 67847 <span aria-hidden="true">/</span> 67848 <span class="visually-hidden"> per </span> 67849 <span> 67850 </span> 67851 </span> 67852 </small> 67853 </div></div> 67854 67855 67856 67857 </div> 67858 </div> 67859 </div> 67860 67861 </div> 67862 </div><style> 67863/* ========================================================= 67864 DESKTOP PRODUCT CARD QUICK ADD 67865 LEFT = sizes 67866 RIGHT = original bag icon 67867 Mobile behavior remains unchanged 67868 ========================================================= */ 67869@media (min-width: 990px) { 67870 .hide-desktop { 67871 display: none !important; 67872 } 67873 67874 /* Keep both controls on the same bottom row */ 67875 .card-wrapper-box { 67876 position: relative; 67877 } 67878 67879 .card-wrapper-box .bt-qatc-container, 67880 .card-wrapper-box .ethnc-qatc-btn-container { 67881 position: absolute !important; 67882 bottom: 0 !important; 67883 z-index: 8 !important; 67884 } 67885 67886 /* LEFT: size area */ 67887 .card-wrapper-box .bt-qatc-container { 67888 left: 0 !important; 67889 right: 46px !important; 67890 width: auto !important; 67891 } 67892 67893 .card-wrapper-box .bt-qatc-form-container { 67894 left: 0 !important; 67895 right: 0 !important; 67896 bottom: -350% !important; 67897 width: 100% !important; 67898 min-height: 43px !important; 67899 opacity: 0 !important; 67900 visibility: hidden !important; 67901 pointer-events: none !important; 67902 transition: bottom .22s ease, opacity .18s ease !important; 67903 } 67904 67905 .card-wrapper-box .bt-qatc-form, 67906 .card-wrapper-box .bt-qatc-form-variants-container, 67907 .card-wrapper-box .bt-qatc-form-variants--list { 67908 width: 100% !important; 67909 } 67910 67911 .card-wrapper-box .bt-qatc-form-variants--list { 67912 display: flex !important; 67913 align-items: center !important; 67914 flex-wrap: wrap !important; 67915 gap: 0 !important; 67916 min-height: 43px !important; 67917 } 67918 67919 /* RIGHT: original bag button */ 67920 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 67921 display: flex !important; 67922 align-items: stretch !important; 67923 justify-content: center !important; 67924 left: auto !important; 67925 right: 0 !important; 67926 width: 46px !important; 67927 height: 43px !important; 67928 opacity: 0 !important; 67929 visibility: hidden !important; 67930 pointer-events: none !important; 67931 transition: opacity .18s ease !important; 67932 } 67933 67934 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 67935 display: flex !important; 67936 align-items: center !important; 67937 justify-content: center !important; 67938 width: 46px !important; 67939 height: 43px !important; 67940 min-width: 46px !important; 67941 padding: 0 !important; 67942 cursor: pointer !important; 67943 } 67944 67945 /* Hide Add to Basket text on desktop; keep only bag icon */ 67946 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 67947 display: none !important; 67948 } 67949 67950 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 67951 display: flex !important; 67952 align-items: center !important; 67953 justify-content: center !important; 67954 width: 100% !important; 67955 height: 100% !important; 67956 padding: 0 !important; 67957 } 67958 67959 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 67960 display: block !important; 67961 width: 16px !important; 67962 height: 17px !important; 67963 } 67964 67965 /* Show sizes + bag together on desktop hover */ 67966 .card-wrapper-box:hover .bt-qatc-form-container { 67967 bottom: 0 !important; 67968 opacity: 1 !important; 67969 visibility: visible !important; 67970 pointer-events: auto !important; 67971 } 67972 67973 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 67974 opacity: 1 !important; 67975 visibility: visible !important; 67976 pointer-events: auto !important; 67977 } 67978} 67979 67980@media (max-width: 989px) { 67981 .hide-mobile { 67982 display: none; 67983 } 67984} 67985</style> 67986 67987 67988<style> 67989/* ========================================================= 67990 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 67991 Keeps all sizes in one clean row on the left 67992 and the bag icon fixed on the right. 67993 ========================================================= */ 67994@media (min-width: 990px) { 67995 67996 .card-wrapper-box .bt-qatc-form-container { 67997 height: 43px !important; 67998 min-height: 43px !important; 67999 max-height: 43px !important; 68000 overflow: hidden !important; 68001 background: rgba(255,255,255,.96) !important; 68002 } 68003 68004 .card-wrapper-box .bt-qatc-form { 68005 display: block !important; 68006 height: 43px !important; 68007 min-height: 43px !important; 68008 margin: 0 !important; 68009 padding: 0 !important; 68010 } 68011 68012 .card-wrapper-box .bt-qatc-form-variants-container { 68013 display: block !important; 68014 width: 100% !important; 68015 height: 43px !important; 68016 min-height: 43px !important; 68017 margin: 0 !important; 68018 padding: 0 !important; 68019 } 68020 68021 .card-wrapper-box .bt-qatc-form-variants--list { 68022 display: flex !important; 68023 flex-direction: row !important; 68024 flex-wrap: wrap !important;
68025 align-items: center !important; 68026 justify-content: center !important; 68027 68028 width: 100% !important; 68029 height: 43px !important; 68030 min-height: 43px !important; 68031 68032 margin: 0 !important; 68033 padding: 0 6px !important; 68034 gap: 2px !important; 68035 68036 box-sizing: border-box !important; 68037 overflow: visible !important; 68038 white-space: normal !important; 68039 } 68040 68041 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 68042 display: none !important; 68043 } 68044 68045 .card-wrapper-box .bt-qatc-form-variant-input { 68046 position: relative !important; 68047 68048 display: flex !important; 68049 align-items: center !important; 68050 justify-content: center !important; 68051 68052 flex: 0 0 auto !important; 68053 width: auto !important; 68054 min-width: 32px !important; 68055 height: 43px !important; 68056 68057 margin: 0 !important; 68058 padding: 0 !important; 68059 68060 border: 0 !important; 68061 background: transparent !important; 68062 } 68063 68064 .card-wrapper-box .bt-qatc-form-variant-input label { 68065 position: static !important; 68066 68067 display: flex !important; 68068 align-items: center !important; 68069 justify-content: center !important; 68070 68071 width: auto !important; 68072 min-width: 32px !important; 68073 height: 32px !important; 68074 68075 margin: 0 !important; 68076 padding: 0 6px !important; 68077 68078 box-sizing: border-box !important; 68079 68080 background: transparent !important; 68081 border: 0 !important; 68082 68083 color: #111 !important; 68084 font-size: 12px !important; 68085 line-height: 1 !important; 68086 font-weight: 400 !important; 68087 68088 white-space: nowrap !important; 68089 cursor: pointer !important; 68090 } 68091 68092 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 68093 display: block !important; 68094 width: auto !important; 68095 max-width: none !important; 68096 68097 margin: 0 !important; 68098 padding: 0 !important; 68099 68100 overflow: visible !important; 68101 white-space: nowrap !important; 68102 text-overflow: clip !important; 68103 68104 font-size: inherit !important; 68105 line-height: inherit !important; 68106 } 68107 68108 /* Sold-out size */ 68109 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 68110 opacity: .35 !important; 68111 text-decoration: line-through !important; 68112 cursor: not-allowed !important; 68113 } 68114 68115 /* Optional hover feedback */ 68116 .card-wrapper-box 68117 .bt-qatc-form-variant-input:not(.is-disbaled) 68118 label:hover { 68119 text-decoration: underline !important; 68120 text-underline-offset: 3px !important; 68121 } 68122 68123 /* Prevent old theme transforms / absolute positions */ 68124 .card-wrapper-box .bt-qatc-form-variant-input *, 68125 .card-wrapper-box .bt-qatc-form-variants--list * { 68126 transform: none; 68127 } 68128} 68129</style> 68130 68131 68132<style> 68133/* Desktop quick-add: use one seamless background for sizes + bag */ 68134@media (min-width: 990px) { 68135 .card-wrapper-box .bt-qatc-form-container, 68136 .card-wrapper-box .bt-qatc-form, 68137 .card-wrapper-box .bt-qatc-form-variants-container, 68138 .card-wrapper-box .bt-qatc-form-variants--list, 68139 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 68140 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 68141 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 68142 background: rgba(255,255,255,.96) !important; 68143 } 68144 68145 /* Remove any visual split between sizes and bag */ 68146 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 68147 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 68148 border-left: 0 !important; 68149 box-shadow: none !important; 68150 } 68151} 68152</style> 68153 68154 68155<style> 68156/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 68157@media (min-width: 990px) { 68158 .card-wrapper-box .bt-qatc-form-container, 68159 .card-wrapper-box .bt-qatc-form, 68160 .card-wrapper-box .bt-qatc-form-variants-container { 68161 height: auto !important; 68162 max-height: none !important; 68163 overflow: visible !important; 68164 } 68165 68166 .card-wrapper-box .bt-qatc-form-variants--list { 68167 display: flex !important; 68168 flex-wrap: wrap !important; 68169 justify-content: center !important; 68170 align-items: center !important; 68171 height: auto !important; 68172 min-height: 43px !important; 68173 max-height: none !important; 68174 overflow: visible !important; 68175 white-space: normal !important; 68176 padding: 5px 6px !important; 68177 } 68178 68179 .card-wrapper-box .bt-qatc-form-variant-input { 68180 flex: 0 0 auto !important; 68181 } 68182} 68183</style> 68184
68185<script> 68186 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 68187 const wrap = label.closest('.bt-qatc-form-variant-input'); 68188 const form = label.closest('.bt-qatc-form'); 68189 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 68190 68191 if (!wrap || !form || !input) return; 68192 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 68193 if (label.dataset.loading === 'true') return; 68194 68195 input.checked = true; 68196 label.dataset.loading = 'true'; 68197 label.style.pointerEvents = 'none'; 68198 68199 try { 68200 const cartResp = await fetch('/cart.js', { 68201 method: 'GET', 68202 headers: { 'Accept': 'application/json' } 68203 }); 68204 68205 if (!cartResp.ok) throw new Error('Unable to read cart'); 68206 68207 const cart = await cartResp.json(); 68208 const variantId = Number(input.value); 68209 const selectedPrice = Number(input.dataset.price || 0) / 100; 68210 const totalCartPrice = Number(cart.total_price || 0) / 100; 68211 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 68212 68213 if ((totalCartPrice + selectedPrice) > 250000) { 68214 if (window.showAlert) { 68215 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 68216 } else { 68217 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 68218 } 68219 return; 68220 } 68221 68222 if (itemInCart && Number(itemInCart.quantity) >= 3) { 68223 if (window.showAlert) { 68224 window.showAlert('Limit reached: Max 3 items per size can be added'); 68225 } else { 68226 alert('Limit reached: Max 3 items per size can be added'); 68227 } 68228 return; 68229 } 68230 68231 68232 const cartSections = document.querySelector('cart-notification, cart-drawer'); 68233 const formData = new FormData(form); 68234 68235 formData.set('id', input.value); 68236 formData.set('quantity', '1'); 68237 68238 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 68239 formData.set( 68240 'sections', 68241 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 68242 ); 68243 } 68244 68245 formData.set('sections_url', window.location.pathname); 68246 68247 const addResp = await fetch('/cart/add.js', { 68248 method: 'POST', 68249 headers: { 'Accept': 'application/json' }, 68250 body: formData 68251 }); 68252 68253 const data = await addResp.json(); 68254 68255 if (!addResp.ok) { 68256 throw new Error(data.description || data.message || 'Unable to add this size'); 68257 } 68258 68259 if (cartSections && typeof cartSections.renderContents === 'function') { 68260 cartSections.renderContents(data); 68261 } else { 68262 const bubble = document.querySelector('#cart-icon-bubble'); 68263 if (bubble) bubble.click(); 68264 } 68265 68266 const card = label.closest('.card-wrapper-box'); 68267 if (card) { 68268 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 68269 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 68270 } 68271 } catch (error) { 68272 console.error('SEFAM hover size quick-add error:', error); 68273 if (window.showAlert) { 68274 window.showAlert(error.message || 'Unable to add this size to cart'); 68275 } else { 68276 alert(error.message || 'Unable to add this size to cart'); 68277 } 68278 } finally { 68279 label.dataset.loading = 'false'; 68280 label.style.pointerEvents = ''; 68281 } 68282 }; 68283</script>
68283 68284 68285<style> 68286/* Desktop quick-add final alignment: 68287 sizes start from left; bag area matches the complete quick-size background height. */ 68288@media (min-width: 990px) { 68289 .card-wrapper-box .bt-qatc-form-variants--list { 68290 justify-content: flex-start !important; 68291 align-content: center !important; 68292 text-align: left !important; 68293 } 68294 68295 .card-wrapper-box .bt-qatc-container { 68296 right: 46px !important; 68297 } 68298 68299 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 68300 top: auto !important; 68301 bottom: 0 !important; 68302 width: 46px !important; 68303 height: 100% !important; 68304 min-height: 43px !important; 68305 align-items: stretch !important; 68306 background: rgba(255,255,255,.96) !important; 68307 } 68308 68309 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 68310 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 68311 width: 46px !important; 68312 height: 100% !important; 68313 min-height: 43px !important; 68314 background: rgba(255,255,255,.96) !important; 68315 } 68316 68317 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 68318 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 68319 height: var(--sefam-quick-add-height, 43px) !important; 68320 } 68321} 68322</style>
68323<script> 68324(function () { 68325 function syncQuickAddHeight(card) { 68326 if (!card || window.innerWidth < 990) return; 68327 var panel = card.querySelector('.bt-qatc-form-container'); 68328 if (!panel) return; 68329 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 68330 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 68331 } 68332 68333 document.addEventListener('mouseover', function(e) { 68334 var card = e.target.closest('.card-wrapper-box'); 68335 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 68336 }, { passive: true }); 68337 68338 window.addEventListener('resize', function() { 68339 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 68340 }, { passive: true }); 68341})(); 68342</script>
68342 68343 68344 68345 68346<style> 68347/* ========================================================= 68348 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 68349 - reduce space between sizes 68350 - keep sizes left aligned 68351 - keep the bag icon on the BOTTOM row 68352 - bag background still matches the full size panel 68353 ========================================================= */ 68354@media (min-width: 990px) { 68355 68356 /* More usable width for sizes */ 68357 .card-wrapper-box .bt-qatc-container { 68358 right: 42px !important; 68359 } 68360 68361 /* Compact, left-aligned size list */ 68362 .card-wrapper-box .bt-qatc-form-variants--list { 68363 justify-content: flex-start !important; 68364 align-items: center !important; 68365 align-content: center !important; 68366 68367 column-gap: 0 !important; 68368 row-gap: 0 !important; 68369 68370 padding: 4px 4px !important; 68371 margin: 0 !important; 68372 } 68373 68374 .card-wrapper-box .bt-qatc-form-variant-input { 68375 min-width: 0 !important; 68376 width: auto !important; 68377 height: 35px !important; 68378 margin: 0 !important; 68379 padding: 0 !important; 68380 } 68381 68382 .card-wrapper-box .bt-qatc-form-variant-input label { 68383 min-width: 0 !important; 68384 width: auto !important; 68385 height: 35px !important; 68386 68387 margin: 0 !important; 68388 padding: 0 4px !important; 68389 68390 font-size: 12px !important; 68391 line-height: 1 !important; 68392 } 68393 68394 /* Bag column keeps the same full white background as the sizes */ 68395 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 68396 right: 0 !important; 68397 bottom: 0 !important; 68398 top: auto !important; 68399 68400 width: 42px !important; 68401 min-width: 42px !important; 68402 height: var(--sefam-quick-add-height, 43px) !important; 68403 min-height: 43px !important; 68404 68405 display: flex !important; 68406 flex-direction: column !important; 68407 justify-content: flex-end !important; 68408 align-items: stretch !important; 68409 68410 padding: 0 !important; 68411 margin: 0 !important; 68412 68413 background: rgba(255,255,255,.96) !important; 68414 } 68415 68416 /* The clickable bag itself always sits at the bottom */ 68417 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 68418 width: 42px !important; 68419 min-width: 42px !important; 68420 height: 43px !important; 68421 min-height: 43px !important; 68422 68423 margin-top: auto !important; 68424 padding: 0 !important; 68425 68426 display: flex !important; 68427 align-items: center !important; 68428 justify-content: center !important; 68429 68430 background: rgba(255,255,255,.96) !important; 68431 } 68432 68433 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 68434 width: 42px !important; 68435 height: 43px !important; 68436 min-height: 43px !important; 68437 68438 display: flex !important; 68439 align-items: center !important; 68440 justify-content: center !important; 68441 68442 padding: 0 !important; 68443 margin: 0 !important; 68444 68445 background: transparent !important; 68446 } 68447 68448 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 68449 width: 16px !important; 68450 height: 17px !important; 68451 } 68452} 68453</style> 68454 68455 68456<style> 68457/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 68458@media (min-width: 990px) { 68459 .card-wrapper-box .bt-qatc-form-variants--list { 68460 padding: 3px 4px !important; 68461 column-gap: 0 !important; 68462 row-gap: 0 !important; 68463 justify-content: flex-start !important; 68464 align-items: center !important; 68465 align-content: center !important; 68466 } 68467 68468 .card-wrapper-box .bt-qatc-form-variant-input { 68469 min-width: 0 !important; 68470 width: auto !important; 68471 height: 30px !important; 68472 margin: 0 !important; 68473 padding: 0 !important; 68474 } 68475 68476 .card-wrapper-box .bt-qatc-form-variant-input label { 68477 min-width: 0 !important; 68478 width: auto !important; 68479 height: 30px !important; 68480 margin: 0 !important; 68481 padding: 0 4px !important; 68482 font-size: 12px !important; 68483 line-height: 1 !important; 68484 display: flex !important; 68485 align-items: center !important; 68486 justify-content: center !important; 68487 } 68488 68489 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 68490 display: flex !important; 68491 flex-direction: column !important; 68492 justify-content: flex-end !important;
68493 align-items: stretch !important; 68494 bottom: 0 !important; 68495 top: auto !important; 68496 height: var(--sefam-quick-add-height, 36px) !important; 68497 min-height: 36px !important; 68498 } 68499 68500 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 68501 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 68502 height: 36px !important; 68503 min-height: 36px !important; 68504 margin-top: auto !important; 68505 } 68506} 68507</style> 68508 68509<style> 68510 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 68511 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 68512 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 68513 .card_colorways_container .new-mbl-color-single label span, 68514 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 68515 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 68516</style> 68517 68518 </li> 68519 68520 <li 68521 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_XEb3C9-17" 68522 class="grid__item slider__slide" 68523 > 68524 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 68525� 68526 68527 68528 � 68529 68530 68531 68532 <div class="card-wrapper product-card-wrapper"> 68533 <div 68534 class=" 68535 card card--standard 68536 card--media 68537 68538 68539 68540 68541 68542 " 68543 style="--ratio-percent: 150.00000000000003%;" 68544 68545 > 68546 <div class="card-wrapper-box"> 68547 68548 <div 68549 class="card__inner color-scheme-2 gradient ratio" 68550 style="--ratio-percent: 150.00000000000003%;" 68551 68552 > 68553 �<a href="/products/smc402426"> 68554 68555 �<div class="card-prdct2 card__media"> 68556 <div class="media media--transparent mt3"> 68557 68558 68559 <img 68560 src="//sefam.com/cdn/shop/files/SMC402426_3.jpg?v=1790745521&width=800" 68561 srcset="//sefam.com/cdn/shop/files/SMC402426_3.jpg?v=1790745521&width=1600 2x" 68562 class="" 68563 alt="Corduroy Harrington Jacket - SMC402426" 68564 68565 loading="lazy" 68566 68567 width="2400" 68568 height="3600" 68569 > 68570 �<img 68571 src="//sefam.com/cdn/shop/files/SMC402426_4_5c9f88a1-530f-49c5-99db-2f1a3b2417de.jpg?v=1790924969&width=800" 68572 srcset="//sefam.com/cdn/shop/files/SMC402426_4_5c9f88a1-530f-49c5-99db-2f1a3b2417de.jpg?v=1790924969&width=1600 2x" 68573 alt="Corduroy Harrington Jacket - SMC402426" 68574 loading="lazy" 68575 width="2400" 68576 height="3600" 68577 data-index="" 68578 > 68579 68580 � 68581 </div> 68582 68583 68584 </div> 68585 </a> 68586 </div> 68587 68588 68589 68590 68591 <div class="bt-qatc-container"> 68592 <div class="bt-qatc-form-container"> 68593 <div class="bt-qatc-form-content large-up-hide medium-hide"> 68594 <h3>Corduroy Harrington Jacket - SMC402426</h3> 68595 68596<div 68597 class=" 68598 price " 68599 > 68600 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 68601 <span class="price-item price-item--regular"> 68602 <span class=money>Rs.17,990</span> 68603 </span></div> 68604 <div class="price__sale"> 68605 <span class="visually-hidden visually-hidden--inline">Regular price</span>
68606 <span> 68607 <s class="price-item price-item--regular"> 68608 68609 <span class=money>Rs.17,990</span> 68610 68611 </s> 68612 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 68613 <span class="price-item price-item--sale price-item--last"> 68614 68615 68616 68617 68618 <span class="percentage__sale hidden">0% OFF</span> 68619 68620 <span class=money>Rs.17,990</span> 68621 </span> 68622 </div> 68623 <small class="unit-price caption hidden"> 68624 <span class="visually-hidden">Unit price</span> 68625 <span class="price-item price-item--last"> 68626 <span></span> 68627 <span aria-hidden="true">/</span> 68628 <span class="visually-hidden"> per </span> 68629 <span> 68630 </span> 68631 </span> 68632 </small> 68633 </div></div> 68634 68635 68636 68637 </div> 68638 <div 68639 class="ethnc-form-media large-up-hide medium-hide" 68640 68641 ></div> 68642 <form method="post" action="/cart/add" class="bt-qatc-form"> 68643 <input type="hidden" name="quantity" value="1"> 68644 <div class="bt-qatc-form-variants-container"> 68645 <div class="bt-qatc-form-variants--list"> 68646 68647 <div 68648 class="in-use bt-qatc-form-variant-input is-disbaled" 68649 68650 > 68651 <input 68652 type="radio" 68653 name="id" 68654 id="-67640883282216" 68655 value="67640883282216" 68656 data-price="1799000" 68657 data-item-id="15402788749608" 68658 hidden 68659 68660 disbaled 68661 68662 data-item-id="15402788749608" 68663 68664 > 68665 68666 <label 68667 for="-67640883282216" 68668 data-sefam-quick-size 68669 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 68670 > 68671 <span class="split-variant-value"> 68672 68673 68674 68675 68676 68677 68678 68679 XS 68680 68681 68682</span> 68683 </label> 68684 </div> 68685 68686 <div 68687 class="in-use bt-qatc-form-variant-input" 68688 68689 > 68690 <input 68691 type="radio" 68692 name="id" 68693 id="-67640883314984" 68694 value="67640883314984" 68695 data-price="1799000" 68696 data-item-id="15402788749608" 68697 hidden 68698 68699 data-item-id="15402788749608" 68700 68701 > 68702 68703 <label 68704 for="-67640883314984" 68705 data-sefam-quick-size 68706 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 68707 > 68708 <span class="split-variant-value"> 68709 68710 68711 68712 68713 68714 68715 68716 S 68717 68718 68719</span> 68720 </label> 68721 </div> 68722 68723 <div 68724 class="in-use bt-qatc-form-variant-input" 68725 68726 > 68727 <input 68728 type="radio" 68729 name="id" 68730 id="-67640883347752" 68731 value="67640883347752" 68732 data-price="1799000" 68733 data-item-id="15402788749608" 68734 hidden 68735 68736 data-item-id="15402788749608" 68737 68738 > 68739 68740 <label 68741 for="-67640883347752" 68742 data-sefam-quick-size 68743 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 68744 >
68745 <span class="split-variant-value"> 68746 68747 68748 68749 68750 68751 68752 68753 M 68754 68755 68756</span> 68757 </label> 68758 </div> 68759 68760 <div 68761 class="in-use bt-qatc-form-variant-input" 68762 68763 > 68764 <input 68765 type="radio" 68766 name="id" 68767 id="-67640883380520" 68768 value="67640883380520" 68769 data-price="1799000" 68770 data-item-id="15402788749608" 68771 hidden 68772 68773 data-item-id="15402788749608" 68774 68775 > 68776 68777 <label 68778 for="-67640883380520" 68779 data-sefam-quick-size 68780 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 68781 > 68782 <span class="split-variant-value"> 68783 68784 68785 68786 68787 68788 68789 68790 L 68791 68792 68793</span> 68794 </label> 68795 </div> 68796 68797 <div 68798 class="in-use bt-qatc-form-variant-input" 68799 68800 > 68801 <input 68802 type="radio" 68803 name="id" 68804 id="-67640883413288" 68805 value="67640883413288" 68806 data-price="1799000" 68807 data-item-id="15402788749608" 68808 hidden 68809 68810 data-item-id="15402788749608" 68811 68812 > 68813 68814 <label 68815 for="-67640883413288" 68816 data-sefam-quick-size 68817 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 68818 > 68819 <span class="split-variant-value"> 68820 68821 68822 68823 68824 68825 68826 68827 XL 68828 68829 68830</span> 68831 </label> 68832 </div> 68833 68834 </div> 68835 68836 68837 68838 68839 </div> 68840 </form> 68841 </div> 68842 </div> 68843 68844 68845 68846 68847 68848 68849 68850 68851 68852 68853 68854 68855 68856 68857 68858 68859 68860 68861 68862 68863 68864 68865 68866 68867 68868 68869 68870 68871 68872 68873 68874 68875 68876 68877 68878 68879 68880 68881 68882 68883 68884 68885 68886 68887 68888 68889 68890 68891 68892 68893 68894 68895 68896 68897 68898 68899 68900 68901 68902 68903 <div 68904 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 68905 > 68906 <div class="ethnc-qatc-btn cstm-add-btn visible"> 68907 <span class="small-hide hide-mobile">Add to Basket</span> 68908 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 68909 </span>
68910 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 68911 width="11" 68912 height="11" 68913 viewBox="0 0 11 11" 68914 fill="none" 68915> 68916 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 68917 fill="black" 68918 /> 68919</svg> 68920</span> 68921 </div> 68922 </div> 68923 68924 68925 </div> 68926 68927 <div class="card__content aiza2"> 68928 <div class="card__information"> 68929 <small class="product-brand"> 68930 Shahnameh 68931 </small> 68932 <h3 68933 class="card__heading h5" 68934 68935 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-15402788749608" 68936 68937 > 68938 <a 68939 href="/products/smc402426" 68940 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-15402788749608" 68941 class="full-unstyled-link" 68942 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-15402788749608 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-15402788749608" 68943 > 68944 Corduroy Harrington Jacket - SMC402426 68945 68946 <div class="card_colorways_container" onclick="event.stopPropagation();"> 68947 68948 68949 � 68950 </div> 68951 </a> 68952 68953 </h3> 68954 68955 <div class="card-information"><span class="caption-large light"></span> 68956<div 68957 class=" 68958 price " 68959 > 68960 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 68961 <span class="price-item price-item--regular"> 68962 <span class=money>Rs.17,990</span> 68963 </span></div> 68964 <div class="price__sale"> 68965 <span class="visually-hidden visually-hidden--inline">Regular price</span> 68966 <span> 68967 <s class="price-item price-item--regular"> 68968 68969 <span class=money>Rs.17,990</span> 68970 68971 </s> 68972 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 68973 <span class="price-item price-item--sale price-item--last"> 68974 68975 68976 68977 68978 <span class="percentage__sale hidden">0% OFF</span> 68979 68980 <span class=money>Rs.17,990</span> 68981 </span> 68982 </div> 68983 <small class="unit-price caption hidden"> 68984 <span class="visually-hidden">Unit price</span> 68985 <span class="price-item price-item--last"> 68986 <span></span> 68987 <span aria-hidden="true">/</span> 68988 <span class="visually-hidden"> per </span> 68989 <span> 68990 </span> 68991 </span> 68992 </small> 68993 </div></div> 68994 68995 68996 68997 </div> 68998 </div> 68999 </div> 69000 69001 </div> 69002 </div><style> 69003/* ========================================================= 69004 DESKTOP PRODUCT CARD QUICK ADD 69005 LEFT = sizes 69006 RIGHT = original bag icon 69007 Mobile behavior remains unchanged 69008 ========================================================= */ 69009@media (min-width: 990px) { 69010 .hide-desktop { 69011 display: none !important; 69012 } 69013 69014 /* Keep both controls on the same bottom row */ 69015 .card-wrapper-box { 69016 position: relative; 69017 } 69018 69019 .card-wrapper-box .bt-qatc-container, 69020 .card-wrapper-box .ethnc-qatc-btn-container { 69021 position: absolute !important; 69022 bottom: 0 !important; 69023 z-index: 8 !important; 69024 } 69025 69026 /* LEFT: size area */ 69027 .card-wrapper-box .bt-qatc-container { 69028 left: 0 !important; 69029 right: 46px !important; 69030 width: auto !important; 69031 } 69032 69033 .card-wrapper-box .bt-qatc-form-container { 69034 left: 0 !important; 69035 right: 0 !important; 69036 bottom: -350% !important; 69037 width: 100% !important; 69038 min-height: 43px !important; 69039 opacity: 0 !important; 69040 visibility: hidden !important; 69041 pointer-events: none !important; 69042 transition: bottom .22s ease, opacity .18s ease !important; 69043 } 69044 69045 .card-wrapper-box .bt-qatc-form, 69046 .card-wrapper-box .bt-qatc-form-variants-container, 69047 .card-wrapper-box .bt-qatc-form-variants--list { 69048 width: 100% !important; 69049 } 69050 69051 .card-wrapper-box .bt-qatc-form-variants--list { 69052 display: flex !important;
69053 align-items: center !important; 69054 flex-wrap: wrap !important; 69055 gap: 0 !important; 69056 min-height: 43px !important; 69057 } 69058 69059 /* RIGHT: original bag button */ 69060 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 69061 display: flex !important; 69062 align-items: stretch !important; 69063 justify-content: center !important; 69064 left: auto !important; 69065 right: 0 !important; 69066 width: 46px !important; 69067 height: 43px !important; 69068 opacity: 0 !important; 69069 visibility: hidden !important; 69070 pointer-events: none !important; 69071 transition: opacity .18s ease !important; 69072 } 69073 69074 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 69075 display: flex !important; 69076 align-items: center !important; 69077 justify-content: center !important; 69078 width: 46px !important; 69079 height: 43px !important; 69080 min-width: 46px !important; 69081 padding: 0 !important; 69082 cursor: pointer !important; 69083 } 69084 69085 /* Hide Add to Basket text on desktop; keep only bag icon */ 69086 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 69087 display: none !important; 69088 } 69089 69090 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 69091 display: flex !important; 69092 align-items: center !important; 69093 justify-content: center !important; 69094 width: 100% !important; 69095 height: 100% !important; 69096 padding: 0 !important; 69097 } 69098 69099 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 69100 display: block !important; 69101 width: 16px !important; 69102 height: 17px !important; 69103 } 69104 69105 /* Show sizes + bag together on desktop hover */ 69106 .card-wrapper-box:hover .bt-qatc-form-container { 69107 bottom: 0 !important; 69108 opacity: 1 !important; 69109 visibility: visible !important; 69110 pointer-events: auto !important; 69111 } 69112 69113 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 69114 opacity: 1 !important; 69115 visibility: visible !important; 69116 pointer-events: auto !important; 69117 } 69118} 69119 69120@media (max-width: 989px) { 69121 .hide-mobile { 69122 display: none; 69123 } 69124} 69125</style> 69126 69127 69128<style> 69129/* ========================================================= 69130 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 69131 Keeps all sizes in one clean row on the left 69132 and the bag icon fixed on the right. 69133 ========================================================= */ 69134@media (min-width: 990px) { 69135 69136 .card-wrapper-box .bt-qatc-form-container { 69137 height: 43px !important; 69138 min-height: 43px !important; 69139 max-height: 43px !important; 69140 overflow: hidden !important; 69141 background: rgba(255,255,255,.96) !important; 69142 } 69143 69144 .card-wrapper-box .bt-qatc-form { 69145 display: block !important; 69146 height: 43px !important; 69147 min-height: 43px !important; 69148 margin: 0 !important; 69149 padding: 0 !important; 69150 } 69151 69152 .card-wrapper-box .bt-qatc-form-variants-container { 69153 display: block !important; 69154 width: 100% !important; 69155 height: 43px !important; 69156 min-height: 43px !important; 69157 margin: 0 !important; 69158 padding: 0 !important; 69159 } 69160 69161 .card-wrapper-box .bt-qatc-form-variants--list { 69162 display: flex !important; 69163 flex-direction: row !important; 69164 flex-wrap: wrap !important; 69165 align-items: center !important; 69166 justify-content: center !important; 69167 69168 width: 100% !important; 69169 height: 43px !important; 69170 min-height: 43px !important; 69171 69172 margin: 0 !important; 69173 padding: 0 6px !important; 69174 gap: 2px !important; 69175 69176 box-sizing: border-box !important; 69177 overflow: visible !important; 69178 white-space: normal !important; 69179 } 69180 69181 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 69182 display: none !important; 69183 } 69184 69185 .card-wrapper-box .bt-qatc-form-variant-input { 69186 position: relative !important; 69187 69188 display: flex !important; 69189 align-items: center !important; 69190 justify-content: center !important; 69191 69192 flex: 0 0 auto !important; 69193 width: auto !important; 69194 min-width: 32px !important; 69195 height: 43px !important; 69196 69197 margin: 0 !important; 69198 padding: 0 !important; 69199 69200 border: 0 !important; 69201 background: transparent !important; 69202 } 69203 69204 .card-wrapper-box .bt-qatc-form-variant-input label { 69205 position: static !important; 69206 69207 display: flex !important;
69208 align-items: center !important; 69209 justify-content: center !important; 69210 69211 width: auto !important; 69212 min-width: 32px !important; 69213 height: 32px !important; 69214 69215 margin: 0 !important; 69216 padding: 0 6px !important; 69217 69218 box-sizing: border-box !important; 69219 69220 background: transparent !important; 69221 border: 0 !important; 69222 69223 color: #111 !important; 69224 font-size: 12px !important; 69225 line-height: 1 !important; 69226 font-weight: 400 !important; 69227 69228 white-space: nowrap !important; 69229 cursor: pointer !important; 69230 } 69231 69232 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 69233 display: block !important; 69234 width: auto !important; 69235 max-width: none !important; 69236 69237 margin: 0 !important; 69238 padding: 0 !important; 69239 69240 overflow: visible !important; 69241 white-space: nowrap !important; 69242 text-overflow: clip !important; 69243 69244 font-size: inherit !important; 69245 line-height: inherit !important; 69246 } 69247 69248 /* Sold-out size */ 69249 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 69250 opacity: .35 !important; 69251 text-decoration: line-through !important; 69252 cursor: not-allowed !important; 69253 } 69254 69255 /* Optional hover feedback */ 69256 .card-wrapper-box 69257 .bt-qatc-form-variant-input:not(.is-disbaled) 69258 label:hover { 69259 text-decoration: underline !important; 69260 text-underline-offset: 3px !important; 69261 } 69262 69263 /* Prevent old theme transforms / absolute positions */ 69264 .card-wrapper-box .bt-qatc-form-variant-input *, 69265 .card-wrapper-box .bt-qatc-form-variants--list * { 69266 transform: none; 69267 } 69268} 69269</style> 69270 69271 69272<style> 69273/* Desktop quick-add: use one seamless background for sizes + bag */ 69274@media (min-width: 990px) { 69275 .card-wrapper-box .bt-qatc-form-container, 69276 .card-wrapper-box .bt-qatc-form, 69277 .card-wrapper-box .bt-qatc-form-variants-container, 69278 .card-wrapper-box .bt-qatc-form-variants--list, 69279 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 69280 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 69281 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 69282 background: rgba(255,255,255,.96) !important; 69283 } 69284 69285 /* Remove any visual split between sizes and bag */ 69286 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 69287 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 69288 border-left: 0 !important; 69289 box-shadow: none !important; 69290 } 69291} 69292</style> 69293 69294 69295<style> 69296/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 69297@media (min-width: 990px) { 69298 .card-wrapper-box .bt-qatc-form-container, 69299 .card-wrapper-box .bt-qatc-form, 69300 .card-wrapper-box .bt-qatc-form-variants-container { 69301 height: auto !important; 69302 max-height: none !important; 69303 overflow: visible !important; 69304 } 69305 69306 .card-wrapper-box .bt-qatc-form-variants--list { 69307 display: flex !important; 69308 flex-wrap: wrap !important; 69309 justify-content: center !important; 69310 align-items: center !important; 69311 height: auto !important; 69312 min-height: 43px !important; 69313 max-height: none !important; 69314 overflow: visible !important; 69315 white-space: normal !important; 69316 padding: 5px 6px !important; 69317 } 69318 69319 .card-wrapper-box .bt-qatc-form-variant-input { 69320 flex: 0 0 auto !important; 69321 } 69322} 69323</style> 69324
69325<script> 69326 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 69327 const wrap = label.closest('.bt-qatc-form-variant-input'); 69328 const form = label.closest('.bt-qatc-form'); 69329 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 69330 69331 if (!wrap || !form || !input) return; 69332 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 69333 if (label.dataset.loading === 'true') return; 69334 69335 input.checked = true; 69336 label.dataset.loading = 'true'; 69337 label.style.pointerEvents = 'none'; 69338 69339 try { 69340 const cartResp = await fetch('/cart.js', { 69341 method: 'GET', 69342 headers: { 'Accept': 'application/json' } 69343 }); 69344 69345 if (!cartResp.ok) throw new Error('Unable to read cart'); 69346 69347 const cart = await cartResp.json(); 69348 const variantId = Number(input.value); 69349 const selectedPrice = Number(input.dataset.price || 0) / 100; 69350 const totalCartPrice = Number(cart.total_price || 0) / 100; 69351 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 69352 69353 if ((totalCartPrice + selectedPrice) > 250000) { 69354 if (window.showAlert) { 69355 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 69356 } else { 69357 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 69358 } 69359 return; 69360 } 69361 69362 if (itemInCart && Number(itemInCart.quantity) >= 3) { 69363 if (window.showAlert) { 69364 window.showAlert('Limit reached: Max 3 items per size can be added'); 69365 } else { 69366 alert('Limit reached: Max 3 items per size can be added'); 69367 } 69368 return; 69369 } 69370 69371 69372 const cartSections = document.querySelector('cart-notification, cart-drawer'); 69373 const formData = new FormData(form); 69374 69375 formData.set('id', input.value); 69376 formData.set('quantity', '1'); 69377 69378 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 69379 formData.set( 69380 'sections', 69381 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 69382 ); 69383 } 69384 69385 formData.set('sections_url', window.location.pathname); 69386 69387 const addResp = await fetch('/cart/add.js', { 69388 method: 'POST', 69389 headers: { 'Accept': 'application/json' }, 69390 body: formData 69391 }); 69392 69393 const data = await addResp.json(); 69394 69395 if (!addResp.ok) { 69396 throw new Error(data.description || data.message || 'Unable to add this size'); 69397 } 69398 69399 if (cartSections && typeof cartSections.renderContents === 'function') { 69400 cartSections.renderContents(data); 69401 } else { 69402 const bubble = document.querySelector('#cart-icon-bubble'); 69403 if (bubble) bubble.click(); 69404 } 69405 69406 const card = label.closest('.card-wrapper-box'); 69407 if (card) { 69408 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 69409 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 69410 } 69411 } catch (error) { 69412 console.error('SEFAM hover size quick-add error:', error); 69413 if (window.showAlert) { 69414 window.showAlert(error.message || 'Unable to add this size to cart'); 69415 } else { 69416 alert(error.message || 'Unable to add this size to cart'); 69417 } 69418 } finally { 69419 label.dataset.loading = 'false'; 69420 label.style.pointerEvents = ''; 69421 } 69422 }; 69423</script>
69423 69424 69425<style> 69426/* Desktop quick-add final alignment: 69427 sizes start from left; bag area matches the complete quick-size background height. */ 69428@media (min-width: 990px) { 69429 .card-wrapper-box .bt-qatc-form-variants--list { 69430 justify-content: flex-start !important; 69431 align-content: center !important; 69432 text-align: left !important; 69433 } 69434 69435 .card-wrapper-box .bt-qatc-container { 69436 right: 46px !important; 69437 } 69438 69439 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 69440 top: auto !important; 69441 bottom: 0 !important; 69442 width: 46px !important; 69443 height: 100% !important; 69444 min-height: 43px !important; 69445 align-items: stretch !important; 69446 background: rgba(255,255,255,.96) !important; 69447 } 69448 69449 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 69450 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 69451 width: 46px !important; 69452 height: 100% !important; 69453 min-height: 43px !important; 69454 background: rgba(255,255,255,.96) !important; 69455 } 69456 69457 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 69458 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 69459 height: var(--sefam-quick-add-height, 43px) !important; 69460 } 69461} 69462</style>
69463<script> 69464(function () { 69465 function syncQuickAddHeight(card) { 69466 if (!card || window.innerWidth < 990) return; 69467 var panel = card.querySelector('.bt-qatc-form-container'); 69468 if (!panel) return; 69469 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 69470 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 69471 } 69472 69473 document.addEventListener('mouseover', function(e) { 69474 var card = e.target.closest('.card-wrapper-box'); 69475 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 69476 }, { passive: true }); 69477 69478 window.addEventListener('resize', function() { 69479 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 69480 }, { passive: true }); 69481})(); 69482</script>
69482 69483 69484 69485 69486<style> 69487/* ========================================================= 69488 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 69489 - reduce space between sizes 69490 - keep sizes left aligned 69491 - keep the bag icon on the BOTTOM row 69492 - bag background still matches the full size panel 69493 ========================================================= */ 69494@media (min-width: 990px) { 69495 69496 /* More usable width for sizes */ 69497 .card-wrapper-box .bt-qatc-container { 69498 right: 42px !important; 69499 } 69500 69501 /* Compact, left-aligned size list */ 69502 .card-wrapper-box .bt-qatc-form-variants--list { 69503 justify-content: flex-start !important; 69504 align-items: center !important; 69505 align-content: center !important; 69506 69507 column-gap: 0 !important; 69508 row-gap: 0 !important; 69509 69510 padding: 4px 4px !important; 69511 margin: 0 !important; 69512 } 69513 69514 .card-wrapper-box .bt-qatc-form-variant-input { 69515 min-width: 0 !important; 69516 width: auto !important; 69517 height: 35px !important; 69518 margin: 0 !important; 69519 padding: 0 !important; 69520 } 69521 69522 .card-wrapper-box .bt-qatc-form-variant-input label { 69523 min-width: 0 !important; 69524 width: auto !important; 69525 height: 35px !important; 69526 69527 margin: 0 !important; 69528 padding: 0 4px !important; 69529 69530 font-size: 12px !important; 69531 line-height: 1 !important; 69532 } 69533 69534 /* Bag column keeps the same full white background as the sizes */ 69535 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 69536 right: 0 !important; 69537 bottom: 0 !important; 69538 top: auto !important; 69539 69540 width: 42px !important; 69541 min-width: 42px !important; 69542 height: var(--sefam-quick-add-height, 43px) !important; 69543 min-height: 43px !important; 69544 69545 display: flex !important; 69546 flex-direction: column !important; 69547 justify-content: flex-end !important; 69548 align-items: stretch !important; 69549 69550 padding: 0 !important; 69551 margin: 0 !important; 69552 69553 background: rgba(255,255,255,.96) !important; 69554 } 69555 69556 /* The clickable bag itself always sits at the bottom */ 69557 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 69558 width: 42px !important; 69559 min-width: 42px !important; 69560 height: 43px !important; 69561 min-height: 43px !important; 69562 69563 margin-top: auto !important; 69564 padding: 0 !important; 69565 69566 display: flex !important; 69567 align-items: center !important; 69568 justify-content: center !important; 69569 69570 background: rgba(255,255,255,.96) !important; 69571 } 69572 69573 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 69574 width: 42px !important; 69575 height: 43px !important; 69576 min-height: 43px !important; 69577 69578 display: flex !important; 69579 align-items: center !important; 69580 justify-content: center !important; 69581 69582 padding: 0 !important; 69583 margin: 0 !important; 69584 69585 background: transparent !important; 69586 } 69587 69588 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 69589 width: 16px !important; 69590 height: 17px !important; 69591 } 69592} 69593</style> 69594 69595 69596<style> 69597/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 69598@media (min-width: 990px) { 69599 .card-wrapper-box .bt-qatc-form-variants--list { 69600 padding: 3px 4px !important; 69601 column-gap: 0 !important; 69602 row-gap: 0 !important; 69603 justify-content: flex-start !important; 69604 align-items: center !important; 69605 align-content: center !important; 69606 } 69607 69608 .card-wrapper-box .bt-qatc-form-variant-input { 69609 min-width: 0 !important; 69610 width: auto !important; 69611 height: 30px !important; 69612 margin: 0 !important; 69613 padding: 0 !important; 69614 } 69615 69616 .card-wrapper-box .bt-qatc-form-variant-input label { 69617 min-width: 0 !important; 69618 width: auto !important; 69619 height: 30px !important; 69620 margin: 0 !important; 69621 padding: 0 4px !important; 69622 font-size: 12px !important; 69623 line-height: 1 !important; 69624 display: flex !important; 69625 align-items: center !important; 69626 justify-content: center !important; 69627 } 69628 69629 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 69630 display: flex !important; 69631 flex-direction: column !important; 69632 justify-content: flex-end !important;
69633 align-items: stretch !important; 69634 bottom: 0 !important; 69635 top: auto !important; 69636 height: var(--sefam-quick-add-height, 36px) !important; 69637 min-height: 36px !important; 69638 } 69639 69640 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 69641 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 69642 height: 36px !important; 69643 min-height: 36px !important; 69644 margin-top: auto !important; 69645 } 69646} 69647</style> 69648 69649<style> 69650 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 69651 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 69652 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 69653 .card_colorways_container .new-mbl-color-single label span, 69654 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 69655 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 69656</style> 69657 69658 </li> 69659 69660 <li 69661 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_XEb3C9-18" 69662 class="grid__item slider__slide" 69663 > 69664 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 69665� 69666 69667 69668 � 69669 69670 69671 69672 <div class="card-wrapper product-card-wrapper"> 69673 <div 69674 class=" 69675 card card--standard 69676 card--media 69677 69678 69679 69680 69681 69682 " 69683 style="--ratio-percent: 150.00000000000003%;" 69684 69685 > 69686 <div class="card-wrapper-box"> 69687 69688 <div 69689 class="card__inner color-scheme-2 gradient ratio" 69690 style="--ratio-percent: 150.00000000000003%;" 69691 69692 > 69693 �<a href="/products/smwc403426"> 69694 69695 �<div class="card-prdct2 card__media"> 69696 <div class="media media--transparent mt3"> 69697 69698 69699 <img 69700 src="//sefam.com/cdn/shop/files/SMWC403426_3.jpg?v=1790747181&width=800" 69701 srcset="//sefam.com/cdn/shop/files/SMWC403426_3.jpg?v=1790747181&width=1600 2x" 69702 class="" 69703 alt="Hand Made Khaddar Waistcoat - SMWC403426" 69704 69705 loading="lazy" 69706 69707 width="2400" 69708 height="3600" 69709 > 69710 �<img 69711 src="//sefam.com/cdn/shop/files/SMWC403426_4.jpg?v=1790747181&width=800" 69712 srcset="//sefam.com/cdn/shop/files/SMWC403426_4.jpg?v=1790747181&width=1600 2x" 69713 alt="Hand Made Khaddar Waistcoat - SMWC403426" 69714 loading="lazy" 69715 width="2400" 69716 height="3600" 69717 data-index="" 69718 > 69719 69720 � 69721 </div> 69722 69723 69724 </div> 69725 </a> 69726 </div> 69727 69728 69729 69730 69731 <div class="bt-qatc-container"> 69732 <div class="bt-qatc-form-container"> 69733 <div class="bt-qatc-form-content large-up-hide medium-hide"> 69734 <h3>Hand Made Khaddar Waistcoat - SMWC403426</h3> 69735 69736<div 69737 class=" 69738 price " 69739 > 69740 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 69741 <span class="price-item price-item--regular"> 69742 <span class=money>Rs.18,490</span> 69743 </span></div> 69744 <div class="price__sale"> 69745 <span class="visually-hidden visually-hidden--inline">Regular price</span> 69746 <span> 69747 <s class="price-item price-item--regular"> 69748
69749 <span class=money>Rs.18,490</span> 69750 69751 </s> 69752 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 69753 <span class="price-item price-item--sale price-item--last"> 69754 69755 69756 69757 69758 <span class="percentage__sale hidden">0% OFF</span> 69759 69760 <span class=money>Rs.18,490</span> 69761 </span> 69762 </div> 69763 <small class="unit-price caption hidden"> 69764 <span class="visually-hidden">Unit price</span> 69765 <span class="price-item price-item--last"> 69766 <span></span> 69767 <span aria-hidden="true">/</span> 69768 <span class="visually-hidden"> per </span> 69769 <span> 69770 </span> 69771 </span> 69772 </small> 69773 </div></div> 69774 69775 69776 69777 </div> 69778 <div 69779 class="ethnc-form-media large-up-hide medium-hide" 69780 69781 ></div> 69782 <form method="post" action="/cart/add" class="bt-qatc-form"> 69783 <input type="hidden" name="quantity" value="1"> 69784 <div class="bt-qatc-form-variants-container"> 69785 <div class="bt-qatc-form-variants--list"> 69786 69787 <div 69788 class="in-use bt-qatc-form-variant-input is-disbaled" 69789 69790 > 69791 <input 69792 type="radio" 69793 name="id" 69794 id="-67643348418856" 69795 value="67643348418856" 69796 data-price="1849000" 69797 data-item-id="15402808541480" 69798 hidden 69799 69800 disbaled 69801 69802 data-item-id="15402808541480" 69803 69804 > 69805 69806 <label 69807 for="-67643348418856" 69808 data-sefam-quick-size 69809 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 69810 > 69811 <span class="split-variant-value"> 69812 69813 69814 69815 69816 69817 69818 69819 XS 69820 69821 69822</span> 69823 </label> 69824 </div> 69825 69826 <div 69827 class="in-use bt-qatc-form-variant-input" 69828 69829 > 69830 <input 69831 type="radio" 69832 name="id" 69833 id="-67643348451624" 69834 value="67643348451624" 69835 data-price="1849000" 69836 data-item-id="15402808541480" 69837 hidden 69838 69839 data-item-id="15402808541480" 69840 69841 > 69842 69843 <label 69844 for="-67643348451624" 69845 data-sefam-quick-size 69846 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 69847 > 69848 <span class="split-variant-value"> 69849 69850 69851 69852 69853 69854 69855 69856 S 69857 69858 69859</span> 69860 </label> 69861 </div> 69862 69863 <div 69864 class="in-use bt-qatc-form-variant-input" 69865 69866 > 69867 <input 69868 type="radio" 69869 name="id" 69870 id="-67643348484392" 69871 value="67643348484392" 69872 data-price="1849000" 69873 data-item-id="15402808541480" 69874 hidden 69875 69876 data-item-id="15402808541480" 69877 69878 > 69879 69880 <label 69881 for="-67643348484392" 69882 data-sefam-quick-size 69883 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 69884 >
69885 <span class="split-variant-value"> 69886 69887 69888 69889 69890 69891 69892 69893 M 69894 69895 69896</span> 69897 </label> 69898 </div> 69899 69900 <div 69901 class="in-use bt-qatc-form-variant-input" 69902 69903 > 69904 <input 69905 type="radio" 69906 name="id" 69907 id="-67643348517160" 69908 value="67643348517160" 69909 data-price="1849000" 69910 data-item-id="15402808541480" 69911 hidden 69912 69913 data-item-id="15402808541480" 69914 69915 > 69916 69917 <label 69918 for="-67643348517160" 69919 data-sefam-quick-size 69920 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 69921 > 69922 <span class="split-variant-value"> 69923 69924 69925 69926 69927 69928 69929 69930 L 69931 69932 69933</span> 69934 </label> 69935 </div> 69936 69937 <div 69938 class="in-use bt-qatc-form-variant-input" 69939 69940 > 69941 <input 69942 type="radio" 69943 name="id" 69944 id="-67643348549928" 69945 value="67643348549928" 69946 data-price="1849000" 69947 data-item-id="15402808541480" 69948 hidden 69949 69950 data-item-id="15402808541480" 69951 69952 > 69953 69954 <label 69955 for="-67643348549928" 69956 data-sefam-quick-size 69957 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 69958 > 69959 <span class="split-variant-value"> 69960 69961 69962 69963 69964 69965 69966 69967 XL 69968 69969 69970</span> 69971 </label> 69972 </div> 69973 69974 </div> 69975 69976 69977 69978 69979 </div> 69980 </form> 69981 </div> 69982 </div> 69983 69984 69985 69986 69987 69988 69989 69990 69991 69992 69993 69994 69995 69996 69997 69998 69999 70000 70001 70002 70003 70004 70005 70006 70007 70008 70009 70010 70011 70012 70013 70014 70015 70016 70017 70018 70019 70020 70021 70022 70023 70024 70025 70026 70027 70028 70029 70030 70031 70032 70033 70034 70035 70036 70037 70038 70039 70040 70041 70042 70043 70044 70045 70046 70047 70048 70049 70050 70051 70052 <div 70053 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 70054 > 70055 <div class="ethnc-qatc-btn cstm-add-btn visible"> 70056 <span class="small-hide hide-mobile">Add to Basket</span> 70057 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 70058 </span>
70059 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 70060 width="11" 70061 height="11" 70062 viewBox="0 0 11 11" 70063 fill="none" 70064> 70065 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 70066 fill="black" 70067 /> 70068</svg> 70069</span> 70070 </div> 70071 </div> 70072 70073 70074 </div> 70075 70076 <div class="card__content aiza2"> 70077 <div class="card__information"> 70078 <small class="product-brand"> 70079 Shahnameh 70080 </small> 70081 <h3 70082 class="card__heading h5" 70083 70084 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-15402808541480" 70085 70086 > 70087 <a 70088 href="/products/smwc403426" 70089 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-15402808541480" 70090 class="full-unstyled-link" 70091 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-15402808541480 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-15402808541480" 70092 > 70093 Hand Made Khaddar Waistcoat - SMWC403426 70094 70095 <div class="card_colorways_container" onclick="event.stopPropagation();"> 70096 70097 70098 � 70099 </div> 70100 </a> 70101 70102 </h3> 70103 70104 <div class="card-information"><span class="caption-large light"></span> 70105<div 70106 class=" 70107 price " 70108 > 70109 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 70110 <span class="price-item price-item--regular"> 70111 <span class=money>Rs.18,490</span> 70112 </span></div> 70113 <div class="price__sale"> 70114 <span class="visually-hidden visually-hidden--inline">Regular price</span> 70115 <span> 70116 <s class="price-item price-item--regular"> 70117 70118 <span class=money>Rs.18,490</span> 70119 70120 </s> 70121 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 70122 <span class="price-item price-item--sale price-item--last"> 70123 70124 70125 70126 70127 <span class="percentage__sale hidden">0% OFF</span> 70128 70129 <span class=money>Rs.18,490</span> 70130 </span> 70131 </div> 70132 <small class="unit-price caption hidden"> 70133 <span class="visually-hidden">Unit price</span> 70134 <span class="price-item price-item--last"> 70135 <span></span> 70136 <span aria-hidden="true">/</span> 70137 <span class="visually-hidden"> per </span> 70138 <span> 70139 </span> 70140 </span> 70141 </small> 70142 </div></div> 70143 70144 70145 70146 </div> 70147 </div> 70148 </div> 70149 70150 </div> 70151 </div><style> 70152/* ========================================================= 70153 DESKTOP PRODUCT CARD QUICK ADD 70154 LEFT = sizes 70155 RIGHT = original bag icon 70156 Mobile behavior remains unchanged 70157 ========================================================= */ 70158@media (min-width: 990px) { 70159 .hide-desktop { 70160 display: none !important; 70161 } 70162 70163 /* Keep both controls on the same bottom row */ 70164 .card-wrapper-box { 70165 position: relative; 70166 } 70167 70168 .card-wrapper-box .bt-qatc-container, 70169 .card-wrapper-box .ethnc-qatc-btn-container { 70170 position: absolute !important; 70171 bottom: 0 !important; 70172 z-index: 8 !important; 70173 } 70174 70175 /* LEFT: size area */ 70176 .card-wrapper-box .bt-qatc-container { 70177 left: 0 !important; 70178 right: 46px !important; 70179 width: auto !important; 70180 } 70181 70182 .card-wrapper-box .bt-qatc-form-container { 70183 left: 0 !important; 70184 right: 0 !important; 70185 bottom: -350% !important; 70186 width: 100% !important; 70187 min-height: 43px !important; 70188 opacity: 0 !important; 70189 visibility: hidden !important; 70190 pointer-events: none !important; 70191 transition: bottom .22s ease, opacity .18s ease !important; 70192 } 70193 70194 .card-wrapper-box .bt-qatc-form, 70195 .card-wrapper-box .bt-qatc-form-variants-container, 70196 .card-wrapper-box .bt-qatc-form-variants--list { 70197 width: 100% !important; 70198 } 70199 70200 .card-wrapper-box .bt-qatc-form-variants--list { 70201 display: flex !important;
70202 align-items: center !important; 70203 flex-wrap: wrap !important; 70204 gap: 0 !important; 70205 min-height: 43px !important; 70206 } 70207 70208 /* RIGHT: original bag button */ 70209 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 70210 display: flex !important; 70211 align-items: stretch !important; 70212 justify-content: center !important; 70213 left: auto !important; 70214 right: 0 !important; 70215 width: 46px !important; 70216 height: 43px !important; 70217 opacity: 0 !important; 70218 visibility: hidden !important; 70219 pointer-events: none !important; 70220 transition: opacity .18s ease !important; 70221 } 70222 70223 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 70224 display: flex !important; 70225 align-items: center !important; 70226 justify-content: center !important; 70227 width: 46px !important; 70228 height: 43px !important; 70229 min-width: 46px !important; 70230 padding: 0 !important; 70231 cursor: pointer !important; 70232 } 70233 70234 /* Hide Add to Basket text on desktop; keep only bag icon */ 70235 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 70236 display: none !important; 70237 } 70238 70239 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 70240 display: flex !important; 70241 align-items: center !important; 70242 justify-content: center !important; 70243 width: 100% !important; 70244 height: 100% !important; 70245 padding: 0 !important; 70246 } 70247 70248 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 70249 display: block !important; 70250 width: 16px !important; 70251 height: 17px !important; 70252 } 70253 70254 /* Show sizes + bag together on desktop hover */ 70255 .card-wrapper-box:hover .bt-qatc-form-container { 70256 bottom: 0 !important; 70257 opacity: 1 !important; 70258 visibility: visible !important; 70259 pointer-events: auto !important; 70260 } 70261 70262 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 70263 opacity: 1 !important; 70264 visibility: visible !important; 70265 pointer-events: auto !important; 70266 } 70267} 70268 70269@media (max-width: 989px) { 70270 .hide-mobile { 70271 display: none; 70272 } 70273} 70274</style> 70275 70276 70277<style> 70278/* ========================================================= 70279 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 70280 Keeps all sizes in one clean row on the left 70281 and the bag icon fixed on the right. 70282 ========================================================= */ 70283@media (min-width: 990px) { 70284 70285 .card-wrapper-box .bt-qatc-form-container { 70286 height: 43px !important; 70287 min-height: 43px !important; 70288 max-height: 43px !important; 70289 overflow: hidden !important; 70290 background: rgba(255,255,255,.96) !important; 70291 } 70292 70293 .card-wrapper-box .bt-qatc-form { 70294 display: block !important; 70295 height: 43px !important; 70296 min-height: 43px !important; 70297 margin: 0 !important; 70298 padding: 0 !important; 70299 } 70300 70301 .card-wrapper-box .bt-qatc-form-variants-container { 70302 display: block !important; 70303 width: 100% !important; 70304 height: 43px !important; 70305 min-height: 43px !important; 70306 margin: 0 !important; 70307 padding: 0 !important; 70308 } 70309 70310 .card-wrapper-box .bt-qatc-form-variants--list { 70311 display: flex !important; 70312 flex-direction: row !important; 70313 flex-wrap: wrap !important; 70314 align-items: center !important; 70315 justify-content: center !important; 70316 70317 width: 100% !important; 70318 height: 43px !important; 70319 min-height: 43px !important; 70320 70321 margin: 0 !important; 70322 padding: 0 6px !important; 70323 gap: 2px !important; 70324 70325 box-sizing: border-box !important; 70326 overflow: visible !important; 70327 white-space: normal !important; 70328 } 70329 70330 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 70331 display: none !important; 70332 } 70333 70334 .card-wrapper-box .bt-qatc-form-variant-input { 70335 position: relative !important; 70336 70337 display: flex !important; 70338 align-items: center !important; 70339 justify-content: center !important; 70340 70341 flex: 0 0 auto !important; 70342 width: auto !important; 70343 min-width: 32px !important; 70344 height: 43px !important; 70345 70346 margin: 0 !important; 70347 padding: 0 !important; 70348 70349 border: 0 !important; 70350 background: transparent !important; 70351 } 70352 70353 .card-wrapper-box .bt-qatc-form-variant-input label { 70354 position: static !important; 70355 70356 display: flex !important;
70357 align-items: center !important; 70358 justify-content: center !important; 70359 70360 width: auto !important; 70361 min-width: 32px !important; 70362 height: 32px !important; 70363 70364 margin: 0 !important; 70365 padding: 0 6px !important; 70366 70367 box-sizing: border-box !important; 70368 70369 background: transparent !important; 70370 border: 0 !important; 70371 70372 color: #111 !important; 70373 font-size: 12px !important; 70374 line-height: 1 !important; 70375 font-weight: 400 !important; 70376 70377 white-space: nowrap !important; 70378 cursor: pointer !important; 70379 } 70380 70381 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 70382 display: block !important; 70383 width: auto !important; 70384 max-width: none !important; 70385 70386 margin: 0 !important; 70387 padding: 0 !important; 70388 70389 overflow: visible !important; 70390 white-space: nowrap !important; 70391 text-overflow: clip !important; 70392 70393 font-size: inherit !important; 70394 line-height: inherit !important; 70395 } 70396 70397 /* Sold-out size */ 70398 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 70399 opacity: .35 !important; 70400 text-decoration: line-through !important; 70401 cursor: not-allowed !important; 70402 } 70403 70404 /* Optional hover feedback */ 70405 .card-wrapper-box 70406 .bt-qatc-form-variant-input:not(.is-disbaled) 70407 label:hover { 70408 text-decoration: underline !important; 70409 text-underline-offset: 3px !important; 70410 } 70411 70412 /* Prevent old theme transforms / absolute positions */ 70413 .card-wrapper-box .bt-qatc-form-variant-input *, 70414 .card-wrapper-box .bt-qatc-form-variants--list * { 70415 transform: none; 70416 } 70417} 70418</style> 70419 70420 70421<style> 70422/* Desktop quick-add: use one seamless background for sizes + bag */ 70423@media (min-width: 990px) { 70424 .card-wrapper-box .bt-qatc-form-container, 70425 .card-wrapper-box .bt-qatc-form, 70426 .card-wrapper-box .bt-qatc-form-variants-container, 70427 .card-wrapper-box .bt-qatc-form-variants--list, 70428 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 70429 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 70430 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 70431 background: rgba(255,255,255,.96) !important; 70432 } 70433 70434 /* Remove any visual split between sizes and bag */ 70435 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 70436 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 70437 border-left: 0 !important; 70438 box-shadow: none !important; 70439 } 70440} 70441</style> 70442 70443 70444<style> 70445/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 70446@media (min-width: 990px) { 70447 .card-wrapper-box .bt-qatc-form-container, 70448 .card-wrapper-box .bt-qatc-form, 70449 .card-wrapper-box .bt-qatc-form-variants-container { 70450 height: auto !important; 70451 max-height: none !important; 70452 overflow: visible !important; 70453 } 70454 70455 .card-wrapper-box .bt-qatc-form-variants--list { 70456 display: flex !important; 70457 flex-wrap: wrap !important; 70458 justify-content: center !important; 70459 align-items: center !important; 70460 height: auto !important; 70461 min-height: 43px !important; 70462 max-height: none !important; 70463 overflow: visible !important; 70464 white-space: normal !important; 70465 padding: 5px 6px !important; 70466 } 70467 70468 .card-wrapper-box .bt-qatc-form-variant-input { 70469 flex: 0 0 auto !important; 70470 } 70471} 70472</style> 70473
70474<script> 70475 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 70476 const wrap = label.closest('.bt-qatc-form-variant-input'); 70477 const form = label.closest('.bt-qatc-form'); 70478 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 70479 70480 if (!wrap || !form || !input) return; 70481 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 70482 if (label.dataset.loading === 'true') return; 70483 70484 input.checked = true; 70485 label.dataset.loading = 'true'; 70486 label.style.pointerEvents = 'none'; 70487 70488 try { 70489 const cartResp = await fetch('/cart.js', { 70490 method: 'GET', 70491 headers: { 'Accept': 'application/json' } 70492 }); 70493 70494 if (!cartResp.ok) throw new Error('Unable to read cart'); 70495 70496 const cart = await cartResp.json(); 70497 const variantId = Number(input.value); 70498 const selectedPrice = Number(input.dataset.price || 0) / 100; 70499 const totalCartPrice = Number(cart.total_price || 0) / 100; 70500 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 70501 70502 if ((totalCartPrice + selectedPrice) > 250000) { 70503 if (window.showAlert) { 70504 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 70505 } else { 70506 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 70507 } 70508 return; 70509 } 70510 70511 if (itemInCart && Number(itemInCart.quantity) >= 3) { 70512 if (window.showAlert) { 70513 window.showAlert('Limit reached: Max 3 items per size can be added'); 70514 } else { 70515 alert('Limit reached: Max 3 items per size can be added'); 70516 } 70517 return; 70518 } 70519 70520 70521 const cartSections = document.querySelector('cart-notification, cart-drawer'); 70522 const formData = new FormData(form); 70523 70524 formData.set('id', input.value); 70525 formData.set('quantity', '1'); 70526 70527 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 70528 formData.set( 70529 'sections', 70530 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 70531 ); 70532 } 70533 70534 formData.set('sections_url', window.location.pathname); 70535 70536 const addResp = await fetch('/cart/add.js', { 70537 method: 'POST', 70538 headers: { 'Accept': 'application/json' }, 70539 body: formData 70540 }); 70541 70542 const data = await addResp.json(); 70543 70544 if (!addResp.ok) { 70545 throw new Error(data.description || data.message || 'Unable to add this size'); 70546 } 70547 70548 if (cartSections && typeof cartSections.renderContents === 'function') { 70549 cartSections.renderContents(data); 70550 } else { 70551 const bubble = document.querySelector('#cart-icon-bubble'); 70552 if (bubble) bubble.click(); 70553 } 70554 70555 const card = label.closest('.card-wrapper-box'); 70556 if (card) { 70557 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 70558 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 70559 } 70560 } catch (error) { 70561 console.error('SEFAM hover size quick-add error:', error); 70562 if (window.showAlert) { 70563 window.showAlert(error.message || 'Unable to add this size to cart'); 70564 } else { 70565 alert(error.message || 'Unable to add this size to cart'); 70566 } 70567 } finally { 70568 label.dataset.loading = 'false'; 70569 label.style.pointerEvents = ''; 70570 } 70571 }; 70572</script>
70572 70573 70574<style> 70575/* Desktop quick-add final alignment: 70576 sizes start from left; bag area matches the complete quick-size background height. */ 70577@media (min-width: 990px) { 70578 .card-wrapper-box .bt-qatc-form-variants--list { 70579 justify-content: flex-start !important; 70580 align-content: center !important; 70581 text-align: left !important; 70582 } 70583 70584 .card-wrapper-box .bt-qatc-container { 70585 right: 46px !important; 70586 } 70587 70588 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 70589 top: auto !important; 70590 bottom: 0 !important; 70591 width: 46px !important; 70592 height: 100% !important; 70593 min-height: 43px !important; 70594 align-items: stretch !important; 70595 background: rgba(255,255,255,.96) !important; 70596 } 70597 70598 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 70599 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 70600 width: 46px !important; 70601 height: 100% !important; 70602 min-height: 43px !important; 70603 background: rgba(255,255,255,.96) !important; 70604 } 70605 70606 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 70607 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 70608 height: var(--sefam-quick-add-height, 43px) !important; 70609 } 70610} 70611</style>
70612<script> 70613(function () { 70614 function syncQuickAddHeight(card) { 70615 if (!card || window.innerWidth < 990) return; 70616 var panel = card.querySelector('.bt-qatc-form-container'); 70617 if (!panel) return; 70618 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 70619 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 70620 } 70621 70622 document.addEventListener('mouseover', function(e) { 70623 var card = e.target.closest('.card-wrapper-box'); 70624 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 70625 }, { passive: true }); 70626 70627 window.addEventListener('resize', function() { 70628 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 70629 }, { passive: true }); 70630})(); 70631</script>
70631 70632 70633 70634 70635<style> 70636/* ========================================================= 70637 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 70638 - reduce space between sizes 70639 - keep sizes left aligned 70640 - keep the bag icon on the BOTTOM row 70641 - bag background still matches the full size panel 70642 ========================================================= */ 70643@media (min-width: 990px) { 70644 70645 /* More usable width for sizes */ 70646 .card-wrapper-box .bt-qatc-container { 70647 right: 42px !important; 70648 } 70649 70650 /* Compact, left-aligned size list */ 70651 .card-wrapper-box .bt-qatc-form-variants--list { 70652 justify-content: flex-start !important; 70653 align-items: center !important; 70654 align-content: center !important; 70655 70656 column-gap: 0 !important; 70657 row-gap: 0 !important; 70658 70659 padding: 4px 4px !important; 70660 margin: 0 !important; 70661 } 70662 70663 .card-wrapper-box .bt-qatc-form-variant-input { 70664 min-width: 0 !important; 70665 width: auto !important; 70666 height: 35px !important; 70667 margin: 0 !important; 70668 padding: 0 !important; 70669 } 70670 70671 .card-wrapper-box .bt-qatc-form-variant-input label { 70672 min-width: 0 !important; 70673 width: auto !important; 70674 height: 35px !important; 70675 70676 margin: 0 !important; 70677 padding: 0 4px !important; 70678 70679 font-size: 12px !important; 70680 line-height: 1 !important; 70681 } 70682 70683 /* Bag column keeps the same full white background as the sizes */ 70684 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 70685 right: 0 !important; 70686 bottom: 0 !important; 70687 top: auto !important; 70688 70689 width: 42px !important; 70690 min-width: 42px !important; 70691 height: var(--sefam-quick-add-height, 43px) !important; 70692 min-height: 43px !important; 70693 70694 display: flex !important; 70695 flex-direction: column !important; 70696 justify-content: flex-end !important; 70697 align-items: stretch !important; 70698 70699 padding: 0 !important; 70700 margin: 0 !important; 70701 70702 background: rgba(255,255,255,.96) !important; 70703 } 70704 70705 /* The clickable bag itself always sits at the bottom */ 70706 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 70707 width: 42px !important; 70708 min-width: 42px !important; 70709 height: 43px !important; 70710 min-height: 43px !important; 70711 70712 margin-top: auto !important; 70713 padding: 0 !important; 70714 70715 display: flex !important; 70716 align-items: center !important; 70717 justify-content: center !important; 70718 70719 background: rgba(255,255,255,.96) !important; 70720 } 70721 70722 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 70723 width: 42px !important; 70724 height: 43px !important; 70725 min-height: 43px !important; 70726 70727 display: flex !important; 70728 align-items: center !important; 70729 justify-content: center !important; 70730 70731 padding: 0 !important; 70732 margin: 0 !important; 70733 70734 background: transparent !important; 70735 } 70736 70737 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 70738 width: 16px !important; 70739 height: 17px !important; 70740 } 70741} 70742</style> 70743 70744 70745<style> 70746/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 70747@media (min-width: 990px) { 70748 .card-wrapper-box .bt-qatc-form-variants--list { 70749 padding: 3px 4px !important; 70750 column-gap: 0 !important; 70751 row-gap: 0 !important; 70752 justify-content: flex-start !important; 70753 align-items: center !important; 70754 align-content: center !important; 70755 } 70756 70757 .card-wrapper-box .bt-qatc-form-variant-input { 70758 min-width: 0 !important; 70759 width: auto !important; 70760 height: 30px !important; 70761 margin: 0 !important; 70762 padding: 0 !important; 70763 } 70764 70765 .card-wrapper-box .bt-qatc-form-variant-input label { 70766 min-width: 0 !important; 70767 width: auto !important; 70768 height: 30px !important; 70769 margin: 0 !important; 70770 padding: 0 4px !important; 70771 font-size: 12px !important; 70772 line-height: 1 !important; 70773 display: flex !important; 70774 align-items: center !important; 70775 justify-content: center !important; 70776 } 70777 70778 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 70779 display: flex !important; 70780 flex-direction: column !important; 70781 justify-content: flex-end !important;
70782 align-items: stretch !important; 70783 bottom: 0 !important; 70784 top: auto !important; 70785 height: var(--sefam-quick-add-height, 36px) !important; 70786 min-height: 36px !important; 70787 } 70788 70789 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 70790 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 70791 height: 36px !important; 70792 min-height: 36px !important; 70793 margin-top: auto !important; 70794 } 70795} 70796</style> 70797 70798<style> 70799 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 70800 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 70801 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 70802 .card_colorways_container .new-mbl-color-single label span, 70803 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 70804 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 70805</style> 70806 70807 </li> 70808 70809 <li 70810 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_XEb3C9-19" 70811 class="grid__item slider__slide" 70812 > 70813 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 70814� 70815 70816 70817 � 70818 70819 70820 70821 <div class="card-wrapper product-card-wrapper"> 70822 <div 70823 class=" 70824 card card--standard 70825 card--media 70826 70827 70828 70829 70830 70831 " 70832 style="--ratio-percent: 150.00000000000003%;" 70833 70834 > 70835 <div class="card-wrapper-box"> 70836 70837 <div 70838 class="card__inner color-scheme-2 gradient ratio" 70839 style="--ratio-percent: 150.00000000000003%;" 70840 70841 > 70842 �<a href="/products/sms310126"> 70843 70844 �<div class="card-prdct2 card__media"> 70845 <div class="media media--transparent mt3"> 70846 70847 70848 <img 70849 src="//sefam.com/cdn/shop/files/SMS310126_2.jpg?v=1790755255&width=800" 70850 srcset="//sefam.com/cdn/shop/files/SMS310126_2.jpg?v=1790755255&width=1600 2x" 70851 class="" 70852 alt="Lucknow Cotton Cambric Suit - SMS310126" 70853 70854 loading="lazy" 70855 70856 width="2400" 70857 height="3600" 70858 > 70859 �<img 70860 src="//sefam.com/cdn/shop/files/SMS310126_4.jpg?v=1790755255&width=800" 70861 srcset="//sefam.com/cdn/shop/files/SMS310126_4.jpg?v=1790755255&width=1600 2x" 70862 alt="Lucknow Cotton Cambric Suit - SMS310126" 70863 loading="lazy" 70864 width="2400" 70865 height="3600" 70866 data-index="" 70867 > 70868 70869 � 70870 </div> 70871 70872 70873 </div> 70874 </a> 70875 </div> 70876 70877 70878 70879 70880 <div class="bt-qatc-container"> 70881 <div class="bt-qatc-form-container"> 70882 <div class="bt-qatc-form-content large-up-hide medium-hide"> 70883 <h3>Lucknow Cotton Cambric Suit - SMS310126</h3> 70884 70885<div 70886 class=" 70887 price " 70888 > 70889 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 70890 <span class="price-item price-item--regular"> 70891 <span class=money>Rs.10,990</span> 70892 </span></div> 70893 <div class="price__sale"> 70894 <span class="visually-hidden visually-hidden--inline">Regular price</span> 70895 <span> 70896 <s class="price-item price-item--regular"> 70897
70898 <span class=money>Rs.10,990</span> 70899 70900 </s> 70901 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 70902 <span class="price-item price-item--sale price-item--last"> 70903 70904 70905 70906 70907 <span class="percentage__sale hidden">0% OFF</span> 70908 70909 <span class=money>Rs.10,990</span> 70910 </span> 70911 </div> 70912 <small class="unit-price caption hidden"> 70913 <span class="visually-hidden">Unit price</span> 70914 <span class="price-item price-item--last"> 70915 <span></span> 70916 <span aria-hidden="true">/</span> 70917 <span class="visually-hidden"> per </span> 70918 <span> 70919 </span> 70920 </span> 70921 </small> 70922 </div></div> 70923 70924 70925 70926 </div> 70927 <div 70928 class="ethnc-form-media large-up-hide medium-hide" 70929 70930 ></div> 70931 <form method="post" action="/cart/add" class="bt-qatc-form"> 70932 <input type="hidden" name="quantity" value="1"> 70933 <div class="bt-qatc-form-variants-container"> 70934 <div class="bt-qatc-form-variants--list"> 70935 70936 <div 70937 class="in-use bt-qatc-form-variant-input" 70938 70939 > 70940 <input 70941 type="radio" 70942 name="id" 70943 id="-52398413054248" 70944 value="52398413054248" 70945 data-price="1099000" 70946 data-item-id="10446084440360" 70947 hidden 70948 70949 data-item-id="10446084440360" 70950 70951 > 70952 70953 <label 70954 for="-52398413054248" 70955 data-sefam-quick-size 70956 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 70957 > 70958 <span class="split-variant-value"> 70959 70960 70961 70962 70963 70964 70965 70966 XS 70967 70968 70969</span> 70970 </label> 70971 </div> 70972 70973 <div 70974 class="in-use bt-qatc-form-variant-input" 70975 70976 > 70977 <input 70978 type="radio" 70979 name="id" 70980 id="-52398413087016" 70981 value="52398413087016" 70982 data-price="1099000" 70983 data-item-id="10446084440360" 70984 hidden 70985 70986 data-item-id="10446084440360" 70987 70988 > 70989 70990 <label 70991 for="-52398413087016" 70992 data-sefam-quick-size 70993 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 70994 > 70995 <span class="split-variant-value"> 70996 70997 70998 70999 71000 71001 71002 71003 S 71004 71005 71006</span> 71007 </label> 71008 </div> 71009 71010 <div 71011 class="in-use bt-qatc-form-variant-input" 71012 71013 > 71014 <input 71015 type="radio" 71016 name="id" 71017 id="-52398413119784" 71018 value="52398413119784" 71019 data-price="1099000" 71020 data-item-id="10446084440360" 71021 hidden 71022 71023 data-item-id="10446084440360" 71024 71025 > 71026 71027 <label 71028 for="-52398413119784" 71029 data-sefam-quick-size 71030 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 71031 >
71032 <span class="split-variant-value"> 71033 71034 71035 71036 71037 71038 71039 71040 M 71041 71042 71043</span> 71044 </label> 71045 </div> 71046 71047 <div 71048 class="in-use bt-qatc-form-variant-input" 71049 71050 > 71051 <input 71052 type="radio" 71053 name="id" 71054 id="-52398413152552" 71055 value="52398413152552" 71056 data-price="1099000" 71057 data-item-id="10446084440360" 71058 hidden 71059 71060 data-item-id="10446084440360" 71061 71062 > 71063 71064 <label 71065 for="-52398413152552" 71066 data-sefam-quick-size 71067 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 71068 > 71069 <span class="split-variant-value"> 71070 71071 71072 71073 71074 71075 71076 71077 L 71078 71079 71080</span> 71081 </label> 71082 </div> 71083 71084 <div 71085 class="in-use bt-qatc-form-variant-input" 71086 71087 > 71088 <input 71089 type="radio" 71090 name="id" 71091 id="-52398413185320" 71092 value="52398413185320" 71093 data-price="1099000" 71094 data-item-id="10446084440360" 71095 hidden 71096 71097 data-item-id="10446084440360" 71098 71099 > 71100 71101 <label 71102 for="-52398413185320" 71103 data-sefam-quick-size 71104 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 71105 > 71106 <span class="split-variant-value"> 71107 71108 71109 71110 71111 71112 71113 71114 XL 71115 71116 71117</span> 71118 </label> 71119 </div> 71120 71121 <div 71122 class="in-use bt-qatc-form-variant-input is-disbaled" 71123 71124 > 71125 <input 71126 type="radio" 71127 name="id" 71128 id="-52398447264040" 71129 value="52398447264040" 71130 data-price="1099000" 71131 data-item-id="10446084440360" 71132 hidden 71133 71134 disbaled 71135 71136 data-item-id="10446084440360" 71137 71138 > 71139 71140 <label 71141 for="-52398447264040" 71142 data-sefam-quick-size 71143 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 71144 > 71145 <span class="split-variant-value"> 71146 71147 71148 71149 71150 71151 71152 71153 XXL 71154 71155 71156</span> 71157 </label> 71158 </div> 71159 71160 </div> 71161 71162 71163 71164 71165 </div> 71166 </form> 71167 </div> 71168 </div> 71169 71170 71171 71172 71173 71174 71175 71176 71177 71178 71179 71180 71181 71182 71183 71184 71185 71186 71187 71188 71189 71190 71191 71192 71193 71194 71195 71196 71197 71198 71199 71200 71201 71202 71203 71204 71205 71206 71207 71208 71209 71210 71211 71212 71213 71214 71215 71216 71217 71218 71219 71220 71221 71222 71223 71224 71225 71226 71227 71228 71229 71230 71231 71232 <div
71233 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 71234 > 71235 <div class="ethnc-qatc-btn cstm-add-btn visible"> 71236 <span class="small-hide hide-mobile">Add to Basket</span> 71237 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 71238 </span> 71239 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 71240 width="11" 71241 height="11" 71242 viewBox="0 0 11 11" 71243 fill="none" 71244> 71245 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 71246 fill="black" 71247 /> 71248</svg> 71249</span> 71250 </div> 71251 </div> 71252 71253 71254 </div> 71255 71256 <div class="card__content aiza2"> 71257 <div class="card__information"> 71258 <small class="product-brand"> 71259 Shahnameh 71260 </small> 71261 <h3 71262 class="card__heading h5" 71263 71264 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446084440360" 71265 71266 > 71267 <a 71268 href="/products/sms310126" 71269 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446084440360" 71270 class="full-unstyled-link" 71271 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446084440360 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446084440360" 71272 > 71273 Lucknow Cotton Cambric Suit - SMS310126 71274 71275 <div class="card_colorways_container" onclick="event.stopPropagation();"> 71276 71277 71278 � 71279 </div> 71280 </a> 71281 71282 </h3> 71283 71284 <div class="card-information"><span class="caption-large light"></span> 71285<div 71286 class=" 71287 price " 71288 > 71289 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 71290 <span class="price-item price-item--regular"> 71291 <span class=money>Rs.10,990</span> 71292 </span></div> 71293 <div class="price__sale"> 71294 <span class="visually-hidden visually-hidden--inline">Regular price</span> 71295 <span> 71296 <s class="price-item price-item--regular"> 71297 71298 <span class=money>Rs.10,990</span> 71299 71300 </s> 71301 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 71302 <span class="price-item price-item--sale price-item--last"> 71303 71304 71305 71306 71307 <span class="percentage__sale hidden">0% OFF</span> 71308 71309 <span class=money>Rs.10,990</span> 71310 </span> 71311 </div> 71312 <small class="unit-price caption hidden"> 71313 <span class="visually-hidden">Unit price</span> 71314 <span class="price-item price-item--last">
71315 <span></span> 71316 <span aria-hidden="true">/</span> 71317 <span class="visually-hidden"> per </span> 71318 <span> 71319 </span> 71320 </span> 71321 </small> 71322 </div></div> 71323 71324 71325 71326 </div> 71327 </div> 71328 </div> 71329 71330 </div> 71331 </div><style> 71332/* ========================================================= 71333 DESKTOP PRODUCT CARD QUICK ADD 71334 LEFT = sizes 71335 RIGHT = original bag icon 71336 Mobile behavior remains unchanged 71337 ========================================================= */ 71338@media (min-width: 990px) { 71339 .hide-desktop { 71340 display: none !important; 71341 } 71342 71343 /* Keep both controls on the same bottom row */ 71344 .card-wrapper-box { 71345 position: relative; 71346 } 71347 71348 .card-wrapper-box .bt-qatc-container, 71349 .card-wrapper-box .ethnc-qatc-btn-container { 71350 position: absolute !important; 71351 bottom: 0 !important; 71352 z-index: 8 !important; 71353 } 71354 71355 /* LEFT: size area */ 71356 .card-wrapper-box .bt-qatc-container { 71357 left: 0 !important; 71358 right: 46px !important; 71359 width: auto !important; 71360 } 71361 71362 .card-wrapper-box .bt-qatc-form-container { 71363 left: 0 !important; 71364 right: 0 !important; 71365 bottom: -350% !important; 71366 width: 100% !important; 71367 min-height: 43px !important; 71368 opacity: 0 !important; 71369 visibility: hidden !important; 71370 pointer-events: none !important; 71371 transition: bottom .22s ease, opacity .18s ease !important; 71372 } 71373 71374 .card-wrapper-box .bt-qatc-form, 71375 .card-wrapper-box .bt-qatc-form-variants-container, 71376 .card-wrapper-box .bt-qatc-form-variants--list { 71377 width: 100% !important; 71378 } 71379 71380 .card-wrapper-box .bt-qatc-form-variants--list { 71381 display: flex !important; 71382 align-items: center !important; 71383 flex-wrap: wrap !important; 71384 gap: 0 !important; 71385 min-height: 43px !important; 71386 } 71387 71388 /* RIGHT: original bag button */ 71389 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 71390 display: flex !important; 71391 align-items: stretch !important; 71392 justify-content: center !important; 71393 left: auto !important; 71394 right: 0 !important; 71395 width: 46px !important; 71396 height: 43px !important; 71397 opacity: 0 !important; 71398 visibility: hidden !important; 71399 pointer-events: none !important; 71400 transition: opacity .18s ease !important; 71401 } 71402 71403 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 71404 display: flex !important; 71405 align-items: center !important; 71406 justify-content: center !important; 71407 width: 46px !important; 71408 height: 43px !important; 71409 min-width: 46px !important; 71410 padding: 0 !important; 71411 cursor: pointer !important; 71412 } 71413 71414 /* Hide Add to Basket text on desktop; keep only bag icon */ 71415 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 71416 display: none !important; 71417 } 71418 71419 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 71420 display: flex !important; 71421 align-items: center !important; 71422 justify-content: center !important; 71423 width: 100% !important; 71424 height: 100% !important; 71425 padding: 0 !important; 71426 } 71427 71428 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 71429 display: block !important; 71430 width: 16px !important; 71431 height: 17px !important; 71432 } 71433 71434 /* Show sizes + bag together on desktop hover */ 71435 .card-wrapper-box:hover .bt-qatc-form-container { 71436 bottom: 0 !important; 71437 opacity: 1 !important; 71438 visibility: visible !important; 71439 pointer-events: auto !important; 71440 } 71441 71442 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 71443 opacity: 1 !important; 71444 visibility: visible !important; 71445 pointer-events: auto !important; 71446 } 71447} 71448 71449@media (max-width: 989px) { 71450 .hide-mobile { 71451 display: none; 71452 } 71453} 71454</style> 71455 71456 71457<style> 71458/* ========================================================= 71459 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 71460 Keeps all sizes in one clean row on the left 71461 and the bag icon fixed on the right. 71462 ========================================================= */ 71463@media (min-width: 990px) { 71464 71465 .card-wrapper-box .bt-qatc-form-container { 71466 height: 43px !important; 71467 min-height: 43px !important; 71468 max-height: 43px !important; 71469 overflow: hidden !important; 71470 background: rgba(255,255,255,.96) !important; 71471 } 71472 71473 .card-wrapper-box .bt-qatc-form { 71474 display: block !important; 71475 height: 43px !important; 71476 min-height: 43px !important; 71477 margin: 0 !important; 71478 padding: 0 !important; 71479 } 71480 71481 .card-wrapper-box .bt-qatc-form-variants-container { 71482 display: block !important; 71483 width: 100% !important; 71484 height: 43px !important; 71485 min-height: 43px !important; 71486 margin: 0 !important; 71487 padding: 0 !important; 71488 } 71489 71490 .card-wrapper-box .bt-qatc-form-variants--list { 71491 display: flex !important; 71492 flex-direction: row !important; 71493 flex-wrap: wrap !important;
71494 align-items: center !important; 71495 justify-content: center !important; 71496 71497 width: 100% !important; 71498 height: 43px !important; 71499 min-height: 43px !important; 71500 71501 margin: 0 !important; 71502 padding: 0 6px !important; 71503 gap: 2px !important; 71504 71505 box-sizing: border-box !important; 71506 overflow: visible !important; 71507 white-space: normal !important; 71508 } 71509 71510 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 71511 display: none !important; 71512 } 71513 71514 .card-wrapper-box .bt-qatc-form-variant-input { 71515 position: relative !important; 71516 71517 display: flex !important; 71518 align-items: center !important; 71519 justify-content: center !important; 71520 71521 flex: 0 0 auto !important; 71522 width: auto !important; 71523 min-width: 32px !important; 71524 height: 43px !important; 71525 71526 margin: 0 !important; 71527 padding: 0 !important; 71528 71529 border: 0 !important; 71530 background: transparent !important; 71531 } 71532 71533 .card-wrapper-box .bt-qatc-form-variant-input label { 71534 position: static !important; 71535 71536 display: flex !important; 71537 align-items: center !important; 71538 justify-content: center !important; 71539 71540 width: auto !important; 71541 min-width: 32px !important; 71542 height: 32px !important; 71543 71544 margin: 0 !important; 71545 padding: 0 6px !important; 71546 71547 box-sizing: border-box !important; 71548 71549 background: transparent !important; 71550 border: 0 !important; 71551 71552 color: #111 !important; 71553 font-size: 12px !important; 71554 line-height: 1 !important; 71555 font-weight: 400 !important; 71556 71557 white-space: nowrap !important; 71558 cursor: pointer !important; 71559 } 71560 71561 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 71562 display: block !important; 71563 width: auto !important; 71564 max-width: none !important; 71565 71566 margin: 0 !important; 71567 padding: 0 !important; 71568 71569 overflow: visible !important; 71570 white-space: nowrap !important; 71571 text-overflow: clip !important; 71572 71573 font-size: inherit !important; 71574 line-height: inherit !important; 71575 } 71576 71577 /* Sold-out size */ 71578 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 71579 opacity: .35 !important; 71580 text-decoration: line-through !important; 71581 cursor: not-allowed !important; 71582 } 71583 71584 /* Optional hover feedback */ 71585 .card-wrapper-box 71586 .bt-qatc-form-variant-input:not(.is-disbaled) 71587 label:hover { 71588 text-decoration: underline !important; 71589 text-underline-offset: 3px !important; 71590 } 71591 71592 /* Prevent old theme transforms / absolute positions */ 71593 .card-wrapper-box .bt-qatc-form-variant-input *, 71594 .card-wrapper-box .bt-qatc-form-variants--list * { 71595 transform: none; 71596 } 71597} 71598</style> 71599 71600 71601<style> 71602/* Desktop quick-add: use one seamless background for sizes + bag */ 71603@media (min-width: 990px) { 71604 .card-wrapper-box .bt-qatc-form-container, 71605 .card-wrapper-box .bt-qatc-form, 71606 .card-wrapper-box .bt-qatc-form-variants-container, 71607 .card-wrapper-box .bt-qatc-form-variants--list, 71608 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 71609 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 71610 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 71611 background: rgba(255,255,255,.96) !important; 71612 } 71613 71614 /* Remove any visual split between sizes and bag */ 71615 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 71616 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 71617 border-left: 0 !important; 71618 box-shadow: none !important; 71619 } 71620} 71621</style> 71622 71623 71624<style> 71625/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 71626@media (min-width: 990px) { 71627 .card-wrapper-box .bt-qatc-form-container, 71628 .card-wrapper-box .bt-qatc-form, 71629 .card-wrapper-box .bt-qatc-form-variants-container { 71630 height: auto !important; 71631 max-height: none !important; 71632 overflow: visible !important; 71633 } 71634 71635 .card-wrapper-box .bt-qatc-form-variants--list { 71636 display: flex !important; 71637 flex-wrap: wrap !important; 71638 justify-content: center !important; 71639 align-items: center !important; 71640 height: auto !important; 71641 min-height: 43px !important; 71642 max-height: none !important; 71643 overflow: visible !important; 71644 white-space: normal !important; 71645 padding: 5px 6px !important; 71646 } 71647 71648 .card-wrapper-box .bt-qatc-form-variant-input { 71649 flex: 0 0 auto !important; 71650 } 71651} 71652</style> 71653
71654<script> 71655 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 71656 const wrap = label.closest('.bt-qatc-form-variant-input'); 71657 const form = label.closest('.bt-qatc-form'); 71658 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 71659 71660 if (!wrap || !form || !input) return; 71661 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 71662 if (label.dataset.loading === 'true') return; 71663 71664 input.checked = true; 71665 label.dataset.loading = 'true'; 71666 label.style.pointerEvents = 'none'; 71667 71668 try { 71669 const cartResp = await fetch('/cart.js', { 71670 method: 'GET', 71671 headers: { 'Accept': 'application/json' } 71672 }); 71673 71674 if (!cartResp.ok) throw new Error('Unable to read cart'); 71675 71676 const cart = await cartResp.json(); 71677 const variantId = Number(input.value); 71678 const selectedPrice = Number(input.dataset.price || 0) / 100; 71679 const totalCartPrice = Number(cart.total_price || 0) / 100; 71680 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 71681 71682 if ((totalCartPrice + selectedPrice) > 250000) { 71683 if (window.showAlert) { 71684 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 71685 } else { 71686 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 71687 } 71688 return; 71689 } 71690 71691 if (itemInCart && Number(itemInCart.quantity) >= 3) { 71692 if (window.showAlert) { 71693 window.showAlert('Limit reached: Max 3 items per size can be added'); 71694 } else { 71695 alert('Limit reached: Max 3 items per size can be added'); 71696 } 71697 return; 71698 } 71699 71700 71701 const cartSections = document.querySelector('cart-notification, cart-drawer'); 71702 const formData = new FormData(form); 71703 71704 formData.set('id', input.value); 71705 formData.set('quantity', '1'); 71706 71707 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 71708 formData.set( 71709 'sections', 71710 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 71711 ); 71712 } 71713 71714 formData.set('sections_url', window.location.pathname); 71715 71716 const addResp = await fetch('/cart/add.js', { 71717 method: 'POST', 71718 headers: { 'Accept': 'application/json' }, 71719 body: formData 71720 }); 71721 71722 const data = await addResp.json(); 71723 71724 if (!addResp.ok) { 71725 throw new Error(data.description || data.message || 'Unable to add this size'); 71726 } 71727 71728 if (cartSections && typeof cartSections.renderContents === 'function') { 71729 cartSections.renderContents(data); 71730 } else { 71731 const bubble = document.querySelector('#cart-icon-bubble'); 71732 if (bubble) bubble.click(); 71733 } 71734 71735 const card = label.closest('.card-wrapper-box'); 71736 if (card) { 71737 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 71738 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 71739 } 71740 } catch (error) { 71741 console.error('SEFAM hover size quick-add error:', error); 71742 if (window.showAlert) { 71743 window.showAlert(error.message || 'Unable to add this size to cart'); 71744 } else { 71745 alert(error.message || 'Unable to add this size to cart'); 71746 } 71747 } finally { 71748 label.dataset.loading = 'false'; 71749 label.style.pointerEvents = ''; 71750 } 71751 }; 71752</script>
71752 71753 71754<style> 71755/* Desktop quick-add final alignment: 71756 sizes start from left; bag area matches the complete quick-size background height. */ 71757@media (min-width: 990px) { 71758 .card-wrapper-box .bt-qatc-form-variants--list { 71759 justify-content: flex-start !important; 71760 align-content: center !important; 71761 text-align: left !important; 71762 } 71763 71764 .card-wrapper-box .bt-qatc-container { 71765 right: 46px !important; 71766 } 71767 71768 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 71769 top: auto !important; 71770 bottom: 0 !important; 71771 width: 46px !important; 71772 height: 100% !important; 71773 min-height: 43px !important; 71774 align-items: stretch !important; 71775 background: rgba(255,255,255,.96) !important; 71776 } 71777 71778 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 71779 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 71780 width: 46px !important; 71781 height: 100% !important; 71782 min-height: 43px !important; 71783 background: rgba(255,255,255,.96) !important; 71784 } 71785 71786 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 71787 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 71788 height: var(--sefam-quick-add-height, 43px) !important; 71789 } 71790} 71791</style>
71792<script> 71793(function () { 71794 function syncQuickAddHeight(card) { 71795 if (!card || window.innerWidth < 990) return; 71796 var panel = card.querySelector('.bt-qatc-form-container'); 71797 if (!panel) return; 71798 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 71799 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 71800 } 71801 71802 document.addEventListener('mouseover', function(e) { 71803 var card = e.target.closest('.card-wrapper-box'); 71804 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 71805 }, { passive: true }); 71806 71807 window.addEventListener('resize', function() { 71808 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 71809 }, { passive: true }); 71810})(); 71811</script>
71811 71812 71813 71814 71815<style> 71816/* ========================================================= 71817 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 71818 - reduce space between sizes 71819 - keep sizes left aligned 71820 - keep the bag icon on the BOTTOM row 71821 - bag background still matches the full size panel 71822 ========================================================= */ 71823@media (min-width: 990px) { 71824 71825 /* More usable width for sizes */ 71826 .card-wrapper-box .bt-qatc-container { 71827 right: 42px !important; 71828 } 71829 71830 /* Compact, left-aligned size list */ 71831 .card-wrapper-box .bt-qatc-form-variants--list { 71832 justify-content: flex-start !important; 71833 align-items: center !important; 71834 align-content: center !important; 71835 71836 column-gap: 0 !important; 71837 row-gap: 0 !important; 71838 71839 padding: 4px 4px !important; 71840 margin: 0 !important; 71841 } 71842 71843 .card-wrapper-box .bt-qatc-form-variant-input { 71844 min-width: 0 !important; 71845 width: auto !important; 71846 height: 35px !important; 71847 margin: 0 !important; 71848 padding: 0 !important; 71849 } 71850 71851 .card-wrapper-box .bt-qatc-form-variant-input label { 71852 min-width: 0 !important; 71853 width: auto !important; 71854 height: 35px !important; 71855 71856 margin: 0 !important; 71857 padding: 0 4px !important; 71858 71859 font-size: 12px !important; 71860 line-height: 1 !important; 71861 } 71862 71863 /* Bag column keeps the same full white background as the sizes */ 71864 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 71865 right: 0 !important; 71866 bottom: 0 !important; 71867 top: auto !important; 71868 71869 width: 42px !important; 71870 min-width: 42px !important; 71871 height: var(--sefam-quick-add-height, 43px) !important; 71872 min-height: 43px !important; 71873 71874 display: flex !important; 71875 flex-direction: column !important; 71876 justify-content: flex-end !important; 71877 align-items: stretch !important; 71878 71879 padding: 0 !important; 71880 margin: 0 !important; 71881 71882 background: rgba(255,255,255,.96) !important; 71883 } 71884 71885 /* The clickable bag itself always sits at the bottom */ 71886 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 71887 width: 42px !important; 71888 min-width: 42px !important; 71889 height: 43px !important; 71890 min-height: 43px !important; 71891 71892 margin-top: auto !important; 71893 padding: 0 !important; 71894 71895 display: flex !important; 71896 align-items: center !important; 71897 justify-content: center !important; 71898 71899 background: rgba(255,255,255,.96) !important; 71900 } 71901 71902 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 71903 width: 42px !important; 71904 height: 43px !important; 71905 min-height: 43px !important; 71906 71907 display: flex !important; 71908 align-items: center !important; 71909 justify-content: center !important; 71910 71911 padding: 0 !important; 71912 margin: 0 !important; 71913 71914 background: transparent !important; 71915 } 71916 71917 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 71918 width: 16px !important; 71919 height: 17px !important; 71920 } 71921} 71922</style> 71923 71924 71925<style> 71926/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 71927@media (min-width: 990px) { 71928 .card-wrapper-box .bt-qatc-form-variants--list { 71929 padding: 3px 4px !important; 71930 column-gap: 0 !important; 71931 row-gap: 0 !important; 71932 justify-content: flex-start !important; 71933 align-items: center !important; 71934 align-content: center !important; 71935 } 71936 71937 .card-wrapper-box .bt-qatc-form-variant-input { 71938 min-width: 0 !important; 71939 width: auto !important; 71940 height: 30px !important; 71941 margin: 0 !important; 71942 padding: 0 !important; 71943 } 71944 71945 .card-wrapper-box .bt-qatc-form-variant-input label { 71946 min-width: 0 !important; 71947 width: auto !important; 71948 height: 30px !important; 71949 margin: 0 !important; 71950 padding: 0 4px !important; 71951 font-size: 12px !important; 71952 line-height: 1 !important; 71953 display: flex !important; 71954 align-items: center !important; 71955 justify-content: center !important; 71956 } 71957 71958 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 71959 display: flex !important; 71960 flex-direction: column !important; 71961 justify-content: flex-end !important;
71962 align-items: stretch !important; 71963 bottom: 0 !important; 71964 top: auto !important; 71965 height: var(--sefam-quick-add-height, 36px) !important; 71966 min-height: 36px !important; 71967 } 71968 71969 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 71970 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 71971 height: 36px !important; 71972 min-height: 36px !important; 71973 margin-top: auto !important; 71974 } 71975} 71976</style> 71977 71978<style> 71979 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 71980 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 71981 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 71982 .card_colorways_container .new-mbl-color-single label span, 71983 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 71984 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 71985</style> 71986 71987 </li> 71988 71989 <li 71990 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_XEb3C9-20" 71991 class="grid__item slider__slide" 71992 > 71993 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 71994� 71995 71996 71997 � 71998 71999 72000 72001 <div class="card-wrapper product-card-wrapper"> 72002 <div 72003 class=" 72004 card card--standard 72005 card--media 72006 72007 72008 72009 72010 72011 " 72012 style="--ratio-percent: 150.00000000000003%;" 72013 72014 > 72015 <div class="card-wrapper-box"> 72016 72017 <div 72018 class="card__inner color-scheme-2 gradient ratio" 72019 style="--ratio-percent: 150.00000000000003%;" 72020 72021 > 72022 �<a href="/products/sms403426"> 72023 72024 �<div class="card-prdct2 card__media"> 72025 <div class="media media--transparent mt3"> 72026 72027 72028 <img 72029 src="//sefam.com/cdn/shop/files/SMS403426_2.jpg?v=1790751456&width=800" 72030 srcset="//sefam.com/cdn/shop/files/SMS403426_2.jpg?v=1790751456&width=1600 2x" 72031 class="" 72032 alt="Peshawri Suit - SMS403426" 72033 72034 loading="lazy" 72035 72036 width="2400" 72037 height="3600" 72038 > 72039 �<img 72040 src="//sefam.com/cdn/shop/files/SMS403426_5.jpg?v=1790751456&width=800" 72041 srcset="//sefam.com/cdn/shop/files/SMS403426_5.jpg?v=1790751456&width=1600 2x" 72042 alt="Peshawri Suit - SMS403426" 72043 loading="lazy" 72044 width="2400" 72045 height="3600" 72046 data-index="" 72047 > 72048 72049 � 72050 </div> 72051 72052 72053 </div> 72054 </a> 72055 </div> 72056 72057 72058 72059 72060 <div class="bt-qatc-container"> 72061 <div class="bt-qatc-form-container"> 72062 <div class="bt-qatc-form-content large-up-hide medium-hide"> 72063 <h3>Peshawri Suit - SMS403426</h3> 72064 72065<div 72066 class=" 72067 price " 72068 > 72069 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 72070 <span class="price-item price-item--regular"> 72071 <span class=money>Rs.16,990</span> 72072 </span></div> 72073 <div class="price__sale"> 72074 <span class="visually-hidden visually-hidden--inline">Regular price</span> 72075 <span> 72076 <s class="price-item price-item--regular"> 72077 72078 <span class=money>Rs.16,990</span> 72079 72080 </s> 72081 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
72082 <span class="price-item price-item--sale price-item--last"> 72083 72084 72085 72086 72087 <span class="percentage__sale hidden">0% OFF</span> 72088 72089 <span class=money>Rs.16,990</span> 72090 </span> 72091 </div> 72092 <small class="unit-price caption hidden"> 72093 <span class="visually-hidden">Unit price</span> 72094 <span class="price-item price-item--last"> 72095 <span></span> 72096 <span aria-hidden="true">/</span> 72097 <span class="visually-hidden"> per </span> 72098 <span> 72099 </span> 72100 </span> 72101 </small> 72102 </div></div> 72103 72104 72105 72106 </div> 72107 <div 72108 class="ethnc-form-media large-up-hide medium-hide" 72109 72110 ></div> 72111 <form method="post" action="/cart/add" class="bt-qatc-form"> 72112 <input type="hidden" name="quantity" value="1"> 72113 <div class="bt-qatc-form-variants-container"> 72114 <div class="bt-qatc-form-variants--list"> 72115 72116 <div 72117 class="in-use bt-qatc-form-variant-input" 72118 72119 > 72120 <input 72121 type="radio" 72122 name="id" 72123 id="-52398468268328" 72124 value="52398468268328" 72125 data-price="1699000" 72126 data-item-id="10446109344040" 72127 hidden 72128 72129 data-item-id="10446109344040" 72130 72131 > 72132 72133 <label 72134 for="-52398468268328" 72135 data-sefam-quick-size 72136 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 72137 > 72138 <span class="split-variant-value"> 72139 72140 72141 72142 72143 72144 72145 72146 XS 72147 72148 72149</span> 72150 </label> 72151 </div> 72152 72153 <div 72154 class="in-use bt-qatc-form-variant-input" 72155 72156 > 72157 <input 72158 type="radio" 72159 name="id" 72160 id="-52398468301096" 72161 value="52398468301096" 72162 data-price="1699000" 72163 data-item-id="10446109344040" 72164 hidden 72165 72166 data-item-id="10446109344040" 72167 72168 > 72169 72170 <label 72171 for="-52398468301096" 72172 data-sefam-quick-size 72173 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 72174 > 72175 <span class="split-variant-value"> 72176 72177 72178 72179 72180 72181 72182 72183 S 72184 72185 72186</span> 72187 </label> 72188 </div> 72189 72190 <div 72191 class="in-use bt-qatc-form-variant-input" 72192 72193 > 72194 <input 72195 type="radio" 72196 name="id" 72197 id="-52398468333864" 72198 value="52398468333864" 72199 data-price="1699000" 72200 data-item-id="10446109344040" 72201 hidden 72202 72203 data-item-id="10446109344040" 72204 72205 > 72206 72207 <label 72208 for="-52398468333864" 72209 data-sefam-quick-size 72210 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 72211 >
72212 <span class="split-variant-value"> 72213 72214 72215 72216 72217 72218 72219 72220 M 72221 72222 72223</span> 72224 </label> 72225 </div> 72226 72227 <div 72228 class="in-use bt-qatc-form-variant-input" 72229 72230 > 72231 <input 72232 type="radio" 72233 name="id" 72234 id="-52398468366632" 72235 value="52398468366632" 72236 data-price="1699000" 72237 data-item-id="10446109344040" 72238 hidden 72239 72240 data-item-id="10446109344040" 72241 72242 > 72243 72244 <label 72245 for="-52398468366632" 72246 data-sefam-quick-size 72247 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 72248 > 72249 <span class="split-variant-value"> 72250 72251 72252 72253 72254 72255 72256 72257 L 72258 72259 72260</span> 72261 </label> 72262 </div> 72263 72264 <div 72265 class="in-use bt-qatc-form-variant-input" 72266 72267 > 72268 <input 72269 type="radio" 72270 name="id" 72271 id="-52398468399400" 72272 value="52398468399400" 72273 data-price="1699000" 72274 data-item-id="10446109344040" 72275 hidden 72276 72277 data-item-id="10446109344040" 72278 72279 > 72280 72281 <label 72282 for="-52398468399400" 72283 data-sefam-quick-size 72284 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 72285 > 72286 <span class="split-variant-value"> 72287 72288 72289 72290 72291 72292 72293 72294 XL 72295 72296 72297</span> 72298 </label> 72299 </div> 72300 72301 <div 72302 class="in-use bt-qatc-form-variant-input is-disbaled" 72303 72304 > 72305 <input 72306 type="radio" 72307 name="id" 72308 id="-52398468432168" 72309 value="52398468432168" 72310 data-price="1699000" 72311 data-item-id="10446109344040" 72312 hidden 72313 72314 disbaled 72315 72316 data-item-id="10446109344040" 72317 72318 > 72319 72320 <label 72321 for="-52398468432168" 72322 data-sefam-quick-size 72323 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 72324 > 72325 <span class="split-variant-value"> 72326 72327 72328 72329 72330 72331 72332 72333 XXL 72334 72335 72336</span> 72337 </label> 72338 </div> 72339 72340 </div> 72341 72342 72343 72344 72345 </div> 72346 </form> 72347 </div> 72348 </div> 72349 72350 72351 72352 72353 72354 72355 72356 72357 72358 72359 72360 72361 72362 72363 72364 72365 72366 72367 72368 72369 72370 72371 72372 72373 72374 72375 72376 72377 72378 72379 72380 72381 72382 72383 72384 72385 72386 72387 72388 72389 72390 72391 72392 72393 72394 72395 72396 72397 72398 72399 72400 72401 72402 72403 72404 72405 72406 72407 72408 72409 72410 72411 72412 72413 72414 72415 <div
72416 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 72417 > 72418 <div class="ethnc-qatc-btn cstm-add-btn visible"> 72419 <span class="small-hide hide-mobile">Add to Basket</span> 72420 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 72421 </span> 72422 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 72423 width="11" 72424 height="11" 72425 viewBox="0 0 11 11" 72426 fill="none" 72427> 72428 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 72429 fill="black" 72430 /> 72431</svg> 72432</span> 72433 </div> 72434 </div> 72435 72436 72437 </div> 72438 72439 <div class="card__content aiza2"> 72440 <div class="card__information"> 72441 <small class="product-brand"> 72442 Shahnameh 72443 </small> 72444 <h3 72445 class="card__heading h5" 72446 72447 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446109344040" 72448 72449 > 72450 <a 72451 href="/products/sms403426" 72452 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446109344040" 72453 class="full-unstyled-link" 72454 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446109344040 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10446109344040" 72455 > 72456 Peshawri Suit - SMS403426 72457 72458 <div class="card_colorways_container" onclick="event.stopPropagation();"> 72459 72460 72461 � 72462 </div> 72463 </a> 72464 72465 </h3> 72466 72467 <div class="card-information"><span class="caption-large light"></span> 72468<div 72469 class=" 72470 price " 72471 > 72472 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 72473 <span class="price-item price-item--regular"> 72474 <span class=money>Rs.16,990</span> 72475 </span></div> 72476 <div class="price__sale"> 72477 <span class="visually-hidden visually-hidden--inline">Regular price</span> 72478 <span> 72479 <s class="price-item price-item--regular"> 72480 72481 <span class=money>Rs.16,990</span> 72482 72483 </s> 72484 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 72485 <span class="price-item price-item--sale price-item--last"> 72486 72487 72488 72489 72490 <span class="percentage__sale hidden">0% OFF</span> 72491 72492 <span class=money>Rs.16,990</span> 72493 </span> 72494 </div> 72495 <small class="unit-price caption hidden"> 72496 <span class="visually-hidden">Unit price</span> 72497 <span class="price-item price-item--last">
72498 <span></span> 72499 <span aria-hidden="true">/</span> 72500 <span class="visually-hidden"> per </span> 72501 <span> 72502 </span> 72503 </span> 72504 </small> 72505 </div></div> 72506 72507 72508 72509 </div> 72510 </div> 72511 </div> 72512 72513 </div> 72514 </div><style> 72515/* ========================================================= 72516 DESKTOP PRODUCT CARD QUICK ADD 72517 LEFT = sizes 72518 RIGHT = original bag icon 72519 Mobile behavior remains unchanged 72520 ========================================================= */ 72521@media (min-width: 990px) { 72522 .hide-desktop { 72523 display: none !important; 72524 } 72525 72526 /* Keep both controls on the same bottom row */ 72527 .card-wrapper-box { 72528 position: relative; 72529 } 72530 72531 .card-wrapper-box .bt-qatc-container, 72532 .card-wrapper-box .ethnc-qatc-btn-container { 72533 position: absolute !important; 72534 bottom: 0 !important; 72535 z-index: 8 !important; 72536 } 72537 72538 /* LEFT: size area */ 72539 .card-wrapper-box .bt-qatc-container { 72540 left: 0 !important; 72541 right: 46px !important; 72542 width: auto !important; 72543 } 72544 72545 .card-wrapper-box .bt-qatc-form-container { 72546 left: 0 !important; 72547 right: 0 !important; 72548 bottom: -350% !important; 72549 width: 100% !important; 72550 min-height: 43px !important; 72551 opacity: 0 !important; 72552 visibility: hidden !important; 72553 pointer-events: none !important; 72554 transition: bottom .22s ease, opacity .18s ease !important; 72555 } 72556 72557 .card-wrapper-box .bt-qatc-form, 72558 .card-wrapper-box .bt-qatc-form-variants-container, 72559 .card-wrapper-box .bt-qatc-form-variants--list { 72560 width: 100% !important; 72561 } 72562 72563 .card-wrapper-box .bt-qatc-form-variants--list { 72564 display: flex !important; 72565 align-items: center !important; 72566 flex-wrap: wrap !important; 72567 gap: 0 !important; 72568 min-height: 43px !important; 72569 } 72570 72571 /* RIGHT: original bag button */ 72572 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 72573 display: flex !important; 72574 align-items: stretch !important; 72575 justify-content: center !important; 72576 left: auto !important; 72577 right: 0 !important; 72578 width: 46px !important; 72579 height: 43px !important; 72580 opacity: 0 !important; 72581 visibility: hidden !important; 72582 pointer-events: none !important; 72583 transition: opacity .18s ease !important; 72584 } 72585 72586 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 72587 display: flex !important; 72588 align-items: center !important; 72589 justify-content: center !important; 72590 width: 46px !important; 72591 height: 43px !important; 72592 min-width: 46px !important; 72593 padding: 0 !important; 72594 cursor: pointer !important; 72595 } 72596 72597 /* Hide Add to Basket text on desktop; keep only bag icon */ 72598 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 72599 display: none !important; 72600 } 72601 72602 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 72603 display: flex !important; 72604 align-items: center !important; 72605 justify-content: center !important; 72606 width: 100% !important; 72607 height: 100% !important; 72608 padding: 0 !important; 72609 } 72610 72611 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 72612 display: block !important; 72613 width: 16px !important; 72614 height: 17px !important; 72615 } 72616 72617 /* Show sizes + bag together on desktop hover */ 72618 .card-wrapper-box:hover .bt-qatc-form-container { 72619 bottom: 0 !important; 72620 opacity: 1 !important; 72621 visibility: visible !important; 72622 pointer-events: auto !important; 72623 } 72624 72625 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 72626 opacity: 1 !important; 72627 visibility: visible !important; 72628 pointer-events: auto !important; 72629 } 72630} 72631 72632@media (max-width: 989px) { 72633 .hide-mobile { 72634 display: none; 72635 } 72636} 72637</style> 72638 72639 72640<style> 72641/* ========================================================= 72642 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 72643 Keeps all sizes in one clean row on the left 72644 and the bag icon fixed on the right. 72645 ========================================================= */ 72646@media (min-width: 990px) { 72647 72648 .card-wrapper-box .bt-qatc-form-container { 72649 height: 43px !important; 72650 min-height: 43px !important; 72651 max-height: 43px !important; 72652 overflow: hidden !important; 72653 background: rgba(255,255,255,.96) !important; 72654 } 72655 72656 .card-wrapper-box .bt-qatc-form { 72657 display: block !important; 72658 height: 43px !important; 72659 min-height: 43px !important; 72660 margin: 0 !important; 72661 padding: 0 !important; 72662 } 72663 72664 .card-wrapper-box .bt-qatc-form-variants-container { 72665 display: block !important; 72666 width: 100% !important; 72667 height: 43px !important; 72668 min-height: 43px !important; 72669 margin: 0 !important; 72670 padding: 0 !important; 72671 } 72672 72673 .card-wrapper-box .bt-qatc-form-variants--list { 72674 display: flex !important; 72675 flex-direction: row !important; 72676 flex-wrap: wrap !important;
72677 align-items: center !important; 72678 justify-content: center !important; 72679 72680 width: 100% !important; 72681 height: 43px !important; 72682 min-height: 43px !important; 72683 72684 margin: 0 !important; 72685 padding: 0 6px !important; 72686 gap: 2px !important; 72687 72688 box-sizing: border-box !important; 72689 overflow: visible !important; 72690 white-space: normal !important; 72691 } 72692 72693 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 72694 display: none !important; 72695 } 72696 72697 .card-wrapper-box .bt-qatc-form-variant-input { 72698 position: relative !important; 72699 72700 display: flex !important; 72701 align-items: center !important; 72702 justify-content: center !important; 72703 72704 flex: 0 0 auto !important; 72705 width: auto !important; 72706 min-width: 32px !important; 72707 height: 43px !important; 72708 72709 margin: 0 !important; 72710 padding: 0 !important; 72711 72712 border: 0 !important; 72713 background: transparent !important; 72714 } 72715 72716 .card-wrapper-box .bt-qatc-form-variant-input label { 72717 position: static !important; 72718 72719 display: flex !important; 72720 align-items: center !important; 72721 justify-content: center !important; 72722 72723 width: auto !important; 72724 min-width: 32px !important; 72725 height: 32px !important; 72726 72727 margin: 0 !important; 72728 padding: 0 6px !important; 72729 72730 box-sizing: border-box !important; 72731 72732 background: transparent !important; 72733 border: 0 !important; 72734 72735 color: #111 !important; 72736 font-size: 12px !important; 72737 line-height: 1 !important; 72738 font-weight: 400 !important; 72739 72740 white-space: nowrap !important; 72741 cursor: pointer !important; 72742 } 72743 72744 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 72745 display: block !important; 72746 width: auto !important; 72747 max-width: none !important; 72748 72749 margin: 0 !important; 72750 padding: 0 !important; 72751 72752 overflow: visible !important; 72753 white-space: nowrap !important; 72754 text-overflow: clip !important; 72755 72756 font-size: inherit !important; 72757 line-height: inherit !important; 72758 } 72759 72760 /* Sold-out size */ 72761 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 72762 opacity: .35 !important; 72763 text-decoration: line-through !important; 72764 cursor: not-allowed !important; 72765 } 72766 72767 /* Optional hover feedback */ 72768 .card-wrapper-box 72769 .bt-qatc-form-variant-input:not(.is-disbaled) 72770 label:hover { 72771 text-decoration: underline !important; 72772 text-underline-offset: 3px !important; 72773 } 72774 72775 /* Prevent old theme transforms / absolute positions */ 72776 .card-wrapper-box .bt-qatc-form-variant-input *, 72777 .card-wrapper-box .bt-qatc-form-variants--list * { 72778 transform: none; 72779 } 72780} 72781</style> 72782 72783 72784<style> 72785/* Desktop quick-add: use one seamless background for sizes + bag */ 72786@media (min-width: 990px) { 72787 .card-wrapper-box .bt-qatc-form-container, 72788 .card-wrapper-box .bt-qatc-form, 72789 .card-wrapper-box .bt-qatc-form-variants-container, 72790 .card-wrapper-box .bt-qatc-form-variants--list, 72791 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 72792 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 72793 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 72794 background: rgba(255,255,255,.96) !important; 72795 } 72796 72797 /* Remove any visual split between sizes and bag */ 72798 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 72799 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 72800 border-left: 0 !important; 72801 box-shadow: none !important; 72802 } 72803} 72804</style> 72805 72806 72807<style> 72808/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 72809@media (min-width: 990px) { 72810 .card-wrapper-box .bt-qatc-form-container, 72811 .card-wrapper-box .bt-qatc-form, 72812 .card-wrapper-box .bt-qatc-form-variants-container { 72813 height: auto !important; 72814 max-height: none !important; 72815 overflow: visible !important; 72816 } 72817 72818 .card-wrapper-box .bt-qatc-form-variants--list { 72819 display: flex !important; 72820 flex-wrap: wrap !important; 72821 justify-content: center !important; 72822 align-items: center !important; 72823 height: auto !important; 72824 min-height: 43px !important; 72825 max-height: none !important; 72826 overflow: visible !important; 72827 white-space: normal !important; 72828 padding: 5px 6px !important; 72829 } 72830 72831 .card-wrapper-box .bt-qatc-form-variant-input { 72832 flex: 0 0 auto !important; 72833 } 72834} 72835</style> 72836
72837<script> 72838 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 72839 const wrap = label.closest('.bt-qatc-form-variant-input'); 72840 const form = label.closest('.bt-qatc-form'); 72841 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 72842 72843 if (!wrap || !form || !input) return; 72844 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 72845 if (label.dataset.loading === 'true') return; 72846 72847 input.checked = true; 72848 label.dataset.loading = 'true'; 72849 label.style.pointerEvents = 'none'; 72850 72851 try { 72852 const cartResp = await fetch('/cart.js', { 72853 method: 'GET', 72854 headers: { 'Accept': 'application/json' } 72855 }); 72856 72857 if (!cartResp.ok) throw new Error('Unable to read cart'); 72858 72859 const cart = await cartResp.json(); 72860 const variantId = Number(input.value); 72861 const selectedPrice = Number(input.dataset.price || 0) / 100; 72862 const totalCartPrice = Number(cart.total_price || 0) / 100; 72863 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 72864 72865 if ((totalCartPrice + selectedPrice) > 250000) { 72866 if (window.showAlert) { 72867 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 72868 } else { 72869 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 72870 } 72871 return; 72872 } 72873 72874 if (itemInCart && Number(itemInCart.quantity) >= 3) { 72875 if (window.showAlert) { 72876 window.showAlert('Limit reached: Max 3 items per size can be added'); 72877 } else { 72878 alert('Limit reached: Max 3 items per size can be added'); 72879 } 72880 return; 72881 } 72882 72883 72884 const cartSections = document.querySelector('cart-notification, cart-drawer'); 72885 const formData = new FormData(form); 72886 72887 formData.set('id', input.value); 72888 formData.set('quantity', '1'); 72889 72890 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 72891 formData.set( 72892 'sections', 72893 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 72894 ); 72895 } 72896 72897 formData.set('sections_url', window.location.pathname); 72898 72899 const addResp = await fetch('/cart/add.js', { 72900 method: 'POST', 72901 headers: { 'Accept': 'application/json' }, 72902 body: formData 72903 }); 72904 72905 const data = await addResp.json(); 72906 72907 if (!addResp.ok) { 72908 throw new Error(data.description || data.message || 'Unable to add this size'); 72909 } 72910 72911 if (cartSections && typeof cartSections.renderContents === 'function') { 72912 cartSections.renderContents(data); 72913 } else { 72914 const bubble = document.querySelector('#cart-icon-bubble'); 72915 if (bubble) bubble.click(); 72916 } 72917 72918 const card = label.closest('.card-wrapper-box'); 72919 if (card) { 72920 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 72921 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 72922 } 72923 } catch (error) { 72924 console.error('SEFAM hover size quick-add error:', error); 72925 if (window.showAlert) { 72926 window.showAlert(error.message || 'Unable to add this size to cart'); 72927 } else { 72928 alert(error.message || 'Unable to add this size to cart'); 72929 } 72930 } finally { 72931 label.dataset.loading = 'false'; 72932 label.style.pointerEvents = ''; 72933 } 72934 }; 72935</script>
72935 72936 72937<style> 72938/* Desktop quick-add final alignment: 72939 sizes start from left; bag area matches the complete quick-size background height. */ 72940@media (min-width: 990px) { 72941 .card-wrapper-box .bt-qatc-form-variants--list { 72942 justify-content: flex-start !important; 72943 align-content: center !important; 72944 text-align: left !important; 72945 } 72946 72947 .card-wrapper-box .bt-qatc-container { 72948 right: 46px !important; 72949 } 72950 72951 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 72952 top: auto !important; 72953 bottom: 0 !important; 72954 width: 46px !important; 72955 height: 100% !important; 72956 min-height: 43px !important; 72957 align-items: stretch !important; 72958 background: rgba(255,255,255,.96) !important; 72959 } 72960 72961 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 72962 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 72963 width: 46px !important; 72964 height: 100% !important; 72965 min-height: 43px !important; 72966 background: rgba(255,255,255,.96) !important; 72967 } 72968 72969 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 72970 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 72971 height: var(--sefam-quick-add-height, 43px) !important; 72972 } 72973} 72974</style>
72975<script> 72976(function () { 72977 function syncQuickAddHeight(card) { 72978 if (!card || window.innerWidth < 990) return; 72979 var panel = card.querySelector('.bt-qatc-form-container'); 72980 if (!panel) return; 72981 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 72982 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 72983 } 72984 72985 document.addEventListener('mouseover', function(e) { 72986 var card = e.target.closest('.card-wrapper-box'); 72987 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 72988 }, { passive: true }); 72989 72990 window.addEventListener('resize', function() { 72991 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 72992 }, { passive: true }); 72993})(); 72994</script>
72994 72995 72996 72997 72998<style> 72999/* ========================================================= 73000 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 73001 - reduce space between sizes 73002 - keep sizes left aligned 73003 - keep the bag icon on the BOTTOM row 73004 - bag background still matches the full size panel 73005 ========================================================= */ 73006@media (min-width: 990px) { 73007 73008 /* More usable width for sizes */ 73009 .card-wrapper-box .bt-qatc-container { 73010 right: 42px !important; 73011 } 73012 73013 /* Compact, left-aligned size list */ 73014 .card-wrapper-box .bt-qatc-form-variants--list { 73015 justify-content: flex-start !important; 73016 align-items: center !important; 73017 align-content: center !important; 73018 73019 column-gap: 0 !important; 73020 row-gap: 0 !important; 73021 73022 padding: 4px 4px !important; 73023 margin: 0 !important; 73024 } 73025 73026 .card-wrapper-box .bt-qatc-form-variant-input { 73027 min-width: 0 !important; 73028 width: auto !important; 73029 height: 35px !important; 73030 margin: 0 !important; 73031 padding: 0 !important; 73032 } 73033 73034 .card-wrapper-box .bt-qatc-form-variant-input label { 73035 min-width: 0 !important; 73036 width: auto !important; 73037 height: 35px !important; 73038 73039 margin: 0 !important; 73040 padding: 0 4px !important; 73041 73042 font-size: 12px !important; 73043 line-height: 1 !important; 73044 } 73045 73046 /* Bag column keeps the same full white background as the sizes */ 73047 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 73048 right: 0 !important; 73049 bottom: 0 !important; 73050 top: auto !important; 73051 73052 width: 42px !important; 73053 min-width: 42px !important; 73054 height: var(--sefam-quick-add-height, 43px) !important; 73055 min-height: 43px !important; 73056 73057 display: flex !important; 73058 flex-direction: column !important; 73059 justify-content: flex-end !important; 73060 align-items: stretch !important; 73061 73062 padding: 0 !important; 73063 margin: 0 !important; 73064 73065 background: rgba(255,255,255,.96) !important; 73066 } 73067 73068 /* The clickable bag itself always sits at the bottom */ 73069 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 73070 width: 42px !important; 73071 min-width: 42px !important; 73072 height: 43px !important; 73073 min-height: 43px !important; 73074 73075 margin-top: auto !important; 73076 padding: 0 !important; 73077 73078 display: flex !important; 73079 align-items: center !important; 73080 justify-content: center !important; 73081 73082 background: rgba(255,255,255,.96) !important; 73083 } 73084 73085 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 73086 width: 42px !important; 73087 height: 43px !important; 73088 min-height: 43px !important; 73089 73090 display: flex !important; 73091 align-items: center !important; 73092 justify-content: center !important; 73093 73094 padding: 0 !important; 73095 margin: 0 !important; 73096 73097 background: transparent !important; 73098 } 73099 73100 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 73101 width: 16px !important; 73102 height: 17px !important; 73103 } 73104} 73105</style> 73106 73107 73108<style> 73109/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 73110@media (min-width: 990px) { 73111 .card-wrapper-box .bt-qatc-form-variants--list { 73112 padding: 3px 4px !important; 73113 column-gap: 0 !important; 73114 row-gap: 0 !important; 73115 justify-content: flex-start !important; 73116 align-items: center !important; 73117 align-content: center !important; 73118 } 73119 73120 .card-wrapper-box .bt-qatc-form-variant-input { 73121 min-width: 0 !important; 73122 width: auto !important; 73123 height: 30px !important; 73124 margin: 0 !important; 73125 padding: 0 !important; 73126 } 73127 73128 .card-wrapper-box .bt-qatc-form-variant-input label { 73129 min-width: 0 !important; 73130 width: auto !important; 73131 height: 30px !important; 73132 margin: 0 !important; 73133 padding: 0 4px !important; 73134 font-size: 12px !important; 73135 line-height: 1 !important; 73136 display: flex !important; 73137 align-items: center !important; 73138 justify-content: center !important; 73139 } 73140 73141 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 73142 display: flex !important; 73143 flex-direction: column !important; 73144 justify-content: flex-end !important;
73145 align-items: stretch !important; 73146 bottom: 0 !important; 73147 top: auto !important; 73148 height: var(--sefam-quick-add-height, 36px) !important; 73149 min-height: 36px !important; 73150 } 73151 73152 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 73153 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 73154 height: 36px !important; 73155 min-height: 36px !important; 73156 margin-top: auto !important; 73157 } 73158} 73159</style> 73160 73161<style> 73162 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 73163 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 73164 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 73165 .card_colorways_container .new-mbl-color-single label span, 73166 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 73167 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 73168</style> 73169 73170 </li> 73171 73172 73173</ul> 73174 73175<div class="slider-buttons"> 73176 <button 73177 type="button" 73178 class="slider-button slider-button--prev" 73179 name="previous" 73180 aria-label="Slide left" 73181 aria-controls="Slider-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_XEb3C9" 73182 > 73183 <span class="svg-wrapper"> 73184 <svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 73185 73186 </span> 73187 </button> 73188 73189 <div class="slider-counter caption"> 73190 <span class="slider-counter--current">1</span> 73191 <span aria-hidden="true"> / </span> 73192 <span class="visually-hidden">of</span> 73193 <span class="slider-counter--total">20</span> 73194 </div> 73195 73196 <button 73197 type="button" 73198 class="slider-button slider-button--next" 73199 name="next" 73200 aria-label="Slide right" 73201 aria-controls="Slider-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_XEb3C9" 73202 > 73203 <span class="svg-wrapper"> 73204 <svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 73205 73206 </span> 73207 </button> 73208</div> 73209 73210</slider-component> 73211 73212 73213 </div> 73214 73215 73216 73217 73218 73219 <div id="tab-tab_aLwpHn" class="tab-content "> 73220 <slider-component 73221 class="tab-slider page-width slider-mobile-gutter slider-component-full-width 73222 page-width 73223 73224 slider-component-desktop" 73225 data-autoplay="false" 73226 data-speed="6000" 73227> 73228 73229<ul 73230 id="Slider-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_aLwpHn" 73231 data-id="template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_aLwpHn" 73232 class="grid cstm-multi-nav-grid product-grid contains-card contains-card--product contains-card--standard 73233 grid--8-col-desktop 73234 grid--2-col-tablet-down 73235 slider slider--desktop slider--tablet grid--peek" 73236 role="list" 73237 aria-label="Slider" 73238> 73239 73240 73241 73242 <li 73243 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_aLwpHn-1" 73244 class="grid__item slider__slide" 73245 > 73246 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 73247� 73248 73249 73250 � 73251 73252 73253 73254 <div class="card-wrapper product-card-wrapper"> 73255 <div 73256 class=" 73257 card card--standard 73258 card--media 73259 73260 73261 73262 73263 73264 " 73265 style="--ratio-percent: 150.00000000000003%;" 73266 73267 > 73268 <div class="card-wrapper-box"> 73269 73270 <div 73271 class="card__inner color-scheme-2 gradient ratio" 73272 style="--ratio-percent: 150.00000000000003%;" 73273 73274 > 73275 �<a href="/products/mcp2510"> 73276 73277 �<div class="card-prdct2 card__media"> 73278 <div class="media media--transparent mt3"> 73279 73280 73281 <img 73282 src="//sefam.com/cdn/shop/files/MCP2510_6.jpg?v=1789380395&width=800" 73283 srcset="//sefam.com/cdn/shop/files/MCP2510_6.jpg?v=1789380395&width=1600 2x" 73284 class="" 73285 alt="MARINA | SOLID" 73286 73287 loading="lazy" 73288 73289 width="2400" 73290 height="3600" 73291 > 73292 �<img 73293 src="//sefam.com/cdn/shop/files/MCP2510_3.jpg?v=1789380395&width=800" 73294 srcset="//sefam.com/cdn/shop/files/MCP2510_3.jpg?v=1789380395&width=1600 2x" 73295 alt="MARINA | SOLID" 73296 loading="lazy" 73297 width="2400" 73298 height="3600" 73299 data-index="" 73300 > 73301 73302 � 73303 </div> 73304 73305 73306 </div> 73307 </a> 73308 </div> 73309 73310 73311 73312 73313 <div class="bt-qatc-container"> 73314 <div class="bt-qatc-form-container"> 73315 <div class="bt-qatc-form-content large-up-hide medium-hide"> 73316 <h3>MARINA | SOLID</h3> 73317 73318<div 73319 class=" 73320 price " 73321 > 73322 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
73323 <span class="price-item price-item--regular"> 73324 <span class=money>Rs.9,490</span> 73325 </span></div> 73326 <div class="price__sale"> 73327 <span class="visually-hidden visually-hidden--inline">Regular price</span> 73328 <span> 73329 <s class="price-item price-item--regular"> 73330 73331 <span class=money>Rs.9,490</span> 73332 73333 </s> 73334 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 73335 <span class="price-item price-item--sale price-item--last"> 73336 73337 73338 73339 73340 <span class="percentage__sale hidden">0% OFF</span> 73341 73342 <span class=money>Rs.9,490</span> 73343 </span> 73344 </div> 73345 <small class="unit-price caption hidden"> 73346 <span class="visually-hidden">Unit price</span> 73347 <span class="price-item price-item--last"> 73348 <span></span> 73349 <span aria-hidden="true">/</span> 73350 <span class="visually-hidden"> per </span> 73351 <span> 73352 </span> 73353 </span> 73354 </small> 73355 </div></div> 73356 73357 73358 73359 </div> 73360 <div 73361 class="ethnc-form-media large-up-hide medium-hide" 73362 73363 ></div> 73364 <form method="post" action="/cart/add" class="bt-qatc-form"> 73365 <input type="hidden" name="quantity" value="1"> 73366 <div class="bt-qatc-form-variants-container"> 73367 <div class="bt-qatc-form-variants--list"> 73368 73369 <div 73370 class="in-use bt-qatc-form-variant-input" 73371 73372 > 73373 <input 73374 type="radio" 73375 name="id" 73376 id="-52378921763112" 73377 value="52378921763112" 73378 data-price="949000" 73379 data-item-id="10439037813032" 73380 hidden 73381 73382 data-item-id="10439037813032" 73383 73384 > 73385 73386 <label 73387 for="-52378921763112" 73388 data-sefam-quick-size 73389 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 73390 > 73391 <span class="split-variant-value"> 73392 73393 73394 73395 73396 73397 73398 73399 XS 73400 73401 73402</span> 73403 </label> 73404 </div> 73405 73406 <div 73407 class="in-use bt-qatc-form-variant-input" 73408 73409 > 73410 <input 73411 type="radio" 73412 name="id" 73413 id="-52378921795880" 73414 value="52378921795880" 73415 data-price="949000" 73416 data-item-id="10439037813032" 73417 hidden 73418 73419 data-item-id="10439037813032" 73420 73421 > 73422 73423 <label 73424 for="-52378921795880" 73425 data-sefam-quick-size 73426 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 73427 > 73428 <span class="split-variant-value"> 73429 73430 73431 73432 73433 73434 73435 73436 S 73437 73438 73439</span> 73440 </label> 73441 </div> 73442 73443 <div 73444 class="in-use bt-qatc-form-variant-input" 73445 73446 > 73447 <input 73448 type="radio" 73449 name="id" 73450 id="-52378921828648" 73451 value="52378921828648" 73452 data-price="949000" 73453 data-item-id="10439037813032" 73454 hidden 73455 73456 data-item-id="10439037813032" 73457 73458 > 73459 73460 <label 73461 for="-52378921828648" 73462 data-sefam-quick-size 73463 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 73464 >
73465 <span class="split-variant-value"> 73466 73467 73468 73469 73470 73471 73472 73473 M 73474 73475 73476</span> 73477 </label> 73478 </div> 73479 73480 <div 73481 class="in-use bt-qatc-form-variant-input" 73482 73483 > 73484 <input 73485 type="radio" 73486 name="id" 73487 id="-52378921861416" 73488 value="52378921861416" 73489 data-price="949000" 73490 data-item-id="10439037813032" 73491 hidden 73492 73493 data-item-id="10439037813032" 73494 73495 > 73496 73497 <label 73498 for="-52378921861416" 73499 data-sefam-quick-size 73500 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 73501 > 73502 <span class="split-variant-value"> 73503 73504 73505 73506 73507 73508 73509 73510 L 73511 73512 73513</span> 73514 </label> 73515 </div> 73516 73517 </div> 73518 73519 73520 73521 73522 </div> 73523 </form> 73524 </div> 73525 </div> 73526 73527 73528 73529 73530 73531 73532 73533 73534 73535 73536 73537 73538 73539 73540 73541 73542 73543 73544 73545 73546 73547 73548 73549 73550 73551 73552 73553 73554 73555 73556 73557 73558 73559 73560 73561 73562 73563 73564 73565 73566 73567 73568 <div 73569 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 73570 > 73571 <div class="ethnc-qatc-btn cstm-add-btn visible"> 73572 <span class="small-hide hide-mobile">Add to Basket</span> 73573 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 73574 </span> 73575 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 73576 width="11" 73577 height="11" 73578 viewBox="0 0 11 11" 73579 fill="none" 73580> 73581 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 73582 fill="black" 73583 /> 73584</svg> 73585</span> 73586 </div> 73587 </div> 73588 73589 73590 </div> 73591 73592 <div class="card__content aiza2"> 73593 <div class="card__information"> 73594 <small class="product-brand"> 73595 Kayseria 73596 </small> 73597 <h3 73598 class="card__heading h5" 73599 73600 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10439037813032" 73601 73602 > 73603 <a 73604 href="/products/mcp2510" 73605 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10439037813032" 73606 class="full-unstyled-link" 73607 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10439037813032 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10439037813032" 73608 > 73609 MARINA | SOLID 73610 73611 <div class="card_colorways_container" onclick="event.stopPropagation();"> 73612 73613 73614 � 73615 </div> 73616 </a> 73617 73618 </h3> 73619 73620 <h3 class="product-subtitle hidden">RTW | SHIRT & SHALWAR</h3> 73621 73622 <div class="card-information"><span class="caption-large light"></span> 73623<div 73624 class=" 73625 price " 73626 > 73627 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
73628 <span class="price-item price-item--regular"> 73629 <span class=money>Rs.9,490</span> 73630 </span></div> 73631 <div class="price__sale"> 73632 <span class="visually-hidden visually-hidden--inline">Regular price</span> 73633 <span> 73634 <s class="price-item price-item--regular"> 73635 73636 <span class=money>Rs.9,490</span> 73637 73638 </s> 73639 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 73640 <span class="price-item price-item--sale price-item--last"> 73641 73642 73643 73644 73645 <span class="percentage__sale hidden">0% OFF</span> 73646 73647 <span class=money>Rs.9,490</span> 73648 </span> 73649 </div> 73650 <small class="unit-price caption hidden"> 73651 <span class="visually-hidden">Unit price</span> 73652 <span class="price-item price-item--last"> 73653 <span></span> 73654 <span aria-hidden="true">/</span> 73655 <span class="visually-hidden"> per </span> 73656 <span> 73657 </span> 73658 </span> 73659 </small> 73660 </div></div> 73661 73662 73663 73664 </div> 73665 </div> 73666 </div> 73667 73668 </div> 73669 </div><style> 73670/* ========================================================= 73671 DESKTOP PRODUCT CARD QUICK ADD 73672 LEFT = sizes 73673 RIGHT = original bag icon 73674 Mobile behavior remains unchanged 73675 ========================================================= */ 73676@media (min-width: 990px) { 73677 .hide-desktop { 73678 display: none !important; 73679 } 73680 73681 /* Keep both controls on the same bottom row */ 73682 .card-wrapper-box { 73683 position: relative; 73684 } 73685 73686 .card-wrapper-box .bt-qatc-container, 73687 .card-wrapper-box .ethnc-qatc-btn-container { 73688 position: absolute !important; 73689 bottom: 0 !important; 73690 z-index: 8 !important; 73691 } 73692 73693 /* LEFT: size area */ 73694 .card-wrapper-box .bt-qatc-container { 73695 left: 0 !important; 73696 right: 46px !important; 73697 width: auto !important; 73698 } 73699 73700 .card-wrapper-box .bt-qatc-form-container { 73701 left: 0 !important; 73702 right: 0 !important; 73703 bottom: -350% !important; 73704 width: 100% !important; 73705 min-height: 43px !important; 73706 opacity: 0 !important; 73707 visibility: hidden !important; 73708 pointer-events: none !important; 73709 transition: bottom .22s ease, opacity .18s ease !important; 73710 } 73711 73712 .card-wrapper-box .bt-qatc-form, 73713 .card-wrapper-box .bt-qatc-form-variants-container, 73714 .card-wrapper-box .bt-qatc-form-variants--list { 73715 width: 100% !important; 73716 } 73717 73718 .card-wrapper-box .bt-qatc-form-variants--list { 73719 display: flex !important; 73720 align-items: center !important; 73721 flex-wrap: wrap !important; 73722 gap: 0 !important; 73723 min-height: 43px !important; 73724 } 73725 73726 /* RIGHT: original bag button */ 73727 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 73728 display: flex !important; 73729 align-items: stretch !important; 73730 justify-content: center !important; 73731 left: auto !important; 73732 right: 0 !important; 73733 width: 46px !important; 73734 height: 43px !important; 73735 opacity: 0 !important; 73736 visibility: hidden !important; 73737 pointer-events: none !important; 73738 transition: opacity .18s ease !important; 73739 } 73740 73741 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 73742 display: flex !important; 73743 align-items: center !important; 73744 justify-content: center !important; 73745 width: 46px !important; 73746 height: 43px !important; 73747 min-width: 46px !important; 73748 padding: 0 !important; 73749 cursor: pointer !important; 73750 } 73751 73752 /* Hide Add to Basket text on desktop; keep only bag icon */ 73753 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 73754 display: none !important; 73755 } 73756 73757 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 73758 display: flex !important; 73759 align-items: center !important; 73760 justify-content: center !important; 73761 width: 100% !important; 73762 height: 100% !important; 73763 padding: 0 !important; 73764 } 73765 73766 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 73767 display: block !important; 73768 width: 16px !important; 73769 height: 17px !important; 73770 } 73771 73772 /* Show sizes + bag together on desktop hover */ 73773 .card-wrapper-box:hover .bt-qatc-form-container { 73774 bottom: 0 !important; 73775 opacity: 1 !important; 73776 visibility: visible !important; 73777 pointer-events: auto !important; 73778 } 73779 73780 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 73781 opacity: 1 !important; 73782 visibility: visible !important; 73783 pointer-events: auto !important; 73784 } 73785} 73786 73787@media (max-width: 989px) { 73788 .hide-mobile { 73789 display: none; 73790 } 73791} 73792</style> 73793 73794 73795<style> 73796/* ========================================================= 73797 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 73798 Keeps all sizes in one clean row on the left 73799 and the bag icon fixed on the right. 73800 ========================================================= */ 73801@media (min-width: 990px) { 73802 73803 .card-wrapper-box .bt-qatc-form-container { 73804 height: 43px !important; 73805 min-height: 43px !important; 73806 max-height: 43px !important; 73807 overflow: hidden !important; 73808 background: rgba(255,255,255,.96) !important; 73809 } 73810 73811 .card-wrapper-box .bt-qatc-form { 73812 display: block !important; 73813 height: 43px !important; 73814 min-height: 43px !important; 73815 margin: 0 !important; 73816 padding: 0 !important; 73817 } 73818 73819 .card-wrapper-box .bt-qatc-form-variants-container { 73820 display: block !important; 73821 width: 100% !important; 73822 height: 43px !important; 73823 min-height: 43px !important; 73824 margin: 0 !important; 73825 padding: 0 !important; 73826 } 73827 73828 .card-wrapper-box .bt-qatc-form-variants--list { 73829 display: flex !important; 73830 flex-direction: row !important; 73831 flex-wrap: wrap !important;
73832 align-items: center !important; 73833 justify-content: center !important; 73834 73835 width: 100% !important; 73836 height: 43px !important; 73837 min-height: 43px !important; 73838 73839 margin: 0 !important; 73840 padding: 0 6px !important; 73841 gap: 2px !important; 73842 73843 box-sizing: border-box !important; 73844 overflow: visible !important; 73845 white-space: normal !important; 73846 } 73847 73848 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 73849 display: none !important; 73850 } 73851 73852 .card-wrapper-box .bt-qatc-form-variant-input { 73853 position: relative !important; 73854 73855 display: flex !important; 73856 align-items: center !important; 73857 justify-content: center !important; 73858 73859 flex: 0 0 auto !important; 73860 width: auto !important; 73861 min-width: 32px !important; 73862 height: 43px !important; 73863 73864 margin: 0 !important; 73865 padding: 0 !important; 73866 73867 border: 0 !important; 73868 background: transparent !important; 73869 } 73870 73871 .card-wrapper-box .bt-qatc-form-variant-input label { 73872 position: static !important; 73873 73874 display: flex !important; 73875 align-items: center !important; 73876 justify-content: center !important; 73877 73878 width: auto !important; 73879 min-width: 32px !important; 73880 height: 32px !important; 73881 73882 margin: 0 !important; 73883 padding: 0 6px !important; 73884 73885 box-sizing: border-box !important; 73886 73887 background: transparent !important; 73888 border: 0 !important; 73889 73890 color: #111 !important; 73891 font-size: 12px !important; 73892 line-height: 1 !important; 73893 font-weight: 400 !important; 73894 73895 white-space: nowrap !important; 73896 cursor: pointer !important; 73897 } 73898 73899 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 73900 display: block !important; 73901 width: auto !important; 73902 max-width: none !important; 73903 73904 margin: 0 !important; 73905 padding: 0 !important; 73906 73907 overflow: visible !important; 73908 white-space: nowrap !important; 73909 text-overflow: clip !important; 73910 73911 font-size: inherit !important; 73912 line-height: inherit !important; 73913 } 73914 73915 /* Sold-out size */ 73916 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 73917 opacity: .35 !important; 73918 text-decoration: line-through !important; 73919 cursor: not-allowed !important; 73920 } 73921 73922 /* Optional hover feedback */ 73923 .card-wrapper-box 73924 .bt-qatc-form-variant-input:not(.is-disbaled) 73925 label:hover { 73926 text-decoration: underline !important; 73927 text-underline-offset: 3px !important; 73928 } 73929 73930 /* Prevent old theme transforms / absolute positions */ 73931 .card-wrapper-box .bt-qatc-form-variant-input *, 73932 .card-wrapper-box .bt-qatc-form-variants--list * { 73933 transform: none; 73934 } 73935} 73936</style> 73937 73938 73939<style> 73940/* Desktop quick-add: use one seamless background for sizes + bag */ 73941@media (min-width: 990px) { 73942 .card-wrapper-box .bt-qatc-form-container, 73943 .card-wrapper-box .bt-qatc-form, 73944 .card-wrapper-box .bt-qatc-form-variants-container, 73945 .card-wrapper-box .bt-qatc-form-variants--list, 73946 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 73947 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 73948 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 73949 background: rgba(255,255,255,.96) !important; 73950 } 73951 73952 /* Remove any visual split between sizes and bag */ 73953 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 73954 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 73955 border-left: 0 !important; 73956 box-shadow: none !important; 73957 } 73958} 73959</style> 73960 73961 73962<style> 73963/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 73964@media (min-width: 990px) { 73965 .card-wrapper-box .bt-qatc-form-container, 73966 .card-wrapper-box .bt-qatc-form, 73967 .card-wrapper-box .bt-qatc-form-variants-container { 73968 height: auto !important; 73969 max-height: none !important; 73970 overflow: visible !important; 73971 } 73972 73973 .card-wrapper-box .bt-qatc-form-variants--list { 73974 display: flex !important; 73975 flex-wrap: wrap !important; 73976 justify-content: center !important; 73977 align-items: center !important; 73978 height: auto !important; 73979 min-height: 43px !important; 73980 max-height: none !important; 73981 overflow: visible !important; 73982 white-space: normal !important; 73983 padding: 5px 6px !important; 73984 } 73985 73986 .card-wrapper-box .bt-qatc-form-variant-input { 73987 flex: 0 0 auto !important; 73988 } 73989} 73990</style> 73991
73992<script> 73993 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 73994 const wrap = label.closest('.bt-qatc-form-variant-input'); 73995 const form = label.closest('.bt-qatc-form'); 73996 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 73997 73998 if (!wrap || !form || !input) return; 73999 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 74000 if (label.dataset.loading === 'true') return; 74001 74002 input.checked = true; 74003 label.dataset.loading = 'true'; 74004 label.style.pointerEvents = 'none'; 74005 74006 try { 74007 const cartResp = await fetch('/cart.js', { 74008 method: 'GET', 74009 headers: { 'Accept': 'application/json' } 74010 }); 74011 74012 if (!cartResp.ok) throw new Error('Unable to read cart'); 74013 74014 const cart = await cartResp.json(); 74015 const variantId = Number(input.value); 74016 const selectedPrice = Number(input.dataset.price || 0) / 100; 74017 const totalCartPrice = Number(cart.total_price || 0) / 100; 74018 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 74019 74020 if ((totalCartPrice + selectedPrice) > 250000) { 74021 if (window.showAlert) { 74022 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 74023 } else { 74024 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 74025 } 74026 return; 74027 } 74028 74029 if (itemInCart && Number(itemInCart.quantity) >= 3) { 74030 if (window.showAlert) { 74031 window.showAlert('Limit reached: Max 3 items per size can be added'); 74032 } else { 74033 alert('Limit reached: Max 3 items per size can be added'); 74034 } 74035 return; 74036 } 74037 74038 74039 const cartSections = document.querySelector('cart-notification, cart-drawer'); 74040 const formData = new FormData(form); 74041 74042 formData.set('id', input.value); 74043 formData.set('quantity', '1'); 74044 74045 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 74046 formData.set( 74047 'sections', 74048 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 74049 ); 74050 } 74051 74052 formData.set('sections_url', window.location.pathname); 74053 74054 const addResp = await fetch('/cart/add.js', { 74055 method: 'POST', 74056 headers: { 'Accept': 'application/json' }, 74057 body: formData 74058 }); 74059 74060 const data = await addResp.json(); 74061 74062 if (!addResp.ok) { 74063 throw new Error(data.description || data.message || 'Unable to add this size'); 74064 } 74065 74066 if (cartSections && typeof cartSections.renderContents === 'function') { 74067 cartSections.renderContents(data); 74068 } else { 74069 const bubble = document.querySelector('#cart-icon-bubble'); 74070 if (bubble) bubble.click(); 74071 } 74072 74073 const card = label.closest('.card-wrapper-box'); 74074 if (card) { 74075 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 74076 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 74077 } 74078 } catch (error) { 74079 console.error('SEFAM hover size quick-add error:', error); 74080 if (window.showAlert) { 74081 window.showAlert(error.message || 'Unable to add this size to cart'); 74082 } else { 74083 alert(error.message || 'Unable to add this size to cart'); 74084 } 74085 } finally { 74086 label.dataset.loading = 'false'; 74087 label.style.pointerEvents = ''; 74088 } 74089 }; 74090</script>
74090 74091 74092<style> 74093/* Desktop quick-add final alignment: 74094 sizes start from left; bag area matches the complete quick-size background height. */ 74095@media (min-width: 990px) { 74096 .card-wrapper-box .bt-qatc-form-variants--list { 74097 justify-content: flex-start !important; 74098 align-content: center !important; 74099 text-align: left !important; 74100 } 74101 74102 .card-wrapper-box .bt-qatc-container { 74103 right: 46px !important; 74104 } 74105 74106 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 74107 top: auto !important; 74108 bottom: 0 !important; 74109 width: 46px !important; 74110 height: 100% !important; 74111 min-height: 43px !important; 74112 align-items: stretch !important; 74113 background: rgba(255,255,255,.96) !important; 74114 } 74115 74116 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 74117 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 74118 width: 46px !important; 74119 height: 100% !important; 74120 min-height: 43px !important; 74121 background: rgba(255,255,255,.96) !important; 74122 } 74123 74124 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 74125 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 74126 height: var(--sefam-quick-add-height, 43px) !important; 74127 } 74128} 74129</style>
74130<script> 74131(function () { 74132 function syncQuickAddHeight(card) { 74133 if (!card || window.innerWidth < 990) return; 74134 var panel = card.querySelector('.bt-qatc-form-container'); 74135 if (!panel) return; 74136 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 74137 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 74138 } 74139 74140 document.addEventListener('mouseover', function(e) { 74141 var card = e.target.closest('.card-wrapper-box'); 74142 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 74143 }, { passive: true }); 74144 74145 window.addEventListener('resize', function() { 74146 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 74147 }, { passive: true }); 74148})(); 74149</script>
74149 74150 74151 74152 74153<style> 74154/* ========================================================= 74155 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 74156 - reduce space between sizes 74157 - keep sizes left aligned 74158 - keep the bag icon on the BOTTOM row 74159 - bag background still matches the full size panel 74160 ========================================================= */ 74161@media (min-width: 990px) { 74162 74163 /* More usable width for sizes */ 74164 .card-wrapper-box .bt-qatc-container { 74165 right: 42px !important; 74166 } 74167 74168 /* Compact, left-aligned size list */ 74169 .card-wrapper-box .bt-qatc-form-variants--list { 74170 justify-content: flex-start !important; 74171 align-items: center !important; 74172 align-content: center !important; 74173 74174 column-gap: 0 !important; 74175 row-gap: 0 !important; 74176 74177 padding: 4px 4px !important; 74178 margin: 0 !important; 74179 } 74180 74181 .card-wrapper-box .bt-qatc-form-variant-input { 74182 min-width: 0 !important; 74183 width: auto !important; 74184 height: 35px !important; 74185 margin: 0 !important; 74186 padding: 0 !important; 74187 } 74188 74189 .card-wrapper-box .bt-qatc-form-variant-input label { 74190 min-width: 0 !important; 74191 width: auto !important; 74192 height: 35px !important; 74193 74194 margin: 0 !important; 74195 padding: 0 4px !important; 74196 74197 font-size: 12px !important; 74198 line-height: 1 !important; 74199 } 74200 74201 /* Bag column keeps the same full white background as the sizes */ 74202 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 74203 right: 0 !important; 74204 bottom: 0 !important; 74205 top: auto !important; 74206 74207 width: 42px !important; 74208 min-width: 42px !important; 74209 height: var(--sefam-quick-add-height, 43px) !important; 74210 min-height: 43px !important; 74211 74212 display: flex !important; 74213 flex-direction: column !important; 74214 justify-content: flex-end !important; 74215 align-items: stretch !important; 74216 74217 padding: 0 !important; 74218 margin: 0 !important; 74219 74220 background: rgba(255,255,255,.96) !important; 74221 } 74222 74223 /* The clickable bag itself always sits at the bottom */ 74224 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 74225 width: 42px !important; 74226 min-width: 42px !important; 74227 height: 43px !important; 74228 min-height: 43px !important; 74229 74230 margin-top: auto !important; 74231 padding: 0 !important; 74232 74233 display: flex !important; 74234 align-items: center !important; 74235 justify-content: center !important; 74236 74237 background: rgba(255,255,255,.96) !important; 74238 } 74239 74240 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 74241 width: 42px !important; 74242 height: 43px !important; 74243 min-height: 43px !important; 74244 74245 display: flex !important; 74246 align-items: center !important; 74247 justify-content: center !important; 74248 74249 padding: 0 !important; 74250 margin: 0 !important; 74251 74252 background: transparent !important; 74253 } 74254 74255 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 74256 width: 16px !important; 74257 height: 17px !important; 74258 } 74259} 74260</style> 74261 74262 74263<style> 74264/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 74265@media (min-width: 990px) { 74266 .card-wrapper-box .bt-qatc-form-variants--list { 74267 padding: 3px 4px !important; 74268 column-gap: 0 !important; 74269 row-gap: 0 !important; 74270 justify-content: flex-start !important; 74271 align-items: center !important; 74272 align-content: center !important; 74273 } 74274 74275 .card-wrapper-box .bt-qatc-form-variant-input { 74276 min-width: 0 !important; 74277 width: auto !important; 74278 height: 30px !important; 74279 margin: 0 !important; 74280 padding: 0 !important; 74281 } 74282 74283 .card-wrapper-box .bt-qatc-form-variant-input label { 74284 min-width: 0 !important; 74285 width: auto !important; 74286 height: 30px !important; 74287 margin: 0 !important; 74288 padding: 0 4px !important; 74289 font-size: 12px !important; 74290 line-height: 1 !important; 74291 display: flex !important; 74292 align-items: center !important; 74293 justify-content: center !important; 74294 } 74295 74296 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 74297 display: flex !important; 74298 flex-direction: column !important; 74299 justify-content: flex-end !important;
74300 align-items: stretch !important; 74301 bottom: 0 !important; 74302 top: auto !important; 74303 height: var(--sefam-quick-add-height, 36px) !important; 74304 min-height: 36px !important; 74305 } 74306 74307 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 74308 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 74309 height: 36px !important; 74310 min-height: 36px !important; 74311 margin-top: auto !important; 74312 } 74313} 74314</style> 74315 74316<style> 74317 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 74318 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 74319 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 74320 .card_colorways_container .new-mbl-color-single label span, 74321 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 74322 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 74323</style> 74324 74325 </li> 74326 74327 <li 74328 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_aLwpHn-2" 74329 class="grid__item slider__slide" 74330 > 74331 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 74332� 74333 74334 74335 � 74336 74337 74338 74339 <div class="card-wrapper product-card-wrapper"> 74340 <div 74341 class=" 74342 card card--standard 74343 card--media 74344 74345 74346 74347 74348 74349 " 74350 style="--ratio-percent: 150.00000000000003%;" 74351 74352 > 74353 <div class="card-wrapper-box"> 74354 74355 <div 74356 class="card__inner color-scheme-2 gradient ratio" 74357 style="--ratio-percent: 150.00000000000003%;" 74358 74359 > 74360 �<a href="/products/mcp2502"> 74361 74362 �<div class="card-prdct2 card__media"> 74363 <div class="media media--transparent mt3"> 74364 74365 74366 <img 74367 src="//sefam.com/cdn/shop/files/MCP2502_8.jpg?v=1789377799&width=800" 74368 srcset="//sefam.com/cdn/shop/files/MCP2502_8.jpg?v=1789377799&width=1600 2x" 74369 class="" 74370 alt="MARINA | SOLID" 74371 74372 loading="lazy" 74373 74374 width="2400" 74375 height="3600" 74376 > 74377 �<img 74378 src="//sefam.com/cdn/shop/files/MCP2502_2.jpg?v=1789377799&width=800" 74379 srcset="//sefam.com/cdn/shop/files/MCP2502_2.jpg?v=1789377799&width=1600 2x" 74380 alt="MARINA | SOLID" 74381 loading="lazy" 74382 width="2400" 74383 height="3600" 74384 data-index="" 74385 > 74386 74387 � 74388 </div> 74389 74390 74391 </div> 74392 </a> 74393 </div> 74394 74395 74396 74397 74398 <div class="bt-qatc-container"> 74399 <div class="bt-qatc-form-container"> 74400 <div class="bt-qatc-form-content large-up-hide medium-hide"> 74401 <h3>MARINA | SOLID</h3> 74402 74403<div 74404 class=" 74405 price " 74406 > 74407 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 74408 <span class="price-item price-item--regular"> 74409 <span class=money>Rs.8,490</span> 74410 </span></div> 74411 <div class="price__sale"> 74412 <span class="visually-hidden visually-hidden--inline">Regular price</span> 74413 <span> 74414 <s class="price-item price-item--regular"> 74415 74416 <span class=money>Rs.8,490</span> 74417 74418 </s> 74419 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
74420 <span class="price-item price-item--sale price-item--last"> 74421 74422 74423 74424 74425 <span class="percentage__sale hidden">0% OFF</span> 74426 74427 <span class=money>Rs.8,490</span> 74428 </span> 74429 </div> 74430 <small class="unit-price caption hidden"> 74431 <span class="visually-hidden">Unit price</span> 74432 <span class="price-item price-item--last"> 74433 <span></span> 74434 <span aria-hidden="true">/</span> 74435 <span class="visually-hidden"> per </span> 74436 <span> 74437 </span> 74438 </span> 74439 </small> 74440 </div></div> 74441 74442 74443 74444 </div> 74445 <div 74446 class="ethnc-form-media large-up-hide medium-hide" 74447 74448 ></div> 74449 <form method="post" action="/cart/add" class="bt-qatc-form"> 74450 <input type="hidden" name="quantity" value="1"> 74451 <div class="bt-qatc-form-variants-container"> 74452 <div class="bt-qatc-form-variants--list"> 74453 74454 <div 74455 class="in-use bt-qatc-form-variant-input" 74456 74457 > 74458 <input 74459 type="radio" 74460 name="id" 74461 id="-52321677902120" 74462 value="52321677902120" 74463 data-price="849000" 74464 data-item-id="10424421482792" 74465 hidden 74466 74467 data-item-id="10424421482792" 74468 74469 > 74470 74471 <label 74472 for="-52321677902120" 74473 data-sefam-quick-size 74474 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 74475 > 74476 <span class="split-variant-value"> 74477 74478 74479 74480 74481 74482 74483 74484 XS 74485 74486 74487</span> 74488 </label> 74489 </div> 74490 74491 <div 74492 class="in-use bt-qatc-form-variant-input" 74493 74494 > 74495 <input 74496 type="radio" 74497 name="id" 74498 id="-52321677934888" 74499 value="52321677934888" 74500 data-price="849000" 74501 data-item-id="10424421482792" 74502 hidden 74503 74504 data-item-id="10424421482792" 74505 74506 > 74507 74508 <label 74509 for="-52321677934888" 74510 data-sefam-quick-size 74511 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 74512 > 74513 <span class="split-variant-value"> 74514 74515 74516 74517 74518 74519 74520 74521 S 74522 74523 74524</span> 74525 </label> 74526 </div> 74527 74528 <div 74529 class="in-use bt-qatc-form-variant-input" 74530 74531 > 74532 <input 74533 type="radio" 74534 name="id" 74535 id="-52321677967656" 74536 value="52321677967656" 74537 data-price="849000" 74538 data-item-id="10424421482792" 74539 hidden 74540 74541 data-item-id="10424421482792" 74542 74543 > 74544 74545 <label 74546 for="-52321677967656" 74547 data-sefam-quick-size 74548 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 74549 >
74550 <span class="split-variant-value"> 74551 74552 74553 74554 74555 74556 74557 74558 M 74559 74560 74561</span> 74562 </label> 74563 </div> 74564 74565 <div 74566 class="in-use bt-qatc-form-variant-input" 74567 74568 > 74569 <input 74570 type="radio" 74571 name="id" 74572 id="-52321678000424" 74573 value="52321678000424" 74574 data-price="849000" 74575 data-item-id="10424421482792" 74576 hidden 74577 74578 data-item-id="10424421482792" 74579 74580 > 74581 74582 <label 74583 for="-52321678000424" 74584 data-sefam-quick-size 74585 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 74586 > 74587 <span class="split-variant-value"> 74588 74589 74590 74591 74592 74593 74594 74595 L 74596 74597 74598</span> 74599 </label> 74600 </div> 74601 74602 </div> 74603 74604 74605 74606 74607 </div> 74608 </form> 74609 </div> 74610 </div> 74611 74612 74613 74614 74615 74616 74617 74618 74619 74620 74621 74622 74623 74624 74625 74626 74627 74628 74629 74630 74631 74632 74633 74634 74635 74636 74637 74638 74639 74640 74641 74642 74643 74644 74645 74646 74647 74648 74649 74650 74651 74652 74653 74654 74655 74656 <div 74657 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 74658 > 74659 <div class="ethnc-qatc-btn cstm-add-btn visible"> 74660 <span class="small-hide hide-mobile">Add to Basket</span> 74661 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 74662 </span> 74663 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 74664 width="11" 74665 height="11" 74666 viewBox="0 0 11 11" 74667 fill="none" 74668> 74669 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 74670 fill="black" 74671 /> 74672</svg> 74673</span> 74674 </div> 74675 </div> 74676 74677 74678 </div> 74679 74680 <div class="card__content aiza2"> 74681 <div class="card__information"> 74682 <small class="product-brand"> 74683 Kayseria 74684 </small> 74685 <h3 74686 class="card__heading h5" 74687 74688 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10424421482792" 74689 74690 > 74691 <a 74692 href="/products/mcp2502" 74693 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10424421482792" 74694 class="full-unstyled-link" 74695 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10424421482792 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10424421482792" 74696 > 74697 MARINA | SOLID 74698 74699 <div class="card_colorways_container" onclick="event.stopPropagation();"> 74700 74701 74702 � 74703 </div> 74704 </a> 74705 74706 </h3> 74707 74708 <h3 class="product-subtitle hidden">RTW | SHIRT & SHALWAR</h3> 74709 74710 <div class="card-information"><span class="caption-large light"></span> 74711<div 74712 class=" 74713 price " 74714 > 74715 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
74716 <span class="price-item price-item--regular"> 74717 <span class=money>Rs.8,490</span> 74718 </span></div> 74719 <div class="price__sale"> 74720 <span class="visually-hidden visually-hidden--inline">Regular price</span> 74721 <span> 74722 <s class="price-item price-item--regular"> 74723 74724 <span class=money>Rs.8,490</span> 74725 74726 </s> 74727 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 74728 <span class="price-item price-item--sale price-item--last"> 74729 74730 74731 74732 74733 <span class="percentage__sale hidden">0% OFF</span> 74734 74735 <span class=money>Rs.8,490</span> 74736 </span> 74737 </div> 74738 <small class="unit-price caption hidden"> 74739 <span class="visually-hidden">Unit price</span> 74740 <span class="price-item price-item--last"> 74741 <span></span> 74742 <span aria-hidden="true">/</span> 74743 <span class="visually-hidden"> per </span> 74744 <span> 74745 </span> 74746 </span> 74747 </small> 74748 </div></div> 74749 74750 74751 74752 </div> 74753 </div> 74754 </div> 74755 74756 </div> 74757 </div><style> 74758/* ========================================================= 74759 DESKTOP PRODUCT CARD QUICK ADD 74760 LEFT = sizes 74761 RIGHT = original bag icon 74762 Mobile behavior remains unchanged 74763 ========================================================= */ 74764@media (min-width: 990px) { 74765 .hide-desktop { 74766 display: none !important; 74767 } 74768 74769 /* Keep both controls on the same bottom row */ 74770 .card-wrapper-box { 74771 position: relative; 74772 } 74773 74774 .card-wrapper-box .bt-qatc-container, 74775 .card-wrapper-box .ethnc-qatc-btn-container { 74776 position: absolute !important; 74777 bottom: 0 !important; 74778 z-index: 8 !important; 74779 } 74780 74781 /* LEFT: size area */ 74782 .card-wrapper-box .bt-qatc-container { 74783 left: 0 !important; 74784 right: 46px !important; 74785 width: auto !important; 74786 } 74787 74788 .card-wrapper-box .bt-qatc-form-container { 74789 left: 0 !important; 74790 right: 0 !important; 74791 bottom: -350% !important; 74792 width: 100% !important; 74793 min-height: 43px !important; 74794 opacity: 0 !important; 74795 visibility: hidden !important; 74796 pointer-events: none !important; 74797 transition: bottom .22s ease, opacity .18s ease !important; 74798 } 74799 74800 .card-wrapper-box .bt-qatc-form, 74801 .card-wrapper-box .bt-qatc-form-variants-container, 74802 .card-wrapper-box .bt-qatc-form-variants--list { 74803 width: 100% !important; 74804 } 74805 74806 .card-wrapper-box .bt-qatc-form-variants--list { 74807 display: flex !important; 74808 align-items: center !important; 74809 flex-wrap: wrap !important; 74810 gap: 0 !important; 74811 min-height: 43px !important; 74812 } 74813 74814 /* RIGHT: original bag button */ 74815 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 74816 display: flex !important; 74817 align-items: stretch !important; 74818 justify-content: center !important; 74819 left: auto !important; 74820 right: 0 !important; 74821 width: 46px !important; 74822 height: 43px !important; 74823 opacity: 0 !important; 74824 visibility: hidden !important; 74825 pointer-events: none !important; 74826 transition: opacity .18s ease !important; 74827 } 74828 74829 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 74830 display: flex !important; 74831 align-items: center !important; 74832 justify-content: center !important; 74833 width: 46px !important; 74834 height: 43px !important; 74835 min-width: 46px !important; 74836 padding: 0 !important; 74837 cursor: pointer !important; 74838 } 74839 74840 /* Hide Add to Basket text on desktop; keep only bag icon */ 74841 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 74842 display: none !important; 74843 } 74844 74845 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 74846 display: flex !important; 74847 align-items: center !important; 74848 justify-content: center !important; 74849 width: 100% !important; 74850 height: 100% !important; 74851 padding: 0 !important; 74852 } 74853 74854 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 74855 display: block !important; 74856 width: 16px !important; 74857 height: 17px !important; 74858 } 74859 74860 /* Show sizes + bag together on desktop hover */ 74861 .card-wrapper-box:hover .bt-qatc-form-container { 74862 bottom: 0 !important; 74863 opacity: 1 !important; 74864 visibility: visible !important; 74865 pointer-events: auto !important; 74866 } 74867 74868 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 74869 opacity: 1 !important; 74870 visibility: visible !important; 74871 pointer-events: auto !important; 74872 } 74873} 74874 74875@media (max-width: 989px) { 74876 .hide-mobile { 74877 display: none; 74878 } 74879} 74880</style> 74881 74882 74883<style> 74884/* ========================================================= 74885 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 74886 Keeps all sizes in one clean row on the left 74887 and the bag icon fixed on the right. 74888 ========================================================= */ 74889@media (min-width: 990px) { 74890 74891 .card-wrapper-box .bt-qatc-form-container { 74892 height: 43px !important; 74893 min-height: 43px !important; 74894 max-height: 43px !important; 74895 overflow: hidden !important; 74896 background: rgba(255,255,255,.96) !important; 74897 } 74898 74899 .card-wrapper-box .bt-qatc-form { 74900 display: block !important; 74901 height: 43px !important; 74902 min-height: 43px !important; 74903 margin: 0 !important; 74904 padding: 0 !important; 74905 } 74906 74907 .card-wrapper-box .bt-qatc-form-variants-container { 74908 display: block !important; 74909 width: 100% !important; 74910 height: 43px !important; 74911 min-height: 43px !important; 74912 margin: 0 !important; 74913 padding: 0 !important; 74914 } 74915 74916 .card-wrapper-box .bt-qatc-form-variants--list { 74917 display: flex !important; 74918 flex-direction: row !important; 74919 flex-wrap: wrap !important;
74920 align-items: center !important; 74921 justify-content: center !important; 74922 74923 width: 100% !important; 74924 height: 43px !important; 74925 min-height: 43px !important; 74926 74927 margin: 0 !important; 74928 padding: 0 6px !important; 74929 gap: 2px !important; 74930 74931 box-sizing: border-box !important; 74932 overflow: visible !important; 74933 white-space: normal !important; 74934 } 74935 74936 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 74937 display: none !important; 74938 } 74939 74940 .card-wrapper-box .bt-qatc-form-variant-input { 74941 position: relative !important; 74942 74943 display: flex !important; 74944 align-items: center !important; 74945 justify-content: center !important; 74946 74947 flex: 0 0 auto !important; 74948 width: auto !important; 74949 min-width: 32px !important; 74950 height: 43px !important; 74951 74952 margin: 0 !important; 74953 padding: 0 !important; 74954 74955 border: 0 !important; 74956 background: transparent !important; 74957 } 74958 74959 .card-wrapper-box .bt-qatc-form-variant-input label { 74960 position: static !important; 74961 74962 display: flex !important; 74963 align-items: center !important; 74964 justify-content: center !important; 74965 74966 width: auto !important; 74967 min-width: 32px !important; 74968 height: 32px !important; 74969 74970 margin: 0 !important; 74971 padding: 0 6px !important; 74972 74973 box-sizing: border-box !important; 74974 74975 background: transparent !important; 74976 border: 0 !important; 74977 74978 color: #111 !important; 74979 font-size: 12px !important; 74980 line-height: 1 !important; 74981 font-weight: 400 !important; 74982 74983 white-space: nowrap !important; 74984 cursor: pointer !important; 74985 } 74986 74987 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 74988 display: block !important; 74989 width: auto !important; 74990 max-width: none !important; 74991 74992 margin: 0 !important; 74993 padding: 0 !important; 74994 74995 overflow: visible !important; 74996 white-space: nowrap !important; 74997 text-overflow: clip !important; 74998 74999 font-size: inherit !important; 75000 line-height: inherit !important; 75001 } 75002 75003 /* Sold-out size */ 75004 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 75005 opacity: .35 !important; 75006 text-decoration: line-through !important; 75007 cursor: not-allowed !important; 75008 } 75009 75010 /* Optional hover feedback */ 75011 .card-wrapper-box 75012 .bt-qatc-form-variant-input:not(.is-disbaled) 75013 label:hover { 75014 text-decoration: underline !important; 75015 text-underline-offset: 3px !important; 75016 } 75017 75018 /* Prevent old theme transforms / absolute positions */ 75019 .card-wrapper-box .bt-qatc-form-variant-input *, 75020 .card-wrapper-box .bt-qatc-form-variants--list * { 75021 transform: none; 75022 } 75023} 75024</style> 75025 75026 75027<style> 75028/* Desktop quick-add: use one seamless background for sizes + bag */ 75029@media (min-width: 990px) { 75030 .card-wrapper-box .bt-qatc-form-container, 75031 .card-wrapper-box .bt-qatc-form, 75032 .card-wrapper-box .bt-qatc-form-variants-container, 75033 .card-wrapper-box .bt-qatc-form-variants--list, 75034 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 75035 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 75036 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 75037 background: rgba(255,255,255,.96) !important; 75038 } 75039 75040 /* Remove any visual split between sizes and bag */ 75041 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 75042 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 75043 border-left: 0 !important; 75044 box-shadow: none !important; 75045 } 75046} 75047</style> 75048 75049 75050<style> 75051/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 75052@media (min-width: 990px) { 75053 .card-wrapper-box .bt-qatc-form-container, 75054 .card-wrapper-box .bt-qatc-form, 75055 .card-wrapper-box .bt-qatc-form-variants-container { 75056 height: auto !important; 75057 max-height: none !important; 75058 overflow: visible !important; 75059 } 75060 75061 .card-wrapper-box .bt-qatc-form-variants--list { 75062 display: flex !important; 75063 flex-wrap: wrap !important; 75064 justify-content: center !important; 75065 align-items: center !important; 75066 height: auto !important; 75067 min-height: 43px !important; 75068 max-height: none !important; 75069 overflow: visible !important; 75070 white-space: normal !important; 75071 padding: 5px 6px !important; 75072 } 75073 75074 .card-wrapper-box .bt-qatc-form-variant-input { 75075 flex: 0 0 auto !important; 75076 } 75077} 75078</style> 75079
75080<script> 75081 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 75082 const wrap = label.closest('.bt-qatc-form-variant-input'); 75083 const form = label.closest('.bt-qatc-form'); 75084 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 75085 75086 if (!wrap || !form || !input) return; 75087 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 75088 if (label.dataset.loading === 'true') return; 75089 75090 input.checked = true; 75091 label.dataset.loading = 'true'; 75092 label.style.pointerEvents = 'none'; 75093 75094 try { 75095 const cartResp = await fetch('/cart.js', { 75096 method: 'GET', 75097 headers: { 'Accept': 'application/json' } 75098 }); 75099 75100 if (!cartResp.ok) throw new Error('Unable to read cart'); 75101 75102 const cart = await cartResp.json(); 75103 const variantId = Number(input.value); 75104 const selectedPrice = Number(input.dataset.price || 0) / 100; 75105 const totalCartPrice = Number(cart.total_price || 0) / 100; 75106 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 75107 75108 if ((totalCartPrice + selectedPrice) > 250000) { 75109 if (window.showAlert) { 75110 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 75111 } else { 75112 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 75113 } 75114 return; 75115 } 75116 75117 if (itemInCart && Number(itemInCart.quantity) >= 3) { 75118 if (window.showAlert) { 75119 window.showAlert('Limit reached: Max 3 items per size can be added'); 75120 } else { 75121 alert('Limit reached: Max 3 items per size can be added'); 75122 } 75123 return; 75124 } 75125 75126 75127 const cartSections = document.querySelector('cart-notification, cart-drawer'); 75128 const formData = new FormData(form); 75129 75130 formData.set('id', input.value); 75131 formData.set('quantity', '1'); 75132 75133 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 75134 formData.set( 75135 'sections', 75136 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 75137 ); 75138 } 75139 75140 formData.set('sections_url', window.location.pathname); 75141 75142 const addResp = await fetch('/cart/add.js', { 75143 method: 'POST', 75144 headers: { 'Accept': 'application/json' }, 75145 body: formData 75146 }); 75147 75148 const data = await addResp.json(); 75149 75150 if (!addResp.ok) { 75151 throw new Error(data.description || data.message || 'Unable to add this size'); 75152 } 75153 75154 if (cartSections && typeof cartSections.renderContents === 'function') { 75155 cartSections.renderContents(data); 75156 } else { 75157 const bubble = document.querySelector('#cart-icon-bubble'); 75158 if (bubble) bubble.click(); 75159 } 75160 75161 const card = label.closest('.card-wrapper-box'); 75162 if (card) { 75163 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 75164 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 75165 } 75166 } catch (error) { 75167 console.error('SEFAM hover size quick-add error:', error); 75168 if (window.showAlert) { 75169 window.showAlert(error.message || 'Unable to add this size to cart'); 75170 } else { 75171 alert(error.message || 'Unable to add this size to cart'); 75172 } 75173 } finally { 75174 label.dataset.loading = 'false'; 75175 label.style.pointerEvents = ''; 75176 } 75177 }; 75178</script>
75178 75179 75180<style> 75181/* Desktop quick-add final alignment: 75182 sizes start from left; bag area matches the complete quick-size background height. */ 75183@media (min-width: 990px) { 75184 .card-wrapper-box .bt-qatc-form-variants--list { 75185 justify-content: flex-start !important; 75186 align-content: center !important; 75187 text-align: left !important; 75188 } 75189 75190 .card-wrapper-box .bt-qatc-container { 75191 right: 46px !important; 75192 } 75193 75194 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 75195 top: auto !important; 75196 bottom: 0 !important; 75197 width: 46px !important; 75198 height: 100% !important; 75199 min-height: 43px !important; 75200 align-items: stretch !important; 75201 background: rgba(255,255,255,.96) !important; 75202 } 75203 75204 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 75205 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 75206 width: 46px !important; 75207 height: 100% !important; 75208 min-height: 43px !important; 75209 background: rgba(255,255,255,.96) !important; 75210 } 75211 75212 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 75213 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 75214 height: var(--sefam-quick-add-height, 43px) !important; 75215 } 75216} 75217</style>
75218<script> 75219(function () { 75220 function syncQuickAddHeight(card) { 75221 if (!card || window.innerWidth < 990) return; 75222 var panel = card.querySelector('.bt-qatc-form-container'); 75223 if (!panel) return; 75224 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 75225 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 75226 } 75227 75228 document.addEventListener('mouseover', function(e) { 75229 var card = e.target.closest('.card-wrapper-box'); 75230 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 75231 }, { passive: true }); 75232 75233 window.addEventListener('resize', function() { 75234 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 75235 }, { passive: true }); 75236})(); 75237</script>
75237 75238 75239 75240 75241<style> 75242/* ========================================================= 75243 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 75244 - reduce space between sizes 75245 - keep sizes left aligned 75246 - keep the bag icon on the BOTTOM row 75247 - bag background still matches the full size panel 75248 ========================================================= */ 75249@media (min-width: 990px) { 75250 75251 /* More usable width for sizes */ 75252 .card-wrapper-box .bt-qatc-container { 75253 right: 42px !important; 75254 } 75255 75256 /* Compact, left-aligned size list */ 75257 .card-wrapper-box .bt-qatc-form-variants--list { 75258 justify-content: flex-start !important; 75259 align-items: center !important; 75260 align-content: center !important; 75261 75262 column-gap: 0 !important; 75263 row-gap: 0 !important; 75264 75265 padding: 4px 4px !important; 75266 margin: 0 !important; 75267 } 75268 75269 .card-wrapper-box .bt-qatc-form-variant-input { 75270 min-width: 0 !important; 75271 width: auto !important; 75272 height: 35px !important; 75273 margin: 0 !important; 75274 padding: 0 !important; 75275 } 75276 75277 .card-wrapper-box .bt-qatc-form-variant-input label { 75278 min-width: 0 !important; 75279 width: auto !important; 75280 height: 35px !important; 75281 75282 margin: 0 !important; 75283 padding: 0 4px !important; 75284 75285 font-size: 12px !important; 75286 line-height: 1 !important; 75287 } 75288 75289 /* Bag column keeps the same full white background as the sizes */ 75290 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 75291 right: 0 !important; 75292 bottom: 0 !important; 75293 top: auto !important; 75294 75295 width: 42px !important; 75296 min-width: 42px !important; 75297 height: var(--sefam-quick-add-height, 43px) !important; 75298 min-height: 43px !important; 75299 75300 display: flex !important; 75301 flex-direction: column !important; 75302 justify-content: flex-end !important; 75303 align-items: stretch !important; 75304 75305 padding: 0 !important; 75306 margin: 0 !important; 75307 75308 background: rgba(255,255,255,.96) !important; 75309 } 75310 75311 /* The clickable bag itself always sits at the bottom */ 75312 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 75313 width: 42px !important; 75314 min-width: 42px !important; 75315 height: 43px !important; 75316 min-height: 43px !important; 75317 75318 margin-top: auto !important; 75319 padding: 0 !important; 75320 75321 display: flex !important; 75322 align-items: center !important; 75323 justify-content: center !important; 75324 75325 background: rgba(255,255,255,.96) !important; 75326 } 75327 75328 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 75329 width: 42px !important; 75330 height: 43px !important; 75331 min-height: 43px !important; 75332 75333 display: flex !important; 75334 align-items: center !important; 75335 justify-content: center !important; 75336 75337 padding: 0 !important; 75338 margin: 0 !important; 75339 75340 background: transparent !important; 75341 } 75342 75343 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 75344 width: 16px !important; 75345 height: 17px !important; 75346 } 75347} 75348</style> 75349 75350 75351<style> 75352/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 75353@media (min-width: 990px) { 75354 .card-wrapper-box .bt-qatc-form-variants--list { 75355 padding: 3px 4px !important; 75356 column-gap: 0 !important; 75357 row-gap: 0 !important; 75358 justify-content: flex-start !important; 75359 align-items: center !important; 75360 align-content: center !important; 75361 } 75362 75363 .card-wrapper-box .bt-qatc-form-variant-input { 75364 min-width: 0 !important; 75365 width: auto !important; 75366 height: 30px !important; 75367 margin: 0 !important; 75368 padding: 0 !important; 75369 } 75370 75371 .card-wrapper-box .bt-qatc-form-variant-input label { 75372 min-width: 0 !important; 75373 width: auto !important; 75374 height: 30px !important; 75375 margin: 0 !important; 75376 padding: 0 4px !important; 75377 font-size: 12px !important; 75378 line-height: 1 !important; 75379 display: flex !important; 75380 align-items: center !important; 75381 justify-content: center !important; 75382 } 75383 75384 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 75385 display: flex !important; 75386 flex-direction: column !important; 75387 justify-content: flex-end !important;
75388 align-items: stretch !important; 75389 bottom: 0 !important; 75390 top: auto !important; 75391 height: var(--sefam-quick-add-height, 36px) !important; 75392 min-height: 36px !important; 75393 } 75394 75395 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 75396 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 75397 height: 36px !important; 75398 min-height: 36px !important; 75399 margin-top: auto !important; 75400 } 75401} 75402</style> 75403 75404<style> 75405 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 75406 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 75407 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 75408 .card_colorways_container .new-mbl-color-single label span, 75409 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 75410 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 75411</style> 75412 75413 </li> 75414 75415 <li 75416 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_aLwpHn-3" 75417 class="grid__item slider__slide" 75418 > 75419 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 75420� 75421 75422 75423 � 75424 75425 75426 75427 <div class="card-wrapper product-card-wrapper"> 75428 <div 75429 class=" 75430 card card--standard 75431 card--media 75432 75433 75434 75435 75436 75437 " 75438 style="--ratio-percent: 150.00000000000003%;" 75439 75440 > 75441 <div class="card-wrapper-box"> 75442 75443 <div 75444 class="card__inner color-scheme-2 gradient ratio" 75445 style="--ratio-percent: 150.00000000000003%;" 75446 75447 > 75448 �<a href="/products/mcp2507"> 75449 75450 �<div class="card-prdct2 card__media"> 75451 <div class="media media--transparent mt3"> 75452 75453 75454 <img 75455 src="//sefam.com/cdn/shop/files/MCP2507_9.jpg?v=1788955489&width=800" 75456 srcset="//sefam.com/cdn/shop/files/MCP2507_9.jpg?v=1788955489&width=1600 2x" 75457 class="" 75458 alt="MARINA | SOLID" 75459 75460 loading="lazy" 75461 75462 width="2400" 75463 height="3600" 75464 > 75465 �<img 75466 src="//sefam.com/cdn/shop/files/MCP2507_3.jpg?v=1788955489&width=800" 75467 srcset="//sefam.com/cdn/shop/files/MCP2507_3.jpg?v=1788955489&width=1600 2x" 75468 alt="MARINA | SOLID" 75469 loading="lazy" 75470 width="2400" 75471 height="3600" 75472 data-index="" 75473 > 75474 75475 � 75476 </div> 75477 75478 75479 </div> 75480 </a> 75481 </div> 75482 75483 75484 75485 75486 <div class="bt-qatc-container"> 75487 <div class="bt-qatc-form-container"> 75488 <div class="bt-qatc-form-content large-up-hide medium-hide"> 75489 <h3>MARINA | SOLID</h3> 75490 75491<div 75492 class=" 75493 price " 75494 > 75495 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 75496 <span class="price-item price-item--regular"> 75497 <span class=money>Rs.8,990</span> 75498 </span></div> 75499 <div class="price__sale"> 75500 <span class="visually-hidden visually-hidden--inline">Regular price</span> 75501 <span> 75502 <s class="price-item price-item--regular"> 75503 75504 <span class=money>Rs.8,990</span> 75505 75506 </s> 75507 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
75508 <span class="price-item price-item--sale price-item--last"> 75509 75510 75511 75512 75513 <span class="percentage__sale hidden">0% OFF</span> 75514 75515 <span class=money>Rs.8,990</span> 75516 </span> 75517 </div> 75518 <small class="unit-price caption hidden"> 75519 <span class="visually-hidden">Unit price</span> 75520 <span class="price-item price-item--last"> 75521 <span></span> 75522 <span aria-hidden="true">/</span> 75523 <span class="visually-hidden"> per </span> 75524 <span> 75525 </span> 75526 </span> 75527 </small> 75528 </div></div> 75529 75530 75531 75532 </div> 75533 <div 75534 class="ethnc-form-media large-up-hide medium-hide" 75535 75536 ></div> 75537 <form method="post" action="/cart/add" class="bt-qatc-form"> 75538 <input type="hidden" name="quantity" value="1"> 75539 <div class="bt-qatc-form-variants-container"> 75540 <div class="bt-qatc-form-variants--list"> 75541 75542 <div 75543 class="in-use bt-qatc-form-variant-input" 75544 75545 > 75546 <input 75547 type="radio" 75548 name="id" 75549 id="-52321680752936" 75550 value="52321680752936" 75551 data-price="899000" 75552 data-item-id="10424423579944" 75553 hidden 75554 75555 data-item-id="10424423579944" 75556 75557 > 75558 75559 <label 75560 for="-52321680752936" 75561 data-sefam-quick-size 75562 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 75563 > 75564 <span class="split-variant-value"> 75565 75566 75567 75568 75569 75570 75571 75572 XS 75573 75574 75575</span> 75576 </label> 75577 </div> 75578 75579 <div 75580 class="in-use bt-qatc-form-variant-input" 75581 75582 > 75583 <input 75584 type="radio" 75585 name="id" 75586 id="-52321680785704" 75587 value="52321680785704" 75588 data-price="899000" 75589 data-item-id="10424423579944" 75590 hidden 75591 75592 data-item-id="10424423579944" 75593 75594 > 75595 75596 <label 75597 for="-52321680785704" 75598 data-sefam-quick-size 75599 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 75600 > 75601 <span class="split-variant-value"> 75602 75603 75604 75605 75606 75607 75608 75609 S 75610 75611 75612</span> 75613 </label> 75614 </div> 75615 75616 <div 75617 class="in-use bt-qatc-form-variant-input" 75618 75619 > 75620 <input 75621 type="radio" 75622 name="id" 75623 id="-52321680818472" 75624 value="52321680818472" 75625 data-price="899000" 75626 data-item-id="10424423579944" 75627 hidden 75628 75629 data-item-id="10424423579944" 75630 75631 > 75632 75633 <label 75634 for="-52321680818472" 75635 data-sefam-quick-size 75636 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 75637 >
75638 <span class="split-variant-value"> 75639 75640 75641 75642 75643 75644 75645 75646 M 75647 75648 75649</span> 75650 </label> 75651 </div> 75652 75653 <div 75654 class="in-use bt-qatc-form-variant-input" 75655 75656 > 75657 <input 75658 type="radio" 75659 name="id" 75660 id="-52321680851240" 75661 value="52321680851240" 75662 data-price="899000" 75663 data-item-id="10424423579944" 75664 hidden 75665 75666 data-item-id="10424423579944" 75667 75668 > 75669 75670 <label 75671 for="-52321680851240" 75672 data-sefam-quick-size 75673 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 75674 > 75675 <span class="split-variant-value"> 75676 75677 75678 75679 75680 75681 75682 75683 L 75684 75685 75686</span> 75687 </label> 75688 </div> 75689 75690 </div> 75691 75692 75693 75694 75695 </div> 75696 </form> 75697 </div> 75698 </div> 75699 75700 75701 75702 75703 75704 75705 75706 75707 75708 75709 75710 75711 75712 75713 75714 75715 75716 75717 75718 75719 75720 75721 75722 75723 75724 75725 75726 75727 75728 75729 75730 75731 75732 75733 75734 75735 75736 75737 75738 75739 75740 75741 75742 75743 75744 <div 75745 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 75746 > 75747 <div class="ethnc-qatc-btn cstm-add-btn visible"> 75748 <span class="small-hide hide-mobile">Add to Basket</span> 75749 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 75750 </span> 75751 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 75752 width="11" 75753 height="11" 75754 viewBox="0 0 11 11" 75755 fill="none" 75756> 75757 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 75758 fill="black" 75759 /> 75760</svg> 75761</span> 75762 </div> 75763 </div> 75764 75765 75766 </div> 75767 75768 <div class="card__content aiza2"> 75769 <div class="card__information"> 75770 <small class="product-brand"> 75771 Kayseria 75772 </small> 75773 <h3 75774 class="card__heading h5" 75775 75776 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10424423579944" 75777 75778 > 75779 <a 75780 href="/products/mcp2507" 75781 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10424423579944" 75782 class="full-unstyled-link" 75783 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10424423579944 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10424423579944" 75784 > 75785 MARINA | SOLID 75786 75787 <div class="card_colorways_container" onclick="event.stopPropagation();"> 75788 75789 75790 � 75791 </div> 75792 </a> 75793 75794 </h3> 75795 75796 <h3 class="product-subtitle hidden">RTW | SHIRT & SHALWAR</h3> 75797 75798 <div class="card-information"><span class="caption-large light"></span> 75799<div 75800 class=" 75801 price " 75802 > 75803 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
75804 <span class="price-item price-item--regular"> 75805 <span class=money>Rs.8,990</span> 75806 </span></div> 75807 <div class="price__sale"> 75808 <span class="visually-hidden visually-hidden--inline">Regular price</span> 75809 <span> 75810 <s class="price-item price-item--regular"> 75811 75812 <span class=money>Rs.8,990</span> 75813 75814 </s> 75815 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 75816 <span class="price-item price-item--sale price-item--last"> 75817 75818 75819 75820 75821 <span class="percentage__sale hidden">0% OFF</span> 75822 75823 <span class=money>Rs.8,990</span> 75824 </span> 75825 </div> 75826 <small class="unit-price caption hidden"> 75827 <span class="visually-hidden">Unit price</span> 75828 <span class="price-item price-item--last"> 75829 <span></span> 75830 <span aria-hidden="true">/</span> 75831 <span class="visually-hidden"> per </span> 75832 <span> 75833 </span> 75834 </span> 75835 </small> 75836 </div></div> 75837 75838 75839 75840 </div> 75841 </div> 75842 </div> 75843 75844 </div> 75845 </div><style> 75846/* ========================================================= 75847 DESKTOP PRODUCT CARD QUICK ADD 75848 LEFT = sizes 75849 RIGHT = original bag icon 75850 Mobile behavior remains unchanged 75851 ========================================================= */ 75852@media (min-width: 990px) { 75853 .hide-desktop { 75854 display: none !important; 75855 } 75856 75857 /* Keep both controls on the same bottom row */ 75858 .card-wrapper-box { 75859 position: relative; 75860 } 75861 75862 .card-wrapper-box .bt-qatc-container, 75863 .card-wrapper-box .ethnc-qatc-btn-container { 75864 position: absolute !important; 75865 bottom: 0 !important; 75866 z-index: 8 !important; 75867 } 75868 75869 /* LEFT: size area */ 75870 .card-wrapper-box .bt-qatc-container { 75871 left: 0 !important; 75872 right: 46px !important; 75873 width: auto !important; 75874 } 75875 75876 .card-wrapper-box .bt-qatc-form-container { 75877 left: 0 !important; 75878 right: 0 !important; 75879 bottom: -350% !important; 75880 width: 100% !important; 75881 min-height: 43px !important; 75882 opacity: 0 !important; 75883 visibility: hidden !important; 75884 pointer-events: none !important; 75885 transition: bottom .22s ease, opacity .18s ease !important; 75886 } 75887 75888 .card-wrapper-box .bt-qatc-form, 75889 .card-wrapper-box .bt-qatc-form-variants-container, 75890 .card-wrapper-box .bt-qatc-form-variants--list { 75891 width: 100% !important; 75892 } 75893 75894 .card-wrapper-box .bt-qatc-form-variants--list { 75895 display: flex !important; 75896 align-items: center !important; 75897 flex-wrap: wrap !important; 75898 gap: 0 !important; 75899 min-height: 43px !important; 75900 } 75901 75902 /* RIGHT: original bag button */ 75903 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 75904 display: flex !important; 75905 align-items: stretch !important; 75906 justify-content: center !important; 75907 left: auto !important; 75908 right: 0 !important; 75909 width: 46px !important; 75910 height: 43px !important; 75911 opacity: 0 !important; 75912 visibility: hidden !important; 75913 pointer-events: none !important; 75914 transition: opacity .18s ease !important; 75915 } 75916 75917 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 75918 display: flex !important; 75919 align-items: center !important; 75920 justify-content: center !important; 75921 width: 46px !important; 75922 height: 43px !important; 75923 min-width: 46px !important; 75924 padding: 0 !important; 75925 cursor: pointer !important; 75926 } 75927 75928 /* Hide Add to Basket text on desktop; keep only bag icon */ 75929 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 75930 display: none !important; 75931 } 75932 75933 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 75934 display: flex !important; 75935 align-items: center !important; 75936 justify-content: center !important; 75937 width: 100% !important; 75938 height: 100% !important; 75939 padding: 0 !important; 75940 } 75941 75942 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 75943 display: block !important; 75944 width: 16px !important; 75945 height: 17px !important; 75946 } 75947 75948 /* Show sizes + bag together on desktop hover */ 75949 .card-wrapper-box:hover .bt-qatc-form-container { 75950 bottom: 0 !important; 75951 opacity: 1 !important; 75952 visibility: visible !important; 75953 pointer-events: auto !important; 75954 } 75955 75956 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 75957 opacity: 1 !important; 75958 visibility: visible !important; 75959 pointer-events: auto !important; 75960 } 75961} 75962 75963@media (max-width: 989px) { 75964 .hide-mobile { 75965 display: none; 75966 } 75967} 75968</style> 75969 75970 75971<style> 75972/* ========================================================= 75973 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 75974 Keeps all sizes in one clean row on the left 75975 and the bag icon fixed on the right. 75976 ========================================================= */ 75977@media (min-width: 990px) { 75978 75979 .card-wrapper-box .bt-qatc-form-container { 75980 height: 43px !important; 75981 min-height: 43px !important; 75982 max-height: 43px !important; 75983 overflow: hidden !important; 75984 background: rgba(255,255,255,.96) !important; 75985 } 75986 75987 .card-wrapper-box .bt-qatc-form { 75988 display: block !important; 75989 height: 43px !important; 75990 min-height: 43px !important; 75991 margin: 0 !important; 75992 padding: 0 !important; 75993 } 75994 75995 .card-wrapper-box .bt-qatc-form-variants-container { 75996 display: block !important; 75997 width: 100% !important; 75998 height: 43px !important; 75999 min-height: 43px !important; 76000 margin: 0 !important; 76001 padding: 0 !important; 76002 } 76003 76004 .card-wrapper-box .bt-qatc-form-variants--list { 76005 display: flex !important; 76006 flex-direction: row !important; 76007 flex-wrap: wrap !important;
76008 align-items: center !important; 76009 justify-content: center !important; 76010 76011 width: 100% !important; 76012 height: 43px !important; 76013 min-height: 43px !important; 76014 76015 margin: 0 !important; 76016 padding: 0 6px !important; 76017 gap: 2px !important; 76018 76019 box-sizing: border-box !important; 76020 overflow: visible !important; 76021 white-space: normal !important; 76022 } 76023 76024 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 76025 display: none !important; 76026 } 76027 76028 .card-wrapper-box .bt-qatc-form-variant-input { 76029 position: relative !important; 76030 76031 display: flex !important; 76032 align-items: center !important; 76033 justify-content: center !important; 76034 76035 flex: 0 0 auto !important; 76036 width: auto !important; 76037 min-width: 32px !important; 76038 height: 43px !important; 76039 76040 margin: 0 !important; 76041 padding: 0 !important; 76042 76043 border: 0 !important; 76044 background: transparent !important; 76045 } 76046 76047 .card-wrapper-box .bt-qatc-form-variant-input label { 76048 position: static !important; 76049 76050 display: flex !important; 76051 align-items: center !important; 76052 justify-content: center !important; 76053 76054 width: auto !important; 76055 min-width: 32px !important; 76056 height: 32px !important; 76057 76058 margin: 0 !important; 76059 padding: 0 6px !important; 76060 76061 box-sizing: border-box !important; 76062 76063 background: transparent !important; 76064 border: 0 !important; 76065 76066 color: #111 !important; 76067 font-size: 12px !important; 76068 line-height: 1 !important; 76069 font-weight: 400 !important; 76070 76071 white-space: nowrap !important; 76072 cursor: pointer !important; 76073 } 76074 76075 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 76076 display: block !important; 76077 width: auto !important; 76078 max-width: none !important; 76079 76080 margin: 0 !important; 76081 padding: 0 !important; 76082 76083 overflow: visible !important; 76084 white-space: nowrap !important; 76085 text-overflow: clip !important; 76086 76087 font-size: inherit !important; 76088 line-height: inherit !important; 76089 } 76090 76091 /* Sold-out size */ 76092 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 76093 opacity: .35 !important; 76094 text-decoration: line-through !important; 76095 cursor: not-allowed !important; 76096 } 76097 76098 /* Optional hover feedback */ 76099 .card-wrapper-box 76100 .bt-qatc-form-variant-input:not(.is-disbaled) 76101 label:hover { 76102 text-decoration: underline !important; 76103 text-underline-offset: 3px !important; 76104 } 76105 76106 /* Prevent old theme transforms / absolute positions */ 76107 .card-wrapper-box .bt-qatc-form-variant-input *, 76108 .card-wrapper-box .bt-qatc-form-variants--list * { 76109 transform: none; 76110 } 76111} 76112</style> 76113 76114 76115<style> 76116/* Desktop quick-add: use one seamless background for sizes + bag */ 76117@media (min-width: 990px) { 76118 .card-wrapper-box .bt-qatc-form-container, 76119 .card-wrapper-box .bt-qatc-form, 76120 .card-wrapper-box .bt-qatc-form-variants-container, 76121 .card-wrapper-box .bt-qatc-form-variants--list, 76122 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 76123 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 76124 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 76125 background: rgba(255,255,255,.96) !important; 76126 } 76127 76128 /* Remove any visual split between sizes and bag */ 76129 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 76130 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 76131 border-left: 0 !important; 76132 box-shadow: none !important; 76133 } 76134} 76135</style> 76136 76137 76138<style> 76139/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 76140@media (min-width: 990px) { 76141 .card-wrapper-box .bt-qatc-form-container, 76142 .card-wrapper-box .bt-qatc-form, 76143 .card-wrapper-box .bt-qatc-form-variants-container { 76144 height: auto !important; 76145 max-height: none !important; 76146 overflow: visible !important; 76147 } 76148 76149 .card-wrapper-box .bt-qatc-form-variants--list { 76150 display: flex !important; 76151 flex-wrap: wrap !important; 76152 justify-content: center !important; 76153 align-items: center !important; 76154 height: auto !important; 76155 min-height: 43px !important; 76156 max-height: none !important; 76157 overflow: visible !important; 76158 white-space: normal !important; 76159 padding: 5px 6px !important; 76160 } 76161 76162 .card-wrapper-box .bt-qatc-form-variant-input { 76163 flex: 0 0 auto !important; 76164 } 76165} 76166</style> 76167
76168<script> 76169 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 76170 const wrap = label.closest('.bt-qatc-form-variant-input'); 76171 const form = label.closest('.bt-qatc-form'); 76172 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 76173 76174 if (!wrap || !form || !input) return; 76175 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 76176 if (label.dataset.loading === 'true') return; 76177 76178 input.checked = true; 76179 label.dataset.loading = 'true'; 76180 label.style.pointerEvents = 'none'; 76181 76182 try { 76183 const cartResp = await fetch('/cart.js', { 76184 method: 'GET', 76185 headers: { 'Accept': 'application/json' } 76186 }); 76187 76188 if (!cartResp.ok) throw new Error('Unable to read cart'); 76189 76190 const cart = await cartResp.json(); 76191 const variantId = Number(input.value); 76192 const selectedPrice = Number(input.dataset.price || 0) / 100; 76193 const totalCartPrice = Number(cart.total_price || 0) / 100; 76194 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 76195 76196 if ((totalCartPrice + selectedPrice) > 250000) { 76197 if (window.showAlert) { 76198 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 76199 } else { 76200 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 76201 } 76202 return; 76203 } 76204 76205 if (itemInCart && Number(itemInCart.quantity) >= 3) { 76206 if (window.showAlert) { 76207 window.showAlert('Limit reached: Max 3 items per size can be added'); 76208 } else { 76209 alert('Limit reached: Max 3 items per size can be added'); 76210 } 76211 return; 76212 } 76213 76214 76215 const cartSections = document.querySelector('cart-notification, cart-drawer'); 76216 const formData = new FormData(form); 76217 76218 formData.set('id', input.value); 76219 formData.set('quantity', '1'); 76220 76221 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 76222 formData.set( 76223 'sections', 76224 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 76225 ); 76226 } 76227 76228 formData.set('sections_url', window.location.pathname); 76229 76230 const addResp = await fetch('/cart/add.js', { 76231 method: 'POST', 76232 headers: { 'Accept': 'application/json' }, 76233 body: formData 76234 }); 76235 76236 const data = await addResp.json(); 76237 76238 if (!addResp.ok) { 76239 throw new Error(data.description || data.message || 'Unable to add this size'); 76240 } 76241 76242 if (cartSections && typeof cartSections.renderContents === 'function') { 76243 cartSections.renderContents(data); 76244 } else { 76245 const bubble = document.querySelector('#cart-icon-bubble'); 76246 if (bubble) bubble.click(); 76247 } 76248 76249 const card = label.closest('.card-wrapper-box'); 76250 if (card) { 76251 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 76252 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 76253 } 76254 } catch (error) { 76255 console.error('SEFAM hover size quick-add error:', error); 76256 if (window.showAlert) { 76257 window.showAlert(error.message || 'Unable to add this size to cart'); 76258 } else { 76259 alert(error.message || 'Unable to add this size to cart'); 76260 } 76261 } finally { 76262 label.dataset.loading = 'false'; 76263 label.style.pointerEvents = ''; 76264 } 76265 }; 76266</script>
76266 76267 76268<style> 76269/* Desktop quick-add final alignment: 76270 sizes start from left; bag area matches the complete quick-size background height. */ 76271@media (min-width: 990px) { 76272 .card-wrapper-box .bt-qatc-form-variants--list { 76273 justify-content: flex-start !important; 76274 align-content: center !important; 76275 text-align: left !important; 76276 } 76277 76278 .card-wrapper-box .bt-qatc-container { 76279 right: 46px !important; 76280 } 76281 76282 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 76283 top: auto !important; 76284 bottom: 0 !important; 76285 width: 46px !important; 76286 height: 100% !important; 76287 min-height: 43px !important; 76288 align-items: stretch !important; 76289 background: rgba(255,255,255,.96) !important; 76290 } 76291 76292 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 76293 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 76294 width: 46px !important; 76295 height: 100% !important; 76296 min-height: 43px !important; 76297 background: rgba(255,255,255,.96) !important; 76298 } 76299 76300 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 76301 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 76302 height: var(--sefam-quick-add-height, 43px) !important; 76303 } 76304} 76305</style>
76306<script> 76307(function () { 76308 function syncQuickAddHeight(card) { 76309 if (!card || window.innerWidth < 990) return; 76310 var panel = card.querySelector('.bt-qatc-form-container'); 76311 if (!panel) return; 76312 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 76313 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 76314 } 76315 76316 document.addEventListener('mouseover', function(e) { 76317 var card = e.target.closest('.card-wrapper-box'); 76318 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 76319 }, { passive: true }); 76320 76321 window.addEventListener('resize', function() { 76322 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 76323 }, { passive: true }); 76324})(); 76325</script>
76325 76326 76327 76328 76329<style> 76330/* ========================================================= 76331 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 76332 - reduce space between sizes 76333 - keep sizes left aligned 76334 - keep the bag icon on the BOTTOM row 76335 - bag background still matches the full size panel 76336 ========================================================= */ 76337@media (min-width: 990px) { 76338 76339 /* More usable width for sizes */ 76340 .card-wrapper-box .bt-qatc-container { 76341 right: 42px !important; 76342 } 76343 76344 /* Compact, left-aligned size list */ 76345 .card-wrapper-box .bt-qatc-form-variants--list { 76346 justify-content: flex-start !important; 76347 align-items: center !important; 76348 align-content: center !important; 76349 76350 column-gap: 0 !important; 76351 row-gap: 0 !important; 76352 76353 padding: 4px 4px !important; 76354 margin: 0 !important; 76355 } 76356 76357 .card-wrapper-box .bt-qatc-form-variant-input { 76358 min-width: 0 !important; 76359 width: auto !important; 76360 height: 35px !important; 76361 margin: 0 !important; 76362 padding: 0 !important; 76363 } 76364 76365 .card-wrapper-box .bt-qatc-form-variant-input label { 76366 min-width: 0 !important; 76367 width: auto !important; 76368 height: 35px !important; 76369 76370 margin: 0 !important; 76371 padding: 0 4px !important; 76372 76373 font-size: 12px !important; 76374 line-height: 1 !important; 76375 } 76376 76377 /* Bag column keeps the same full white background as the sizes */ 76378 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 76379 right: 0 !important; 76380 bottom: 0 !important; 76381 top: auto !important; 76382 76383 width: 42px !important; 76384 min-width: 42px !important; 76385 height: var(--sefam-quick-add-height, 43px) !important; 76386 min-height: 43px !important; 76387 76388 display: flex !important; 76389 flex-direction: column !important; 76390 justify-content: flex-end !important; 76391 align-items: stretch !important; 76392 76393 padding: 0 !important; 76394 margin: 0 !important; 76395 76396 background: rgba(255,255,255,.96) !important; 76397 } 76398 76399 /* The clickable bag itself always sits at the bottom */ 76400 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 76401 width: 42px !important; 76402 min-width: 42px !important; 76403 height: 43px !important; 76404 min-height: 43px !important; 76405 76406 margin-top: auto !important; 76407 padding: 0 !important; 76408 76409 display: flex !important; 76410 align-items: center !important; 76411 justify-content: center !important; 76412 76413 background: rgba(255,255,255,.96) !important; 76414 } 76415 76416 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 76417 width: 42px !important; 76418 height: 43px !important; 76419 min-height: 43px !important; 76420 76421 display: flex !important; 76422 align-items: center !important; 76423 justify-content: center !important; 76424 76425 padding: 0 !important; 76426 margin: 0 !important; 76427 76428 background: transparent !important; 76429 } 76430 76431 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 76432 width: 16px !important; 76433 height: 17px !important; 76434 } 76435} 76436</style> 76437 76438 76439<style> 76440/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 76441@media (min-width: 990px) { 76442 .card-wrapper-box .bt-qatc-form-variants--list { 76443 padding: 3px 4px !important; 76444 column-gap: 0 !important; 76445 row-gap: 0 !important; 76446 justify-content: flex-start !important; 76447 align-items: center !important; 76448 align-content: center !important; 76449 } 76450 76451 .card-wrapper-box .bt-qatc-form-variant-input { 76452 min-width: 0 !important; 76453 width: auto !important; 76454 height: 30px !important; 76455 margin: 0 !important; 76456 padding: 0 !important; 76457 } 76458 76459 .card-wrapper-box .bt-qatc-form-variant-input label { 76460 min-width: 0 !important; 76461 width: auto !important; 76462 height: 30px !important; 76463 margin: 0 !important; 76464 padding: 0 4px !important; 76465 font-size: 12px !important; 76466 line-height: 1 !important; 76467 display: flex !important; 76468 align-items: center !important; 76469 justify-content: center !important; 76470 } 76471 76472 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 76473 display: flex !important; 76474 flex-direction: column !important; 76475 justify-content: flex-end !important;
76476 align-items: stretch !important; 76477 bottom: 0 !important; 76478 top: auto !important; 76479 height: var(--sefam-quick-add-height, 36px) !important; 76480 min-height: 36px !important; 76481 } 76482 76483 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 76484 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 76485 height: 36px !important; 76486 min-height: 36px !important; 76487 margin-top: auto !important; 76488 } 76489} 76490</style> 76491 76492<style> 76493 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 76494 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 76495 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 76496 .card_colorways_container .new-mbl-color-single label span, 76497 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 76498 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 76499</style> 76500 76501 </li> 76502 76503 <li 76504 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_aLwpHn-4" 76505 class="grid__item slider__slide" 76506 > 76507 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 76508� 76509 76510 76511 � 76512 76513 76514 76515 <div class="card-wrapper product-card-wrapper"> 76516 <div 76517 class=" 76518 card card--standard 76519 card--media 76520 76521 76522 76523 76524 76525 " 76526 style="--ratio-percent: 150.00000000000003%;" 76527 76528 > 76529 <div class="card-wrapper-box"> 76530 76531 <div 76532 class="card__inner color-scheme-2 gradient ratio" 76533 style="--ratio-percent: 150.00000000000003%;" 76534 76535 > 76536 �<a href="/products/mc2400"> 76537 76538 �<div class="card-prdct2 card__media"> 76539 <div class="media media--transparent mt3"> 76540 76541 76542 <img 76543 src="//sefam.com/cdn/shop/files/MC2401_12_e84cb427-7d5d-48e1-9b99-6135f768e159.jpg?v=1789625833&width=800" 76544 srcset="//sefam.com/cdn/shop/files/MC2401_12_e84cb427-7d5d-48e1-9b99-6135f768e159.jpg?v=1789625833&width=1600 2x" 76545 class="" 76546 alt="LAWN KARANDI | EMBROIDERED" 76547 76548 loading="lazy" 76549 76550 width="2400" 76551 height="3600" 76552 > 76553 �<img 76554 src="//sefam.com/cdn/shop/files/MC2401_13_607edf40-6083-403a-bc82-7ffadd823d69.jpg?v=1789625833&width=800" 76555 srcset="//sefam.com/cdn/shop/files/MC2401_13_607edf40-6083-403a-bc82-7ffadd823d69.jpg?v=1789625833&width=1600 2x" 76556 alt="LAWN KARANDI | EMBROIDERED" 76557 loading="lazy" 76558 width="2400" 76559 height="3600" 76560 data-index="" 76561 > 76562 76563 � 76564 </div> 76565 76566 76567 </div> 76568 </a> 76569 </div> 76570 76571 76572 76573 76574 <div class="bt-qatc-container"> 76575 <div class="bt-qatc-form-container"> 76576 <div class="bt-qatc-form-content large-up-hide medium-hide"> 76577 <h3>LAWN KARANDI | EMBROIDERED</h3> 76578 76579<div 76580 class=" 76581 price " 76582 > 76583 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 76584 <span class="price-item price-item--regular"> 76585 <span class=money>Rs.21,990</span> 76586 </span></div> 76587 <div class="price__sale"> 76588 <span class="visually-hidden visually-hidden--inline">Regular price</span>
76589 <span> 76590 <s class="price-item price-item--regular"> 76591 76592 <span class=money>Rs.21,990</span> 76593 76594 </s> 76595 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 76596 <span class="price-item price-item--sale price-item--last"> 76597 76598 76599 76600 76601 <span class="percentage__sale hidden">0% OFF</span> 76602 76603 <span class=money>Rs.21,990</span> 76604 </span> 76605 </div> 76606 <small class="unit-price caption hidden"> 76607 <span class="visually-hidden">Unit price</span> 76608 <span class="price-item price-item--last"> 76609 <span></span> 76610 <span aria-hidden="true">/</span> 76611 <span class="visually-hidden"> per </span> 76612 <span> 76613 </span> 76614 </span> 76615 </small> 76616 </div></div> 76617 76618 76619 76620 </div> 76621 <div 76622 class="ethnc-form-media large-up-hide medium-hide" 76623 76624 ></div> 76625 <form method="post" action="/cart/add" class="bt-qatc-form"> 76626 <input type="hidden" name="quantity" value="1"> 76627 <div class="bt-qatc-form-variants-container"> 76628 <div class="bt-qatc-form-variants--list"> 76629 76630 <div 76631 class="in-use bt-qatc-form-variant-input" 76632 76633 data-only-child 76634 76635 > 76636 <input 76637 type="radio" 76638 name="id" 76639 id="-52406750249256" 76640 value="52406750249256" 76641 data-price="2199000" 76642 data-item-id="10447467839784" 76643 hidden 76644 76645 data-item-id="10447467839784" 76646 76647 checked 76648 76649 > 76650 76651 <label 76652 for="-52406750249256" 76653 data-sefam-quick-size 76654 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 76655 > 76656 <span class="split-variant-value"> 76657 76658 UNSTITCHED 76659 76660</span> 76661 </label> 76662 </div> 76663 76664 </div> 76665 76666 76667 76668 76669 </div> 76670 </form> 76671 </div> 76672 </div> 76673 76674 76675 76676 76677 76678 76679 76680 76681 76682 76683 76684 76685 76686 76687 76688 76689 76690 76691 76692 76693 76694 76695 76696 76697 76698 76699 76700 76701 76702 76703 76704 76705 76706 76707 76708 76709 <div 76710 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 76711 > 76712 <div class="ethnc-qatc-btn cstm-add-btn visible"> 76713 <span class="small-hide hide-mobile">Add to Basket</span> 76714 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 76715 </span>
76716 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 76717 width="11" 76718 height="11" 76719 viewBox="0 0 11 11" 76720 fill="none" 76721> 76722 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 76723 fill="black" 76724 /> 76725</svg> 76726</span> 76727 </div> 76728 </div> 76729 76730 76731 </div> 76732 76733 <div class="card__content aiza2"> 76734 <div class="card__information"> 76735 <small class="product-brand"> 76736 Kayseria 76737 </small> 76738 <h3 76739 class="card__heading h5" 76740 76741 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10447467839784" 76742 76743 > 76744 <a 76745 href="/products/mc2400" 76746 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10447467839784" 76747 class="full-unstyled-link" 76748 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10447467839784 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10447467839784" 76749 > 76750 LAWN KARANDI | EMBROIDERED 76751 76752 <div class="card_colorways_container" onclick="event.stopPropagation();"> 76753 76754 76755 � 76756 </div> 76757 </a> 76758 76759 </h3> 76760 76761 <h3 class="product-subtitle hidden">UNSTITCHED | SHIRT, TROUSER & DUPATTA</h3> 76762 76763 <div class="card-information"><span class="caption-large light"></span> 76764<div 76765 class=" 76766 price " 76767 > 76768 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 76769 <span class="price-item price-item--regular"> 76770 <span class=money>Rs.21,990</span> 76771 </span></div> 76772 <div class="price__sale"> 76773 <span class="visually-hidden visually-hidden--inline">Regular price</span> 76774 <span> 76775 <s class="price-item price-item--regular"> 76776 76777 <span class=money>Rs.21,990</span> 76778 76779 </s> 76780 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 76781 <span class="price-item price-item--sale price-item--last"> 76782 76783 76784 76785 76786 <span class="percentage__sale hidden">0% OFF</span> 76787 76788 <span class=money>Rs.21,990</span> 76789 </span> 76790 </div> 76791 <small class="unit-price caption hidden"> 76792 <span class="visually-hidden">Unit price</span> 76793 <span class="price-item price-item--last"> 76794 <span></span> 76795 <span aria-hidden="true">/</span> 76796 <span class="visually-hidden"> per </span> 76797 <span> 76798 </span> 76799 </span> 76800 </small> 76801 </div></div> 76802 76803 76804 76805 </div> 76806 </div> 76807 </div> 76808 76809 </div> 76810 </div><style> 76811/* ========================================================= 76812 DESKTOP PRODUCT CARD QUICK ADD 76813 LEFT = sizes 76814 RIGHT = original bag icon 76815 Mobile behavior remains unchanged 76816 ========================================================= */ 76817@media (min-width: 990px) { 76818 .hide-desktop { 76819 display: none !important; 76820 } 76821 76822 /* Keep both controls on the same bottom row */ 76823 .card-wrapper-box { 76824 position: relative; 76825 } 76826 76827 .card-wrapper-box .bt-qatc-container, 76828 .card-wrapper-box .ethnc-qatc-btn-container { 76829 position: absolute !important; 76830 bottom: 0 !important; 76831 z-index: 8 !important; 76832 } 76833 76834 /* LEFT: size area */ 76835 .card-wrapper-box .bt-qatc-container { 76836 left: 0 !important; 76837 right: 46px !important; 76838 width: auto !important; 76839 } 76840 76841 .card-wrapper-box .bt-qatc-form-container { 76842 left: 0 !important; 76843 right: 0 !important; 76844 bottom: -350% !important; 76845 width: 100% !important; 76846 min-height: 43px !important; 76847 opacity: 0 !important; 76848 visibility: hidden !important; 76849 pointer-events: none !important; 76850 transition: bottom .22s ease, opacity .18s ease !important; 76851 } 76852 76853 .card-wrapper-box .bt-qatc-form, 76854 .card-wrapper-box .bt-qatc-form-variants-container, 76855 .card-wrapper-box .bt-qatc-form-variants--list { 76856 width: 100% !important; 76857 } 76858 76859 .card-wrapper-box .bt-qatc-form-variants--list { 76860 display: flex !important;
76861 align-items: center !important; 76862 flex-wrap: wrap !important; 76863 gap: 0 !important; 76864 min-height: 43px !important; 76865 } 76866 76867 /* RIGHT: original bag button */ 76868 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 76869 display: flex !important; 76870 align-items: stretch !important; 76871 justify-content: center !important; 76872 left: auto !important; 76873 right: 0 !important; 76874 width: 46px !important; 76875 height: 43px !important; 76876 opacity: 0 !important; 76877 visibility: hidden !important; 76878 pointer-events: none !important; 76879 transition: opacity .18s ease !important; 76880 } 76881 76882 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 76883 display: flex !important; 76884 align-items: center !important; 76885 justify-content: center !important; 76886 width: 46px !important; 76887 height: 43px !important; 76888 min-width: 46px !important; 76889 padding: 0 !important; 76890 cursor: pointer !important; 76891 } 76892 76893 /* Hide Add to Basket text on desktop; keep only bag icon */ 76894 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 76895 display: none !important; 76896 } 76897 76898 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 76899 display: flex !important; 76900 align-items: center !important; 76901 justify-content: center !important; 76902 width: 100% !important; 76903 height: 100% !important; 76904 padding: 0 !important; 76905 } 76906 76907 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 76908 display: block !important; 76909 width: 16px !important; 76910 height: 17px !important; 76911 } 76912 76913 /* Show sizes + bag together on desktop hover */ 76914 .card-wrapper-box:hover .bt-qatc-form-container { 76915 bottom: 0 !important; 76916 opacity: 1 !important; 76917 visibility: visible !important; 76918 pointer-events: auto !important; 76919 } 76920 76921 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 76922 opacity: 1 !important; 76923 visibility: visible !important; 76924 pointer-events: auto !important; 76925 } 76926} 76927 76928@media (max-width: 989px) { 76929 .hide-mobile { 76930 display: none; 76931 } 76932} 76933</style> 76934 76935 76936<style> 76937/* ========================================================= 76938 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 76939 Keeps all sizes in one clean row on the left 76940 and the bag icon fixed on the right. 76941 ========================================================= */ 76942@media (min-width: 990px) { 76943 76944 .card-wrapper-box .bt-qatc-form-container { 76945 height: 43px !important; 76946 min-height: 43px !important; 76947 max-height: 43px !important; 76948 overflow: hidden !important; 76949 background: rgba(255,255,255,.96) !important; 76950 } 76951 76952 .card-wrapper-box .bt-qatc-form { 76953 display: block !important; 76954 height: 43px !important; 76955 min-height: 43px !important; 76956 margin: 0 !important; 76957 padding: 0 !important; 76958 } 76959 76960 .card-wrapper-box .bt-qatc-form-variants-container { 76961 display: block !important; 76962 width: 100% !important; 76963 height: 43px !important; 76964 min-height: 43px !important; 76965 margin: 0 !important; 76966 padding: 0 !important; 76967 } 76968 76969 .card-wrapper-box .bt-qatc-form-variants--list { 76970 display: flex !important; 76971 flex-direction: row !important; 76972 flex-wrap: wrap !important; 76973 align-items: center !important; 76974 justify-content: center !important; 76975 76976 width: 100% !important; 76977 height: 43px !important; 76978 min-height: 43px !important; 76979 76980 margin: 0 !important; 76981 padding: 0 6px !important; 76982 gap: 2px !important; 76983 76984 box-sizing: border-box !important; 76985 overflow: visible !important; 76986 white-space: normal !important; 76987 } 76988 76989 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 76990 display: none !important; 76991 } 76992 76993 .card-wrapper-box .bt-qatc-form-variant-input { 76994 position: relative !important; 76995 76996 display: flex !important; 76997 align-items: center !important; 76998 justify-content: center !important; 76999 77000 flex: 0 0 auto !important; 77001 width: auto !important; 77002 min-width: 32px !important; 77003 height: 43px !important; 77004 77005 margin: 0 !important; 77006 padding: 0 !important; 77007 77008 border: 0 !important; 77009 background: transparent !important; 77010 } 77011 77012 .card-wrapper-box .bt-qatc-form-variant-input label { 77013 position: static !important; 77014 77015 display: flex !important;
77016 align-items: center !important; 77017 justify-content: center !important; 77018 77019 width: auto !important; 77020 min-width: 32px !important; 77021 height: 32px !important; 77022 77023 margin: 0 !important; 77024 padding: 0 6px !important; 77025 77026 box-sizing: border-box !important; 77027 77028 background: transparent !important; 77029 border: 0 !important; 77030 77031 color: #111 !important; 77032 font-size: 12px !important; 77033 line-height: 1 !important; 77034 font-weight: 400 !important; 77035 77036 white-space: nowrap !important; 77037 cursor: pointer !important; 77038 } 77039 77040 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 77041 display: block !important; 77042 width: auto !important; 77043 max-width: none !important; 77044 77045 margin: 0 !important; 77046 padding: 0 !important; 77047 77048 overflow: visible !important; 77049 white-space: nowrap !important; 77050 text-overflow: clip !important; 77051 77052 font-size: inherit !important; 77053 line-height: inherit !important; 77054 } 77055 77056 /* Sold-out size */ 77057 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 77058 opacity: .35 !important; 77059 text-decoration: line-through !important; 77060 cursor: not-allowed !important; 77061 } 77062 77063 /* Optional hover feedback */ 77064 .card-wrapper-box 77065 .bt-qatc-form-variant-input:not(.is-disbaled) 77066 label:hover { 77067 text-decoration: underline !important; 77068 text-underline-offset: 3px !important; 77069 } 77070 77071 /* Prevent old theme transforms / absolute positions */ 77072 .card-wrapper-box .bt-qatc-form-variant-input *, 77073 .card-wrapper-box .bt-qatc-form-variants--list * { 77074 transform: none; 77075 } 77076} 77077</style> 77078 77079 77080<style> 77081/* Desktop quick-add: use one seamless background for sizes + bag */ 77082@media (min-width: 990px) { 77083 .card-wrapper-box .bt-qatc-form-container, 77084 .card-wrapper-box .bt-qatc-form, 77085 .card-wrapper-box .bt-qatc-form-variants-container, 77086 .card-wrapper-box .bt-qatc-form-variants--list, 77087 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 77088 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 77089 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 77090 background: rgba(255,255,255,.96) !important; 77091 } 77092 77093 /* Remove any visual split between sizes and bag */ 77094 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 77095 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 77096 border-left: 0 !important; 77097 box-shadow: none !important; 77098 } 77099} 77100</style> 77101 77102 77103<style> 77104/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 77105@media (min-width: 990px) { 77106 .card-wrapper-box .bt-qatc-form-container, 77107 .card-wrapper-box .bt-qatc-form, 77108 .card-wrapper-box .bt-qatc-form-variants-container { 77109 height: auto !important; 77110 max-height: none !important; 77111 overflow: visible !important; 77112 } 77113 77114 .card-wrapper-box .bt-qatc-form-variants--list { 77115 display: flex !important; 77116 flex-wrap: wrap !important; 77117 justify-content: center !important; 77118 align-items: center !important; 77119 height: auto !important; 77120 min-height: 43px !important; 77121 max-height: none !important; 77122 overflow: visible !important; 77123 white-space: normal !important; 77124 padding: 5px 6px !important; 77125 } 77126 77127 .card-wrapper-box .bt-qatc-form-variant-input { 77128 flex: 0 0 auto !important; 77129 } 77130} 77131</style> 77132
77133<script> 77134 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 77135 const wrap = label.closest('.bt-qatc-form-variant-input'); 77136 const form = label.closest('.bt-qatc-form'); 77137 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 77138 77139 if (!wrap || !form || !input) return; 77140 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 77141 if (label.dataset.loading === 'true') return; 77142 77143 input.checked = true; 77144 label.dataset.loading = 'true'; 77145 label.style.pointerEvents = 'none'; 77146 77147 try { 77148 const cartResp = await fetch('/cart.js', { 77149 method: 'GET', 77150 headers: { 'Accept': 'application/json' } 77151 }); 77152 77153 if (!cartResp.ok) throw new Error('Unable to read cart'); 77154 77155 const cart = await cartResp.json(); 77156 const variantId = Number(input.value); 77157 const selectedPrice = Number(input.dataset.price || 0) / 100; 77158 const totalCartPrice = Number(cart.total_price || 0) / 100; 77159 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 77160 77161 if ((totalCartPrice + selectedPrice) > 250000) { 77162 if (window.showAlert) { 77163 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 77164 } else { 77165 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 77166 } 77167 return; 77168 } 77169 77170 if (itemInCart && Number(itemInCart.quantity) >= 3) { 77171 if (window.showAlert) { 77172 window.showAlert('Limit reached: Max 3 items per size can be added'); 77173 } else { 77174 alert('Limit reached: Max 3 items per size can be added'); 77175 } 77176 return; 77177 } 77178 77179 77180 const cartSections = document.querySelector('cart-notification, cart-drawer'); 77181 const formData = new FormData(form); 77182 77183 formData.set('id', input.value); 77184 formData.set('quantity', '1'); 77185 77186 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 77187 formData.set( 77188 'sections', 77189 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 77190 ); 77191 } 77192 77193 formData.set('sections_url', window.location.pathname); 77194 77195 const addResp = await fetch('/cart/add.js', { 77196 method: 'POST', 77197 headers: { 'Accept': 'application/json' }, 77198 body: formData 77199 }); 77200 77201 const data = await addResp.json(); 77202 77203 if (!addResp.ok) { 77204 throw new Error(data.description || data.message || 'Unable to add this size'); 77205 } 77206 77207 if (cartSections && typeof cartSections.renderContents === 'function') { 77208 cartSections.renderContents(data); 77209 } else { 77210 const bubble = document.querySelector('#cart-icon-bubble'); 77211 if (bubble) bubble.click(); 77212 } 77213 77214 const card = label.closest('.card-wrapper-box'); 77215 if (card) { 77216 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 77217 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 77218 } 77219 } catch (error) { 77220 console.error('SEFAM hover size quick-add error:', error); 77221 if (window.showAlert) { 77222 window.showAlert(error.message || 'Unable to add this size to cart'); 77223 } else { 77224 alert(error.message || 'Unable to add this size to cart'); 77225 } 77226 } finally { 77227 label.dataset.loading = 'false'; 77228 label.style.pointerEvents = ''; 77229 } 77230 }; 77231</script>
77231 77232 77233<style> 77234/* Desktop quick-add final alignment: 77235 sizes start from left; bag area matches the complete quick-size background height. */ 77236@media (min-width: 990px) { 77237 .card-wrapper-box .bt-qatc-form-variants--list { 77238 justify-content: flex-start !important; 77239 align-content: center !important; 77240 text-align: left !important; 77241 } 77242 77243 .card-wrapper-box .bt-qatc-container { 77244 right: 46px !important; 77245 } 77246 77247 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 77248 top: auto !important; 77249 bottom: 0 !important; 77250 width: 46px !important; 77251 height: 100% !important; 77252 min-height: 43px !important; 77253 align-items: stretch !important; 77254 background: rgba(255,255,255,.96) !important; 77255 } 77256 77257 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 77258 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 77259 width: 46px !important; 77260 height: 100% !important; 77261 min-height: 43px !important; 77262 background: rgba(255,255,255,.96) !important; 77263 } 77264 77265 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 77266 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 77267 height: var(--sefam-quick-add-height, 43px) !important; 77268 } 77269} 77270</style>
77271<script> 77272(function () { 77273 function syncQuickAddHeight(card) { 77274 if (!card || window.innerWidth < 990) return; 77275 var panel = card.querySelector('.bt-qatc-form-container'); 77276 if (!panel) return; 77277 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 77278 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 77279 } 77280 77281 document.addEventListener('mouseover', function(e) { 77282 var card = e.target.closest('.card-wrapper-box'); 77283 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 77284 }, { passive: true }); 77285 77286 window.addEventListener('resize', function() { 77287 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 77288 }, { passive: true }); 77289})(); 77290</script>
77290 77291 77292 77293 77294<style> 77295/* ========================================================= 77296 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 77297 - reduce space between sizes 77298 - keep sizes left aligned 77299 - keep the bag icon on the BOTTOM row 77300 - bag background still matches the full size panel 77301 ========================================================= */ 77302@media (min-width: 990px) { 77303 77304 /* More usable width for sizes */ 77305 .card-wrapper-box .bt-qatc-container { 77306 right: 42px !important; 77307 } 77308 77309 /* Compact, left-aligned size list */ 77310 .card-wrapper-box .bt-qatc-form-variants--list { 77311 justify-content: flex-start !important; 77312 align-items: center !important; 77313 align-content: center !important; 77314 77315 column-gap: 0 !important; 77316 row-gap: 0 !important; 77317 77318 padding: 4px 4px !important; 77319 margin: 0 !important; 77320 } 77321 77322 .card-wrapper-box .bt-qatc-form-variant-input { 77323 min-width: 0 !important; 77324 width: auto !important; 77325 height: 35px !important; 77326 margin: 0 !important; 77327 padding: 0 !important; 77328 } 77329 77330 .card-wrapper-box .bt-qatc-form-variant-input label { 77331 min-width: 0 !important; 77332 width: auto !important; 77333 height: 35px !important; 77334 77335 margin: 0 !important; 77336 padding: 0 4px !important; 77337 77338 font-size: 12px !important; 77339 line-height: 1 !important; 77340 } 77341 77342 /* Bag column keeps the same full white background as the sizes */ 77343 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 77344 right: 0 !important; 77345 bottom: 0 !important; 77346 top: auto !important; 77347 77348 width: 42px !important; 77349 min-width: 42px !important; 77350 height: var(--sefam-quick-add-height, 43px) !important; 77351 min-height: 43px !important; 77352 77353 display: flex !important; 77354 flex-direction: column !important; 77355 justify-content: flex-end !important; 77356 align-items: stretch !important; 77357 77358 padding: 0 !important; 77359 margin: 0 !important; 77360 77361 background: rgba(255,255,255,.96) !important; 77362 } 77363 77364 /* The clickable bag itself always sits at the bottom */ 77365 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 77366 width: 42px !important; 77367 min-width: 42px !important; 77368 height: 43px !important; 77369 min-height: 43px !important; 77370 77371 margin-top: auto !important; 77372 padding: 0 !important; 77373 77374 display: flex !important; 77375 align-items: center !important; 77376 justify-content: center !important; 77377 77378 background: rgba(255,255,255,.96) !important; 77379 } 77380 77381 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 77382 width: 42px !important; 77383 height: 43px !important; 77384 min-height: 43px !important; 77385 77386 display: flex !important; 77387 align-items: center !important; 77388 justify-content: center !important; 77389 77390 padding: 0 !important; 77391 margin: 0 !important; 77392 77393 background: transparent !important; 77394 } 77395 77396 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 77397 width: 16px !important; 77398 height: 17px !important; 77399 } 77400} 77401</style> 77402 77403 77404<style> 77405/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 77406@media (min-width: 990px) { 77407 .card-wrapper-box .bt-qatc-form-variants--list { 77408 padding: 3px 4px !important; 77409 column-gap: 0 !important; 77410 row-gap: 0 !important; 77411 justify-content: flex-start !important; 77412 align-items: center !important; 77413 align-content: center !important; 77414 } 77415 77416 .card-wrapper-box .bt-qatc-form-variant-input { 77417 min-width: 0 !important; 77418 width: auto !important; 77419 height: 30px !important; 77420 margin: 0 !important; 77421 padding: 0 !important; 77422 } 77423 77424 .card-wrapper-box .bt-qatc-form-variant-input label { 77425 min-width: 0 !important; 77426 width: auto !important; 77427 height: 30px !important; 77428 margin: 0 !important; 77429 padding: 0 4px !important; 77430 font-size: 12px !important; 77431 line-height: 1 !important; 77432 display: flex !important; 77433 align-items: center !important; 77434 justify-content: center !important; 77435 } 77436 77437 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 77438 display: flex !important; 77439 flex-direction: column !important; 77440 justify-content: flex-end !important;
77441 align-items: stretch !important; 77442 bottom: 0 !important; 77443 top: auto !important; 77444 height: var(--sefam-quick-add-height, 36px) !important; 77445 min-height: 36px !important; 77446 } 77447 77448 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 77449 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 77450 height: 36px !important; 77451 min-height: 36px !important; 77452 margin-top: auto !important; 77453 } 77454} 77455</style> 77456 77457<style> 77458 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 77459 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 77460 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 77461 .card_colorways_container .new-mbl-color-single label span, 77462 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 77463 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 77464</style> 77465 77466 </li> 77467 77468 <li 77469 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_aLwpHn-5" 77470 class="grid__item slider__slide" 77471 > 77472 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 77473� 77474 77475 77476 � 77477 77478 77479 77480 <div class="card-wrapper product-card-wrapper"> 77481 <div 77482 class=" 77483 card card--standard 77484 card--media 77485 77486 77487 77488 77489 77490 " 77491 style="--ratio-percent: 150.00000000000003%;" 77492 77493 > 77494 <div class="card-wrapper-box"> 77495 77496 <div 77497 class="card__inner color-scheme-2 gradient ratio" 77498 style="--ratio-percent: 150.00000000000003%;" 77499 77500 > 77501 �<a href="/products/mc2400-2"> 77502 77503 �<div class="card-prdct2 card__media"> 77504 <div class="media media--transparent mt3"> 77505 77506 77507 <img 77508 src="//sefam.com/cdn/shop/files/Mc2402_5.jpg?v=1789625214&width=800" 77509 srcset="//sefam.com/cdn/shop/files/Mc2402_5.jpg?v=1789625214&width=1600 2x" 77510 class="" 77511 alt="LAWN KARANDI | EMBROIDERED" 77512 77513 loading="lazy" 77514 77515 width="2400" 77516 height="3600" 77517 > 77518 �<img 77519 src="//sefam.com/cdn/shop/files/Mc2402_2.jpg?v=1789625214&width=800" 77520 srcset="//sefam.com/cdn/shop/files/Mc2402_2.jpg?v=1789625214&width=1600 2x" 77521 alt="LAWN KARANDI | EMBROIDERED" 77522 loading="lazy" 77523 width="2400" 77524 height="3600" 77525 data-index="" 77526 > 77527 77528 � 77529 </div> 77530 77531 77532 </div> 77533 </a> 77534 </div> 77535 77536 77537 77538 77539 <div class="bt-qatc-container"> 77540 <div class="bt-qatc-form-container"> 77541 <div class="bt-qatc-form-content large-up-hide medium-hide"> 77542 <h3>LAWN KARANDI | EMBROIDERED</h3> 77543 77544<div 77545 class=" 77546 price " 77547 > 77548 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 77549 <span class="price-item price-item--regular"> 77550 <span class=money>Rs.21,990</span> 77551 </span></div> 77552 <div class="price__sale"> 77553 <span class="visually-hidden visually-hidden--inline">Regular price</span> 77554 <span> 77555 <s class="price-item price-item--regular"> 77556 77557 <span class=money>Rs.21,990</span> 77558 77559 </s> 77560 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
77561 <span class="price-item price-item--sale price-item--last"> 77562 77563 77564 77565 77566 <span class="percentage__sale hidden">0% OFF</span> 77567 77568 <span class=money>Rs.21,990</span> 77569 </span> 77570 </div> 77571 <small class="unit-price caption hidden"> 77572 <span class="visually-hidden">Unit price</span> 77573 <span class="price-item price-item--last"> 77574 <span></span> 77575 <span aria-hidden="true">/</span> 77576 <span class="visually-hidden"> per </span> 77577 <span> 77578 </span> 77579 </span> 77580 </small> 77581 </div></div> 77582 77583 77584 77585 </div> 77586 <div 77587 class="ethnc-form-media large-up-hide medium-hide" 77588 77589 ></div> 77590 <form method="post" action="/cart/add" class="bt-qatc-form"> 77591 <input type="hidden" name="quantity" value="1"> 77592 <div class="bt-qatc-form-variants-container"> 77593 <div class="bt-qatc-form-variants--list"> 77594 77595 <div 77596 class="in-use bt-qatc-form-variant-input" 77597 77598 data-only-child 77599 77600 > 77601 <input 77602 type="radio" 77603 name="id" 77604 id="-52406751265064" 77605 value="52406751265064" 77606 data-price="2199000" 77607 data-item-id="10447468134696" 77608 hidden 77609 77610 data-item-id="10447468134696" 77611 77612 checked 77613 77614 > 77615 77616 <label 77617 for="-52406751265064" 77618 data-sefam-quick-size 77619 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 77620 > 77621 <span class="split-variant-value"> 77622 77623 UNSTITCHED 77624 77625</span> 77626 </label> 77627 </div> 77628 77629 </div> 77630 77631 77632 77633 77634 </div> 77635 </form> 77636 </div> 77637 </div> 77638 77639 77640 77641 77642 77643 77644 77645 77646 77647 77648 77649 77650 77651 77652 77653 77654 77655 77656 77657 77658 77659 77660 77661 77662 77663 77664 77665 77666 77667 77668 77669 77670 77671 77672 77673 77674 77675 77676 77677 <div 77678 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 77679 > 77680 <div class="ethnc-qatc-btn cstm-add-btn visible"> 77681 <span class="small-hide hide-mobile">Add to Basket</span> 77682 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 77683 </span>
77684 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 77685 width="11" 77686 height="11" 77687 viewBox="0 0 11 11" 77688 fill="none" 77689> 77690 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 77691 fill="black" 77692 /> 77693</svg> 77694</span> 77695 </div> 77696 </div> 77697 77698 77699 </div> 77700 77701 <div class="card__content aiza2"> 77702 <div class="card__information"> 77703 <small class="product-brand"> 77704 Kayseria 77705 </small> 77706 <h3 77707 class="card__heading h5" 77708 77709 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10447468134696" 77710 77711 > 77712 <a 77713 href="/products/mc2400-2" 77714 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10447468134696" 77715 class="full-unstyled-link" 77716 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10447468134696 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10447468134696" 77717 > 77718 LAWN KARANDI | EMBROIDERED 77719 77720 <div class="card_colorways_container" onclick="event.stopPropagation();"> 77721 77722 77723 � 77724 </div> 77725 </a> 77726 77727 </h3> 77728 77729 <h3 class="product-subtitle hidden">UNSTITCHED | SHIRT, TROUSER & DUPATTA</h3> 77730 77731 <div class="card-information"><span class="caption-large light"></span> 77732<div 77733 class=" 77734 price " 77735 > 77736 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 77737 <span class="price-item price-item--regular"> 77738 <span class=money>Rs.21,990</span> 77739 </span></div> 77740 <div class="price__sale"> 77741 <span class="visually-hidden visually-hidden--inline">Regular price</span> 77742 <span> 77743 <s class="price-item price-item--regular"> 77744 77745 <span class=money>Rs.21,990</span> 77746 77747 </s> 77748 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 77749 <span class="price-item price-item--sale price-item--last"> 77750 77751 77752 77753 77754 <span class="percentage__sale hidden">0% OFF</span> 77755 77756 <span class=money>Rs.21,990</span> 77757 </span> 77758 </div> 77759 <small class="unit-price caption hidden"> 77760 <span class="visually-hidden">Unit price</span> 77761 <span class="price-item price-item--last"> 77762 <span></span> 77763 <span aria-hidden="true">/</span> 77764 <span class="visually-hidden"> per </span> 77765 <span> 77766 </span> 77767 </span> 77768 </small> 77769 </div></div> 77770 77771 77772 77773 </div> 77774 </div> 77775 </div> 77776 77777 </div> 77778 </div><style> 77779/* ========================================================= 77780 DESKTOP PRODUCT CARD QUICK ADD 77781 LEFT = sizes 77782 RIGHT = original bag icon 77783 Mobile behavior remains unchanged 77784 ========================================================= */ 77785@media (min-width: 990px) { 77786 .hide-desktop { 77787 display: none !important; 77788 } 77789 77790 /* Keep both controls on the same bottom row */ 77791 .card-wrapper-box { 77792 position: relative; 77793 } 77794 77795 .card-wrapper-box .bt-qatc-container, 77796 .card-wrapper-box .ethnc-qatc-btn-container { 77797 position: absolute !important; 77798 bottom: 0 !important; 77799 z-index: 8 !important; 77800 } 77801 77802 /* LEFT: size area */ 77803 .card-wrapper-box .bt-qatc-container { 77804 left: 0 !important; 77805 right: 46px !important; 77806 width: auto !important; 77807 } 77808 77809 .card-wrapper-box .bt-qatc-form-container { 77810 left: 0 !important; 77811 right: 0 !important; 77812 bottom: -350% !important; 77813 width: 100% !important; 77814 min-height: 43px !important; 77815 opacity: 0 !important; 77816 visibility: hidden !important; 77817 pointer-events: none !important; 77818 transition: bottom .22s ease, opacity .18s ease !important; 77819 } 77820 77821 .card-wrapper-box .bt-qatc-form, 77822 .card-wrapper-box .bt-qatc-form-variants-container, 77823 .card-wrapper-box .bt-qatc-form-variants--list { 77824 width: 100% !important; 77825 } 77826 77827 .card-wrapper-box .bt-qatc-form-variants--list { 77828 display: flex !important;
77829 align-items: center !important; 77830 flex-wrap: wrap !important; 77831 gap: 0 !important; 77832 min-height: 43px !important; 77833 } 77834 77835 /* RIGHT: original bag button */ 77836 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 77837 display: flex !important; 77838 align-items: stretch !important; 77839 justify-content: center !important; 77840 left: auto !important; 77841 right: 0 !important; 77842 width: 46px !important; 77843 height: 43px !important; 77844 opacity: 0 !important; 77845 visibility: hidden !important; 77846 pointer-events: none !important; 77847 transition: opacity .18s ease !important; 77848 } 77849 77850 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 77851 display: flex !important; 77852 align-items: center !important; 77853 justify-content: center !important; 77854 width: 46px !important; 77855 height: 43px !important; 77856 min-width: 46px !important; 77857 padding: 0 !important; 77858 cursor: pointer !important; 77859 } 77860 77861 /* Hide Add to Basket text on desktop; keep only bag icon */ 77862 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 77863 display: none !important; 77864 } 77865 77866 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 77867 display: flex !important; 77868 align-items: center !important; 77869 justify-content: center !important; 77870 width: 100% !important; 77871 height: 100% !important; 77872 padding: 0 !important; 77873 } 77874 77875 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 77876 display: block !important; 77877 width: 16px !important; 77878 height: 17px !important; 77879 } 77880 77881 /* Show sizes + bag together on desktop hover */ 77882 .card-wrapper-box:hover .bt-qatc-form-container { 77883 bottom: 0 !important; 77884 opacity: 1 !important; 77885 visibility: visible !important; 77886 pointer-events: auto !important; 77887 } 77888 77889 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 77890 opacity: 1 !important; 77891 visibility: visible !important; 77892 pointer-events: auto !important; 77893 } 77894} 77895 77896@media (max-width: 989px) { 77897 .hide-mobile { 77898 display: none; 77899 } 77900} 77901</style> 77902 77903 77904<style> 77905/* ========================================================= 77906 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 77907 Keeps all sizes in one clean row on the left 77908 and the bag icon fixed on the right. 77909 ========================================================= */ 77910@media (min-width: 990px) { 77911 77912 .card-wrapper-box .bt-qatc-form-container { 77913 height: 43px !important; 77914 min-height: 43px !important; 77915 max-height: 43px !important; 77916 overflow: hidden !important; 77917 background: rgba(255,255,255,.96) !important; 77918 } 77919 77920 .card-wrapper-box .bt-qatc-form { 77921 display: block !important; 77922 height: 43px !important; 77923 min-height: 43px !important; 77924 margin: 0 !important; 77925 padding: 0 !important; 77926 } 77927 77928 .card-wrapper-box .bt-qatc-form-variants-container { 77929 display: block !important; 77930 width: 100% !important; 77931 height: 43px !important; 77932 min-height: 43px !important; 77933 margin: 0 !important; 77934 padding: 0 !important; 77935 } 77936 77937 .card-wrapper-box .bt-qatc-form-variants--list { 77938 display: flex !important; 77939 flex-direction: row !important; 77940 flex-wrap: wrap !important; 77941 align-items: center !important; 77942 justify-content: center !important; 77943 77944 width: 100% !important; 77945 height: 43px !important; 77946 min-height: 43px !important; 77947 77948 margin: 0 !important; 77949 padding: 0 6px !important; 77950 gap: 2px !important; 77951 77952 box-sizing: border-box !important; 77953 overflow: visible !important; 77954 white-space: normal !important; 77955 } 77956 77957 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 77958 display: none !important; 77959 } 77960 77961 .card-wrapper-box .bt-qatc-form-variant-input { 77962 position: relative !important; 77963 77964 display: flex !important; 77965 align-items: center !important; 77966 justify-content: center !important; 77967 77968 flex: 0 0 auto !important; 77969 width: auto !important; 77970 min-width: 32px !important; 77971 height: 43px !important; 77972 77973 margin: 0 !important; 77974 padding: 0 !important; 77975 77976 border: 0 !important; 77977 background: transparent !important; 77978 } 77979 77980 .card-wrapper-box .bt-qatc-form-variant-input label { 77981 position: static !important; 77982 77983 display: flex !important;
77984 align-items: center !important; 77985 justify-content: center !important; 77986 77987 width: auto !important; 77988 min-width: 32px !important; 77989 height: 32px !important; 77990 77991 margin: 0 !important; 77992 padding: 0 6px !important; 77993 77994 box-sizing: border-box !important; 77995 77996 background: transparent !important; 77997 border: 0 !important; 77998 77999 color: #111 !important; 78000 font-size: 12px !important; 78001 line-height: 1 !important; 78002 font-weight: 400 !important; 78003 78004 white-space: nowrap !important; 78005 cursor: pointer !important; 78006 } 78007 78008 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 78009 display: block !important; 78010 width: auto !important; 78011 max-width: none !important; 78012 78013 margin: 0 !important; 78014 padding: 0 !important; 78015 78016 overflow: visible !important; 78017 white-space: nowrap !important; 78018 text-overflow: clip !important; 78019 78020 font-size: inherit !important; 78021 line-height: inherit !important; 78022 } 78023 78024 /* Sold-out size */ 78025 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 78026 opacity: .35 !important; 78027 text-decoration: line-through !important; 78028 cursor: not-allowed !important; 78029 } 78030 78031 /* Optional hover feedback */ 78032 .card-wrapper-box 78033 .bt-qatc-form-variant-input:not(.is-disbaled) 78034 label:hover { 78035 text-decoration: underline !important; 78036 text-underline-offset: 3px !important; 78037 } 78038 78039 /* Prevent old theme transforms / absolute positions */ 78040 .card-wrapper-box .bt-qatc-form-variant-input *, 78041 .card-wrapper-box .bt-qatc-form-variants--list * { 78042 transform: none; 78043 } 78044} 78045</style> 78046 78047 78048<style> 78049/* Desktop quick-add: use one seamless background for sizes + bag */ 78050@media (min-width: 990px) { 78051 .card-wrapper-box .bt-qatc-form-container, 78052 .card-wrapper-box .bt-qatc-form, 78053 .card-wrapper-box .bt-qatc-form-variants-container, 78054 .card-wrapper-box .bt-qatc-form-variants--list, 78055 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 78056 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 78057 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 78058 background: rgba(255,255,255,.96) !important; 78059 } 78060 78061 /* Remove any visual split between sizes and bag */ 78062 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 78063 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 78064 border-left: 0 !important; 78065 box-shadow: none !important; 78066 } 78067} 78068</style> 78069 78070 78071<style> 78072/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 78073@media (min-width: 990px) { 78074 .card-wrapper-box .bt-qatc-form-container, 78075 .card-wrapper-box .bt-qatc-form, 78076 .card-wrapper-box .bt-qatc-form-variants-container { 78077 height: auto !important; 78078 max-height: none !important; 78079 overflow: visible !important; 78080 } 78081 78082 .card-wrapper-box .bt-qatc-form-variants--list { 78083 display: flex !important; 78084 flex-wrap: wrap !important; 78085 justify-content: center !important; 78086 align-items: center !important; 78087 height: auto !important; 78088 min-height: 43px !important; 78089 max-height: none !important; 78090 overflow: visible !important; 78091 white-space: normal !important; 78092 padding: 5px 6px !important; 78093 } 78094 78095 .card-wrapper-box .bt-qatc-form-variant-input { 78096 flex: 0 0 auto !important; 78097 } 78098} 78099</style> 78100
78101<script> 78102 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 78103 const wrap = label.closest('.bt-qatc-form-variant-input'); 78104 const form = label.closest('.bt-qatc-form'); 78105 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 78106 78107 if (!wrap || !form || !input) return; 78108 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 78109 if (label.dataset.loading === 'true') return; 78110 78111 input.checked = true; 78112 label.dataset.loading = 'true'; 78113 label.style.pointerEvents = 'none'; 78114 78115 try { 78116 const cartResp = await fetch('/cart.js', { 78117 method: 'GET', 78118 headers: { 'Accept': 'application/json' } 78119 }); 78120 78121 if (!cartResp.ok) throw new Error('Unable to read cart'); 78122 78123 const cart = await cartResp.json(); 78124 const variantId = Number(input.value); 78125 const selectedPrice = Number(input.dataset.price || 0) / 100; 78126 const totalCartPrice = Number(cart.total_price || 0) / 100; 78127 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 78128 78129 if ((totalCartPrice + selectedPrice) > 250000) { 78130 if (window.showAlert) { 78131 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 78132 } else { 78133 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 78134 } 78135 return; 78136 } 78137 78138 if (itemInCart && Number(itemInCart.quantity) >= 3) { 78139 if (window.showAlert) { 78140 window.showAlert('Limit reached: Max 3 items per size can be added'); 78141 } else { 78142 alert('Limit reached: Max 3 items per size can be added'); 78143 } 78144 return; 78145 } 78146 78147 78148 const cartSections = document.querySelector('cart-notification, cart-drawer'); 78149 const formData = new FormData(form); 78150 78151 formData.set('id', input.value); 78152 formData.set('quantity', '1'); 78153 78154 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 78155 formData.set( 78156 'sections', 78157 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 78158 ); 78159 } 78160 78161 formData.set('sections_url', window.location.pathname); 78162 78163 const addResp = await fetch('/cart/add.js', { 78164 method: 'POST', 78165 headers: { 'Accept': 'application/json' }, 78166 body: formData 78167 }); 78168 78169 const data = await addResp.json(); 78170 78171 if (!addResp.ok) { 78172 throw new Error(data.description || data.message || 'Unable to add this size'); 78173 } 78174 78175 if (cartSections && typeof cartSections.renderContents === 'function') { 78176 cartSections.renderContents(data); 78177 } else { 78178 const bubble = document.querySelector('#cart-icon-bubble'); 78179 if (bubble) bubble.click(); 78180 } 78181 78182 const card = label.closest('.card-wrapper-box'); 78183 if (card) { 78184 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 78185 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 78186 } 78187 } catch (error) { 78188 console.error('SEFAM hover size quick-add error:', error); 78189 if (window.showAlert) { 78190 window.showAlert(error.message || 'Unable to add this size to cart'); 78191 } else { 78192 alert(error.message || 'Unable to add this size to cart'); 78193 } 78194 } finally { 78195 label.dataset.loading = 'false'; 78196 label.style.pointerEvents = ''; 78197 } 78198 }; 78199</script>
78199 78200 78201<style> 78202/* Desktop quick-add final alignment: 78203 sizes start from left; bag area matches the complete quick-size background height. */ 78204@media (min-width: 990px) { 78205 .card-wrapper-box .bt-qatc-form-variants--list { 78206 justify-content: flex-start !important; 78207 align-content: center !important; 78208 text-align: left !important; 78209 } 78210 78211 .card-wrapper-box .bt-qatc-container { 78212 right: 46px !important; 78213 } 78214 78215 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 78216 top: auto !important; 78217 bottom: 0 !important; 78218 width: 46px !important; 78219 height: 100% !important; 78220 min-height: 43px !important; 78221 align-items: stretch !important; 78222 background: rgba(255,255,255,.96) !important; 78223 } 78224 78225 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 78226 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 78227 width: 46px !important; 78228 height: 100% !important; 78229 min-height: 43px !important; 78230 background: rgba(255,255,255,.96) !important; 78231 } 78232 78233 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 78234 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 78235 height: var(--sefam-quick-add-height, 43px) !important; 78236 } 78237} 78238</style>
78239<script> 78240(function () { 78241 function syncQuickAddHeight(card) { 78242 if (!card || window.innerWidth < 990) return; 78243 var panel = card.querySelector('.bt-qatc-form-container'); 78244 if (!panel) return; 78245 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 78246 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 78247 } 78248 78249 document.addEventListener('mouseover', function(e) { 78250 var card = e.target.closest('.card-wrapper-box'); 78251 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 78252 }, { passive: true }); 78253 78254 window.addEventListener('resize', function() { 78255 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 78256 }, { passive: true }); 78257})(); 78258</script>
78258 78259 78260 78261 78262<style> 78263/* ========================================================= 78264 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 78265 - reduce space between sizes 78266 - keep sizes left aligned 78267 - keep the bag icon on the BOTTOM row 78268 - bag background still matches the full size panel 78269 ========================================================= */ 78270@media (min-width: 990px) { 78271 78272 /* More usable width for sizes */ 78273 .card-wrapper-box .bt-qatc-container { 78274 right: 42px !important; 78275 } 78276 78277 /* Compact, left-aligned size list */ 78278 .card-wrapper-box .bt-qatc-form-variants--list { 78279 justify-content: flex-start !important; 78280 align-items: center !important; 78281 align-content: center !important; 78282 78283 column-gap: 0 !important; 78284 row-gap: 0 !important; 78285 78286 padding: 4px 4px !important; 78287 margin: 0 !important; 78288 } 78289 78290 .card-wrapper-box .bt-qatc-form-variant-input { 78291 min-width: 0 !important; 78292 width: auto !important; 78293 height: 35px !important; 78294 margin: 0 !important; 78295 padding: 0 !important; 78296 } 78297 78298 .card-wrapper-box .bt-qatc-form-variant-input label { 78299 min-width: 0 !important; 78300 width: auto !important; 78301 height: 35px !important; 78302 78303 margin: 0 !important; 78304 padding: 0 4px !important; 78305 78306 font-size: 12px !important; 78307 line-height: 1 !important; 78308 } 78309 78310 /* Bag column keeps the same full white background as the sizes */ 78311 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 78312 right: 0 !important; 78313 bottom: 0 !important; 78314 top: auto !important; 78315 78316 width: 42px !important; 78317 min-width: 42px !important; 78318 height: var(--sefam-quick-add-height, 43px) !important; 78319 min-height: 43px !important; 78320 78321 display: flex !important; 78322 flex-direction: column !important; 78323 justify-content: flex-end !important; 78324 align-items: stretch !important; 78325 78326 padding: 0 !important; 78327 margin: 0 !important; 78328 78329 background: rgba(255,255,255,.96) !important; 78330 } 78331 78332 /* The clickable bag itself always sits at the bottom */ 78333 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 78334 width: 42px !important; 78335 min-width: 42px !important; 78336 height: 43px !important; 78337 min-height: 43px !important; 78338 78339 margin-top: auto !important; 78340 padding: 0 !important; 78341 78342 display: flex !important; 78343 align-items: center !important; 78344 justify-content: center !important; 78345 78346 background: rgba(255,255,255,.96) !important; 78347 } 78348 78349 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 78350 width: 42px !important; 78351 height: 43px !important; 78352 min-height: 43px !important; 78353 78354 display: flex !important; 78355 align-items: center !important; 78356 justify-content: center !important; 78357 78358 padding: 0 !important; 78359 margin: 0 !important; 78360 78361 background: transparent !important; 78362 } 78363 78364 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 78365 width: 16px !important; 78366 height: 17px !important; 78367 } 78368} 78369</style> 78370 78371 78372<style> 78373/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 78374@media (min-width: 990px) { 78375 .card-wrapper-box .bt-qatc-form-variants--list { 78376 padding: 3px 4px !important; 78377 column-gap: 0 !important; 78378 row-gap: 0 !important; 78379 justify-content: flex-start !important; 78380 align-items: center !important; 78381 align-content: center !important; 78382 } 78383 78384 .card-wrapper-box .bt-qatc-form-variant-input { 78385 min-width: 0 !important; 78386 width: auto !important; 78387 height: 30px !important; 78388 margin: 0 !important; 78389 padding: 0 !important; 78390 } 78391 78392 .card-wrapper-box .bt-qatc-form-variant-input label { 78393 min-width: 0 !important; 78394 width: auto !important; 78395 height: 30px !important; 78396 margin: 0 !important; 78397 padding: 0 4px !important; 78398 font-size: 12px !important; 78399 line-height: 1 !important; 78400 display: flex !important; 78401 align-items: center !important; 78402 justify-content: center !important; 78403 } 78404 78405 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 78406 display: flex !important; 78407 flex-direction: column !important; 78408 justify-content: flex-end !important;
78409 align-items: stretch !important; 78410 bottom: 0 !important; 78411 top: auto !important; 78412 height: var(--sefam-quick-add-height, 36px) !important; 78413 min-height: 36px !important; 78414 } 78415 78416 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 78417 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 78418 height: 36px !important; 78419 min-height: 36px !important; 78420 margin-top: auto !important; 78421 } 78422} 78423</style> 78424 78425<style> 78426 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 78427 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 78428 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 78429 .card_colorways_container .new-mbl-color-single label span, 78430 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 78431 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 78432</style> 78433 78434 </li> 78435 78436 <li 78437 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_aLwpHn-6" 78438 class="grid__item slider__slide" 78439 > 78440 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 78441� 78442 78443 78444 � 78445 78446 78447 78448 <div class="card-wrapper product-card-wrapper"> 78449 <div 78450 class=" 78451 card card--standard 78452 card--media 78453 78454 78455 78456 78457 78458 " 78459 style="--ratio-percent: 150.00000000000003%;" 78460 78461 > 78462 <div class="card-wrapper-box"> 78463 78464 <div 78465 class="card__inner color-scheme-2 gradient ratio" 78466 style="--ratio-percent: 150.00000000000003%;" 78467 78468 > 78469 �<a href="/products/mc2316"> 78470 78471 �<div class="card-prdct2 card__media"> 78472 <div class="media media--transparent mt3"> 78473 78474 78475 <img 78476 src="//sefam.com/cdn/shop/files/MC2316_1.jpg?v=1789370770&width=800" 78477 srcset="//sefam.com/cdn/shop/files/MC2316_1.jpg?v=1789370770&width=1600 2x" 78478 class="" 78479 alt="BEMBERG CHIFFON | EMBROIDERED" 78480 78481 loading="lazy" 78482 78483 width="2400" 78484 height="3600" 78485 > 78486 �<img 78487 src="//sefam.com/cdn/shop/files/MC2316_3.jpg?v=1789370770&width=800" 78488 srcset="//sefam.com/cdn/shop/files/MC2316_3.jpg?v=1789370770&width=1600 2x" 78489 alt="BEMBERG CHIFFON | EMBROIDERED" 78490 loading="lazy" 78491 width="2400" 78492 height="3600" 78493 data-index="" 78494 > 78495 78496 � 78497 </div> 78498 78499 78500 </div> 78501 </a> 78502 </div> 78503 78504 78505 78506 78507 <div class="bt-qatc-container"> 78508 <div class="bt-qatc-form-container"> 78509 <div class="bt-qatc-form-content large-up-hide medium-hide"> 78510 <h3>BEMBERG CHIFFON | EMBROIDERED</h3> 78511 78512<div 78513 class=" 78514 price " 78515 > 78516 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 78517 <span class="price-item price-item--regular"> 78518 <span class=money>Rs.21,990</span> 78519 </span></div> 78520 <div class="price__sale"> 78521 <span class="visually-hidden visually-hidden--inline">Regular price</span> 78522 <span> 78523 <s class="price-item price-item--regular"> 78524 78525 <span class=money>Rs.21,990</span> 78526 78527 </s> 78528 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
78529 <span class="price-item price-item--sale price-item--last"> 78530 78531 78532 78533 78534 <span class="percentage__sale hidden">0% OFF</span> 78535 78536 <span class=money>Rs.21,990</span> 78537 </span> 78538 </div> 78539 <small class="unit-price caption hidden"> 78540 <span class="visually-hidden">Unit price</span> 78541 <span class="price-item price-item--last"> 78542 <span></span> 78543 <span aria-hidden="true">/</span> 78544 <span class="visually-hidden"> per </span> 78545 <span> 78546 </span> 78547 </span> 78548 </small> 78549 </div></div> 78550 78551 78552 78553 </div> 78554 <div 78555 class="ethnc-form-media large-up-hide medium-hide" 78556 78557 ></div> 78558 <form method="post" action="/cart/add" class="bt-qatc-form"> 78559 <input type="hidden" name="quantity" value="1"> 78560 <div class="bt-qatc-form-variants-container"> 78561 <div class="bt-qatc-form-variants--list"> 78562 78563 <div 78564 class="in-use bt-qatc-form-variant-input" 78565 78566 data-only-child 78567 78568 > 78569 <input 78570 type="radio" 78571 name="id" 78572 id="-52346297352488" 78573 value="52346297352488" 78574 data-price="2199000" 78575 data-item-id="10429942726952" 78576 hidden 78577 78578 data-item-id="10429942726952" 78579 78580 checked 78581 78582 > 78583 78584 <label 78585 for="-52346297352488" 78586 data-sefam-quick-size 78587 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 78588 > 78589 <span class="split-variant-value"> 78590 78591 UNSTITCHED 78592 78593</span> 78594 </label> 78595 </div> 78596 78597 </div> 78598 78599 78600 78601 78602 </div> 78603 </form> 78604 </div> 78605 </div> 78606 78607 78608 78609 78610 78611 78612 78613 78614 78615 78616 78617 78618 78619 78620 78621 78622 78623 78624 78625 78626 78627 78628 78629 78630 78631 78632 78633 78634 78635 78636 78637 78638 78639 <div 78640 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 78641 > 78642 <div class="ethnc-qatc-btn cstm-add-btn visible"> 78643 <span class="small-hide hide-mobile">Add to Basket</span> 78644 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 78645 </span> 78646 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 78647 width="11" 78648 height="11" 78649 viewBox="0 0 11 11" 78650 fill="none" 78651> 78652 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 78653 fill="black" 78654 /> 78655</svg> 78656</span> 78657 </div> 78658 </div> 78659 78660 78661 </div> 78662 78663 <div class="card__content aiza2"> 78664 <div class="card__information"> 78665 <small class="product-brand"> 78666 Kayseria 78667 </small> 78668 <h3 78669 class="card__heading h5" 78670 78671 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10429942726952" 78672 78673 > 78674 <a 78675 href="/products/mc2316" 78676 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10429942726952" 78677 class="full-unstyled-link" 78678 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10429942726952 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10429942726952" 78679 > 78680 BEMBERG CHIFFON | EMBROIDERED 78681 78682 <div class="card_colorways_container" onclick="event.stopPropagation();"> 78683 78684 78685 � 78686 </div> 78687 </a> 78688 78689 </h3> 78690 78691 <h3 class="product-subtitle hidden">UNSTITCHED | SHIRT, TROUSER & DUPATTA</h3> 78692 78693 <div class="card-information"><span class="caption-large light"></span> 78694<div 78695 class=" 78696 price " 78697 > 78698 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
78699 <span class="price-item price-item--regular"> 78700 <span class=money>Rs.21,990</span> 78701 </span></div> 78702 <div class="price__sale"> 78703 <span class="visually-hidden visually-hidden--inline">Regular price</span> 78704 <span> 78705 <s class="price-item price-item--regular"> 78706 78707 <span class=money>Rs.21,990</span> 78708 78709 </s> 78710 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 78711 <span class="price-item price-item--sale price-item--last"> 78712 78713 78714 78715 78716 <span class="percentage__sale hidden">0% OFF</span> 78717 78718 <span class=money>Rs.21,990</span> 78719 </span> 78720 </div> 78721 <small class="unit-price caption hidden"> 78722 <span class="visually-hidden">Unit price</span> 78723 <span class="price-item price-item--last"> 78724 <span></span> 78725 <span aria-hidden="true">/</span> 78726 <span class="visually-hidden"> per </span> 78727 <span> 78728 </span> 78729 </span> 78730 </small> 78731 </div></div> 78732 78733 78734 78735 </div> 78736 </div> 78737 </div> 78738 78739 </div> 78740 </div><style> 78741/* ========================================================= 78742 DESKTOP PRODUCT CARD QUICK ADD 78743 LEFT = sizes 78744 RIGHT = original bag icon 78745 Mobile behavior remains unchanged 78746 ========================================================= */ 78747@media (min-width: 990px) { 78748 .hide-desktop { 78749 display: none !important; 78750 } 78751 78752 /* Keep both controls on the same bottom row */ 78753 .card-wrapper-box { 78754 position: relative; 78755 } 78756 78757 .card-wrapper-box .bt-qatc-container, 78758 .card-wrapper-box .ethnc-qatc-btn-container { 78759 position: absolute !important; 78760 bottom: 0 !important; 78761 z-index: 8 !important; 78762 } 78763 78764 /* LEFT: size area */ 78765 .card-wrapper-box .bt-qatc-container { 78766 left: 0 !important; 78767 right: 46px !important; 78768 width: auto !important; 78769 } 78770 78771 .card-wrapper-box .bt-qatc-form-container { 78772 left: 0 !important; 78773 right: 0 !important; 78774 bottom: -350% !important; 78775 width: 100% !important; 78776 min-height: 43px !important; 78777 opacity: 0 !important; 78778 visibility: hidden !important; 78779 pointer-events: none !important; 78780 transition: bottom .22s ease, opacity .18s ease !important; 78781 } 78782 78783 .card-wrapper-box .bt-qatc-form, 78784 .card-wrapper-box .bt-qatc-form-variants-container, 78785 .card-wrapper-box .bt-qatc-form-variants--list { 78786 width: 100% !important; 78787 } 78788 78789 .card-wrapper-box .bt-qatc-form-variants--list { 78790 display: flex !important; 78791 align-items: center !important; 78792 flex-wrap: wrap !important; 78793 gap: 0 !important; 78794 min-height: 43px !important; 78795 } 78796 78797 /* RIGHT: original bag button */ 78798 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 78799 display: flex !important; 78800 align-items: stretch !important; 78801 justify-content: center !important; 78802 left: auto !important; 78803 right: 0 !important; 78804 width: 46px !important; 78805 height: 43px !important; 78806 opacity: 0 !important; 78807 visibility: hidden !important; 78808 pointer-events: none !important; 78809 transition: opacity .18s ease !important; 78810 } 78811 78812 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 78813 display: flex !important; 78814 align-items: center !important; 78815 justify-content: center !important; 78816 width: 46px !important; 78817 height: 43px !important; 78818 min-width: 46px !important; 78819 padding: 0 !important; 78820 cursor: pointer !important; 78821 } 78822 78823 /* Hide Add to Basket text on desktop; keep only bag icon */ 78824 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 78825 display: none !important; 78826 } 78827 78828 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 78829 display: flex !important; 78830 align-items: center !important; 78831 justify-content: center !important; 78832 width: 100% !important; 78833 height: 100% !important; 78834 padding: 0 !important; 78835 } 78836 78837 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 78838 display: block !important; 78839 width: 16px !important; 78840 height: 17px !important; 78841 } 78842 78843 /* Show sizes + bag together on desktop hover */ 78844 .card-wrapper-box:hover .bt-qatc-form-container { 78845 bottom: 0 !important; 78846 opacity: 1 !important; 78847 visibility: visible !important; 78848 pointer-events: auto !important; 78849 } 78850 78851 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 78852 opacity: 1 !important; 78853 visibility: visible !important; 78854 pointer-events: auto !important; 78855 } 78856} 78857 78858@media (max-width: 989px) { 78859 .hide-mobile { 78860 display: none; 78861 } 78862} 78863</style> 78864 78865 78866<style> 78867/* ========================================================= 78868 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 78869 Keeps all sizes in one clean row on the left 78870 and the bag icon fixed on the right. 78871 ========================================================= */ 78872@media (min-width: 990px) { 78873 78874 .card-wrapper-box .bt-qatc-form-container { 78875 height: 43px !important; 78876 min-height: 43px !important; 78877 max-height: 43px !important; 78878 overflow: hidden !important; 78879 background: rgba(255,255,255,.96) !important; 78880 } 78881 78882 .card-wrapper-box .bt-qatc-form { 78883 display: block !important; 78884 height: 43px !important; 78885 min-height: 43px !important; 78886 margin: 0 !important; 78887 padding: 0 !important; 78888 } 78889 78890 .card-wrapper-box .bt-qatc-form-variants-container { 78891 display: block !important; 78892 width: 100% !important; 78893 height: 43px !important; 78894 min-height: 43px !important; 78895 margin: 0 !important; 78896 padding: 0 !important; 78897 } 78898 78899 .card-wrapper-box .bt-qatc-form-variants--list { 78900 display: flex !important; 78901 flex-direction: row !important; 78902 flex-wrap: wrap !important;
78903 align-items: center !important; 78904 justify-content: center !important; 78905 78906 width: 100% !important; 78907 height: 43px !important; 78908 min-height: 43px !important; 78909 78910 margin: 0 !important; 78911 padding: 0 6px !important; 78912 gap: 2px !important; 78913 78914 box-sizing: border-box !important; 78915 overflow: visible !important; 78916 white-space: normal !important; 78917 } 78918 78919 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 78920 display: none !important; 78921 } 78922 78923 .card-wrapper-box .bt-qatc-form-variant-input { 78924 position: relative !important; 78925 78926 display: flex !important; 78927 align-items: center !important; 78928 justify-content: center !important; 78929 78930 flex: 0 0 auto !important; 78931 width: auto !important; 78932 min-width: 32px !important; 78933 height: 43px !important; 78934 78935 margin: 0 !important; 78936 padding: 0 !important; 78937 78938 border: 0 !important; 78939 background: transparent !important; 78940 } 78941 78942 .card-wrapper-box .bt-qatc-form-variant-input label { 78943 position: static !important; 78944 78945 display: flex !important; 78946 align-items: center !important; 78947 justify-content: center !important; 78948 78949 width: auto !important; 78950 min-width: 32px !important; 78951 height: 32px !important; 78952 78953 margin: 0 !important; 78954 padding: 0 6px !important; 78955 78956 box-sizing: border-box !important; 78957 78958 background: transparent !important; 78959 border: 0 !important; 78960 78961 color: #111 !important; 78962 font-size: 12px !important; 78963 line-height: 1 !important; 78964 font-weight: 400 !important; 78965 78966 white-space: nowrap !important; 78967 cursor: pointer !important; 78968 } 78969 78970 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 78971 display: block !important; 78972 width: auto !important; 78973 max-width: none !important; 78974 78975 margin: 0 !important; 78976 padding: 0 !important; 78977 78978 overflow: visible !important; 78979 white-space: nowrap !important; 78980 text-overflow: clip !important; 78981 78982 font-size: inherit !important; 78983 line-height: inherit !important; 78984 } 78985 78986 /* Sold-out size */ 78987 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 78988 opacity: .35 !important; 78989 text-decoration: line-through !important; 78990 cursor: not-allowed !important; 78991 } 78992 78993 /* Optional hover feedback */ 78994 .card-wrapper-box 78995 .bt-qatc-form-variant-input:not(.is-disbaled) 78996 label:hover { 78997 text-decoration: underline !important; 78998 text-underline-offset: 3px !important; 78999 } 79000 79001 /* Prevent old theme transforms / absolute positions */ 79002 .card-wrapper-box .bt-qatc-form-variant-input *, 79003 .card-wrapper-box .bt-qatc-form-variants--list * { 79004 transform: none; 79005 } 79006} 79007</style> 79008 79009 79010<style> 79011/* Desktop quick-add: use one seamless background for sizes + bag */ 79012@media (min-width: 990px) { 79013 .card-wrapper-box .bt-qatc-form-container, 79014 .card-wrapper-box .bt-qatc-form, 79015 .card-wrapper-box .bt-qatc-form-variants-container, 79016 .card-wrapper-box .bt-qatc-form-variants--list, 79017 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 79018 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 79019 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 79020 background: rgba(255,255,255,.96) !important; 79021 } 79022 79023 /* Remove any visual split between sizes and bag */ 79024 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 79025 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 79026 border-left: 0 !important; 79027 box-shadow: none !important; 79028 } 79029} 79030</style> 79031 79032 79033<style> 79034/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 79035@media (min-width: 990px) { 79036 .card-wrapper-box .bt-qatc-form-container, 79037 .card-wrapper-box .bt-qatc-form, 79038 .card-wrapper-box .bt-qatc-form-variants-container { 79039 height: auto !important; 79040 max-height: none !important; 79041 overflow: visible !important; 79042 } 79043 79044 .card-wrapper-box .bt-qatc-form-variants--list { 79045 display: flex !important; 79046 flex-wrap: wrap !important; 79047 justify-content: center !important; 79048 align-items: center !important; 79049 height: auto !important; 79050 min-height: 43px !important; 79051 max-height: none !important; 79052 overflow: visible !important; 79053 white-space: normal !important; 79054 padding: 5px 6px !important; 79055 } 79056 79057 .card-wrapper-box .bt-qatc-form-variant-input { 79058 flex: 0 0 auto !important; 79059 } 79060} 79061</style> 79062
79063<script> 79064 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 79065 const wrap = label.closest('.bt-qatc-form-variant-input'); 79066 const form = label.closest('.bt-qatc-form'); 79067 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 79068 79069 if (!wrap || !form || !input) return; 79070 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 79071 if (label.dataset.loading === 'true') return; 79072 79073 input.checked = true; 79074 label.dataset.loading = 'true'; 79075 label.style.pointerEvents = 'none'; 79076 79077 try { 79078 const cartResp = await fetch('/cart.js', { 79079 method: 'GET', 79080 headers: { 'Accept': 'application/json' } 79081 }); 79082 79083 if (!cartResp.ok) throw new Error('Unable to read cart'); 79084 79085 const cart = await cartResp.json(); 79086 const variantId = Number(input.value); 79087 const selectedPrice = Number(input.dataset.price || 0) / 100; 79088 const totalCartPrice = Number(cart.total_price || 0) / 100; 79089 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 79090 79091 if ((totalCartPrice + selectedPrice) > 250000) { 79092 if (window.showAlert) { 79093 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 79094 } else { 79095 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 79096 } 79097 return; 79098 } 79099 79100 if (itemInCart && Number(itemInCart.quantity) >= 3) { 79101 if (window.showAlert) { 79102 window.showAlert('Limit reached: Max 3 items per size can be added'); 79103 } else { 79104 alert('Limit reached: Max 3 items per size can be added'); 79105 } 79106 return; 79107 } 79108 79109 79110 const cartSections = document.querySelector('cart-notification, cart-drawer'); 79111 const formData = new FormData(form); 79112 79113 formData.set('id', input.value); 79114 formData.set('quantity', '1'); 79115 79116 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 79117 formData.set( 79118 'sections', 79119 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 79120 ); 79121 } 79122 79123 formData.set('sections_url', window.location.pathname); 79124 79125 const addResp = await fetch('/cart/add.js', { 79126 method: 'POST', 79127 headers: { 'Accept': 'application/json' }, 79128 body: formData 79129 }); 79130 79131 const data = await addResp.json(); 79132 79133 if (!addResp.ok) { 79134 throw new Error(data.description || data.message || 'Unable to add this size'); 79135 } 79136 79137 if (cartSections && typeof cartSections.renderContents === 'function') { 79138 cartSections.renderContents(data); 79139 } else { 79140 const bubble = document.querySelector('#cart-icon-bubble'); 79141 if (bubble) bubble.click(); 79142 } 79143 79144 const card = label.closest('.card-wrapper-box'); 79145 if (card) { 79146 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 79147 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 79148 } 79149 } catch (error) { 79150 console.error('SEFAM hover size quick-add error:', error); 79151 if (window.showAlert) { 79152 window.showAlert(error.message || 'Unable to add this size to cart'); 79153 } else { 79154 alert(error.message || 'Unable to add this size to cart'); 79155 } 79156 } finally { 79157 label.dataset.loading = 'false'; 79158 label.style.pointerEvents = ''; 79159 } 79160 }; 79161</script>
79161 79162 79163<style> 79164/* Desktop quick-add final alignment: 79165 sizes start from left; bag area matches the complete quick-size background height. */ 79166@media (min-width: 990px) { 79167 .card-wrapper-box .bt-qatc-form-variants--list { 79168 justify-content: flex-start !important; 79169 align-content: center !important; 79170 text-align: left !important; 79171 } 79172 79173 .card-wrapper-box .bt-qatc-container { 79174 right: 46px !important; 79175 } 79176 79177 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 79178 top: auto !important; 79179 bottom: 0 !important; 79180 width: 46px !important; 79181 height: 100% !important; 79182 min-height: 43px !important; 79183 align-items: stretch !important; 79184 background: rgba(255,255,255,.96) !important; 79185 } 79186 79187 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 79188 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 79189 width: 46px !important; 79190 height: 100% !important; 79191 min-height: 43px !important; 79192 background: rgba(255,255,255,.96) !important; 79193 } 79194 79195 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 79196 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 79197 height: var(--sefam-quick-add-height, 43px) !important; 79198 } 79199} 79200</style>
79201<script> 79202(function () { 79203 function syncQuickAddHeight(card) { 79204 if (!card || window.innerWidth < 990) return; 79205 var panel = card.querySelector('.bt-qatc-form-container'); 79206 if (!panel) return; 79207 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 79208 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 79209 } 79210 79211 document.addEventListener('mouseover', function(e) { 79212 var card = e.target.closest('.card-wrapper-box'); 79213 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 79214 }, { passive: true }); 79215 79216 window.addEventListener('resize', function() { 79217 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 79218 }, { passive: true }); 79219})(); 79220</script>
79220 79221 79222 79223 79224<style> 79225/* ========================================================= 79226 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 79227 - reduce space between sizes 79228 - keep sizes left aligned 79229 - keep the bag icon on the BOTTOM row 79230 - bag background still matches the full size panel 79231 ========================================================= */ 79232@media (min-width: 990px) { 79233 79234 /* More usable width for sizes */ 79235 .card-wrapper-box .bt-qatc-container { 79236 right: 42px !important; 79237 } 79238 79239 /* Compact, left-aligned size list */ 79240 .card-wrapper-box .bt-qatc-form-variants--list { 79241 justify-content: flex-start !important; 79242 align-items: center !important; 79243 align-content: center !important; 79244 79245 column-gap: 0 !important; 79246 row-gap: 0 !important; 79247 79248 padding: 4px 4px !important; 79249 margin: 0 !important; 79250 } 79251 79252 .card-wrapper-box .bt-qatc-form-variant-input { 79253 min-width: 0 !important; 79254 width: auto !important; 79255 height: 35px !important; 79256 margin: 0 !important; 79257 padding: 0 !important; 79258 } 79259 79260 .card-wrapper-box .bt-qatc-form-variant-input label { 79261 min-width: 0 !important; 79262 width: auto !important; 79263 height: 35px !important; 79264 79265 margin: 0 !important; 79266 padding: 0 4px !important; 79267 79268 font-size: 12px !important; 79269 line-height: 1 !important; 79270 } 79271 79272 /* Bag column keeps the same full white background as the sizes */ 79273 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 79274 right: 0 !important; 79275 bottom: 0 !important; 79276 top: auto !important; 79277 79278 width: 42px !important; 79279 min-width: 42px !important; 79280 height: var(--sefam-quick-add-height, 43px) !important; 79281 min-height: 43px !important; 79282 79283 display: flex !important; 79284 flex-direction: column !important; 79285 justify-content: flex-end !important; 79286 align-items: stretch !important; 79287 79288 padding: 0 !important; 79289 margin: 0 !important; 79290 79291 background: rgba(255,255,255,.96) !important; 79292 } 79293 79294 /* The clickable bag itself always sits at the bottom */ 79295 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 79296 width: 42px !important; 79297 min-width: 42px !important; 79298 height: 43px !important; 79299 min-height: 43px !important; 79300 79301 margin-top: auto !important; 79302 padding: 0 !important; 79303 79304 display: flex !important; 79305 align-items: center !important; 79306 justify-content: center !important; 79307 79308 background: rgba(255,255,255,.96) !important; 79309 } 79310 79311 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 79312 width: 42px !important; 79313 height: 43px !important; 79314 min-height: 43px !important; 79315 79316 display: flex !important; 79317 align-items: center !important; 79318 justify-content: center !important; 79319 79320 padding: 0 !important; 79321 margin: 0 !important; 79322 79323 background: transparent !important; 79324 } 79325 79326 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 79327 width: 16px !important; 79328 height: 17px !important; 79329 } 79330} 79331</style> 79332 79333 79334<style> 79335/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 79336@media (min-width: 990px) { 79337 .card-wrapper-box .bt-qatc-form-variants--list { 79338 padding: 3px 4px !important; 79339 column-gap: 0 !important; 79340 row-gap: 0 !important; 79341 justify-content: flex-start !important; 79342 align-items: center !important; 79343 align-content: center !important; 79344 } 79345 79346 .card-wrapper-box .bt-qatc-form-variant-input { 79347 min-width: 0 !important; 79348 width: auto !important; 79349 height: 30px !important; 79350 margin: 0 !important; 79351 padding: 0 !important; 79352 } 79353 79354 .card-wrapper-box .bt-qatc-form-variant-input label { 79355 min-width: 0 !important; 79356 width: auto !important; 79357 height: 30px !important; 79358 margin: 0 !important; 79359 padding: 0 4px !important; 79360 font-size: 12px !important; 79361 line-height: 1 !important; 79362 display: flex !important; 79363 align-items: center !important; 79364 justify-content: center !important; 79365 } 79366 79367 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 79368 display: flex !important; 79369 flex-direction: column !important; 79370 justify-content: flex-end !important;
79371 align-items: stretch !important; 79372 bottom: 0 !important; 79373 top: auto !important; 79374 height: var(--sefam-quick-add-height, 36px) !important; 79375 min-height: 36px !important; 79376 } 79377 79378 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 79379 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 79380 height: 36px !important; 79381 min-height: 36px !important; 79382 margin-top: auto !important; 79383 } 79384} 79385</style> 79386 79387<style> 79388 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 79389 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 79390 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 79391 .card_colorways_container .new-mbl-color-single label span, 79392 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 79393 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 79394</style> 79395 79396 </li> 79397 79398 <li 79399 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_aLwpHn-7" 79400 class="grid__item slider__slide" 79401 > 79402 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 79403� 79404 79405 79406 � 79407 79408 79409 79410 <div class="card-wrapper product-card-wrapper"> 79411 <div 79412 class=" 79413 card card--standard 79414 card--media 79415 79416 79417 79418 79419 79420 " 79421 style="--ratio-percent: 150.00000000000003%;" 79422 79423 > 79424 <div class="card-wrapper-box"> 79425 79426 <div 79427 class="card__inner color-scheme-2 gradient ratio" 79428 style="--ratio-percent: 150.00000000000003%;" 79429 79430 > 79431 �<a href="/products/mc2401"> 79432 79433 �<div class="card-prdct2 card__media"> 79434 <div class="media media--transparent mt3"> 79435 79436 79437 <img 79438 src="//sefam.com/cdn/shop/files/MC2401_7.jpg?v=1790763332&width=800" 79439 srcset="//sefam.com/cdn/shop/files/MC2401_7.jpg?v=1790763332&width=1600 2x" 79440 class="" 79441 alt="KHADDAR | EMBROIDERED" 79442 79443 loading="lazy" 79444 79445 width="2400" 79446 height="3600" 79447 > 79448 �<img 79449 src="//sefam.com/cdn/shop/files/MC2401_8.jpg?v=1790763332&width=800" 79450 srcset="//sefam.com/cdn/shop/files/MC2401_8.jpg?v=1790763332&width=1600 2x" 79451 alt="KHADDAR | EMBROIDERED" 79452 loading="lazy" 79453 width="2400" 79454 height="3600" 79455 data-index="" 79456 > 79457 79458 � 79459 </div> 79460 79461 79462 </div> 79463 </a> 79464 </div> 79465 79466 79467 79468 79469 <div class="bt-qatc-container"> 79470 <div class="bt-qatc-form-container"> 79471 <div class="bt-qatc-form-content large-up-hide medium-hide"> 79472 <h3>KHADDAR | EMBROIDERED</h3> 79473 79474<div 79475 class=" 79476 price " 79477 > 79478 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 79479 <span class="price-item price-item--regular"> 79480 <span class=money>Rs.8,990</span> 79481 </span></div> 79482 <div class="price__sale"> 79483 <span class="visually-hidden visually-hidden--inline">Regular price</span> 79484 <span> 79485 <s class="price-item price-item--regular"> 79486 79487 <span class=money>Rs.8,990</span> 79488 79489 </s> 79490 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
79491 <span class="price-item price-item--sale price-item--last"> 79492 79493 79494 79495 79496 <span class="percentage__sale hidden">0% OFF</span> 79497 79498 <span class=money>Rs.8,990</span> 79499 </span> 79500 </div> 79501 <small class="unit-price caption hidden"> 79502 <span class="visually-hidden">Unit price</span> 79503 <span class="price-item price-item--last"> 79504 <span></span> 79505 <span aria-hidden="true">/</span> 79506 <span class="visually-hidden"> per </span> 79507 <span> 79508 </span> 79509 </span> 79510 </small> 79511 </div></div> 79512 79513 79514 79515 </div> 79516 <div 79517 class="ethnc-form-media large-up-hide medium-hide" 79518 79519 ></div> 79520 <form method="post" action="/cart/add" class="bt-qatc-form"> 79521 <input type="hidden" name="quantity" value="1"> 79522 <div class="bt-qatc-form-variants-container"> 79523 <div class="bt-qatc-form-variants--list"> 79524 79525 <div 79526 class="in-use bt-qatc-form-variant-input" 79527 79528 data-only-child 79529 79530 > 79531 <input 79532 type="radio" 79533 name="id" 79534 id="-52346040975656" 79535 value="52346040975656" 79536 data-price="899000" 79537 data-item-id="10429829153064" 79538 hidden 79539 79540 data-item-id="10429829153064" 79541 79542 checked 79543 79544 > 79545 79546 <label 79547 for="-52346040975656" 79548 data-sefam-quick-size 79549 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 79550 > 79551 <span class="split-variant-value"> 79552 79553 UNSTITCHED 79554 79555</span> 79556 </label> 79557 </div> 79558 79559 </div> 79560 79561 79562 79563 79564 </div> 79565 </form> 79566 </div> 79567 </div> 79568 79569 79570 79571 79572 79573 79574 79575 79576 79577 79578 79579 79580 79581 79582 79583 79584 79585 79586 79587 79588 79589 79590 79591 79592 79593 79594 79595 79596 79597 79598 79599 79600 79601 79602 79603 79604 <div 79605 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 79606 > 79607 <div class="ethnc-qatc-btn cstm-add-btn visible"> 79608 <span class="small-hide hide-mobile">Add to Basket</span> 79609 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 79610 </span>
79611 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 79612 width="11" 79613 height="11" 79614 viewBox="0 0 11 11" 79615 fill="none" 79616> 79617 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 79618 fill="black" 79619 /> 79620</svg> 79621</span> 79622 </div> 79623 </div> 79624 79625 79626 </div> 79627 79628 <div class="card__content aiza2"> 79629 <div class="card__information"> 79630 <small class="product-brand"> 79631 Kayseria 79632 </small> 79633 <h3 79634 class="card__heading h5" 79635 79636 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10429829153064" 79637 79638 > 79639 <a 79640 href="/products/mc2401" 79641 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10429829153064" 79642 class="full-unstyled-link" 79643 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10429829153064 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10429829153064" 79644 > 79645 KHADDAR | EMBROIDERED 79646 79647 <div class="card_colorways_container" onclick="event.stopPropagation();"> 79648 79649 79650 � 79651 </div> 79652 </a> 79653 79654 </h3> 79655 79656 <h3 class="product-subtitle hidden">UNSTITCHED | SHIRT & TROUSER </h3> 79657 79658 <div class="card-information"><span class="caption-large light"></span> 79659<div 79660 class=" 79661 price " 79662 > 79663 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 79664 <span class="price-item price-item--regular"> 79665 <span class=money>Rs.8,990</span> 79666 </span></div> 79667 <div class="price__sale"> 79668 <span class="visually-hidden visually-hidden--inline">Regular price</span> 79669 <span> 79670 <s class="price-item price-item--regular"> 79671 79672 <span class=money>Rs.8,990</span> 79673 79674 </s> 79675 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 79676 <span class="price-item price-item--sale price-item--last"> 79677 79678 79679 79680 79681 <span class="percentage__sale hidden">0% OFF</span> 79682 79683 <span class=money>Rs.8,990</span> 79684 </span> 79685 </div> 79686 <small class="unit-price caption hidden"> 79687 <span class="visually-hidden">Unit price</span> 79688 <span class="price-item price-item--last"> 79689 <span></span> 79690 <span aria-hidden="true">/</span> 79691 <span class="visually-hidden"> per </span> 79692 <span> 79693 </span> 79694 </span> 79695 </small> 79696 </div></div> 79697 79698 79699 79700 </div> 79701 </div> 79702 </div> 79703 79704 </div> 79705 </div><style> 79706/* ========================================================= 79707 DESKTOP PRODUCT CARD QUICK ADD 79708 LEFT = sizes 79709 RIGHT = original bag icon 79710 Mobile behavior remains unchanged 79711 ========================================================= */ 79712@media (min-width: 990px) { 79713 .hide-desktop { 79714 display: none !important; 79715 } 79716 79717 /* Keep both controls on the same bottom row */ 79718 .card-wrapper-box { 79719 position: relative; 79720 } 79721 79722 .card-wrapper-box .bt-qatc-container, 79723 .card-wrapper-box .ethnc-qatc-btn-container { 79724 position: absolute !important; 79725 bottom: 0 !important; 79726 z-index: 8 !important; 79727 } 79728 79729 /* LEFT: size area */ 79730 .card-wrapper-box .bt-qatc-container { 79731 left: 0 !important; 79732 right: 46px !important; 79733 width: auto !important; 79734 } 79735 79736 .card-wrapper-box .bt-qatc-form-container { 79737 left: 0 !important; 79738 right: 0 !important; 79739 bottom: -350% !important; 79740 width: 100% !important; 79741 min-height: 43px !important; 79742 opacity: 0 !important; 79743 visibility: hidden !important; 79744 pointer-events: none !important; 79745 transition: bottom .22s ease, opacity .18s ease !important; 79746 } 79747 79748 .card-wrapper-box .bt-qatc-form, 79749 .card-wrapper-box .bt-qatc-form-variants-container, 79750 .card-wrapper-box .bt-qatc-form-variants--list { 79751 width: 100% !important; 79752 } 79753 79754 .card-wrapper-box .bt-qatc-form-variants--list { 79755 display: flex !important;
79756 align-items: center !important; 79757 flex-wrap: wrap !important; 79758 gap: 0 !important; 79759 min-height: 43px !important; 79760 } 79761 79762 /* RIGHT: original bag button */ 79763 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 79764 display: flex !important; 79765 align-items: stretch !important; 79766 justify-content: center !important; 79767 left: auto !important; 79768 right: 0 !important; 79769 width: 46px !important; 79770 height: 43px !important; 79771 opacity: 0 !important; 79772 visibility: hidden !important; 79773 pointer-events: none !important; 79774 transition: opacity .18s ease !important; 79775 } 79776 79777 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 79778 display: flex !important; 79779 align-items: center !important; 79780 justify-content: center !important; 79781 width: 46px !important; 79782 height: 43px !important; 79783 min-width: 46px !important; 79784 padding: 0 !important; 79785 cursor: pointer !important; 79786 } 79787 79788 /* Hide Add to Basket text on desktop; keep only bag icon */ 79789 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 79790 display: none !important; 79791 } 79792 79793 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 79794 display: flex !important; 79795 align-items: center !important; 79796 justify-content: center !important; 79797 width: 100% !important; 79798 height: 100% !important; 79799 padding: 0 !important; 79800 } 79801 79802 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 79803 display: block !important; 79804 width: 16px !important; 79805 height: 17px !important; 79806 } 79807 79808 /* Show sizes + bag together on desktop hover */ 79809 .card-wrapper-box:hover .bt-qatc-form-container { 79810 bottom: 0 !important; 79811 opacity: 1 !important; 79812 visibility: visible !important; 79813 pointer-events: auto !important; 79814 } 79815 79816 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 79817 opacity: 1 !important; 79818 visibility: visible !important; 79819 pointer-events: auto !important; 79820 } 79821} 79822 79823@media (max-width: 989px) { 79824 .hide-mobile { 79825 display: none; 79826 } 79827} 79828</style> 79829 79830 79831<style> 79832/* ========================================================= 79833 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 79834 Keeps all sizes in one clean row on the left 79835 and the bag icon fixed on the right. 79836 ========================================================= */ 79837@media (min-width: 990px) { 79838 79839 .card-wrapper-box .bt-qatc-form-container { 79840 height: 43px !important; 79841 min-height: 43px !important; 79842 max-height: 43px !important; 79843 overflow: hidden !important; 79844 background: rgba(255,255,255,.96) !important; 79845 } 79846 79847 .card-wrapper-box .bt-qatc-form { 79848 display: block !important; 79849 height: 43px !important; 79850 min-height: 43px !important; 79851 margin: 0 !important; 79852 padding: 0 !important; 79853 } 79854 79855 .card-wrapper-box .bt-qatc-form-variants-container { 79856 display: block !important; 79857 width: 100% !important; 79858 height: 43px !important; 79859 min-height: 43px !important; 79860 margin: 0 !important; 79861 padding: 0 !important; 79862 } 79863 79864 .card-wrapper-box .bt-qatc-form-variants--list { 79865 display: flex !important; 79866 flex-direction: row !important; 79867 flex-wrap: wrap !important; 79868 align-items: center !important; 79869 justify-content: center !important; 79870 79871 width: 100% !important; 79872 height: 43px !important; 79873 min-height: 43px !important; 79874 79875 margin: 0 !important; 79876 padding: 0 6px !important; 79877 gap: 2px !important; 79878 79879 box-sizing: border-box !important; 79880 overflow: visible !important; 79881 white-space: normal !important; 79882 } 79883 79884 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 79885 display: none !important; 79886 } 79887 79888 .card-wrapper-box .bt-qatc-form-variant-input { 79889 position: relative !important; 79890 79891 display: flex !important; 79892 align-items: center !important; 79893 justify-content: center !important; 79894 79895 flex: 0 0 auto !important; 79896 width: auto !important; 79897 min-width: 32px !important; 79898 height: 43px !important; 79899 79900 margin: 0 !important; 79901 padding: 0 !important; 79902 79903 border: 0 !important; 79904 background: transparent !important; 79905 } 79906 79907 .card-wrapper-box .bt-qatc-form-variant-input label { 79908 position: static !important; 79909 79910 display: flex !important;
79911 align-items: center !important; 79912 justify-content: center !important; 79913 79914 width: auto !important; 79915 min-width: 32px !important; 79916 height: 32px !important; 79917 79918 margin: 0 !important; 79919 padding: 0 6px !important; 79920 79921 box-sizing: border-box !important; 79922 79923 background: transparent !important; 79924 border: 0 !important; 79925 79926 color: #111 !important; 79927 font-size: 12px !important; 79928 line-height: 1 !important; 79929 font-weight: 400 !important; 79930 79931 white-space: nowrap !important; 79932 cursor: pointer !important; 79933 } 79934 79935 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 79936 display: block !important; 79937 width: auto !important; 79938 max-width: none !important; 79939 79940 margin: 0 !important; 79941 padding: 0 !important; 79942 79943 overflow: visible !important; 79944 white-space: nowrap !important; 79945 text-overflow: clip !important; 79946 79947 font-size: inherit !important; 79948 line-height: inherit !important; 79949 } 79950 79951 /* Sold-out size */ 79952 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 79953 opacity: .35 !important; 79954 text-decoration: line-through !important; 79955 cursor: not-allowed !important; 79956 } 79957 79958 /* Optional hover feedback */ 79959 .card-wrapper-box 79960 .bt-qatc-form-variant-input:not(.is-disbaled) 79961 label:hover { 79962 text-decoration: underline !important; 79963 text-underline-offset: 3px !important; 79964 } 79965 79966 /* Prevent old theme transforms / absolute positions */ 79967 .card-wrapper-box .bt-qatc-form-variant-input *, 79968 .card-wrapper-box .bt-qatc-form-variants--list * { 79969 transform: none; 79970 } 79971} 79972</style> 79973 79974 79975<style> 79976/* Desktop quick-add: use one seamless background for sizes + bag */ 79977@media (min-width: 990px) { 79978 .card-wrapper-box .bt-qatc-form-container, 79979 .card-wrapper-box .bt-qatc-form, 79980 .card-wrapper-box .bt-qatc-form-variants-container, 79981 .card-wrapper-box .bt-qatc-form-variants--list, 79982 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 79983 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 79984 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 79985 background: rgba(255,255,255,.96) !important; 79986 } 79987 79988 /* Remove any visual split between sizes and bag */ 79989 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 79990 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 79991 border-left: 0 !important; 79992 box-shadow: none !important; 79993 } 79994} 79995</style> 79996 79997 79998<style> 79999/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 80000@media (min-width: 990px) { 80001 .card-wrapper-box .bt-qatc-form-container, 80002 .card-wrapper-box .bt-qatc-form, 80003 .card-wrapper-box .bt-qatc-form-variants-container { 80004 height: auto !important; 80005 max-height: none !important; 80006 overflow: visible !important; 80007 } 80008 80009 .card-wrapper-box .bt-qatc-form-variants--list { 80010 display: flex !important; 80011 flex-wrap: wrap !important; 80012 justify-content: center !important; 80013 align-items: center !important; 80014 height: auto !important; 80015 min-height: 43px !important; 80016 max-height: none !important; 80017 overflow: visible !important; 80018 white-space: normal !important; 80019 padding: 5px 6px !important; 80020 } 80021 80022 .card-wrapper-box .bt-qatc-form-variant-input { 80023 flex: 0 0 auto !important; 80024 } 80025} 80026</style> 80027
80028<script> 80029 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 80030 const wrap = label.closest('.bt-qatc-form-variant-input'); 80031 const form = label.closest('.bt-qatc-form'); 80032 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 80033 80034 if (!wrap || !form || !input) return; 80035 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 80036 if (label.dataset.loading === 'true') return; 80037 80038 input.checked = true; 80039 label.dataset.loading = 'true'; 80040 label.style.pointerEvents = 'none'; 80041 80042 try { 80043 const cartResp = await fetch('/cart.js', { 80044 method: 'GET', 80045 headers: { 'Accept': 'application/json' } 80046 }); 80047 80048 if (!cartResp.ok) throw new Error('Unable to read cart'); 80049 80050 const cart = await cartResp.json(); 80051 const variantId = Number(input.value); 80052 const selectedPrice = Number(input.dataset.price || 0) / 100; 80053 const totalCartPrice = Number(cart.total_price || 0) / 100; 80054 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 80055 80056 if ((totalCartPrice + selectedPrice) > 250000) { 80057 if (window.showAlert) { 80058 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 80059 } else { 80060 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 80061 } 80062 return; 80063 } 80064 80065 if (itemInCart && Number(itemInCart.quantity) >= 3) { 80066 if (window.showAlert) { 80067 window.showAlert('Limit reached: Max 3 items per size can be added'); 80068 } else { 80069 alert('Limit reached: Max 3 items per size can be added'); 80070 } 80071 return; 80072 } 80073 80074 80075 const cartSections = document.querySelector('cart-notification, cart-drawer'); 80076 const formData = new FormData(form); 80077 80078 formData.set('id', input.value); 80079 formData.set('quantity', '1'); 80080 80081 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 80082 formData.set( 80083 'sections', 80084 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 80085 ); 80086 } 80087 80088 formData.set('sections_url', window.location.pathname); 80089 80090 const addResp = await fetch('/cart/add.js', { 80091 method: 'POST', 80092 headers: { 'Accept': 'application/json' }, 80093 body: formData 80094 }); 80095 80096 const data = await addResp.json(); 80097 80098 if (!addResp.ok) { 80099 throw new Error(data.description || data.message || 'Unable to add this size'); 80100 } 80101 80102 if (cartSections && typeof cartSections.renderContents === 'function') { 80103 cartSections.renderContents(data); 80104 } else { 80105 const bubble = document.querySelector('#cart-icon-bubble'); 80106 if (bubble) bubble.click(); 80107 } 80108 80109 const card = label.closest('.card-wrapper-box'); 80110 if (card) { 80111 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 80112 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 80113 } 80114 } catch (error) { 80115 console.error('SEFAM hover size quick-add error:', error); 80116 if (window.showAlert) { 80117 window.showAlert(error.message || 'Unable to add this size to cart'); 80118 } else { 80119 alert(error.message || 'Unable to add this size to cart'); 80120 } 80121 } finally { 80122 label.dataset.loading = 'false'; 80123 label.style.pointerEvents = ''; 80124 } 80125 }; 80126</script>
80126 80127 80128<style> 80129/* Desktop quick-add final alignment: 80130 sizes start from left; bag area matches the complete quick-size background height. */ 80131@media (min-width: 990px) { 80132 .card-wrapper-box .bt-qatc-form-variants--list { 80133 justify-content: flex-start !important; 80134 align-content: center !important; 80135 text-align: left !important; 80136 } 80137 80138 .card-wrapper-box .bt-qatc-container { 80139 right: 46px !important; 80140 } 80141 80142 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 80143 top: auto !important; 80144 bottom: 0 !important; 80145 width: 46px !important; 80146 height: 100% !important; 80147 min-height: 43px !important; 80148 align-items: stretch !important; 80149 background: rgba(255,255,255,.96) !important; 80150 } 80151 80152 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 80153 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 80154 width: 46px !important; 80155 height: 100% !important; 80156 min-height: 43px !important; 80157 background: rgba(255,255,255,.96) !important; 80158 } 80159 80160 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 80161 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 80162 height: var(--sefam-quick-add-height, 43px) !important; 80163 } 80164} 80165</style>
80166<script> 80167(function () { 80168 function syncQuickAddHeight(card) { 80169 if (!card || window.innerWidth < 990) return; 80170 var panel = card.querySelector('.bt-qatc-form-container'); 80171 if (!panel) return; 80172 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 80173 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 80174 } 80175 80176 document.addEventListener('mouseover', function(e) { 80177 var card = e.target.closest('.card-wrapper-box'); 80178 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 80179 }, { passive: true }); 80180 80181 window.addEventListener('resize', function() { 80182 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 80183 }, { passive: true }); 80184})(); 80185</script>
80185 80186 80187 80188 80189<style> 80190/* ========================================================= 80191 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 80192 - reduce space between sizes 80193 - keep sizes left aligned 80194 - keep the bag icon on the BOTTOM row 80195 - bag background still matches the full size panel 80196 ========================================================= */ 80197@media (min-width: 990px) { 80198 80199 /* More usable width for sizes */ 80200 .card-wrapper-box .bt-qatc-container { 80201 right: 42px !important; 80202 } 80203 80204 /* Compact, left-aligned size list */ 80205 .card-wrapper-box .bt-qatc-form-variants--list { 80206 justify-content: flex-start !important; 80207 align-items: center !important; 80208 align-content: center !important; 80209 80210 column-gap: 0 !important; 80211 row-gap: 0 !important; 80212 80213 padding: 4px 4px !important; 80214 margin: 0 !important; 80215 } 80216 80217 .card-wrapper-box .bt-qatc-form-variant-input { 80218 min-width: 0 !important; 80219 width: auto !important; 80220 height: 35px !important; 80221 margin: 0 !important; 80222 padding: 0 !important; 80223 } 80224 80225 .card-wrapper-box .bt-qatc-form-variant-input label { 80226 min-width: 0 !important; 80227 width: auto !important; 80228 height: 35px !important; 80229 80230 margin: 0 !important; 80231 padding: 0 4px !important; 80232 80233 font-size: 12px !important; 80234 line-height: 1 !important; 80235 } 80236 80237 /* Bag column keeps the same full white background as the sizes */ 80238 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 80239 right: 0 !important; 80240 bottom: 0 !important; 80241 top: auto !important; 80242 80243 width: 42px !important; 80244 min-width: 42px !important; 80245 height: var(--sefam-quick-add-height, 43px) !important; 80246 min-height: 43px !important; 80247 80248 display: flex !important; 80249 flex-direction: column !important; 80250 justify-content: flex-end !important; 80251 align-items: stretch !important; 80252 80253 padding: 0 !important; 80254 margin: 0 !important; 80255 80256 background: rgba(255,255,255,.96) !important; 80257 } 80258 80259 /* The clickable bag itself always sits at the bottom */ 80260 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 80261 width: 42px !important; 80262 min-width: 42px !important; 80263 height: 43px !important; 80264 min-height: 43px !important; 80265 80266 margin-top: auto !important; 80267 padding: 0 !important; 80268 80269 display: flex !important; 80270 align-items: center !important; 80271 justify-content: center !important; 80272 80273 background: rgba(255,255,255,.96) !important; 80274 } 80275 80276 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 80277 width: 42px !important; 80278 height: 43px !important; 80279 min-height: 43px !important; 80280 80281 display: flex !important; 80282 align-items: center !important; 80283 justify-content: center !important; 80284 80285 padding: 0 !important; 80286 margin: 0 !important; 80287 80288 background: transparent !important; 80289 } 80290 80291 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 80292 width: 16px !important; 80293 height: 17px !important; 80294 } 80295} 80296</style> 80297 80298 80299<style> 80300/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 80301@media (min-width: 990px) { 80302 .card-wrapper-box .bt-qatc-form-variants--list { 80303 padding: 3px 4px !important; 80304 column-gap: 0 !important; 80305 row-gap: 0 !important; 80306 justify-content: flex-start !important; 80307 align-items: center !important; 80308 align-content: center !important; 80309 } 80310 80311 .card-wrapper-box .bt-qatc-form-variant-input { 80312 min-width: 0 !important; 80313 width: auto !important; 80314 height: 30px !important; 80315 margin: 0 !important; 80316 padding: 0 !important; 80317 } 80318 80319 .card-wrapper-box .bt-qatc-form-variant-input label { 80320 min-width: 0 !important; 80321 width: auto !important; 80322 height: 30px !important; 80323 margin: 0 !important; 80324 padding: 0 4px !important; 80325 font-size: 12px !important; 80326 line-height: 1 !important; 80327 display: flex !important; 80328 align-items: center !important; 80329 justify-content: center !important; 80330 } 80331 80332 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 80333 display: flex !important; 80334 flex-direction: column !important; 80335 justify-content: flex-end !important;
80336 align-items: stretch !important; 80337 bottom: 0 !important; 80338 top: auto !important; 80339 height: var(--sefam-quick-add-height, 36px) !important; 80340 min-height: 36px !important; 80341 } 80342 80343 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 80344 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 80345 height: 36px !important; 80346 min-height: 36px !important; 80347 margin-top: auto !important; 80348 } 80349} 80350</style> 80351 80352<style> 80353 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 80354 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 80355 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 80356 .card_colorways_container .new-mbl-color-single label span, 80357 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 80358 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 80359</style> 80360 80361 </li> 80362 80363 <li 80364 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_aLwpHn-8" 80365 class="grid__item slider__slide" 80366 > 80367 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 80368� 80369 80370 80371 � 80372 80373 80374 80375 <div class="card-wrapper product-card-wrapper"> 80376 <div 80377 class=" 80378 card card--standard 80379 card--media 80380 80381 80382 80383 80384 80385 " 80386 style="--ratio-percent: 150.00000000000003%;" 80387 80388 > 80389 <div class="card-wrapper-box"> 80390 80391 <div 80392 class="card__inner color-scheme-2 gradient ratio" 80393 style="--ratio-percent: 150.00000000000003%;" 80394 80395 > 80396 �<a href="/products/mcp2256"> 80397 80398 �<div class="card-prdct2 card__media"> 80399 <div class="media media--transparent mt3"> 80400 80401 80402 <img 80403 src="//sefam.com/cdn/shop/files/Mc2256-1_9.jpg?v=1789715118&width=800" 80404 srcset="//sefam.com/cdn/shop/files/Mc2256-1_9.jpg?v=1789715118&width=1600 2x" 80405 class="" 80406 alt="BEMBERG CHIFFON | EMBROIDERED" 80407 80408 loading="lazy" 80409 80410 width="2400" 80411 height="3600" 80412 > 80413 �<img 80414 src="//sefam.com/cdn/shop/files/Mc2256-1_3.jpg?v=1789715118&width=800" 80415 srcset="//sefam.com/cdn/shop/files/Mc2256-1_3.jpg?v=1789715118&width=1600 2x" 80416 alt="BEMBERG CHIFFON | EMBROIDERED" 80417 loading="lazy" 80418 width="2400" 80419 height="3600" 80420 data-index="" 80421 > 80422 80423 � 80424 </div> 80425 80426 80427 </div> 80428 </a> 80429 </div> 80430 80431 80432 80433 80434 <div class="bt-qatc-container"> 80435 <div class="bt-qatc-form-container"> 80436 <div class="bt-qatc-form-content large-up-hide medium-hide"> 80437 <h3>BEMBERG CHIFFON | EMBROIDERED</h3> 80438 80439<div 80440 class=" 80441 price " 80442 > 80443 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 80444 <span class="price-item price-item--regular"> 80445 <span class=money>Rs.29,990</span> 80446 </span></div> 80447 <div class="price__sale"> 80448 <span class="visually-hidden visually-hidden--inline">Regular price</span> 80449 <span> 80450 <s class="price-item price-item--regular"> 80451 80452 <span class=money>Rs.29,990</span> 80453 80454 </s> 80455 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
80456 <span class="price-item price-item--sale price-item--last"> 80457 80458 80459 80460 80461 <span class="percentage__sale hidden">0% OFF</span> 80462 80463 <span class=money>Rs.29,990</span> 80464 </span> 80465 </div> 80466 <small class="unit-price caption hidden"> 80467 <span class="visually-hidden">Unit price</span> 80468 <span class="price-item price-item--last"> 80469 <span></span> 80470 <span aria-hidden="true">/</span> 80471 <span class="visually-hidden"> per </span> 80472 <span> 80473 </span> 80474 </span> 80475 </small> 80476 </div></div> 80477 80478 80479 80480 </div> 80481 <div 80482 class="ethnc-form-media large-up-hide medium-hide" 80483 80484 ></div> 80485 <form method="post" action="/cart/add" class="bt-qatc-form"> 80486 <input type="hidden" name="quantity" value="1"> 80487 <div class="bt-qatc-form-variants-container"> 80488 <div class="bt-qatc-form-variants--list"> 80489 80490 <div 80491 class="in-use bt-qatc-form-variant-input" 80492 80493 data-only-child 80494 80495 > 80496 <input 80497 type="radio" 80498 name="id" 80499 id="-52346250887464" 80500 value="52346250887464" 80501 data-price="2999000" 80502 data-item-id="10429928276264" 80503 hidden 80504 80505 data-item-id="10429928276264" 80506 80507 checked 80508 80509 > 80510 80511 <label 80512 for="-52346250887464" 80513 data-sefam-quick-size 80514 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 80515 > 80516 <span class="split-variant-value"> 80517 80518 UNSTITCHED 80519 80520</span> 80521 </label> 80522 </div> 80523 80524 </div> 80525 80526 80527 80528 80529 </div> 80530 </form> 80531 </div> 80532 </div> 80533 80534 80535 80536 80537 80538 80539 80540 80541 80542 80543 80544 80545 80546 80547 80548 80549 80550 80551 80552 80553 80554 80555 80556 80557 80558 80559 80560 80561 80562 80563 80564 80565 80566 <div 80567 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 80568 > 80569 <div class="ethnc-qatc-btn cstm-add-btn visible"> 80570 <span class="small-hide hide-mobile">Add to Basket</span> 80571 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 80572 </span> 80573 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 80574 width="11" 80575 height="11" 80576 viewBox="0 0 11 11" 80577 fill="none" 80578> 80579 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 80580 fill="black" 80581 /> 80582</svg> 80583</span> 80584 </div> 80585 </div> 80586 80587 80588 </div> 80589 80590 <div class="card__content aiza2"> 80591 <div class="card__information"> 80592 <small class="product-brand"> 80593 Kayseria 80594 </small> 80595 <h3 80596 class="card__heading h5" 80597 80598 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10429928276264" 80599 80600 > 80601 <a 80602 href="/products/mcp2256" 80603 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10429928276264" 80604 class="full-unstyled-link" 80605 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10429928276264 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10429928276264" 80606 > 80607 BEMBERG CHIFFON | EMBROIDERED 80608 80609 <div class="card_colorways_container" onclick="event.stopPropagation();"> 80610 80611 80612 � 80613 </div> 80614 </a> 80615 80616 </h3> 80617 80618 <h3 class="product-subtitle hidden">UNSTITCHED | SHIRT, TROUSER & DUPATTA</h3> 80619 80620 <div class="card-information"><span class="caption-large light"></span> 80621<div 80622 class=" 80623 price " 80624 > 80625 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
80626 <span class="price-item price-item--regular"> 80627 <span class=money>Rs.29,990</span> 80628 </span></div> 80629 <div class="price__sale"> 80630 <span class="visually-hidden visually-hidden--inline">Regular price</span> 80631 <span> 80632 <s class="price-item price-item--regular"> 80633 80634 <span class=money>Rs.29,990</span> 80635 80636 </s> 80637 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 80638 <span class="price-item price-item--sale price-item--last"> 80639 80640 80641 80642 80643 <span class="percentage__sale hidden">0% OFF</span> 80644 80645 <span class=money>Rs.29,990</span> 80646 </span> 80647 </div> 80648 <small class="unit-price caption hidden"> 80649 <span class="visually-hidden">Unit price</span> 80650 <span class="price-item price-item--last"> 80651 <span></span> 80652 <span aria-hidden="true">/</span> 80653 <span class="visually-hidden"> per </span> 80654 <span> 80655 </span> 80656 </span> 80657 </small> 80658 </div></div> 80659 80660 80661 80662 </div> 80663 </div> 80664 </div> 80665 80666 </div> 80667 </div><style> 80668/* ========================================================= 80669 DESKTOP PRODUCT CARD QUICK ADD 80670 LEFT = sizes 80671 RIGHT = original bag icon 80672 Mobile behavior remains unchanged 80673 ========================================================= */ 80674@media (min-width: 990px) { 80675 .hide-desktop { 80676 display: none !important; 80677 } 80678 80679 /* Keep both controls on the same bottom row */ 80680 .card-wrapper-box { 80681 position: relative; 80682 } 80683 80684 .card-wrapper-box .bt-qatc-container, 80685 .card-wrapper-box .ethnc-qatc-btn-container { 80686 position: absolute !important; 80687 bottom: 0 !important; 80688 z-index: 8 !important; 80689 } 80690 80691 /* LEFT: size area */ 80692 .card-wrapper-box .bt-qatc-container { 80693 left: 0 !important; 80694 right: 46px !important; 80695 width: auto !important; 80696 } 80697 80698 .card-wrapper-box .bt-qatc-form-container { 80699 left: 0 !important; 80700 right: 0 !important; 80701 bottom: -350% !important; 80702 width: 100% !important; 80703 min-height: 43px !important; 80704 opacity: 0 !important; 80705 visibility: hidden !important; 80706 pointer-events: none !important; 80707 transition: bottom .22s ease, opacity .18s ease !important; 80708 } 80709 80710 .card-wrapper-box .bt-qatc-form, 80711 .card-wrapper-box .bt-qatc-form-variants-container, 80712 .card-wrapper-box .bt-qatc-form-variants--list { 80713 width: 100% !important; 80714 } 80715 80716 .card-wrapper-box .bt-qatc-form-variants--list { 80717 display: flex !important; 80718 align-items: center !important; 80719 flex-wrap: wrap !important; 80720 gap: 0 !important; 80721 min-height: 43px !important; 80722 } 80723 80724 /* RIGHT: original bag button */ 80725 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 80726 display: flex !important; 80727 align-items: stretch !important; 80728 justify-content: center !important; 80729 left: auto !important; 80730 right: 0 !important; 80731 width: 46px !important; 80732 height: 43px !important; 80733 opacity: 0 !important; 80734 visibility: hidden !important; 80735 pointer-events: none !important; 80736 transition: opacity .18s ease !important; 80737 } 80738 80739 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 80740 display: flex !important; 80741 align-items: center !important; 80742 justify-content: center !important; 80743 width: 46px !important; 80744 height: 43px !important; 80745 min-width: 46px !important; 80746 padding: 0 !important; 80747 cursor: pointer !important; 80748 } 80749 80750 /* Hide Add to Basket text on desktop; keep only bag icon */ 80751 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 80752 display: none !important; 80753 } 80754 80755 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 80756 display: flex !important; 80757 align-items: center !important; 80758 justify-content: center !important; 80759 width: 100% !important; 80760 height: 100% !important; 80761 padding: 0 !important; 80762 } 80763 80764 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 80765 display: block !important; 80766 width: 16px !important; 80767 height: 17px !important; 80768 } 80769 80770 /* Show sizes + bag together on desktop hover */ 80771 .card-wrapper-box:hover .bt-qatc-form-container { 80772 bottom: 0 !important; 80773 opacity: 1 !important; 80774 visibility: visible !important; 80775 pointer-events: auto !important; 80776 } 80777 80778 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 80779 opacity: 1 !important; 80780 visibility: visible !important; 80781 pointer-events: auto !important; 80782 } 80783} 80784 80785@media (max-width: 989px) { 80786 .hide-mobile { 80787 display: none; 80788 } 80789} 80790</style> 80791 80792 80793<style> 80794/* ========================================================= 80795 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 80796 Keeps all sizes in one clean row on the left 80797 and the bag icon fixed on the right. 80798 ========================================================= */ 80799@media (min-width: 990px) { 80800 80801 .card-wrapper-box .bt-qatc-form-container { 80802 height: 43px !important; 80803 min-height: 43px !important; 80804 max-height: 43px !important; 80805 overflow: hidden !important; 80806 background: rgba(255,255,255,.96) !important; 80807 } 80808 80809 .card-wrapper-box .bt-qatc-form { 80810 display: block !important; 80811 height: 43px !important; 80812 min-height: 43px !important; 80813 margin: 0 !important; 80814 padding: 0 !important; 80815 } 80816 80817 .card-wrapper-box .bt-qatc-form-variants-container { 80818 display: block !important; 80819 width: 100% !important; 80820 height: 43px !important; 80821 min-height: 43px !important; 80822 margin: 0 !important; 80823 padding: 0 !important; 80824 } 80825 80826 .card-wrapper-box .bt-qatc-form-variants--list { 80827 display: flex !important; 80828 flex-direction: row !important; 80829 flex-wrap: wrap !important;
80830 align-items: center !important; 80831 justify-content: center !important; 80832 80833 width: 100% !important; 80834 height: 43px !important; 80835 min-height: 43px !important; 80836 80837 margin: 0 !important; 80838 padding: 0 6px !important; 80839 gap: 2px !important; 80840 80841 box-sizing: border-box !important; 80842 overflow: visible !important; 80843 white-space: normal !important; 80844 } 80845 80846 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 80847 display: none !important; 80848 } 80849 80850 .card-wrapper-box .bt-qatc-form-variant-input { 80851 position: relative !important; 80852 80853 display: flex !important; 80854 align-items: center !important; 80855 justify-content: center !important; 80856 80857 flex: 0 0 auto !important; 80858 width: auto !important; 80859 min-width: 32px !important; 80860 height: 43px !important; 80861 80862 margin: 0 !important; 80863 padding: 0 !important; 80864 80865 border: 0 !important; 80866 background: transparent !important; 80867 } 80868 80869 .card-wrapper-box .bt-qatc-form-variant-input label { 80870 position: static !important; 80871 80872 display: flex !important; 80873 align-items: center !important; 80874 justify-content: center !important; 80875 80876 width: auto !important; 80877 min-width: 32px !important; 80878 height: 32px !important; 80879 80880 margin: 0 !important; 80881 padding: 0 6px !important; 80882 80883 box-sizing: border-box !important; 80884 80885 background: transparent !important; 80886 border: 0 !important; 80887 80888 color: #111 !important; 80889 font-size: 12px !important; 80890 line-height: 1 !important; 80891 font-weight: 400 !important; 80892 80893 white-space: nowrap !important; 80894 cursor: pointer !important; 80895 } 80896 80897 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 80898 display: block !important; 80899 width: auto !important; 80900 max-width: none !important; 80901 80902 margin: 0 !important; 80903 padding: 0 !important; 80904 80905 overflow: visible !important; 80906 white-space: nowrap !important; 80907 text-overflow: clip !important; 80908 80909 font-size: inherit !important; 80910 line-height: inherit !important; 80911 } 80912 80913 /* Sold-out size */ 80914 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 80915 opacity: .35 !important; 80916 text-decoration: line-through !important; 80917 cursor: not-allowed !important; 80918 } 80919 80920 /* Optional hover feedback */ 80921 .card-wrapper-box 80922 .bt-qatc-form-variant-input:not(.is-disbaled) 80923 label:hover { 80924 text-decoration: underline !important; 80925 text-underline-offset: 3px !important; 80926 } 80927 80928 /* Prevent old theme transforms / absolute positions */ 80929 .card-wrapper-box .bt-qatc-form-variant-input *, 80930 .card-wrapper-box .bt-qatc-form-variants--list * { 80931 transform: none; 80932 } 80933} 80934</style> 80935 80936 80937<style> 80938/* Desktop quick-add: use one seamless background for sizes + bag */ 80939@media (min-width: 990px) { 80940 .card-wrapper-box .bt-qatc-form-container, 80941 .card-wrapper-box .bt-qatc-form, 80942 .card-wrapper-box .bt-qatc-form-variants-container, 80943 .card-wrapper-box .bt-qatc-form-variants--list, 80944 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 80945 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 80946 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 80947 background: rgba(255,255,255,.96) !important; 80948 } 80949 80950 /* Remove any visual split between sizes and bag */ 80951 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 80952 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 80953 border-left: 0 !important; 80954 box-shadow: none !important; 80955 } 80956} 80957</style> 80958 80959 80960<style> 80961/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 80962@media (min-width: 990px) { 80963 .card-wrapper-box .bt-qatc-form-container, 80964 .card-wrapper-box .bt-qatc-form, 80965 .card-wrapper-box .bt-qatc-form-variants-container { 80966 height: auto !important; 80967 max-height: none !important; 80968 overflow: visible !important; 80969 } 80970 80971 .card-wrapper-box .bt-qatc-form-variants--list { 80972 display: flex !important; 80973 flex-wrap: wrap !important; 80974 justify-content: center !important; 80975 align-items: center !important; 80976 height: auto !important; 80977 min-height: 43px !important; 80978 max-height: none !important; 80979 overflow: visible !important; 80980 white-space: normal !important; 80981 padding: 5px 6px !important; 80982 } 80983 80984 .card-wrapper-box .bt-qatc-form-variant-input { 80985 flex: 0 0 auto !important; 80986 } 80987} 80988</style> 80989
80990<script> 80991 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 80992 const wrap = label.closest('.bt-qatc-form-variant-input'); 80993 const form = label.closest('.bt-qatc-form'); 80994 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 80995 80996 if (!wrap || !form || !input) return; 80997 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 80998 if (label.dataset.loading === 'true') return; 80999 81000 input.checked = true; 81001 label.dataset.loading = 'true'; 81002 label.style.pointerEvents = 'none'; 81003 81004 try { 81005 const cartResp = await fetch('/cart.js', { 81006 method: 'GET', 81007 headers: { 'Accept': 'application/json' } 81008 }); 81009 81010 if (!cartResp.ok) throw new Error('Unable to read cart'); 81011 81012 const cart = await cartResp.json(); 81013 const variantId = Number(input.value); 81014 const selectedPrice = Number(input.dataset.price || 0) / 100; 81015 const totalCartPrice = Number(cart.total_price || 0) / 100; 81016 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 81017 81018 if ((totalCartPrice + selectedPrice) > 250000) { 81019 if (window.showAlert) { 81020 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 81021 } else { 81022 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 81023 } 81024 return; 81025 } 81026 81027 if (itemInCart && Number(itemInCart.quantity) >= 3) { 81028 if (window.showAlert) { 81029 window.showAlert('Limit reached: Max 3 items per size can be added'); 81030 } else { 81031 alert('Limit reached: Max 3 items per size can be added'); 81032 } 81033 return; 81034 } 81035 81036 81037 const cartSections = document.querySelector('cart-notification, cart-drawer'); 81038 const formData = new FormData(form); 81039 81040 formData.set('id', input.value); 81041 formData.set('quantity', '1'); 81042 81043 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 81044 formData.set( 81045 'sections', 81046 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 81047 ); 81048 } 81049 81050 formData.set('sections_url', window.location.pathname); 81051 81052 const addResp = await fetch('/cart/add.js', { 81053 method: 'POST', 81054 headers: { 'Accept': 'application/json' }, 81055 body: formData 81056 }); 81057 81058 const data = await addResp.json(); 81059 81060 if (!addResp.ok) { 81061 throw new Error(data.description || data.message || 'Unable to add this size'); 81062 } 81063 81064 if (cartSections && typeof cartSections.renderContents === 'function') { 81065 cartSections.renderContents(data); 81066 } else { 81067 const bubble = document.querySelector('#cart-icon-bubble'); 81068 if (bubble) bubble.click(); 81069 } 81070 81071 const card = label.closest('.card-wrapper-box'); 81072 if (card) { 81073 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 81074 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 81075 } 81076 } catch (error) { 81077 console.error('SEFAM hover size quick-add error:', error); 81078 if (window.showAlert) { 81079 window.showAlert(error.message || 'Unable to add this size to cart'); 81080 } else { 81081 alert(error.message || 'Unable to add this size to cart'); 81082 } 81083 } finally { 81084 label.dataset.loading = 'false'; 81085 label.style.pointerEvents = ''; 81086 } 81087 }; 81088</script>
81088 81089 81090<style> 81091/* Desktop quick-add final alignment: 81092 sizes start from left; bag area matches the complete quick-size background height. */ 81093@media (min-width: 990px) { 81094 .card-wrapper-box .bt-qatc-form-variants--list { 81095 justify-content: flex-start !important; 81096 align-content: center !important; 81097 text-align: left !important; 81098 } 81099 81100 .card-wrapper-box .bt-qatc-container { 81101 right: 46px !important; 81102 } 81103 81104 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 81105 top: auto !important; 81106 bottom: 0 !important; 81107 width: 46px !important; 81108 height: 100% !important; 81109 min-height: 43px !important; 81110 align-items: stretch !important; 81111 background: rgba(255,255,255,.96) !important; 81112 } 81113 81114 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 81115 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 81116 width: 46px !important; 81117 height: 100% !important; 81118 min-height: 43px !important; 81119 background: rgba(255,255,255,.96) !important; 81120 } 81121 81122 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 81123 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 81124 height: var(--sefam-quick-add-height, 43px) !important; 81125 } 81126} 81127</style>
81128<script> 81129(function () { 81130 function syncQuickAddHeight(card) { 81131 if (!card || window.innerWidth < 990) return; 81132 var panel = card.querySelector('.bt-qatc-form-container'); 81133 if (!panel) return; 81134 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 81135 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 81136 } 81137 81138 document.addEventListener('mouseover', function(e) { 81139 var card = e.target.closest('.card-wrapper-box'); 81140 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 81141 }, { passive: true }); 81142 81143 window.addEventListener('resize', function() { 81144 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 81145 }, { passive: true }); 81146})(); 81147</script>
81147 81148 81149 81150 81151<style> 81152/* ========================================================= 81153 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 81154 - reduce space between sizes 81155 - keep sizes left aligned 81156 - keep the bag icon on the BOTTOM row 81157 - bag background still matches the full size panel 81158 ========================================================= */ 81159@media (min-width: 990px) { 81160 81161 /* More usable width for sizes */ 81162 .card-wrapper-box .bt-qatc-container { 81163 right: 42px !important; 81164 } 81165 81166 /* Compact, left-aligned size list */ 81167 .card-wrapper-box .bt-qatc-form-variants--list { 81168 justify-content: flex-start !important; 81169 align-items: center !important; 81170 align-content: center !important; 81171 81172 column-gap: 0 !important; 81173 row-gap: 0 !important; 81174 81175 padding: 4px 4px !important; 81176 margin: 0 !important; 81177 } 81178 81179 .card-wrapper-box .bt-qatc-form-variant-input { 81180 min-width: 0 !important; 81181 width: auto !important; 81182 height: 35px !important; 81183 margin: 0 !important; 81184 padding: 0 !important; 81185 } 81186 81187 .card-wrapper-box .bt-qatc-form-variant-input label { 81188 min-width: 0 !important; 81189 width: auto !important; 81190 height: 35px !important; 81191 81192 margin: 0 !important; 81193 padding: 0 4px !important; 81194 81195 font-size: 12px !important; 81196 line-height: 1 !important; 81197 } 81198 81199 /* Bag column keeps the same full white background as the sizes */ 81200 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 81201 right: 0 !important; 81202 bottom: 0 !important; 81203 top: auto !important; 81204 81205 width: 42px !important; 81206 min-width: 42px !important; 81207 height: var(--sefam-quick-add-height, 43px) !important; 81208 min-height: 43px !important; 81209 81210 display: flex !important; 81211 flex-direction: column !important; 81212 justify-content: flex-end !important; 81213 align-items: stretch !important; 81214 81215 padding: 0 !important; 81216 margin: 0 !important; 81217 81218 background: rgba(255,255,255,.96) !important; 81219 } 81220 81221 /* The clickable bag itself always sits at the bottom */ 81222 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 81223 width: 42px !important; 81224 min-width: 42px !important; 81225 height: 43px !important; 81226 min-height: 43px !important; 81227 81228 margin-top: auto !important; 81229 padding: 0 !important; 81230 81231 display: flex !important; 81232 align-items: center !important; 81233 justify-content: center !important; 81234 81235 background: rgba(255,255,255,.96) !important; 81236 } 81237 81238 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 81239 width: 42px !important; 81240 height: 43px !important; 81241 min-height: 43px !important; 81242 81243 display: flex !important; 81244 align-items: center !important; 81245 justify-content: center !important; 81246 81247 padding: 0 !important; 81248 margin: 0 !important; 81249 81250 background: transparent !important; 81251 } 81252 81253 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 81254 width: 16px !important; 81255 height: 17px !important; 81256 } 81257} 81258</style> 81259 81260 81261<style> 81262/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 81263@media (min-width: 990px) { 81264 .card-wrapper-box .bt-qatc-form-variants--list { 81265 padding: 3px 4px !important; 81266 column-gap: 0 !important; 81267 row-gap: 0 !important; 81268 justify-content: flex-start !important; 81269 align-items: center !important; 81270 align-content: center !important; 81271 } 81272 81273 .card-wrapper-box .bt-qatc-form-variant-input { 81274 min-width: 0 !important; 81275 width: auto !important; 81276 height: 30px !important; 81277 margin: 0 !important; 81278 padding: 0 !important; 81279 } 81280 81281 .card-wrapper-box .bt-qatc-form-variant-input label { 81282 min-width: 0 !important; 81283 width: auto !important; 81284 height: 30px !important; 81285 margin: 0 !important; 81286 padding: 0 4px !important; 81287 font-size: 12px !important; 81288 line-height: 1 !important; 81289 display: flex !important; 81290 align-items: center !important; 81291 justify-content: center !important; 81292 } 81293 81294 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 81295 display: flex !important; 81296 flex-direction: column !important; 81297 justify-content: flex-end !important;
81298 align-items: stretch !important; 81299 bottom: 0 !important; 81300 top: auto !important; 81301 height: var(--sefam-quick-add-height, 36px) !important; 81302 min-height: 36px !important; 81303 } 81304 81305 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 81306 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 81307 height: 36px !important; 81308 min-height: 36px !important; 81309 margin-top: auto !important; 81310 } 81311} 81312</style> 81313 81314<style> 81315 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 81316 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 81317 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 81318 .card_colorways_container .new-mbl-color-single label span, 81319 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 81320 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 81321</style> 81322 81323 </li> 81324 81325 <li 81326 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_aLwpHn-9" 81327 class="grid__item slider__slide" 81328 > 81329 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 81330� 81331 81332 81333 � 81334 81335 81336 81337 <div class="card-wrapper product-card-wrapper"> 81338 <div 81339 class=" 81340 card card--standard 81341 card--media 81342 81343 81344 81345 81346 81347 " 81348 style="--ratio-percent: 150.00000000000003%;" 81349 81350 > 81351 <div class="card-wrapper-box"> 81352 81353 <div 81354 class="card__inner color-scheme-2 gradient ratio" 81355 style="--ratio-percent: 150.00000000000003%;" 81356 81357 > 81358 �<a href="/products/mcp2256-2"> 81359 81360 �<div class="card-prdct2 card__media"> 81361 <div class="media media--transparent mt3"> 81362 81363 81364 <img 81365 src="//sefam.com/cdn/shop/files/MCP2256-2_13.jpg?v=1789372882&width=800" 81366 srcset="//sefam.com/cdn/shop/files/MCP2256-2_13.jpg?v=1789372882&width=1600 2x" 81367 class="" 81368 alt="BEMBERG CHIFFON | EMBROIDERED" 81369 81370 loading="lazy" 81371 81372 width="2400" 81373 height="3600" 81374 > 81375 �<img 81376 src="//sefam.com/cdn/shop/files/MCP2256-2_7.jpg?v=1789372882&width=800" 81377 srcset="//sefam.com/cdn/shop/files/MCP2256-2_7.jpg?v=1789372882&width=1600 2x" 81378 alt="BEMBERG CHIFFON | EMBROIDERED" 81379 loading="lazy" 81380 width="2400" 81381 height="3600" 81382 data-index="" 81383 > 81384 81385 � 81386 </div> 81387 81388 81389 </div> 81390 </a> 81391 </div> 81392 81393 81394 81395 81396 <div class="bt-qatc-container"> 81397 <div class="bt-qatc-form-container"> 81398 <div class="bt-qatc-form-content large-up-hide medium-hide"> 81399 <h3>BEMBERG CHIFFON | EMBROIDERED</h3> 81400 81401<div 81402 class=" 81403 price " 81404 > 81405 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 81406 <span class="price-item price-item--regular"> 81407 <span class=money>Rs.29,990</span> 81408 </span></div> 81409 <div class="price__sale"> 81410 <span class="visually-hidden visually-hidden--inline">Regular price</span> 81411 <span> 81412 <s class="price-item price-item--regular"> 81413 81414 <span class=money>Rs.29,990</span> 81415 81416 </s> 81417 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
81418 <span class="price-item price-item--sale price-item--last"> 81419 81420 81421 81422 81423 <span class="percentage__sale hidden">0% OFF</span> 81424 81425 <span class=money>Rs.29,990</span> 81426 </span> 81427 </div> 81428 <small class="unit-price caption hidden"> 81429 <span class="visually-hidden">Unit price</span> 81430 <span class="price-item price-item--last"> 81431 <span></span> 81432 <span aria-hidden="true">/</span> 81433 <span class="visually-hidden"> per </span> 81434 <span> 81435 </span> 81436 </span> 81437 </small> 81438 </div></div> 81439 81440 81441 81442 </div> 81443 <div 81444 class="ethnc-form-media large-up-hide medium-hide" 81445 81446 ></div> 81447 <form method="post" action="/cart/add" class="bt-qatc-form"> 81448 <input type="hidden" name="quantity" value="1"> 81449 <div class="bt-qatc-form-variants-container"> 81450 <div class="bt-qatc-form-variants--list"> 81451 81452 <div 81453 class="in-use bt-qatc-form-variant-input" 81454 81455 data-only-child 81456 81457 > 81458 <input 81459 type="radio" 81460 name="id" 81461 id="-52346290077992" 81462 value="52346290077992" 81463 data-price="2999000" 81464 data-item-id="10429937353000" 81465 hidden 81466 81467 data-item-id="10429937353000" 81468 81469 checked 81470 81471 > 81472 81473 <label 81474 for="-52346290077992" 81475 data-sefam-quick-size 81476 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 81477 > 81478 <span class="split-variant-value"> 81479 81480 UNSTITCHED 81481 81482</span> 81483 </label> 81484 </div> 81485 81486 </div> 81487 81488 81489 81490 81491 </div> 81492 </form> 81493 </div> 81494 </div> 81495 81496 81497 81498 81499 81500 81501 81502 81503 81504 81505 81506 81507 81508 81509 81510 81511 81512 81513 81514 81515 81516 81517 81518 81519 81520 81521 81522 81523 81524 81525 81526 81527 81528 81529 81530 81531 81532 81533 81534 <div 81535 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 81536 > 81537 <div class="ethnc-qatc-btn cstm-add-btn visible"> 81538 <span class="small-hide hide-mobile">Add to Basket</span> 81539 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 81540 </span>
81541 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 81542 width="11" 81543 height="11" 81544 viewBox="0 0 11 11" 81545 fill="none" 81546> 81547 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 81548 fill="black" 81549 /> 81550</svg> 81551</span> 81552 </div> 81553 </div> 81554 81555 81556 </div> 81557 81558 <div class="card__content aiza2"> 81559 <div class="card__information"> 81560 <small class="product-brand"> 81561 Kayseria 81562 </small> 81563 <h3 81564 class="card__heading h5" 81565 81566 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10429937353000" 81567 81568 > 81569 <a 81570 href="/products/mcp2256-2" 81571 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10429937353000" 81572 class="full-unstyled-link" 81573 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10429937353000 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10429937353000" 81574 > 81575 BEMBERG CHIFFON | EMBROIDERED 81576 81577 <div class="card_colorways_container" onclick="event.stopPropagation();"> 81578 81579 81580 � 81581 </div> 81582 </a> 81583 81584 </h3> 81585 81586 <h3 class="product-subtitle hidden">UNSTITCHED | SHIRT, TROUSER & DUPATTA</h3> 81587 81588 <div class="card-information"><span class="caption-large light"></span> 81589<div 81590 class=" 81591 price " 81592 > 81593 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 81594 <span class="price-item price-item--regular"> 81595 <span class=money>Rs.29,990</span> 81596 </span></div> 81597 <div class="price__sale"> 81598 <span class="visually-hidden visually-hidden--inline">Regular price</span> 81599 <span> 81600 <s class="price-item price-item--regular"> 81601 81602 <span class=money>Rs.29,990</span> 81603 81604 </s> 81605 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 81606 <span class="price-item price-item--sale price-item--last"> 81607 81608 81609 81610 81611 <span class="percentage__sale hidden">0% OFF</span> 81612 81613 <span class=money>Rs.29,990</span> 81614 </span> 81615 </div> 81616 <small class="unit-price caption hidden"> 81617 <span class="visually-hidden">Unit price</span> 81618 <span class="price-item price-item--last"> 81619 <span></span> 81620 <span aria-hidden="true">/</span> 81621 <span class="visually-hidden"> per </span> 81622 <span> 81623 </span> 81624 </span> 81625 </small> 81626 </div></div> 81627 81628 81629 81630 </div> 81631 </div> 81632 </div> 81633 81634 </div> 81635 </div><style> 81636/* ========================================================= 81637 DESKTOP PRODUCT CARD QUICK ADD 81638 LEFT = sizes 81639 RIGHT = original bag icon 81640 Mobile behavior remains unchanged 81641 ========================================================= */ 81642@media (min-width: 990px) { 81643 .hide-desktop { 81644 display: none !important; 81645 } 81646 81647 /* Keep both controls on the same bottom row */ 81648 .card-wrapper-box { 81649 position: relative; 81650 } 81651 81652 .card-wrapper-box .bt-qatc-container, 81653 .card-wrapper-box .ethnc-qatc-btn-container { 81654 position: absolute !important; 81655 bottom: 0 !important; 81656 z-index: 8 !important; 81657 } 81658 81659 /* LEFT: size area */ 81660 .card-wrapper-box .bt-qatc-container { 81661 left: 0 !important; 81662 right: 46px !important; 81663 width: auto !important; 81664 } 81665 81666 .card-wrapper-box .bt-qatc-form-container { 81667 left: 0 !important; 81668 right: 0 !important; 81669 bottom: -350% !important; 81670 width: 100% !important; 81671 min-height: 43px !important; 81672 opacity: 0 !important; 81673 visibility: hidden !important; 81674 pointer-events: none !important; 81675 transition: bottom .22s ease, opacity .18s ease !important; 81676 } 81677 81678 .card-wrapper-box .bt-qatc-form, 81679 .card-wrapper-box .bt-qatc-form-variants-container, 81680 .card-wrapper-box .bt-qatc-form-variants--list { 81681 width: 100% !important; 81682 } 81683 81684 .card-wrapper-box .bt-qatc-form-variants--list { 81685 display: flex !important;
81686 align-items: center !important; 81687 flex-wrap: wrap !important; 81688 gap: 0 !important; 81689 min-height: 43px !important; 81690 } 81691 81692 /* RIGHT: original bag button */ 81693 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 81694 display: flex !important; 81695 align-items: stretch !important; 81696 justify-content: center !important; 81697 left: auto !important; 81698 right: 0 !important; 81699 width: 46px !important; 81700 height: 43px !important; 81701 opacity: 0 !important; 81702 visibility: hidden !important; 81703 pointer-events: none !important; 81704 transition: opacity .18s ease !important; 81705 } 81706 81707 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 81708 display: flex !important; 81709 align-items: center !important; 81710 justify-content: center !important; 81711 width: 46px !important; 81712 height: 43px !important; 81713 min-width: 46px !important; 81714 padding: 0 !important; 81715 cursor: pointer !important; 81716 } 81717 81718 /* Hide Add to Basket text on desktop; keep only bag icon */ 81719 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 81720 display: none !important; 81721 } 81722 81723 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 81724 display: flex !important; 81725 align-items: center !important; 81726 justify-content: center !important; 81727 width: 100% !important; 81728 height: 100% !important; 81729 padding: 0 !important; 81730 } 81731 81732 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 81733 display: block !important; 81734 width: 16px !important; 81735 height: 17px !important; 81736 } 81737 81738 /* Show sizes + bag together on desktop hover */ 81739 .card-wrapper-box:hover .bt-qatc-form-container { 81740 bottom: 0 !important; 81741 opacity: 1 !important; 81742 visibility: visible !important; 81743 pointer-events: auto !important; 81744 } 81745 81746 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 81747 opacity: 1 !important; 81748 visibility: visible !important; 81749 pointer-events: auto !important; 81750 } 81751} 81752 81753@media (max-width: 989px) { 81754 .hide-mobile { 81755 display: none; 81756 } 81757} 81758</style> 81759 81760 81761<style> 81762/* ========================================================= 81763 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 81764 Keeps all sizes in one clean row on the left 81765 and the bag icon fixed on the right. 81766 ========================================================= */ 81767@media (min-width: 990px) { 81768 81769 .card-wrapper-box .bt-qatc-form-container { 81770 height: 43px !important; 81771 min-height: 43px !important; 81772 max-height: 43px !important; 81773 overflow: hidden !important; 81774 background: rgba(255,255,255,.96) !important; 81775 } 81776 81777 .card-wrapper-box .bt-qatc-form { 81778 display: block !important; 81779 height: 43px !important; 81780 min-height: 43px !important; 81781 margin: 0 !important; 81782 padding: 0 !important; 81783 } 81784 81785 .card-wrapper-box .bt-qatc-form-variants-container { 81786 display: block !important; 81787 width: 100% !important; 81788 height: 43px !important; 81789 min-height: 43px !important; 81790 margin: 0 !important; 81791 padding: 0 !important; 81792 } 81793 81794 .card-wrapper-box .bt-qatc-form-variants--list { 81795 display: flex !important; 81796 flex-direction: row !important; 81797 flex-wrap: wrap !important; 81798 align-items: center !important; 81799 justify-content: center !important; 81800 81801 width: 100% !important; 81802 height: 43px !important; 81803 min-height: 43px !important; 81804 81805 margin: 0 !important; 81806 padding: 0 6px !important; 81807 gap: 2px !important; 81808 81809 box-sizing: border-box !important; 81810 overflow: visible !important; 81811 white-space: normal !important; 81812 } 81813 81814 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 81815 display: none !important; 81816 } 81817 81818 .card-wrapper-box .bt-qatc-form-variant-input { 81819 position: relative !important; 81820 81821 display: flex !important; 81822 align-items: center !important; 81823 justify-content: center !important; 81824 81825 flex: 0 0 auto !important; 81826 width: auto !important; 81827 min-width: 32px !important; 81828 height: 43px !important; 81829 81830 margin: 0 !important; 81831 padding: 0 !important; 81832 81833 border: 0 !important; 81834 background: transparent !important; 81835 } 81836 81837 .card-wrapper-box .bt-qatc-form-variant-input label { 81838 position: static !important; 81839 81840 display: flex !important;
81841 align-items: center !important; 81842 justify-content: center !important; 81843 81844 width: auto !important; 81845 min-width: 32px !important; 81846 height: 32px !important; 81847 81848 margin: 0 !important; 81849 padding: 0 6px !important; 81850 81851 box-sizing: border-box !important; 81852 81853 background: transparent !important; 81854 border: 0 !important; 81855 81856 color: #111 !important; 81857 font-size: 12px !important; 81858 line-height: 1 !important; 81859 font-weight: 400 !important; 81860 81861 white-space: nowrap !important; 81862 cursor: pointer !important; 81863 } 81864 81865 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 81866 display: block !important; 81867 width: auto !important; 81868 max-width: none !important; 81869 81870 margin: 0 !important; 81871 padding: 0 !important; 81872 81873 overflow: visible !important; 81874 white-space: nowrap !important; 81875 text-overflow: clip !important; 81876 81877 font-size: inherit !important; 81878 line-height: inherit !important; 81879 } 81880 81881 /* Sold-out size */ 81882 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 81883 opacity: .35 !important; 81884 text-decoration: line-through !important; 81885 cursor: not-allowed !important; 81886 } 81887 81888 /* Optional hover feedback */ 81889 .card-wrapper-box 81890 .bt-qatc-form-variant-input:not(.is-disbaled) 81891 label:hover { 81892 text-decoration: underline !important; 81893 text-underline-offset: 3px !important; 81894 } 81895 81896 /* Prevent old theme transforms / absolute positions */ 81897 .card-wrapper-box .bt-qatc-form-variant-input *, 81898 .card-wrapper-box .bt-qatc-form-variants--list * { 81899 transform: none; 81900 } 81901} 81902</style> 81903 81904 81905<style> 81906/* Desktop quick-add: use one seamless background for sizes + bag */ 81907@media (min-width: 990px) { 81908 .card-wrapper-box .bt-qatc-form-container, 81909 .card-wrapper-box .bt-qatc-form, 81910 .card-wrapper-box .bt-qatc-form-variants-container, 81911 .card-wrapper-box .bt-qatc-form-variants--list, 81912 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 81913 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 81914 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 81915 background: rgba(255,255,255,.96) !important; 81916 } 81917 81918 /* Remove any visual split between sizes and bag */ 81919 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 81920 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 81921 border-left: 0 !important; 81922 box-shadow: none !important; 81923 } 81924} 81925</style> 81926 81927 81928<style> 81929/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 81930@media (min-width: 990px) { 81931 .card-wrapper-box .bt-qatc-form-container, 81932 .card-wrapper-box .bt-qatc-form, 81933 .card-wrapper-box .bt-qatc-form-variants-container { 81934 height: auto !important; 81935 max-height: none !important; 81936 overflow: visible !important; 81937 } 81938 81939 .card-wrapper-box .bt-qatc-form-variants--list { 81940 display: flex !important; 81941 flex-wrap: wrap !important; 81942 justify-content: center !important; 81943 align-items: center !important; 81944 height: auto !important; 81945 min-height: 43px !important; 81946 max-height: none !important; 81947 overflow: visible !important; 81948 white-space: normal !important; 81949 padding: 5px 6px !important; 81950 } 81951 81952 .card-wrapper-box .bt-qatc-form-variant-input { 81953 flex: 0 0 auto !important; 81954 } 81955} 81956</style> 81957
81958<script> 81959 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 81960 const wrap = label.closest('.bt-qatc-form-variant-input'); 81961 const form = label.closest('.bt-qatc-form'); 81962 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 81963 81964 if (!wrap || !form || !input) return; 81965 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 81966 if (label.dataset.loading === 'true') return; 81967 81968 input.checked = true; 81969 label.dataset.loading = 'true'; 81970 label.style.pointerEvents = 'none'; 81971 81972 try { 81973 const cartResp = await fetch('/cart.js', { 81974 method: 'GET', 81975 headers: { 'Accept': 'application/json' } 81976 }); 81977 81978 if (!cartResp.ok) throw new Error('Unable to read cart'); 81979 81980 const cart = await cartResp.json(); 81981 const variantId = Number(input.value); 81982 const selectedPrice = Number(input.dataset.price || 0) / 100; 81983 const totalCartPrice = Number(cart.total_price || 0) / 100; 81984 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 81985 81986 if ((totalCartPrice + selectedPrice) > 250000) { 81987 if (window.showAlert) { 81988 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 81989 } else { 81990 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 81991 } 81992 return; 81993 } 81994 81995 if (itemInCart && Number(itemInCart.quantity) >= 3) { 81996 if (window.showAlert) { 81997 window.showAlert('Limit reached: Max 3 items per size can be added'); 81998 } else { 81999 alert('Limit reached: Max 3 items per size can be added'); 82000 } 82001 return; 82002 } 82003 82004 82005 const cartSections = document.querySelector('cart-notification, cart-drawer'); 82006 const formData = new FormData(form); 82007 82008 formData.set('id', input.value); 82009 formData.set('quantity', '1'); 82010 82011 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 82012 formData.set( 82013 'sections', 82014 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 82015 ); 82016 } 82017 82018 formData.set('sections_url', window.location.pathname); 82019 82020 const addResp = await fetch('/cart/add.js', { 82021 method: 'POST', 82022 headers: { 'Accept': 'application/json' }, 82023 body: formData 82024 }); 82025 82026 const data = await addResp.json(); 82027 82028 if (!addResp.ok) { 82029 throw new Error(data.description || data.message || 'Unable to add this size'); 82030 } 82031 82032 if (cartSections && typeof cartSections.renderContents === 'function') { 82033 cartSections.renderContents(data); 82034 } else { 82035 const bubble = document.querySelector('#cart-icon-bubble'); 82036 if (bubble) bubble.click(); 82037 } 82038 82039 const card = label.closest('.card-wrapper-box'); 82040 if (card) { 82041 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 82042 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 82043 } 82044 } catch (error) { 82045 console.error('SEFAM hover size quick-add error:', error); 82046 if (window.showAlert) { 82047 window.showAlert(error.message || 'Unable to add this size to cart'); 82048 } else { 82049 alert(error.message || 'Unable to add this size to cart'); 82050 } 82051 } finally { 82052 label.dataset.loading = 'false'; 82053 label.style.pointerEvents = ''; 82054 } 82055 }; 82056</script>
82056 82057 82058<style> 82059/* Desktop quick-add final alignment: 82060 sizes start from left; bag area matches the complete quick-size background height. */ 82061@media (min-width: 990px) { 82062 .card-wrapper-box .bt-qatc-form-variants--list { 82063 justify-content: flex-start !important; 82064 align-content: center !important; 82065 text-align: left !important; 82066 } 82067 82068 .card-wrapper-box .bt-qatc-container { 82069 right: 46px !important; 82070 } 82071 82072 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 82073 top: auto !important; 82074 bottom: 0 !important; 82075 width: 46px !important; 82076 height: 100% !important; 82077 min-height: 43px !important; 82078 align-items: stretch !important; 82079 background: rgba(255,255,255,.96) !important; 82080 } 82081 82082 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 82083 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 82084 width: 46px !important; 82085 height: 100% !important; 82086 min-height: 43px !important; 82087 background: rgba(255,255,255,.96) !important; 82088 } 82089 82090 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 82091 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 82092 height: var(--sefam-quick-add-height, 43px) !important; 82093 } 82094} 82095</style>
82096<script> 82097(function () { 82098 function syncQuickAddHeight(card) { 82099 if (!card || window.innerWidth < 990) return; 82100 var panel = card.querySelector('.bt-qatc-form-container'); 82101 if (!panel) return; 82102 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 82103 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 82104 } 82105 82106 document.addEventListener('mouseover', function(e) { 82107 var card = e.target.closest('.card-wrapper-box'); 82108 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 82109 }, { passive: true }); 82110 82111 window.addEventListener('resize', function() { 82112 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 82113 }, { passive: true }); 82114})(); 82115</script>
82115 82116 82117 82118 82119<style> 82120/* ========================================================= 82121 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 82122 - reduce space between sizes 82123 - keep sizes left aligned 82124 - keep the bag icon on the BOTTOM row 82125 - bag background still matches the full size panel 82126 ========================================================= */ 82127@media (min-width: 990px) { 82128 82129 /* More usable width for sizes */ 82130 .card-wrapper-box .bt-qatc-container { 82131 right: 42px !important; 82132 } 82133 82134 /* Compact, left-aligned size list */ 82135 .card-wrapper-box .bt-qatc-form-variants--list { 82136 justify-content: flex-start !important; 82137 align-items: center !important; 82138 align-content: center !important; 82139 82140 column-gap: 0 !important; 82141 row-gap: 0 !important; 82142 82143 padding: 4px 4px !important; 82144 margin: 0 !important; 82145 } 82146 82147 .card-wrapper-box .bt-qatc-form-variant-input { 82148 min-width: 0 !important; 82149 width: auto !important; 82150 height: 35px !important; 82151 margin: 0 !important; 82152 padding: 0 !important; 82153 } 82154 82155 .card-wrapper-box .bt-qatc-form-variant-input label { 82156 min-width: 0 !important; 82157 width: auto !important; 82158 height: 35px !important; 82159 82160 margin: 0 !important; 82161 padding: 0 4px !important; 82162 82163 font-size: 12px !important; 82164 line-height: 1 !important; 82165 } 82166 82167 /* Bag column keeps the same full white background as the sizes */ 82168 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 82169 right: 0 !important; 82170 bottom: 0 !important; 82171 top: auto !important; 82172 82173 width: 42px !important; 82174 min-width: 42px !important; 82175 height: var(--sefam-quick-add-height, 43px) !important; 82176 min-height: 43px !important; 82177 82178 display: flex !important; 82179 flex-direction: column !important; 82180 justify-content: flex-end !important; 82181 align-items: stretch !important; 82182 82183 padding: 0 !important; 82184 margin: 0 !important; 82185 82186 background: rgba(255,255,255,.96) !important; 82187 } 82188 82189 /* The clickable bag itself always sits at the bottom */ 82190 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 82191 width: 42px !important; 82192 min-width: 42px !important; 82193 height: 43px !important; 82194 min-height: 43px !important; 82195 82196 margin-top: auto !important; 82197 padding: 0 !important; 82198 82199 display: flex !important; 82200 align-items: center !important; 82201 justify-content: center !important; 82202 82203 background: rgba(255,255,255,.96) !important; 82204 } 82205 82206 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 82207 width: 42px !important; 82208 height: 43px !important; 82209 min-height: 43px !important; 82210 82211 display: flex !important; 82212 align-items: center !important; 82213 justify-content: center !important; 82214 82215 padding: 0 !important; 82216 margin: 0 !important; 82217 82218 background: transparent !important; 82219 } 82220 82221 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 82222 width: 16px !important; 82223 height: 17px !important; 82224 } 82225} 82226</style> 82227 82228 82229<style> 82230/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 82231@media (min-width: 990px) { 82232 .card-wrapper-box .bt-qatc-form-variants--list { 82233 padding: 3px 4px !important; 82234 column-gap: 0 !important; 82235 row-gap: 0 !important; 82236 justify-content: flex-start !important; 82237 align-items: center !important; 82238 align-content: center !important; 82239 } 82240 82241 .card-wrapper-box .bt-qatc-form-variant-input { 82242 min-width: 0 !important; 82243 width: auto !important; 82244 height: 30px !important; 82245 margin: 0 !important; 82246 padding: 0 !important; 82247 } 82248 82249 .card-wrapper-box .bt-qatc-form-variant-input label { 82250 min-width: 0 !important; 82251 width: auto !important; 82252 height: 30px !important; 82253 margin: 0 !important; 82254 padding: 0 4px !important; 82255 font-size: 12px !important; 82256 line-height: 1 !important; 82257 display: flex !important; 82258 align-items: center !important; 82259 justify-content: center !important; 82260 } 82261 82262 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 82263 display: flex !important; 82264 flex-direction: column !important; 82265 justify-content: flex-end !important;
82266 align-items: stretch !important; 82267 bottom: 0 !important; 82268 top: auto !important; 82269 height: var(--sefam-quick-add-height, 36px) !important; 82270 min-height: 36px !important; 82271 } 82272 82273 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 82274 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 82275 height: 36px !important; 82276 min-height: 36px !important; 82277 margin-top: auto !important; 82278 } 82279} 82280</style> 82281 82282<style> 82283 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 82284 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 82285 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 82286 .card_colorways_container .new-mbl-color-single label span, 82287 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 82288 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 82289</style> 82290 82291 </li> 82292 82293 <li 82294 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_aLwpHn-10" 82295 class="grid__item slider__slide" 82296 > 82297 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 82298� 82299 82300 82301 � 82302 82303 82304 82305 <div class="card-wrapper product-card-wrapper"> 82306 <div 82307 class=" 82308 card card--standard 82309 card--media 82310 82311 82312 82313 82314 82315 " 82316 style="--ratio-percent: 150.00000000000003%;" 82317 82318 > 82319 <div class="card-wrapper-box"> 82320 82321 <div 82322 class="card__inner color-scheme-2 gradient ratio" 82323 style="--ratio-percent: 150.00000000000003%;" 82324 82325 > 82326 �<a href="/products/mcp2263-2"> 82327 82328 �<div class="card-prdct2 card__media"> 82329 <div class="media media--transparent mt3"> 82330 82331 82332 <img 82333 src="//sefam.com/cdn/shop/files/MCP2263-2_7.jpg?v=1788867650&width=800" 82334 srcset="//sefam.com/cdn/shop/files/MCP2263-2_7.jpg?v=1788867650&width=1600 2x" 82335 class="" 82336 alt="KHADI SILK | HAND SCREEN PRINTED" 82337 82338 loading="lazy" 82339 82340 width="2400" 82341 height="3600" 82342 > 82343 �<img 82344 src="//sefam.com/cdn/shop/files/MCP2263-2_9.jpg?v=1788867650&width=800" 82345 srcset="//sefam.com/cdn/shop/files/MCP2263-2_9.jpg?v=1788867650&width=1600 2x" 82346 alt="KHADI SILK | HAND SCREEN PRINTED" 82347 loading="lazy" 82348 width="2400" 82349 height="3600" 82350 data-index="" 82351 > 82352 82353 � 82354 </div> 82355 82356 82357 </div> 82358 </a> 82359 </div> 82360 82361 82362 82363 82364 <div class="bt-qatc-container"> 82365 <div class="bt-qatc-form-container"> 82366 <div class="bt-qatc-form-content large-up-hide medium-hide"> 82367 <h3>KHADI SILK | HAND SCREEN PRINTED</h3> 82368 82369<div 82370 class=" 82371 price " 82372 > 82373 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 82374 <span class="price-item price-item--regular"> 82375 <span class=money>Rs.29,990</span> 82376 </span></div> 82377 <div class="price__sale"> 82378 <span class="visually-hidden visually-hidden--inline">Regular price</span> 82379 <span> 82380 <s class="price-item price-item--regular"> 82381
82382 <span class=money>Rs.29,990</span> 82383 82384 </s> 82385 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 82386 <span class="price-item price-item--sale price-item--last"> 82387 82388 82389 82390 82391 <span class="percentage__sale hidden">0% OFF</span> 82392 82393 <span class=money>Rs.29,990</span> 82394 </span> 82395 </div> 82396 <small class="unit-price caption hidden"> 82397 <span class="visually-hidden">Unit price</span> 82398 <span class="price-item price-item--last"> 82399 <span></span> 82400 <span aria-hidden="true">/</span> 82401 <span class="visually-hidden"> per </span> 82402 <span> 82403 </span> 82404 </span> 82405 </small> 82406 </div></div> 82407 82408 82409 82410 </div> 82411 <div 82412 class="ethnc-form-media large-up-hide medium-hide" 82413 82414 ></div> 82415 <form method="post" action="/cart/add" class="bt-qatc-form"> 82416 <input type="hidden" name="quantity" value="1"> 82417 <div class="bt-qatc-form-variants-container"> 82418 <div class="bt-qatc-form-variants--list"> 82419 82420 <div 82421 class="in-use bt-qatc-form-variant-input" 82422 82423 > 82424 <input 82425 type="radio" 82426 name="id" 82427 id="-52321708867880" 82428 value="52321708867880" 82429 data-price="2999000" 82430 data-item-id="10424438882600" 82431 hidden 82432 82433 data-item-id="10424438882600" 82434 82435 > 82436 82437 <label 82438 for="-52321708867880" 82439 data-sefam-quick-size 82440 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 82441 > 82442 <span class="split-variant-value"> 82443 82444 82445 82446 82447 82448 82449 82450 XS 82451 82452 82453</span> 82454 </label> 82455 </div> 82456 82457 <div 82458 class="in-use bt-qatc-form-variant-input" 82459 82460 > 82461 <input 82462 type="radio" 82463 name="id" 82464 id="-52321708900648" 82465 value="52321708900648" 82466 data-price="2999000" 82467 data-item-id="10424438882600" 82468 hidden 82469 82470 data-item-id="10424438882600" 82471 82472 > 82473 82474 <label 82475 for="-52321708900648" 82476 data-sefam-quick-size 82477 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 82478 > 82479 <span class="split-variant-value"> 82480 82481 82482 82483 82484 82485 82486 82487 S 82488 82489 82490</span> 82491 </label> 82492 </div> 82493 82494 <div 82495 class="in-use bt-qatc-form-variant-input" 82496 82497 > 82498 <input 82499 type="radio" 82500 name="id" 82501 id="-52321708933416" 82502 value="52321708933416" 82503 data-price="2999000" 82504 data-item-id="10424438882600" 82505 hidden 82506 82507 data-item-id="10424438882600" 82508 82509 > 82510 82511 <label 82512 for="-52321708933416" 82513 data-sefam-quick-size 82514 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 82515 >
82516 <span class="split-variant-value"> 82517 82518 82519 82520 82521 82522 82523 82524 M 82525 82526 82527</span> 82528 </label> 82529 </div> 82530 82531 <div 82532 class="in-use bt-qatc-form-variant-input" 82533 82534 > 82535 <input 82536 type="radio" 82537 name="id" 82538 id="-52321708966184" 82539 value="52321708966184" 82540 data-price="2999000" 82541 data-item-id="10424438882600" 82542 hidden 82543 82544 data-item-id="10424438882600" 82545 82546 > 82547 82548 <label 82549 for="-52321708966184" 82550 data-sefam-quick-size 82551 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 82552 > 82553 <span class="split-variant-value"> 82554 82555 82556 82557 82558 82559 82560 82561 L 82562 82563 82564</span> 82565 </label> 82566 </div> 82567 82568 <div 82569 class="in-use bt-qatc-form-variant-input" 82570 82571 > 82572 <input 82573 type="radio" 82574 name="id" 82575 id="-52321708998952" 82576 value="52321708998952" 82577 data-price="2999000" 82578 data-item-id="10424438882600" 82579 hidden 82580 82581 data-item-id="10424438882600" 82582 82583 > 82584 82585 <label 82586 for="-52321708998952" 82587 data-sefam-quick-size 82588 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 82589 > 82590 <span class="split-variant-value"> 82591 82592 82593 82594 82595 82596 82597 82598 XL 82599 82600 82601</span> 82602 </label> 82603 </div> 82604 82605 </div> 82606 82607 82608 82609 82610 </div> 82611 </form> 82612 </div> 82613 </div> 82614 82615 82616 82617 82618 82619 82620 82621 82622 82623 82624 82625 82626 82627 82628 82629 82630 82631 82632 82633 82634 82635 82636 82637 82638 82639 82640 82641 82642 82643 82644 82645 82646 82647 82648 82649 82650 82651 82652 82653 82654 82655 82656 82657 82658 82659 <div 82660 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 82661 > 82662 <div class="ethnc-qatc-btn cstm-add-btn visible"> 82663 <span class="small-hide hide-mobile">Add to Basket</span> 82664 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 82665 </span>
82666 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 82667 width="11" 82668 height="11" 82669 viewBox="0 0 11 11" 82670 fill="none" 82671> 82672 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 82673 fill="black" 82674 /> 82675</svg> 82676</span> 82677 </div> 82678 </div> 82679 82680 82681 </div> 82682 82683 <div class="card__content aiza2"> 82684 <div class="card__information"> 82685 <small class="product-brand"> 82686 Kayseria 82687 </small> 82688 <h3 82689 class="card__heading h5" 82690 82691 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10424438882600" 82692 82693 > 82694 <a 82695 href="/products/mcp2263-2" 82696 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10424438882600" 82697 class="full-unstyled-link" 82698 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10424438882600 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10424438882600" 82699 > 82700 KHADI SILK | HAND SCREEN PRINTED 82701 82702 <div class="card_colorways_container" onclick="event.stopPropagation();"> 82703 82704 82705 � 82706 </div> 82707 </a> 82708 82709 </h3> 82710 82711 <h3 class="product-subtitle hidden">RTW | SHIRT, TROUSER & DUPATTA</h3> 82712 82713 <div class="card-information"><span class="caption-large light"></span> 82714<div 82715 class=" 82716 price " 82717 > 82718 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 82719 <span class="price-item price-item--regular"> 82720 <span class=money>Rs.29,990</span> 82721 </span></div> 82722 <div class="price__sale"> 82723 <span class="visually-hidden visually-hidden--inline">Regular price</span> 82724 <span> 82725 <s class="price-item price-item--regular"> 82726 82727 <span class=money>Rs.29,990</span> 82728 82729 </s> 82730 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 82731 <span class="price-item price-item--sale price-item--last"> 82732 82733 82734 82735 82736 <span class="percentage__sale hidden">0% OFF</span> 82737 82738 <span class=money>Rs.29,990</span> 82739 </span> 82740 </div> 82741 <small class="unit-price caption hidden"> 82742 <span class="visually-hidden">Unit price</span> 82743 <span class="price-item price-item--last"> 82744 <span></span> 82745 <span aria-hidden="true">/</span> 82746 <span class="visually-hidden"> per </span> 82747 <span> 82748 </span> 82749 </span> 82750 </small> 82751 </div></div> 82752 82753 82754 82755 </div> 82756 </div> 82757 </div> 82758 82759 </div> 82760 </div><style> 82761/* ========================================================= 82762 DESKTOP PRODUCT CARD QUICK ADD 82763 LEFT = sizes 82764 RIGHT = original bag icon 82765 Mobile behavior remains unchanged 82766 ========================================================= */ 82767@media (min-width: 990px) { 82768 .hide-desktop { 82769 display: none !important; 82770 } 82771 82772 /* Keep both controls on the same bottom row */ 82773 .card-wrapper-box { 82774 position: relative; 82775 } 82776 82777 .card-wrapper-box .bt-qatc-container, 82778 .card-wrapper-box .ethnc-qatc-btn-container { 82779 position: absolute !important; 82780 bottom: 0 !important; 82781 z-index: 8 !important; 82782 } 82783 82784 /* LEFT: size area */ 82785 .card-wrapper-box .bt-qatc-container { 82786 left: 0 !important; 82787 right: 46px !important; 82788 width: auto !important; 82789 } 82790 82791 .card-wrapper-box .bt-qatc-form-container { 82792 left: 0 !important; 82793 right: 0 !important; 82794 bottom: -350% !important; 82795 width: 100% !important; 82796 min-height: 43px !important; 82797 opacity: 0 !important; 82798 visibility: hidden !important; 82799 pointer-events: none !important; 82800 transition: bottom .22s ease, opacity .18s ease !important; 82801 } 82802 82803 .card-wrapper-box .bt-qatc-form, 82804 .card-wrapper-box .bt-qatc-form-variants-container, 82805 .card-wrapper-box .bt-qatc-form-variants--list { 82806 width: 100% !important; 82807 } 82808 82809 .card-wrapper-box .bt-qatc-form-variants--list { 82810 display: flex !important;
82811 align-items: center !important; 82812 flex-wrap: wrap !important; 82813 gap: 0 !important; 82814 min-height: 43px !important; 82815 } 82816 82817 /* RIGHT: original bag button */ 82818 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 82819 display: flex !important; 82820 align-items: stretch !important; 82821 justify-content: center !important; 82822 left: auto !important; 82823 right: 0 !important; 82824 width: 46px !important; 82825 height: 43px !important; 82826 opacity: 0 !important; 82827 visibility: hidden !important; 82828 pointer-events: none !important; 82829 transition: opacity .18s ease !important; 82830 } 82831 82832 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 82833 display: flex !important; 82834 align-items: center !important; 82835 justify-content: center !important; 82836 width: 46px !important; 82837 height: 43px !important; 82838 min-width: 46px !important; 82839 padding: 0 !important; 82840 cursor: pointer !important; 82841 } 82842 82843 /* Hide Add to Basket text on desktop; keep only bag icon */ 82844 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 82845 display: none !important; 82846 } 82847 82848 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 82849 display: flex !important; 82850 align-items: center !important; 82851 justify-content: center !important; 82852 width: 100% !important; 82853 height: 100% !important; 82854 padding: 0 !important; 82855 } 82856 82857 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 82858 display: block !important; 82859 width: 16px !important; 82860 height: 17px !important; 82861 } 82862 82863 /* Show sizes + bag together on desktop hover */ 82864 .card-wrapper-box:hover .bt-qatc-form-container { 82865 bottom: 0 !important; 82866 opacity: 1 !important; 82867 visibility: visible !important; 82868 pointer-events: auto !important; 82869 } 82870 82871 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 82872 opacity: 1 !important; 82873 visibility: visible !important; 82874 pointer-events: auto !important; 82875 } 82876} 82877 82878@media (max-width: 989px) { 82879 .hide-mobile { 82880 display: none; 82881 } 82882} 82883</style> 82884 82885 82886<style> 82887/* ========================================================= 82888 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 82889 Keeps all sizes in one clean row on the left 82890 and the bag icon fixed on the right. 82891 ========================================================= */ 82892@media (min-width: 990px) { 82893 82894 .card-wrapper-box .bt-qatc-form-container { 82895 height: 43px !important; 82896 min-height: 43px !important; 82897 max-height: 43px !important; 82898 overflow: hidden !important; 82899 background: rgba(255,255,255,.96) !important; 82900 } 82901 82902 .card-wrapper-box .bt-qatc-form { 82903 display: block !important; 82904 height: 43px !important; 82905 min-height: 43px !important; 82906 margin: 0 !important; 82907 padding: 0 !important; 82908 } 82909 82910 .card-wrapper-box .bt-qatc-form-variants-container { 82911 display: block !important; 82912 width: 100% !important; 82913 height: 43px !important; 82914 min-height: 43px !important; 82915 margin: 0 !important; 82916 padding: 0 !important; 82917 } 82918 82919 .card-wrapper-box .bt-qatc-form-variants--list { 82920 display: flex !important; 82921 flex-direction: row !important; 82922 flex-wrap: wrap !important; 82923 align-items: center !important; 82924 justify-content: center !important; 82925 82926 width: 100% !important; 82927 height: 43px !important; 82928 min-height: 43px !important; 82929 82930 margin: 0 !important; 82931 padding: 0 6px !important; 82932 gap: 2px !important; 82933 82934 box-sizing: border-box !important; 82935 overflow: visible !important; 82936 white-space: normal !important; 82937 } 82938 82939 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 82940 display: none !important; 82941 } 82942 82943 .card-wrapper-box .bt-qatc-form-variant-input { 82944 position: relative !important; 82945 82946 display: flex !important; 82947 align-items: center !important; 82948 justify-content: center !important; 82949 82950 flex: 0 0 auto !important; 82951 width: auto !important; 82952 min-width: 32px !important; 82953 height: 43px !important; 82954 82955 margin: 0 !important; 82956 padding: 0 !important; 82957 82958 border: 0 !important; 82959 background: transparent !important; 82960 } 82961 82962 .card-wrapper-box .bt-qatc-form-variant-input label { 82963 position: static !important; 82964 82965 display: flex !important;
82966 align-items: center !important; 82967 justify-content: center !important; 82968 82969 width: auto !important; 82970 min-width: 32px !important; 82971 height: 32px !important; 82972 82973 margin: 0 !important; 82974 padding: 0 6px !important; 82975 82976 box-sizing: border-box !important; 82977 82978 background: transparent !important; 82979 border: 0 !important; 82980 82981 color: #111 !important; 82982 font-size: 12px !important; 82983 line-height: 1 !important; 82984 font-weight: 400 !important; 82985 82986 white-space: nowrap !important; 82987 cursor: pointer !important; 82988 } 82989 82990 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 82991 display: block !important; 82992 width: auto !important; 82993 max-width: none !important; 82994 82995 margin: 0 !important; 82996 padding: 0 !important; 82997 82998 overflow: visible !important; 82999 white-space: nowrap !important; 83000 text-overflow: clip !important; 83001 83002 font-size: inherit !important; 83003 line-height: inherit !important; 83004 } 83005 83006 /* Sold-out size */ 83007 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 83008 opacity: .35 !important; 83009 text-decoration: line-through !important; 83010 cursor: not-allowed !important; 83011 } 83012 83013 /* Optional hover feedback */ 83014 .card-wrapper-box 83015 .bt-qatc-form-variant-input:not(.is-disbaled) 83016 label:hover { 83017 text-decoration: underline !important; 83018 text-underline-offset: 3px !important; 83019 } 83020 83021 /* Prevent old theme transforms / absolute positions */ 83022 .card-wrapper-box .bt-qatc-form-variant-input *, 83023 .card-wrapper-box .bt-qatc-form-variants--list * { 83024 transform: none; 83025 } 83026} 83027</style> 83028 83029 83030<style> 83031/* Desktop quick-add: use one seamless background for sizes + bag */ 83032@media (min-width: 990px) { 83033 .card-wrapper-box .bt-qatc-form-container, 83034 .card-wrapper-box .bt-qatc-form, 83035 .card-wrapper-box .bt-qatc-form-variants-container, 83036 .card-wrapper-box .bt-qatc-form-variants--list, 83037 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 83038 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 83039 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 83040 background: rgba(255,255,255,.96) !important; 83041 } 83042 83043 /* Remove any visual split between sizes and bag */ 83044 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 83045 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 83046 border-left: 0 !important; 83047 box-shadow: none !important; 83048 } 83049} 83050</style> 83051 83052 83053<style> 83054/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 83055@media (min-width: 990px) { 83056 .card-wrapper-box .bt-qatc-form-container, 83057 .card-wrapper-box .bt-qatc-form, 83058 .card-wrapper-box .bt-qatc-form-variants-container { 83059 height: auto !important; 83060 max-height: none !important; 83061 overflow: visible !important; 83062 } 83063 83064 .card-wrapper-box .bt-qatc-form-variants--list { 83065 display: flex !important; 83066 flex-wrap: wrap !important; 83067 justify-content: center !important; 83068 align-items: center !important; 83069 height: auto !important; 83070 min-height: 43px !important; 83071 max-height: none !important; 83072 overflow: visible !important; 83073 white-space: normal !important; 83074 padding: 5px 6px !important; 83075 } 83076 83077 .card-wrapper-box .bt-qatc-form-variant-input { 83078 flex: 0 0 auto !important; 83079 } 83080} 83081</style> 83082
83083<script> 83084 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 83085 const wrap = label.closest('.bt-qatc-form-variant-input'); 83086 const form = label.closest('.bt-qatc-form'); 83087 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 83088 83089 if (!wrap || !form || !input) return; 83090 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 83091 if (label.dataset.loading === 'true') return; 83092 83093 input.checked = true; 83094 label.dataset.loading = 'true'; 83095 label.style.pointerEvents = 'none'; 83096 83097 try { 83098 const cartResp = await fetch('/cart.js', { 83099 method: 'GET', 83100 headers: { 'Accept': 'application/json' } 83101 }); 83102 83103 if (!cartResp.ok) throw new Error('Unable to read cart'); 83104 83105 const cart = await cartResp.json(); 83106 const variantId = Number(input.value); 83107 const selectedPrice = Number(input.dataset.price || 0) / 100; 83108 const totalCartPrice = Number(cart.total_price || 0) / 100; 83109 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 83110 83111 if ((totalCartPrice + selectedPrice) > 250000) { 83112 if (window.showAlert) { 83113 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 83114 } else { 83115 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 83116 } 83117 return; 83118 } 83119 83120 if (itemInCart && Number(itemInCart.quantity) >= 3) { 83121 if (window.showAlert) { 83122 window.showAlert('Limit reached: Max 3 items per size can be added'); 83123 } else { 83124 alert('Limit reached: Max 3 items per size can be added'); 83125 } 83126 return; 83127 } 83128 83129 83130 const cartSections = document.querySelector('cart-notification, cart-drawer'); 83131 const formData = new FormData(form); 83132 83133 formData.set('id', input.value); 83134 formData.set('quantity', '1'); 83135 83136 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 83137 formData.set( 83138 'sections', 83139 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 83140 ); 83141 } 83142 83143 formData.set('sections_url', window.location.pathname); 83144 83145 const addResp = await fetch('/cart/add.js', { 83146 method: 'POST', 83147 headers: { 'Accept': 'application/json' }, 83148 body: formData 83149 }); 83150 83151 const data = await addResp.json(); 83152 83153 if (!addResp.ok) { 83154 throw new Error(data.description || data.message || 'Unable to add this size'); 83155 } 83156 83157 if (cartSections && typeof cartSections.renderContents === 'function') { 83158 cartSections.renderContents(data); 83159 } else { 83160 const bubble = document.querySelector('#cart-icon-bubble'); 83161 if (bubble) bubble.click(); 83162 } 83163 83164 const card = label.closest('.card-wrapper-box'); 83165 if (card) { 83166 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 83167 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 83168 } 83169 } catch (error) { 83170 console.error('SEFAM hover size quick-add error:', error); 83171 if (window.showAlert) { 83172 window.showAlert(error.message || 'Unable to add this size to cart'); 83173 } else { 83174 alert(error.message || 'Unable to add this size to cart'); 83175 } 83176 } finally { 83177 label.dataset.loading = 'false'; 83178 label.style.pointerEvents = ''; 83179 } 83180 }; 83181</script>
83181 83182 83183<style> 83184/* Desktop quick-add final alignment: 83185 sizes start from left; bag area matches the complete quick-size background height. */ 83186@media (min-width: 990px) { 83187 .card-wrapper-box .bt-qatc-form-variants--list { 83188 justify-content: flex-start !important; 83189 align-content: center !important; 83190 text-align: left !important; 83191 } 83192 83193 .card-wrapper-box .bt-qatc-container { 83194 right: 46px !important; 83195 } 83196 83197 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 83198 top: auto !important; 83199 bottom: 0 !important; 83200 width: 46px !important; 83201 height: 100% !important; 83202 min-height: 43px !important; 83203 align-items: stretch !important; 83204 background: rgba(255,255,255,.96) !important; 83205 } 83206 83207 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 83208 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 83209 width: 46px !important; 83210 height: 100% !important; 83211 min-height: 43px !important; 83212 background: rgba(255,255,255,.96) !important; 83213 } 83214 83215 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 83216 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 83217 height: var(--sefam-quick-add-height, 43px) !important; 83218 } 83219} 83220</style>
83221<script> 83222(function () { 83223 function syncQuickAddHeight(card) { 83224 if (!card || window.innerWidth < 990) return; 83225 var panel = card.querySelector('.bt-qatc-form-container'); 83226 if (!panel) return; 83227 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 83228 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 83229 } 83230 83231 document.addEventListener('mouseover', function(e) { 83232 var card = e.target.closest('.card-wrapper-box'); 83233 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 83234 }, { passive: true }); 83235 83236 window.addEventListener('resize', function() { 83237 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 83238 }, { passive: true }); 83239})(); 83240</script>
83240 83241 83242 83243 83244<style> 83245/* ========================================================= 83246 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 83247 - reduce space between sizes 83248 - keep sizes left aligned 83249 - keep the bag icon on the BOTTOM row 83250 - bag background still matches the full size panel 83251 ========================================================= */ 83252@media (min-width: 990px) { 83253 83254 /* More usable width for sizes */ 83255 .card-wrapper-box .bt-qatc-container { 83256 right: 42px !important; 83257 } 83258 83259 /* Compact, left-aligned size list */ 83260 .card-wrapper-box .bt-qatc-form-variants--list { 83261 justify-content: flex-start !important; 83262 align-items: center !important; 83263 align-content: center !important; 83264 83265 column-gap: 0 !important; 83266 row-gap: 0 !important; 83267 83268 padding: 4px 4px !important; 83269 margin: 0 !important; 83270 } 83271 83272 .card-wrapper-box .bt-qatc-form-variant-input { 83273 min-width: 0 !important; 83274 width: auto !important; 83275 height: 35px !important; 83276 margin: 0 !important; 83277 padding: 0 !important; 83278 } 83279 83280 .card-wrapper-box .bt-qatc-form-variant-input label { 83281 min-width: 0 !important; 83282 width: auto !important; 83283 height: 35px !important; 83284 83285 margin: 0 !important; 83286 padding: 0 4px !important; 83287 83288 font-size: 12px !important; 83289 line-height: 1 !important; 83290 } 83291 83292 /* Bag column keeps the same full white background as the sizes */ 83293 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 83294 right: 0 !important; 83295 bottom: 0 !important; 83296 top: auto !important; 83297 83298 width: 42px !important; 83299 min-width: 42px !important; 83300 height: var(--sefam-quick-add-height, 43px) !important; 83301 min-height: 43px !important; 83302 83303 display: flex !important; 83304 flex-direction: column !important; 83305 justify-content: flex-end !important; 83306 align-items: stretch !important; 83307 83308 padding: 0 !important; 83309 margin: 0 !important; 83310 83311 background: rgba(255,255,255,.96) !important; 83312 } 83313 83314 /* The clickable bag itself always sits at the bottom */ 83315 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 83316 width: 42px !important; 83317 min-width: 42px !important; 83318 height: 43px !important; 83319 min-height: 43px !important; 83320 83321 margin-top: auto !important; 83322 padding: 0 !important; 83323 83324 display: flex !important; 83325 align-items: center !important; 83326 justify-content: center !important; 83327 83328 background: rgba(255,255,255,.96) !important; 83329 } 83330 83331 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 83332 width: 42px !important; 83333 height: 43px !important; 83334 min-height: 43px !important; 83335 83336 display: flex !important; 83337 align-items: center !important; 83338 justify-content: center !important; 83339 83340 padding: 0 !important; 83341 margin: 0 !important; 83342 83343 background: transparent !important; 83344 } 83345 83346 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 83347 width: 16px !important; 83348 height: 17px !important; 83349 } 83350} 83351</style> 83352 83353 83354<style> 83355/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 83356@media (min-width: 990px) { 83357 .card-wrapper-box .bt-qatc-form-variants--list { 83358 padding: 3px 4px !important; 83359 column-gap: 0 !important; 83360 row-gap: 0 !important; 83361 justify-content: flex-start !important; 83362 align-items: center !important; 83363 align-content: center !important; 83364 } 83365 83366 .card-wrapper-box .bt-qatc-form-variant-input { 83367 min-width: 0 !important; 83368 width: auto !important; 83369 height: 30px !important; 83370 margin: 0 !important; 83371 padding: 0 !important; 83372 } 83373 83374 .card-wrapper-box .bt-qatc-form-variant-input label { 83375 min-width: 0 !important; 83376 width: auto !important; 83377 height: 30px !important; 83378 margin: 0 !important; 83379 padding: 0 4px !important; 83380 font-size: 12px !important; 83381 line-height: 1 !important; 83382 display: flex !important; 83383 align-items: center !important; 83384 justify-content: center !important; 83385 } 83386 83387 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 83388 display: flex !important; 83389 flex-direction: column !important; 83390 justify-content: flex-end !important;
83391 align-items: stretch !important; 83392 bottom: 0 !important; 83393 top: auto !important; 83394 height: var(--sefam-quick-add-height, 36px) !important; 83395 min-height: 36px !important; 83396 } 83397 83398 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 83399 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 83400 height: 36px !important; 83401 min-height: 36px !important; 83402 margin-top: auto !important; 83403 } 83404} 83405</style> 83406 83407<style> 83408 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 83409 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 83410 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 83411 .card_colorways_container .new-mbl-color-single label span, 83412 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 83413 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 83414</style> 83415 83416 </li> 83417 83418 <li 83419 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_aLwpHn-11" 83420 class="grid__item slider__slide" 83421 > 83422 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 83423� 83424 83425 83426 � 83427 83428 83429 83430 <div class="card-wrapper product-card-wrapper"> 83431 <div 83432 class=" 83433 card card--standard 83434 card--media 83435 83436 83437 83438 83439 83440 " 83441 style="--ratio-percent: 150.00000000000003%;" 83442 83443 > 83444 <div class="card-wrapper-box"> 83445 83446 <div 83447 class="card__inner color-scheme-2 gradient ratio" 83448 style="--ratio-percent: 150.00000000000003%;" 83449 83450 > 83451 �<a href="/products/mcp2263"> 83452 83453 �<div class="card-prdct2 card__media"> 83454 <div class="media media--transparent mt3"> 83455 83456 83457 <img 83458 src="//sefam.com/cdn/shop/files/MCP2263_8.jpg?v=1788867753&width=800" 83459 srcset="//sefam.com/cdn/shop/files/MCP2263_8.jpg?v=1788867753&width=1600 2x" 83460 class="" 83461 alt="KHADI SILK | HAND SCREEN PRINTED" 83462 83463 loading="lazy" 83464 83465 width="2400" 83466 height="3600" 83467 > 83468 �<img 83469 src="//sefam.com/cdn/shop/files/MCP2263_1.jpg?v=1788867753&width=800" 83470 srcset="//sefam.com/cdn/shop/files/MCP2263_1.jpg?v=1788867753&width=1600 2x" 83471 alt="KHADI SILK | HAND SCREEN PRINTED" 83472 loading="lazy" 83473 width="2400" 83474 height="3600" 83475 data-index="" 83476 > 83477 83478 � 83479 </div> 83480 83481 83482 </div> 83483 </a> 83484 </div> 83485 83486 83487 83488 83489 <div class="bt-qatc-container"> 83490 <div class="bt-qatc-form-container"> 83491 <div class="bt-qatc-form-content large-up-hide medium-hide"> 83492 <h3>KHADI SILK | HAND SCREEN PRINTED</h3> 83493 83494<div 83495 class=" 83496 price " 83497 > 83498 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 83499 <span class="price-item price-item--regular"> 83500 <span class=money>Rs.29,990</span> 83501 </span></div> 83502 <div class="price__sale"> 83503 <span class="visually-hidden visually-hidden--inline">Regular price</span> 83504 <span> 83505 <s class="price-item price-item--regular"> 83506 83507 <span class=money>Rs.29,990</span> 83508 83509 </s> 83510 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
83511 <span class="price-item price-item--sale price-item--last"> 83512 83513 83514 83515 83516 <span class="percentage__sale hidden">0% OFF</span> 83517 83518 <span class=money>Rs.29,990</span> 83519 </span> 83520 </div> 83521 <small class="unit-price caption hidden"> 83522 <span class="visually-hidden">Unit price</span> 83523 <span class="price-item price-item--last"> 83524 <span></span> 83525 <span aria-hidden="true">/</span> 83526 <span class="visually-hidden"> per </span> 83527 <span> 83528 </span> 83529 </span> 83530 </small> 83531 </div></div> 83532 83533 83534 83535 </div> 83536 <div 83537 class="ethnc-form-media large-up-hide medium-hide" 83538 83539 ></div> 83540 <form method="post" action="/cart/add" class="bt-qatc-form"> 83541 <input type="hidden" name="quantity" value="1"> 83542 <div class="bt-qatc-form-variants-container"> 83543 <div class="bt-qatc-form-variants--list"> 83544 83545 <div 83546 class="in-use bt-qatc-form-variant-input" 83547 83548 > 83549 <input 83550 type="radio" 83551 name="id" 83552 id="-52321697464616" 83553 value="52321697464616" 83554 data-price="2999000" 83555 data-item-id="10424429052200" 83556 hidden 83557 83558 data-item-id="10424429052200" 83559 83560 > 83561 83562 <label 83563 for="-52321697464616" 83564 data-sefam-quick-size 83565 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 83566 > 83567 <span class="split-variant-value"> 83568 83569 83570 83571 83572 83573 83574 83575 XS 83576 83577 83578</span> 83579 </label> 83580 </div> 83581 83582 <div 83583 class="in-use bt-qatc-form-variant-input" 83584 83585 > 83586 <input 83587 type="radio" 83588 name="id" 83589 id="-52321697497384" 83590 value="52321697497384" 83591 data-price="2999000" 83592 data-item-id="10424429052200" 83593 hidden 83594 83595 data-item-id="10424429052200" 83596 83597 > 83598 83599 <label 83600 for="-52321697497384" 83601 data-sefam-quick-size 83602 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 83603 > 83604 <span class="split-variant-value"> 83605 83606 83607 83608 83609 83610 83611 83612 S 83613 83614 83615</span> 83616 </label> 83617 </div> 83618 83619 <div 83620 class="in-use bt-qatc-form-variant-input" 83621 83622 > 83623 <input 83624 type="radio" 83625 name="id" 83626 id="-52321697530152" 83627 value="52321697530152" 83628 data-price="2999000" 83629 data-item-id="10424429052200" 83630 hidden 83631 83632 data-item-id="10424429052200" 83633 83634 > 83635 83636 <label 83637 for="-52321697530152" 83638 data-sefam-quick-size 83639 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 83640 >
83641 <span class="split-variant-value"> 83642 83643 83644 83645 83646 83647 83648 83649 M 83650 83651 83652</span> 83653 </label> 83654 </div> 83655 83656 <div 83657 class="in-use bt-qatc-form-variant-input" 83658 83659 > 83660 <input 83661 type="radio" 83662 name="id" 83663 id="-52321697562920" 83664 value="52321697562920" 83665 data-price="2999000" 83666 data-item-id="10424429052200" 83667 hidden 83668 83669 data-item-id="10424429052200" 83670 83671 > 83672 83673 <label 83674 for="-52321697562920" 83675 data-sefam-quick-size 83676 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 83677 > 83678 <span class="split-variant-value"> 83679 83680 83681 83682 83683 83684 83685 83686 L 83687 83688 83689</span> 83690 </label> 83691 </div> 83692 83693 <div 83694 class="in-use bt-qatc-form-variant-input" 83695 83696 > 83697 <input 83698 type="radio" 83699 name="id" 83700 id="-52321697595688" 83701 value="52321697595688" 83702 data-price="2999000" 83703 data-item-id="10424429052200" 83704 hidden 83705 83706 data-item-id="10424429052200" 83707 83708 > 83709 83710 <label 83711 for="-52321697595688" 83712 data-sefam-quick-size 83713 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 83714 > 83715 <span class="split-variant-value"> 83716 83717 83718 83719 83720 83721 83722 83723 XL 83724 83725 83726</span> 83727 </label> 83728 </div> 83729 83730 </div> 83731 83732 83733 83734 83735 </div> 83736 </form> 83737 </div> 83738 </div> 83739 83740 83741 83742 83743 83744 83745 83746 83747 83748 83749 83750 83751 83752 83753 83754 83755 83756 83757 83758 83759 83760 83761 83762 83763 83764 83765 83766 83767 83768 83769 83770 83771 83772 83773 83774 83775 83776 83777 83778 83779 83780 83781 <div 83782 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 83783 > 83784 <div class="ethnc-qatc-btn cstm-add-btn visible"> 83785 <span class="small-hide hide-mobile">Add to Basket</span> 83786 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 83787 </span>
83788 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 83789 width="11" 83790 height="11" 83791 viewBox="0 0 11 11" 83792 fill="none" 83793> 83794 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 83795 fill="black" 83796 /> 83797</svg> 83798</span> 83799 </div> 83800 </div> 83801 83802 83803 </div> 83804 83805 <div class="card__content aiza2"> 83806 <div class="card__information"> 83807 <small class="product-brand"> 83808 Kayseria 83809 </small> 83810 <h3 83811 class="card__heading h5" 83812 83813 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10424429052200" 83814 83815 > 83816 <a 83817 href="/products/mcp2263" 83818 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10424429052200" 83819 class="full-unstyled-link" 83820 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10424429052200 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10424429052200" 83821 > 83822 KHADI SILK | HAND SCREEN PRINTED 83823 83824 <div class="card_colorways_container" onclick="event.stopPropagation();"> 83825 83826 83827 � 83828 </div> 83829 </a> 83830 83831 </h3> 83832 83833 <h3 class="product-subtitle hidden">RTW | SHIRT, TROUSER & DUPATTA</h3> 83834 83835 <div class="card-information"><span class="caption-large light"></span> 83836<div 83837 class=" 83838 price " 83839 > 83840 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 83841 <span class="price-item price-item--regular"> 83842 <span class=money>Rs.29,990</span> 83843 </span></div> 83844 <div class="price__sale"> 83845 <span class="visually-hidden visually-hidden--inline">Regular price</span> 83846 <span> 83847 <s class="price-item price-item--regular"> 83848 83849 <span class=money>Rs.29,990</span> 83850 83851 </s> 83852 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 83853 <span class="price-item price-item--sale price-item--last"> 83854 83855 83856 83857 83858 <span class="percentage__sale hidden">0% OFF</span> 83859 83860 <span class=money>Rs.29,990</span> 83861 </span> 83862 </div> 83863 <small class="unit-price caption hidden"> 83864 <span class="visually-hidden">Unit price</span> 83865 <span class="price-item price-item--last"> 83866 <span></span> 83867 <span aria-hidden="true">/</span> 83868 <span class="visually-hidden"> per </span> 83869 <span> 83870 </span> 83871 </span> 83872 </small> 83873 </div></div> 83874 83875 83876 83877 </div> 83878 </div> 83879 </div> 83880 83881 </div> 83882 </div><style> 83883/* ========================================================= 83884 DESKTOP PRODUCT CARD QUICK ADD 83885 LEFT = sizes 83886 RIGHT = original bag icon 83887 Mobile behavior remains unchanged 83888 ========================================================= */ 83889@media (min-width: 990px) { 83890 .hide-desktop { 83891 display: none !important; 83892 } 83893 83894 /* Keep both controls on the same bottom row */ 83895 .card-wrapper-box { 83896 position: relative; 83897 } 83898 83899 .card-wrapper-box .bt-qatc-container, 83900 .card-wrapper-box .ethnc-qatc-btn-container { 83901 position: absolute !important; 83902 bottom: 0 !important; 83903 z-index: 8 !important; 83904 } 83905 83906 /* LEFT: size area */ 83907 .card-wrapper-box .bt-qatc-container { 83908 left: 0 !important; 83909 right: 46px !important; 83910 width: auto !important; 83911 } 83912 83913 .card-wrapper-box .bt-qatc-form-container { 83914 left: 0 !important; 83915 right: 0 !important; 83916 bottom: -350% !important; 83917 width: 100% !important; 83918 min-height: 43px !important; 83919 opacity: 0 !important; 83920 visibility: hidden !important; 83921 pointer-events: none !important; 83922 transition: bottom .22s ease, opacity .18s ease !important; 83923 } 83924 83925 .card-wrapper-box .bt-qatc-form, 83926 .card-wrapper-box .bt-qatc-form-variants-container, 83927 .card-wrapper-box .bt-qatc-form-variants--list { 83928 width: 100% !important; 83929 } 83930 83931 .card-wrapper-box .bt-qatc-form-variants--list { 83932 display: flex !important;
83933 align-items: center !important; 83934 flex-wrap: wrap !important; 83935 gap: 0 !important; 83936 min-height: 43px !important; 83937 } 83938 83939 /* RIGHT: original bag button */ 83940 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 83941 display: flex !important; 83942 align-items: stretch !important; 83943 justify-content: center !important; 83944 left: auto !important; 83945 right: 0 !important; 83946 width: 46px !important; 83947 height: 43px !important; 83948 opacity: 0 !important; 83949 visibility: hidden !important; 83950 pointer-events: none !important; 83951 transition: opacity .18s ease !important; 83952 } 83953 83954 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 83955 display: flex !important; 83956 align-items: center !important; 83957 justify-content: center !important; 83958 width: 46px !important; 83959 height: 43px !important; 83960 min-width: 46px !important; 83961 padding: 0 !important; 83962 cursor: pointer !important; 83963 } 83964 83965 /* Hide Add to Basket text on desktop; keep only bag icon */ 83966 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 83967 display: none !important; 83968 } 83969 83970 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 83971 display: flex !important; 83972 align-items: center !important; 83973 justify-content: center !important; 83974 width: 100% !important; 83975 height: 100% !important; 83976 padding: 0 !important; 83977 } 83978 83979 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 83980 display: block !important; 83981 width: 16px !important; 83982 height: 17px !important; 83983 } 83984 83985 /* Show sizes + bag together on desktop hover */ 83986 .card-wrapper-box:hover .bt-qatc-form-container { 83987 bottom: 0 !important; 83988 opacity: 1 !important; 83989 visibility: visible !important; 83990 pointer-events: auto !important; 83991 } 83992 83993 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 83994 opacity: 1 !important; 83995 visibility: visible !important; 83996 pointer-events: auto !important; 83997 } 83998} 83999 84000@media (max-width: 989px) { 84001 .hide-mobile { 84002 display: none; 84003 } 84004} 84005</style> 84006 84007 84008<style> 84009/* ========================================================= 84010 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 84011 Keeps all sizes in one clean row on the left 84012 and the bag icon fixed on the right. 84013 ========================================================= */ 84014@media (min-width: 990px) { 84015 84016 .card-wrapper-box .bt-qatc-form-container { 84017 height: 43px !important; 84018 min-height: 43px !important; 84019 max-height: 43px !important; 84020 overflow: hidden !important; 84021 background: rgba(255,255,255,.96) !important; 84022 } 84023 84024 .card-wrapper-box .bt-qatc-form { 84025 display: block !important; 84026 height: 43px !important; 84027 min-height: 43px !important; 84028 margin: 0 !important; 84029 padding: 0 !important; 84030 } 84031 84032 .card-wrapper-box .bt-qatc-form-variants-container { 84033 display: block !important; 84034 width: 100% !important; 84035 height: 43px !important; 84036 min-height: 43px !important; 84037 margin: 0 !important; 84038 padding: 0 !important; 84039 } 84040 84041 .card-wrapper-box .bt-qatc-form-variants--list { 84042 display: flex !important; 84043 flex-direction: row !important; 84044 flex-wrap: wrap !important; 84045 align-items: center !important; 84046 justify-content: center !important; 84047 84048 width: 100% !important; 84049 height: 43px !important; 84050 min-height: 43px !important; 84051 84052 margin: 0 !important; 84053 padding: 0 6px !important; 84054 gap: 2px !important; 84055 84056 box-sizing: border-box !important; 84057 overflow: visible !important; 84058 white-space: normal !important; 84059 } 84060 84061 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 84062 display: none !important; 84063 } 84064 84065 .card-wrapper-box .bt-qatc-form-variant-input { 84066 position: relative !important; 84067 84068 display: flex !important; 84069 align-items: center !important; 84070 justify-content: center !important; 84071 84072 flex: 0 0 auto !important; 84073 width: auto !important; 84074 min-width: 32px !important; 84075 height: 43px !important; 84076 84077 margin: 0 !important; 84078 padding: 0 !important; 84079 84080 border: 0 !important; 84081 background: transparent !important; 84082 } 84083 84084 .card-wrapper-box .bt-qatc-form-variant-input label { 84085 position: static !important; 84086 84087 display: flex !important;
84088 align-items: center !important; 84089 justify-content: center !important; 84090 84091 width: auto !important; 84092 min-width: 32px !important; 84093 height: 32px !important; 84094 84095 margin: 0 !important; 84096 padding: 0 6px !important; 84097 84098 box-sizing: border-box !important; 84099 84100 background: transparent !important; 84101 border: 0 !important; 84102 84103 color: #111 !important; 84104 font-size: 12px !important; 84105 line-height: 1 !important; 84106 font-weight: 400 !important; 84107 84108 white-space: nowrap !important; 84109 cursor: pointer !important; 84110 } 84111 84112 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 84113 display: block !important; 84114 width: auto !important; 84115 max-width: none !important; 84116 84117 margin: 0 !important; 84118 padding: 0 !important; 84119 84120 overflow: visible !important; 84121 white-space: nowrap !important; 84122 text-overflow: clip !important; 84123 84124 font-size: inherit !important; 84125 line-height: inherit !important; 84126 } 84127 84128 /* Sold-out size */ 84129 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 84130 opacity: .35 !important; 84131 text-decoration: line-through !important; 84132 cursor: not-allowed !important; 84133 } 84134 84135 /* Optional hover feedback */ 84136 .card-wrapper-box 84137 .bt-qatc-form-variant-input:not(.is-disbaled) 84138 label:hover { 84139 text-decoration: underline !important; 84140 text-underline-offset: 3px !important; 84141 } 84142 84143 /* Prevent old theme transforms / absolute positions */ 84144 .card-wrapper-box .bt-qatc-form-variant-input *, 84145 .card-wrapper-box .bt-qatc-form-variants--list * { 84146 transform: none; 84147 } 84148} 84149</style> 84150 84151 84152<style> 84153/* Desktop quick-add: use one seamless background for sizes + bag */ 84154@media (min-width: 990px) { 84155 .card-wrapper-box .bt-qatc-form-container, 84156 .card-wrapper-box .bt-qatc-form, 84157 .card-wrapper-box .bt-qatc-form-variants-container, 84158 .card-wrapper-box .bt-qatc-form-variants--list, 84159 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 84160 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 84161 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 84162 background: rgba(255,255,255,.96) !important; 84163 } 84164 84165 /* Remove any visual split between sizes and bag */ 84166 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 84167 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 84168 border-left: 0 !important; 84169 box-shadow: none !important; 84170 } 84171} 84172</style> 84173 84174 84175<style> 84176/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 84177@media (min-width: 990px) { 84178 .card-wrapper-box .bt-qatc-form-container, 84179 .card-wrapper-box .bt-qatc-form, 84180 .card-wrapper-box .bt-qatc-form-variants-container { 84181 height: auto !important; 84182 max-height: none !important; 84183 overflow: visible !important; 84184 } 84185 84186 .card-wrapper-box .bt-qatc-form-variants--list { 84187 display: flex !important; 84188 flex-wrap: wrap !important; 84189 justify-content: center !important; 84190 align-items: center !important; 84191 height: auto !important; 84192 min-height: 43px !important; 84193 max-height: none !important; 84194 overflow: visible !important; 84195 white-space: normal !important; 84196 padding: 5px 6px !important; 84197 } 84198 84199 .card-wrapper-box .bt-qatc-form-variant-input { 84200 flex: 0 0 auto !important; 84201 } 84202} 84203</style> 84204
84205<script> 84206 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 84207 const wrap = label.closest('.bt-qatc-form-variant-input'); 84208 const form = label.closest('.bt-qatc-form'); 84209 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 84210 84211 if (!wrap || !form || !input) return; 84212 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 84213 if (label.dataset.loading === 'true') return; 84214 84215 input.checked = true; 84216 label.dataset.loading = 'true'; 84217 label.style.pointerEvents = 'none'; 84218 84219 try { 84220 const cartResp = await fetch('/cart.js', { 84221 method: 'GET', 84222 headers: { 'Accept': 'application/json' } 84223 }); 84224 84225 if (!cartResp.ok) throw new Error('Unable to read cart'); 84226 84227 const cart = await cartResp.json(); 84228 const variantId = Number(input.value); 84229 const selectedPrice = Number(input.dataset.price || 0) / 100; 84230 const totalCartPrice = Number(cart.total_price || 0) / 100; 84231 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 84232 84233 if ((totalCartPrice + selectedPrice) > 250000) { 84234 if (window.showAlert) { 84235 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 84236 } else { 84237 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 84238 } 84239 return; 84240 } 84241 84242 if (itemInCart && Number(itemInCart.quantity) >= 3) { 84243 if (window.showAlert) { 84244 window.showAlert('Limit reached: Max 3 items per size can be added'); 84245 } else { 84246 alert('Limit reached: Max 3 items per size can be added'); 84247 } 84248 return; 84249 } 84250 84251 84252 const cartSections = document.querySelector('cart-notification, cart-drawer'); 84253 const formData = new FormData(form); 84254 84255 formData.set('id', input.value); 84256 formData.set('quantity', '1'); 84257 84258 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 84259 formData.set( 84260 'sections', 84261 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 84262 ); 84263 } 84264 84265 formData.set('sections_url', window.location.pathname); 84266 84267 const addResp = await fetch('/cart/add.js', { 84268 method: 'POST', 84269 headers: { 'Accept': 'application/json' }, 84270 body: formData 84271 }); 84272 84273 const data = await addResp.json(); 84274 84275 if (!addResp.ok) { 84276 throw new Error(data.description || data.message || 'Unable to add this size'); 84277 } 84278 84279 if (cartSections && typeof cartSections.renderContents === 'function') { 84280 cartSections.renderContents(data); 84281 } else { 84282 const bubble = document.querySelector('#cart-icon-bubble'); 84283 if (bubble) bubble.click(); 84284 } 84285 84286 const card = label.closest('.card-wrapper-box'); 84287 if (card) { 84288 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 84289 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 84290 } 84291 } catch (error) { 84292 console.error('SEFAM hover size quick-add error:', error); 84293 if (window.showAlert) { 84294 window.showAlert(error.message || 'Unable to add this size to cart'); 84295 } else { 84296 alert(error.message || 'Unable to add this size to cart'); 84297 } 84298 } finally { 84299 label.dataset.loading = 'false'; 84300 label.style.pointerEvents = ''; 84301 } 84302 }; 84303</script>
84303 84304 84305<style> 84306/* Desktop quick-add final alignment: 84307 sizes start from left; bag area matches the complete quick-size background height. */ 84308@media (min-width: 990px) { 84309 .card-wrapper-box .bt-qatc-form-variants--list { 84310 justify-content: flex-start !important; 84311 align-content: center !important; 84312 text-align: left !important; 84313 } 84314 84315 .card-wrapper-box .bt-qatc-container { 84316 right: 46px !important; 84317 } 84318 84319 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 84320 top: auto !important; 84321 bottom: 0 !important; 84322 width: 46px !important; 84323 height: 100% !important; 84324 min-height: 43px !important; 84325 align-items: stretch !important; 84326 background: rgba(255,255,255,.96) !important; 84327 } 84328 84329 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 84330 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 84331 width: 46px !important; 84332 height: 100% !important; 84333 min-height: 43px !important; 84334 background: rgba(255,255,255,.96) !important; 84335 } 84336 84337 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 84338 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 84339 height: var(--sefam-quick-add-height, 43px) !important; 84340 } 84341} 84342</style>
84343<script> 84344(function () { 84345 function syncQuickAddHeight(card) { 84346 if (!card || window.innerWidth < 990) return; 84347 var panel = card.querySelector('.bt-qatc-form-container'); 84348 if (!panel) return; 84349 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 84350 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 84351 } 84352 84353 document.addEventListener('mouseover', function(e) { 84354 var card = e.target.closest('.card-wrapper-box'); 84355 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 84356 }, { passive: true }); 84357 84358 window.addEventListener('resize', function() { 84359 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 84360 }, { passive: true }); 84361})(); 84362</script>
84362 84363 84364 84365 84366<style> 84367/* ========================================================= 84368 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 84369 - reduce space between sizes 84370 - keep sizes left aligned 84371 - keep the bag icon on the BOTTOM row 84372 - bag background still matches the full size panel 84373 ========================================================= */ 84374@media (min-width: 990px) { 84375 84376 /* More usable width for sizes */ 84377 .card-wrapper-box .bt-qatc-container { 84378 right: 42px !important; 84379 } 84380 84381 /* Compact, left-aligned size list */ 84382 .card-wrapper-box .bt-qatc-form-variants--list { 84383 justify-content: flex-start !important; 84384 align-items: center !important; 84385 align-content: center !important; 84386 84387 column-gap: 0 !important; 84388 row-gap: 0 !important; 84389 84390 padding: 4px 4px !important; 84391 margin: 0 !important; 84392 } 84393 84394 .card-wrapper-box .bt-qatc-form-variant-input { 84395 min-width: 0 !important; 84396 width: auto !important; 84397 height: 35px !important; 84398 margin: 0 !important; 84399 padding: 0 !important; 84400 } 84401 84402 .card-wrapper-box .bt-qatc-form-variant-input label { 84403 min-width: 0 !important; 84404 width: auto !important; 84405 height: 35px !important; 84406 84407 margin: 0 !important; 84408 padding: 0 4px !important; 84409 84410 font-size: 12px !important; 84411 line-height: 1 !important; 84412 } 84413 84414 /* Bag column keeps the same full white background as the sizes */ 84415 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 84416 right: 0 !important; 84417 bottom: 0 !important; 84418 top: auto !important; 84419 84420 width: 42px !important; 84421 min-width: 42px !important; 84422 height: var(--sefam-quick-add-height, 43px) !important; 84423 min-height: 43px !important; 84424 84425 display: flex !important; 84426 flex-direction: column !important; 84427 justify-content: flex-end !important; 84428 align-items: stretch !important; 84429 84430 padding: 0 !important; 84431 margin: 0 !important; 84432 84433 background: rgba(255,255,255,.96) !important; 84434 } 84435 84436 /* The clickable bag itself always sits at the bottom */ 84437 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 84438 width: 42px !important; 84439 min-width: 42px !important; 84440 height: 43px !important; 84441 min-height: 43px !important; 84442 84443 margin-top: auto !important; 84444 padding: 0 !important; 84445 84446 display: flex !important; 84447 align-items: center !important; 84448 justify-content: center !important; 84449 84450 background: rgba(255,255,255,.96) !important; 84451 } 84452 84453 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 84454 width: 42px !important; 84455 height: 43px !important; 84456 min-height: 43px !important; 84457 84458 display: flex !important; 84459 align-items: center !important; 84460 justify-content: center !important; 84461 84462 padding: 0 !important; 84463 margin: 0 !important; 84464 84465 background: transparent !important; 84466 } 84467 84468 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 84469 width: 16px !important; 84470 height: 17px !important; 84471 } 84472} 84473</style> 84474 84475 84476<style> 84477/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 84478@media (min-width: 990px) { 84479 .card-wrapper-box .bt-qatc-form-variants--list { 84480 padding: 3px 4px !important; 84481 column-gap: 0 !important; 84482 row-gap: 0 !important; 84483 justify-content: flex-start !important; 84484 align-items: center !important; 84485 align-content: center !important; 84486 } 84487 84488 .card-wrapper-box .bt-qatc-form-variant-input { 84489 min-width: 0 !important; 84490 width: auto !important; 84491 height: 30px !important; 84492 margin: 0 !important; 84493 padding: 0 !important; 84494 } 84495 84496 .card-wrapper-box .bt-qatc-form-variant-input label { 84497 min-width: 0 !important; 84498 width: auto !important; 84499 height: 30px !important; 84500 margin: 0 !important; 84501 padding: 0 4px !important; 84502 font-size: 12px !important; 84503 line-height: 1 !important; 84504 display: flex !important; 84505 align-items: center !important; 84506 justify-content: center !important; 84507 } 84508 84509 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 84510 display: flex !important; 84511 flex-direction: column !important; 84512 justify-content: flex-end !important;
84513 align-items: stretch !important; 84514 bottom: 0 !important; 84515 top: auto !important; 84516 height: var(--sefam-quick-add-height, 36px) !important; 84517 min-height: 36px !important; 84518 } 84519 84520 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 84521 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 84522 height: 36px !important; 84523 min-height: 36px !important; 84524 margin-top: auto !important; 84525 } 84526} 84527</style> 84528 84529<style> 84530 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 84531 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 84532 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 84533 .card_colorways_container .new-mbl-color-single label span, 84534 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 84535 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 84536</style> 84537 84538 </li> 84539 84540 <li 84541 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_aLwpHn-12" 84542 class="grid__item slider__slide" 84543 > 84544 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 84545� 84546 84547 84548 � 84549 84550 84551 84552 <div class="card-wrapper product-card-wrapper"> 84553 <div 84554 class=" 84555 card card--standard 84556 card--media 84557 84558 84559 84560 84561 84562 " 84563 style="--ratio-percent: 150.00000000000003%;" 84564 84565 > 84566 <div class="card-wrapper-box"> 84567 84568 <div 84569 class="card__inner color-scheme-2 gradient ratio" 84570 style="--ratio-percent: 150.00000000000003%;" 84571 84572 > 84573 �<a href="/products/mcp2262-1"> 84574 84575 �<div class="card-prdct2 card__media"> 84576 <div class="media media--transparent mt3"> 84577 84578 84579 <img 84580 src="//sefam.com/cdn/shop/files/MCP2262-1_1.jpg?v=1788867907&width=800" 84581 srcset="//sefam.com/cdn/shop/files/MCP2262-1_1.jpg?v=1788867907&width=1600 2x" 84582 class="" 84583 alt="KHADI SILK | PRINTED" 84584 84585 loading="lazy" 84586 84587 width="2400" 84588 height="3600" 84589 > 84590 �<img 84591 src="//sefam.com/cdn/shop/files/MCP2262-1_2.jpg?v=1788867907&width=800" 84592 srcset="//sefam.com/cdn/shop/files/MCP2262-1_2.jpg?v=1788867907&width=1600 2x" 84593 alt="KHADI SILK | PRINTED" 84594 loading="lazy" 84595 width="2400" 84596 height="3600" 84597 data-index="" 84598 > 84599 84600 � 84601 </div> 84602 84603 84604 </div> 84605 </a> 84606 </div> 84607 84608 84609 84610 84611 <div class="bt-qatc-container"> 84612 <div class="bt-qatc-form-container"> 84613 <div class="bt-qatc-form-content large-up-hide medium-hide"> 84614 <h3>KHADI SILK | PRINTED</h3> 84615 84616<div 84617 class=" 84618 price " 84619 > 84620 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 84621 <span class="price-item price-item--regular"> 84622 <span class=money>Rs.24,990</span> 84623 </span></div> 84624 <div class="price__sale"> 84625 <span class="visually-hidden visually-hidden--inline">Regular price</span> 84626 <span> 84627 <s class="price-item price-item--regular"> 84628 84629 <span class=money>Rs.24,990</span> 84630 84631 </s> 84632 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
84633 <span class="price-item price-item--sale price-item--last"> 84634 84635 84636 84637 84638 <span class="percentage__sale hidden">0% OFF</span> 84639 84640 <span class=money>Rs.24,990</span> 84641 </span> 84642 </div> 84643 <small class="unit-price caption hidden"> 84644 <span class="visually-hidden">Unit price</span> 84645 <span class="price-item price-item--last"> 84646 <span></span> 84647 <span aria-hidden="true">/</span> 84648 <span class="visually-hidden"> per </span> 84649 <span> 84650 </span> 84651 </span> 84652 </small> 84653 </div></div> 84654 84655 84656 84657 </div> 84658 <div 84659 class="ethnc-form-media large-up-hide medium-hide" 84660 84661 ></div> 84662 <form method="post" action="/cart/add" class="bt-qatc-form"> 84663 <input type="hidden" name="quantity" value="1"> 84664 <div class="bt-qatc-form-variants-container"> 84665 <div class="bt-qatc-form-variants--list"> 84666 84667 <div 84668 class="in-use bt-qatc-form-variant-input" 84669 84670 > 84671 <input 84672 type="radio" 84673 name="id" 84674 id="-52378672136488" 84675 value="52378672136488" 84676 data-price="2499000" 84677 data-item-id="10406574194984" 84678 hidden 84679 84680 data-item-id="10406574194984" 84681 84682 > 84683 84684 <label 84685 for="-52378672136488" 84686 data-sefam-quick-size 84687 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 84688 > 84689 <span class="split-variant-value"> 84690 84691 84692 84693 84694 84695 84696 84697 84698 84699 84700 XS 84701 84702 84703</span> 84704 </label> 84705 </div> 84706 84707 <div 84708 class="in-use bt-qatc-form-variant-input" 84709 84710 > 84711 <input 84712 type="radio" 84713 name="id" 84714 id="-52378672169256" 84715 value="52378672169256" 84716 data-price="2499000" 84717 data-item-id="10406574194984" 84718 hidden 84719 84720 data-item-id="10406574194984" 84721 84722 > 84723 84724 <label 84725 for="-52378672169256" 84726 data-sefam-quick-size 84727 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 84728 > 84729 <span class="split-variant-value"> 84730 84731 84732 84733 84734 84735 84736 84737 84738 84739 84740 S 84741 84742 84743</span> 84744 </label> 84745 </div> 84746 84747 <div 84748 class="in-use bt-qatc-form-variant-input" 84749 84750 > 84751 <input 84752 type="radio" 84753 name="id" 84754 id="-52378672202024" 84755 value="52378672202024" 84756 data-price="2499000" 84757 data-item-id="10406574194984" 84758 hidden 84759 84760 data-item-id="10406574194984" 84761 84762 > 84763 84764 <label 84765 for="-52378672202024" 84766 data-sefam-quick-size 84767 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 84768 >
84769 <span class="split-variant-value"> 84770 84771 84772 84773 84774 84775 84776 84777 84778 84779 84780 M 84781 84782 84783</span> 84784 </label> 84785 </div> 84786 84787 <div 84788 class="in-use bt-qatc-form-variant-input" 84789 84790 > 84791 <input 84792 type="radio" 84793 name="id" 84794 id="-52378672234792" 84795 value="52378672234792" 84796 data-price="2499000" 84797 data-item-id="10406574194984" 84798 hidden 84799 84800 data-item-id="10406574194984" 84801 84802 > 84803 84804 <label 84805 for="-52378672234792" 84806 data-sefam-quick-size 84807 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 84808 > 84809 <span class="split-variant-value"> 84810 84811 84812 84813 84814 84815 84816 84817 84818 84819 84820 L 84821 84822 84823</span> 84824 </label> 84825 </div> 84826 84827 <div 84828 class="in-use bt-qatc-form-variant-input" 84829 84830 > 84831 <input 84832 type="radio" 84833 name="id" 84834 id="-52378672267560" 84835 value="52378672267560" 84836 data-price="2499000" 84837 data-item-id="10406574194984" 84838 hidden 84839 84840 data-item-id="10406574194984" 84841 84842 > 84843 84844 <label 84845 for="-52378672267560" 84846 data-sefam-quick-size 84847 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 84848 > 84849 <span class="split-variant-value"> 84850 84851 84852 84853 84854 84855 84856 84857 84858 84859 84860 XL 84861 84862 84863</span> 84864 </label> 84865 </div> 84866 84867 </div> 84868 84869 84870 84871 84872 </div> 84873 </form> 84874 </div> 84875 </div> 84876 84877 84878 84879 84880 84881 84882 84883 84884 84885 84886 84887 84888 84889 84890 84891 84892 84893 84894 84895 84896 84897 84898 84899 84900 84901 84902 84903 84904 84905 84906 84907 84908 84909 84910 84911 84912 84913 84914 84915 84916 84917 84918 <div 84919 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 84920 > 84921 <div class="ethnc-qatc-btn cstm-add-btn visible"> 84922 <span class="small-hide hide-mobile">Add to Basket</span> 84923 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 84924 </span>
84925 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 84926 width="11" 84927 height="11" 84928 viewBox="0 0 11 11" 84929 fill="none" 84930> 84931 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 84932 fill="black" 84933 /> 84934</svg> 84935</span> 84936 </div> 84937 </div> 84938 84939 84940 </div> 84941 84942 <div class="card__content aiza2"> 84943 <div class="card__information"> 84944 <small class="product-brand"> 84945 Kayseria 84946 </small> 84947 <h3 84948 class="card__heading h5" 84949 84950 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10406574194984" 84951 84952 > 84953 <a 84954 href="/products/mcp2262-1" 84955 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10406574194984" 84956 class="full-unstyled-link" 84957 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10406574194984 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10406574194984" 84958 > 84959 KHADI SILK | PRINTED 84960 84961 <div class="card_colorways_container" onclick="event.stopPropagation();"> 84962 84963 84964 84965 84966 <div class="new-mbl-color-single new-mbl-option-single is-active" title="Pink"> 84967 <label aria-label="Pink"> 84968 84969 84970 <span style="background: rgb(255 192 203);"></span> 84971 84972 84973 </label> 84974 </div> 84975 � 84976 </div> 84977 </a> 84978 84979 </h3> 84980 84981 <h3 class="product-subtitle hidden">RTW | SHIRT, TROUSER & DUPATTA</h3> 84982 84983 <div class="card-information"><span class="caption-large light"></span> 84984<div 84985 class=" 84986 price " 84987 > 84988 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 84989 <span class="price-item price-item--regular"> 84990 <span class=money>Rs.24,990</span> 84991 </span></div> 84992 <div class="price__sale"> 84993 <span class="visually-hidden visually-hidden--inline">Regular price</span> 84994 <span> 84995 <s class="price-item price-item--regular"> 84996 84997 <span class=money>Rs.24,990</span> 84998 84999 </s> 85000 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 85001 <span class="price-item price-item--sale price-item--last"> 85002 85003 85004 85005 85006 <span class="percentage__sale hidden">0% OFF</span> 85007 85008 <span class=money>Rs.24,990</span> 85009 </span> 85010 </div> 85011 <small class="unit-price caption hidden"> 85012 <span class="visually-hidden">Unit price</span> 85013 <span class="price-item price-item--last"> 85014 <span></span> 85015 <span aria-hidden="true">/</span> 85016 <span class="visually-hidden"> per </span> 85017 <span> 85018 </span> 85019 </span> 85020 </small> 85021 </div></div> 85022 85023 85024 85025 </div> 85026 </div> 85027 </div> 85028 85029 </div> 85030 </div><style> 85031/* ========================================================= 85032 DESKTOP PRODUCT CARD QUICK ADD 85033 LEFT = sizes 85034 RIGHT = original bag icon 85035 Mobile behavior remains unchanged 85036 ========================================================= */ 85037@media (min-width: 990px) { 85038 .hide-desktop { 85039 display: none !important; 85040 } 85041 85042 /* Keep both controls on the same bottom row */ 85043 .card-wrapper-box { 85044 position: relative; 85045 } 85046 85047 .card-wrapper-box .bt-qatc-container, 85048 .card-wrapper-box .ethnc-qatc-btn-container { 85049 position: absolute !important; 85050 bottom: 0 !important; 85051 z-index: 8 !important; 85052 } 85053 85054 /* LEFT: size area */ 85055 .card-wrapper-box .bt-qatc-container { 85056 left: 0 !important; 85057 right: 46px !important; 85058 width: auto !important; 85059 } 85060 85061 .card-wrapper-box .bt-qatc-form-container { 85062 left: 0 !important; 85063 right: 0 !important; 85064 bottom: -350% !important; 85065 width: 100% !important; 85066 min-height: 43px !important; 85067 opacity: 0 !important; 85068 visibility: hidden !important; 85069 pointer-events: none !important; 85070 transition: bottom .22s ease, opacity .18s ease !important; 85071 } 85072 85073 .card-wrapper-box .bt-qatc-form, 85074 .card-wrapper-box .bt-qatc-form-variants-container, 85075 .card-wrapper-box .bt-qatc-form-variants--list { 85076 width: 100% !important; 85077 } 85078 85079 .card-wrapper-box .bt-qatc-form-variants--list { 85080 display: flex !important;
85081 align-items: center !important; 85082 flex-wrap: wrap !important; 85083 gap: 0 !important; 85084 min-height: 43px !important; 85085 } 85086 85087 /* RIGHT: original bag button */ 85088 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 85089 display: flex !important; 85090 align-items: stretch !important; 85091 justify-content: center !important; 85092 left: auto !important; 85093 right: 0 !important; 85094 width: 46px !important; 85095 height: 43px !important; 85096 opacity: 0 !important; 85097 visibility: hidden !important; 85098 pointer-events: none !important; 85099 transition: opacity .18s ease !important; 85100 } 85101 85102 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 85103 display: flex !important; 85104 align-items: center !important; 85105 justify-content: center !important; 85106 width: 46px !important; 85107 height: 43px !important; 85108 min-width: 46px !important; 85109 padding: 0 !important; 85110 cursor: pointer !important; 85111 } 85112 85113 /* Hide Add to Basket text on desktop; keep only bag icon */ 85114 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 85115 display: none !important; 85116 } 85117 85118 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 85119 display: flex !important; 85120 align-items: center !important; 85121 justify-content: center !important; 85122 width: 100% !important; 85123 height: 100% !important; 85124 padding: 0 !important; 85125 } 85126 85127 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 85128 display: block !important; 85129 width: 16px !important; 85130 height: 17px !important; 85131 } 85132 85133 /* Show sizes + bag together on desktop hover */ 85134 .card-wrapper-box:hover .bt-qatc-form-container { 85135 bottom: 0 !important; 85136 opacity: 1 !important; 85137 visibility: visible !important; 85138 pointer-events: auto !important; 85139 } 85140 85141 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 85142 opacity: 1 !important; 85143 visibility: visible !important; 85144 pointer-events: auto !important; 85145 } 85146} 85147 85148@media (max-width: 989px) { 85149 .hide-mobile { 85150 display: none; 85151 } 85152} 85153</style> 85154 85155 85156<style> 85157/* ========================================================= 85158 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 85159 Keeps all sizes in one clean row on the left 85160 and the bag icon fixed on the right. 85161 ========================================================= */ 85162@media (min-width: 990px) { 85163 85164 .card-wrapper-box .bt-qatc-form-container { 85165 height: 43px !important; 85166 min-height: 43px !important; 85167 max-height: 43px !important; 85168 overflow: hidden !important; 85169 background: rgba(255,255,255,.96) !important; 85170 } 85171 85172 .card-wrapper-box .bt-qatc-form { 85173 display: block !important; 85174 height: 43px !important; 85175 min-height: 43px !important; 85176 margin: 0 !important; 85177 padding: 0 !important; 85178 } 85179 85180 .card-wrapper-box .bt-qatc-form-variants-container { 85181 display: block !important; 85182 width: 100% !important; 85183 height: 43px !important; 85184 min-height: 43px !important; 85185 margin: 0 !important; 85186 padding: 0 !important; 85187 } 85188 85189 .card-wrapper-box .bt-qatc-form-variants--list { 85190 display: flex !important; 85191 flex-direction: row !important; 85192 flex-wrap: wrap !important; 85193 align-items: center !important; 85194 justify-content: center !important; 85195 85196 width: 100% !important; 85197 height: 43px !important; 85198 min-height: 43px !important; 85199 85200 margin: 0 !important; 85201 padding: 0 6px !important; 85202 gap: 2px !important; 85203 85204 box-sizing: border-box !important; 85205 overflow: visible !important; 85206 white-space: normal !important; 85207 } 85208 85209 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 85210 display: none !important; 85211 } 85212 85213 .card-wrapper-box .bt-qatc-form-variant-input { 85214 position: relative !important; 85215 85216 display: flex !important; 85217 align-items: center !important; 85218 justify-content: center !important; 85219 85220 flex: 0 0 auto !important; 85221 width: auto !important; 85222 min-width: 32px !important; 85223 height: 43px !important; 85224 85225 margin: 0 !important; 85226 padding: 0 !important; 85227 85228 border: 0 !important; 85229 background: transparent !important; 85230 } 85231 85232 .card-wrapper-box .bt-qatc-form-variant-input label { 85233 position: static !important; 85234 85235 display: flex !important;
85236 align-items: center !important; 85237 justify-content: center !important; 85238 85239 width: auto !important; 85240 min-width: 32px !important; 85241 height: 32px !important; 85242 85243 margin: 0 !important; 85244 padding: 0 6px !important; 85245 85246 box-sizing: border-box !important; 85247 85248 background: transparent !important; 85249 border: 0 !important; 85250 85251 color: #111 !important; 85252 font-size: 12px !important; 85253 line-height: 1 !important; 85254 font-weight: 400 !important; 85255 85256 white-space: nowrap !important; 85257 cursor: pointer !important; 85258 } 85259 85260 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 85261 display: block !important; 85262 width: auto !important; 85263 max-width: none !important; 85264 85265 margin: 0 !important; 85266 padding: 0 !important; 85267 85268 overflow: visible !important; 85269 white-space: nowrap !important; 85270 text-overflow: clip !important; 85271 85272 font-size: inherit !important; 85273 line-height: inherit !important; 85274 } 85275 85276 /* Sold-out size */ 85277 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 85278 opacity: .35 !important; 85279 text-decoration: line-through !important; 85280 cursor: not-allowed !important; 85281 } 85282 85283 /* Optional hover feedback */ 85284 .card-wrapper-box 85285 .bt-qatc-form-variant-input:not(.is-disbaled) 85286 label:hover { 85287 text-decoration: underline !important; 85288 text-underline-offset: 3px !important; 85289 } 85290 85291 /* Prevent old theme transforms / absolute positions */ 85292 .card-wrapper-box .bt-qatc-form-variant-input *, 85293 .card-wrapper-box .bt-qatc-form-variants--list * { 85294 transform: none; 85295 } 85296} 85297</style> 85298 85299 85300<style> 85301/* Desktop quick-add: use one seamless background for sizes + bag */ 85302@media (min-width: 990px) { 85303 .card-wrapper-box .bt-qatc-form-container, 85304 .card-wrapper-box .bt-qatc-form, 85305 .card-wrapper-box .bt-qatc-form-variants-container, 85306 .card-wrapper-box .bt-qatc-form-variants--list, 85307 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 85308 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 85309 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 85310 background: rgba(255,255,255,.96) !important; 85311 } 85312 85313 /* Remove any visual split between sizes and bag */ 85314 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 85315 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 85316 border-left: 0 !important; 85317 box-shadow: none !important; 85318 } 85319} 85320</style> 85321 85322 85323<style> 85324/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 85325@media (min-width: 990px) { 85326 .card-wrapper-box .bt-qatc-form-container, 85327 .card-wrapper-box .bt-qatc-form, 85328 .card-wrapper-box .bt-qatc-form-variants-container { 85329 height: auto !important; 85330 max-height: none !important; 85331 overflow: visible !important; 85332 } 85333 85334 .card-wrapper-box .bt-qatc-form-variants--list { 85335 display: flex !important; 85336 flex-wrap: wrap !important; 85337 justify-content: center !important; 85338 align-items: center !important; 85339 height: auto !important; 85340 min-height: 43px !important; 85341 max-height: none !important; 85342 overflow: visible !important; 85343 white-space: normal !important; 85344 padding: 5px 6px !important; 85345 } 85346 85347 .card-wrapper-box .bt-qatc-form-variant-input { 85348 flex: 0 0 auto !important; 85349 } 85350} 85351</style> 85352
85353<script> 85354 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 85355 const wrap = label.closest('.bt-qatc-form-variant-input'); 85356 const form = label.closest('.bt-qatc-form'); 85357 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 85358 85359 if (!wrap || !form || !input) return; 85360 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 85361 if (label.dataset.loading === 'true') return; 85362 85363 input.checked = true; 85364 label.dataset.loading = 'true'; 85365 label.style.pointerEvents = 'none'; 85366 85367 try { 85368 const cartResp = await fetch('/cart.js', { 85369 method: 'GET', 85370 headers: { 'Accept': 'application/json' } 85371 }); 85372 85373 if (!cartResp.ok) throw new Error('Unable to read cart'); 85374 85375 const cart = await cartResp.json(); 85376 const variantId = Number(input.value); 85377 const selectedPrice = Number(input.dataset.price || 0) / 100; 85378 const totalCartPrice = Number(cart.total_price || 0) / 100; 85379 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 85380 85381 if ((totalCartPrice + selectedPrice) > 250000) { 85382 if (window.showAlert) { 85383 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 85384 } else { 85385 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 85386 } 85387 return; 85388 } 85389 85390 if (itemInCart && Number(itemInCart.quantity) >= 3) { 85391 if (window.showAlert) { 85392 window.showAlert('Limit reached: Max 3 items per size can be added'); 85393 } else { 85394 alert('Limit reached: Max 3 items per size can be added'); 85395 } 85396 return; 85397 } 85398 85399 85400 const cartSections = document.querySelector('cart-notification, cart-drawer'); 85401 const formData = new FormData(form); 85402 85403 formData.set('id', input.value); 85404 formData.set('quantity', '1'); 85405 85406 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 85407 formData.set( 85408 'sections', 85409 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 85410 ); 85411 } 85412 85413 formData.set('sections_url', window.location.pathname); 85414 85415 const addResp = await fetch('/cart/add.js', { 85416 method: 'POST', 85417 headers: { 'Accept': 'application/json' }, 85418 body: formData 85419 }); 85420 85421 const data = await addResp.json(); 85422 85423 if (!addResp.ok) { 85424 throw new Error(data.description || data.message || 'Unable to add this size'); 85425 } 85426 85427 if (cartSections && typeof cartSections.renderContents === 'function') { 85428 cartSections.renderContents(data); 85429 } else { 85430 const bubble = document.querySelector('#cart-icon-bubble'); 85431 if (bubble) bubble.click(); 85432 } 85433 85434 const card = label.closest('.card-wrapper-box'); 85435 if (card) { 85436 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 85437 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 85438 } 85439 } catch (error) { 85440 console.error('SEFAM hover size quick-add error:', error); 85441 if (window.showAlert) { 85442 window.showAlert(error.message || 'Unable to add this size to cart'); 85443 } else { 85444 alert(error.message || 'Unable to add this size to cart'); 85445 } 85446 } finally { 85447 label.dataset.loading = 'false'; 85448 label.style.pointerEvents = ''; 85449 } 85450 }; 85451</script>
85451 85452 85453<style> 85454/* Desktop quick-add final alignment: 85455 sizes start from left; bag area matches the complete quick-size background height. */ 85456@media (min-width: 990px) { 85457 .card-wrapper-box .bt-qatc-form-variants--list { 85458 justify-content: flex-start !important; 85459 align-content: center !important; 85460 text-align: left !important; 85461 } 85462 85463 .card-wrapper-box .bt-qatc-container { 85464 right: 46px !important; 85465 } 85466 85467 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 85468 top: auto !important; 85469 bottom: 0 !important; 85470 width: 46px !important; 85471 height: 100% !important; 85472 min-height: 43px !important; 85473 align-items: stretch !important; 85474 background: rgba(255,255,255,.96) !important; 85475 } 85476 85477 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 85478 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 85479 width: 46px !important; 85480 height: 100% !important; 85481 min-height: 43px !important; 85482 background: rgba(255,255,255,.96) !important; 85483 } 85484 85485 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 85486 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 85487 height: var(--sefam-quick-add-height, 43px) !important; 85488 } 85489} 85490</style>
85491<script> 85492(function () { 85493 function syncQuickAddHeight(card) { 85494 if (!card || window.innerWidth < 990) return; 85495 var panel = card.querySelector('.bt-qatc-form-container'); 85496 if (!panel) return; 85497 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 85498 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 85499 } 85500 85501 document.addEventListener('mouseover', function(e) { 85502 var card = e.target.closest('.card-wrapper-box'); 85503 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 85504 }, { passive: true }); 85505 85506 window.addEventListener('resize', function() { 85507 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 85508 }, { passive: true }); 85509})(); 85510</script>
85510 85511 85512 85513 85514<style> 85515/* ========================================================= 85516 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 85517 - reduce space between sizes 85518 - keep sizes left aligned 85519 - keep the bag icon on the BOTTOM row 85520 - bag background still matches the full size panel 85521 ========================================================= */ 85522@media (min-width: 990px) { 85523 85524 /* More usable width for sizes */ 85525 .card-wrapper-box .bt-qatc-container { 85526 right: 42px !important; 85527 } 85528 85529 /* Compact, left-aligned size list */ 85530 .card-wrapper-box .bt-qatc-form-variants--list { 85531 justify-content: flex-start !important; 85532 align-items: center !important; 85533 align-content: center !important; 85534 85535 column-gap: 0 !important; 85536 row-gap: 0 !important; 85537 85538 padding: 4px 4px !important; 85539 margin: 0 !important; 85540 } 85541 85542 .card-wrapper-box .bt-qatc-form-variant-input { 85543 min-width: 0 !important; 85544 width: auto !important; 85545 height: 35px !important; 85546 margin: 0 !important; 85547 padding: 0 !important; 85548 } 85549 85550 .card-wrapper-box .bt-qatc-form-variant-input label { 85551 min-width: 0 !important; 85552 width: auto !important; 85553 height: 35px !important; 85554 85555 margin: 0 !important; 85556 padding: 0 4px !important; 85557 85558 font-size: 12px !important; 85559 line-height: 1 !important; 85560 } 85561 85562 /* Bag column keeps the same full white background as the sizes */ 85563 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 85564 right: 0 !important; 85565 bottom: 0 !important; 85566 top: auto !important; 85567 85568 width: 42px !important; 85569 min-width: 42px !important; 85570 height: var(--sefam-quick-add-height, 43px) !important; 85571 min-height: 43px !important; 85572 85573 display: flex !important; 85574 flex-direction: column !important; 85575 justify-content: flex-end !important; 85576 align-items: stretch !important; 85577 85578 padding: 0 !important; 85579 margin: 0 !important; 85580 85581 background: rgba(255,255,255,.96) !important; 85582 } 85583 85584 /* The clickable bag itself always sits at the bottom */ 85585 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 85586 width: 42px !important; 85587 min-width: 42px !important; 85588 height: 43px !important; 85589 min-height: 43px !important; 85590 85591 margin-top: auto !important; 85592 padding: 0 !important; 85593 85594 display: flex !important; 85595 align-items: center !important; 85596 justify-content: center !important; 85597 85598 background: rgba(255,255,255,.96) !important; 85599 } 85600 85601 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 85602 width: 42px !important; 85603 height: 43px !important; 85604 min-height: 43px !important; 85605 85606 display: flex !important; 85607 align-items: center !important; 85608 justify-content: center !important; 85609 85610 padding: 0 !important; 85611 margin: 0 !important; 85612 85613 background: transparent !important; 85614 } 85615 85616 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 85617 width: 16px !important; 85618 height: 17px !important; 85619 } 85620} 85621</style> 85622 85623 85624<style> 85625/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 85626@media (min-width: 990px) { 85627 .card-wrapper-box .bt-qatc-form-variants--list { 85628 padding: 3px 4px !important; 85629 column-gap: 0 !important; 85630 row-gap: 0 !important; 85631 justify-content: flex-start !important; 85632 align-items: center !important; 85633 align-content: center !important; 85634 } 85635 85636 .card-wrapper-box .bt-qatc-form-variant-input { 85637 min-width: 0 !important; 85638 width: auto !important; 85639 height: 30px !important; 85640 margin: 0 !important; 85641 padding: 0 !important; 85642 } 85643 85644 .card-wrapper-box .bt-qatc-form-variant-input label { 85645 min-width: 0 !important; 85646 width: auto !important; 85647 height: 30px !important; 85648 margin: 0 !important; 85649 padding: 0 4px !important; 85650 font-size: 12px !important; 85651 line-height: 1 !important; 85652 display: flex !important; 85653 align-items: center !important; 85654 justify-content: center !important; 85655 } 85656 85657 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 85658 display: flex !important; 85659 flex-direction: column !important; 85660 justify-content: flex-end !important;
85661 align-items: stretch !important; 85662 bottom: 0 !important; 85663 top: auto !important; 85664 height: var(--sefam-quick-add-height, 36px) !important; 85665 min-height: 36px !important; 85666 } 85667 85668 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 85669 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 85670 height: 36px !important; 85671 min-height: 36px !important; 85672 margin-top: auto !important; 85673 } 85674} 85675</style> 85676 85677<style> 85678 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 85679 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 85680 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 85681 .card_colorways_container .new-mbl-color-single label span, 85682 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 85683 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 85684</style> 85685 85686 </li> 85687 85688 <li 85689 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_aLwpHn-13" 85690 class="grid__item slider__slide" 85691 > 85692 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 85693� 85694 85695 85696 � 85697 85698 85699 85700 <div class="card-wrapper product-card-wrapper"> 85701 <div 85702 class=" 85703 card card--standard 85704 card--media 85705 85706 85707 85708 85709 85710 " 85711 style="--ratio-percent: 150.00000000000003%;" 85712 85713 > 85714 <div class="card-wrapper-box"> 85715 85716 <div 85717 class="card__inner color-scheme-2 gradient ratio" 85718 style="--ratio-percent: 150.00000000000003%;" 85719 85720 > 85721 �<a href="/products/mcp2262-2"> 85722 85723 �<div class="card-prdct2 card__media"> 85724 <div class="media media--transparent mt3"> 85725 85726 85727 <img 85728 src="//sefam.com/cdn/shop/files/MCP2262-2_4_2f5dafd9-77ce-40fd-b1af-fdc1d22cf6ac.jpg?v=1789383006&width=800" 85729 srcset="//sefam.com/cdn/shop/files/MCP2262-2_4_2f5dafd9-77ce-40fd-b1af-fdc1d22cf6ac.jpg?v=1789383006&width=1600 2x" 85730 class="" 85731 alt="KHADI SILK | PRINTED" 85732 85733 loading="lazy" 85734 85735 width="2400" 85736 height="3600" 85737 > 85738 �<img 85739 src="//sefam.com/cdn/shop/files/MCP2262-2_7_e0190c60-d39e-4365-8a3b-ed7900335ee7.jpg?v=1789383006&width=800" 85740 srcset="//sefam.com/cdn/shop/files/MCP2262-2_7_e0190c60-d39e-4365-8a3b-ed7900335ee7.jpg?v=1789383006&width=1600 2x" 85741 alt="KHADI SILK | PRINTED" 85742 loading="lazy" 85743 width="2400" 85744 height="3600" 85745 data-index="" 85746 > 85747 85748 � 85749 </div> 85750 85751 85752 </div> 85753 </a> 85754 </div> 85755 85756 85757 85758 85759 <div class="bt-qatc-container"> 85760 <div class="bt-qatc-form-container"> 85761 <div class="bt-qatc-form-content large-up-hide medium-hide"> 85762 <h3>KHADI SILK | PRINTED</h3> 85763 85764<div 85765 class=" 85766 price " 85767 > 85768 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 85769 <span class="price-item price-item--regular"> 85770 <span class=money>Rs.24,990</span> 85771 </span></div> 85772 <div class="price__sale"> 85773 <span class="visually-hidden visually-hidden--inline">Regular price</span>
85774 <span> 85775 <s class="price-item price-item--regular"> 85776 85777 <span class=money>Rs.24,990</span> 85778 85779 </s> 85780 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 85781 <span class="price-item price-item--sale price-item--last"> 85782 85783 85784 85785 85786 <span class="percentage__sale hidden">0% OFF</span> 85787 85788 <span class=money>Rs.24,990</span> 85789 </span> 85790 </div> 85791 <small class="unit-price caption hidden"> 85792 <span class="visually-hidden">Unit price</span> 85793 <span class="price-item price-item--last"> 85794 <span></span> 85795 <span aria-hidden="true">/</span> 85796 <span class="visually-hidden"> per </span> 85797 <span> 85798 </span> 85799 </span> 85800 </small> 85801 </div></div> 85802 85803 85804 85805 </div> 85806 <div 85807 class="ethnc-form-media large-up-hide medium-hide" 85808 85809 ></div> 85810 <form method="post" action="/cart/add" class="bt-qatc-form"> 85811 <input type="hidden" name="quantity" value="1"> 85812 <div class="bt-qatc-form-variants-container"> 85813 <div class="bt-qatc-form-variants--list"> 85814 85815 <div 85816 class="in-use bt-qatc-form-variant-input" 85817 85818 > 85819 <input 85820 type="radio" 85821 name="id" 85822 id="-52378671513896" 85823 value="52378671513896" 85824 data-price="2499000" 85825 data-item-id="10406575571240" 85826 hidden 85827 85828 data-item-id="10406575571240" 85829 85830 > 85831 85832 <label 85833 for="-52378671513896" 85834 data-sefam-quick-size 85835 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 85836 > 85837 <span class="split-variant-value"> 85838 85839 85840 85841 85842 85843 85844 85845 85846 85847 85848 XS 85849 85850 85851</span> 85852 </label> 85853 </div> 85854 85855 <div 85856 class="in-use bt-qatc-form-variant-input" 85857 85858 > 85859 <input 85860 type="radio" 85861 name="id" 85862 id="-52378671546664" 85863 value="52378671546664" 85864 data-price="2499000" 85865 data-item-id="10406575571240" 85866 hidden 85867 85868 data-item-id="10406575571240" 85869 85870 > 85871 85872 <label 85873 for="-52378671546664" 85874 data-sefam-quick-size 85875 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 85876 > 85877 <span class="split-variant-value"> 85878 85879 85880 85881 85882 85883 85884 85885 85886 85887 85888 S 85889 85890 85891</span> 85892 </label> 85893 </div> 85894 85895 <div 85896 class="in-use bt-qatc-form-variant-input" 85897 85898 > 85899 <input 85900 type="radio" 85901 name="id" 85902 id="-52378671579432" 85903 value="52378671579432" 85904 data-price="2499000" 85905 data-item-id="10406575571240" 85906 hidden 85907 85908 data-item-id="10406575571240" 85909 85910 > 85911 85912 <label 85913 for="-52378671579432" 85914 data-sefam-quick-size 85915 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 85916 >
85917 <span class="split-variant-value"> 85918 85919 85920 85921 85922 85923 85924 85925 85926 85927 85928 M 85929 85930 85931</span> 85932 </label> 85933 </div> 85934 85935 <div 85936 class="in-use bt-qatc-form-variant-input" 85937 85938 > 85939 <input 85940 type="radio" 85941 name="id" 85942 id="-52378671612200" 85943 value="52378671612200" 85944 data-price="2499000" 85945 data-item-id="10406575571240" 85946 hidden 85947 85948 data-item-id="10406575571240" 85949 85950 > 85951 85952 <label 85953 for="-52378671612200" 85954 data-sefam-quick-size 85955 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 85956 > 85957 <span class="split-variant-value"> 85958 85959 85960 85961 85962 85963 85964 85965 85966 85967 85968 L 85969 85970 85971</span> 85972 </label> 85973 </div> 85974 85975 <div 85976 class="in-use bt-qatc-form-variant-input is-disbaled" 85977 85978 > 85979 <input 85980 type="radio" 85981 name="id" 85982 id="-52378671644968" 85983 value="52378671644968" 85984 data-price="2499000" 85985 data-item-id="10406575571240" 85986 hidden 85987 85988 disbaled 85989 85990 data-item-id="10406575571240" 85991 85992 > 85993 85994 <label 85995 for="-52378671644968" 85996 data-sefam-quick-size 85997 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 85998 > 85999 <span class="split-variant-value"> 86000 86001 86002 86003 86004 86005 86006 86007 86008 86009 86010 XL 86011 86012 86013</span> 86014 </label> 86015 </div> 86016 86017 </div> 86018 86019 86020 86021 86022 </div> 86023 </form> 86024 </div> 86025 </div> 86026 86027 86028 86029 86030 86031 86032 86033 86034 86035 86036 86037 86038 86039 86040 86041 86042 86043 86044 86045 86046 86047 86048 86049 86050 86051 86052 86053 86054 86055 86056 86057 86058 86059 86060 86061 86062 86063 86064 86065 <div 86066 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 86067 > 86068 <div class="ethnc-qatc-btn cstm-add-btn visible"> 86069 <span class="small-hide hide-mobile">Add to Basket</span> 86070 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 86071 </span>
86072 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 86073 width="11" 86074 height="11" 86075 viewBox="0 0 11 11" 86076 fill="none" 86077> 86078 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 86079 fill="black" 86080 /> 86081</svg> 86082</span> 86083 </div> 86084 </div> 86085 86086 86087 </div> 86088 86089 <div class="card__content aiza2"> 86090 <div class="card__information"> 86091 <small class="product-brand"> 86092 Kayseria 86093 </small> 86094 <h3 86095 class="card__heading h5" 86096 86097 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10406575571240" 86098 86099 > 86100 <a 86101 href="/products/mcp2262-2" 86102 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10406575571240" 86103 class="full-unstyled-link" 86104 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10406575571240 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10406575571240" 86105 > 86106 KHADI SILK | PRINTED 86107 86108 <div class="card_colorways_container" onclick="event.stopPropagation();"> 86109 86110 86111 86112 86113 <div class="new-mbl-color-single new-mbl-option-single is-active" title="Gold"> 86114 <label aria-label="Gold"> 86115 86116 86117 <span style="background: rgb(212 154 6);"></span> 86118 86119 86120 </label> 86121 </div> 86122 � 86123 </div> 86124 </a> 86125 86126 </h3> 86127 86128 <h3 class="product-subtitle hidden">RTW | SHIRT, TROUSER & DUPATTA</h3> 86129 86130 <div class="card-information"><span class="caption-large light"></span> 86131<div 86132 class=" 86133 price " 86134 > 86135 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 86136 <span class="price-item price-item--regular"> 86137 <span class=money>Rs.24,990</span> 86138 </span></div> 86139 <div class="price__sale"> 86140 <span class="visually-hidden visually-hidden--inline">Regular price</span> 86141 <span> 86142 <s class="price-item price-item--regular"> 86143 86144 <span class=money>Rs.24,990</span> 86145 86146 </s> 86147 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 86148 <span class="price-item price-item--sale price-item--last"> 86149 86150 86151 86152 86153 <span class="percentage__sale hidden">0% OFF</span> 86154 86155 <span class=money>Rs.24,990</span> 86156 </span> 86157 </div> 86158 <small class="unit-price caption hidden"> 86159 <span class="visually-hidden">Unit price</span> 86160 <span class="price-item price-item--last"> 86161 <span></span> 86162 <span aria-hidden="true">/</span> 86163 <span class="visually-hidden"> per </span> 86164 <span> 86165 </span> 86166 </span> 86167 </small> 86168 </div></div> 86169 86170 86171 86172 </div> 86173 </div> 86174 </div> 86175 86176 </div> 86177 </div><style> 86178/* ========================================================= 86179 DESKTOP PRODUCT CARD QUICK ADD 86180 LEFT = sizes 86181 RIGHT = original bag icon 86182 Mobile behavior remains unchanged 86183 ========================================================= */ 86184@media (min-width: 990px) { 86185 .hide-desktop { 86186 display: none !important; 86187 } 86188 86189 /* Keep both controls on the same bottom row */ 86190 .card-wrapper-box { 86191 position: relative; 86192 } 86193 86194 .card-wrapper-box .bt-qatc-container, 86195 .card-wrapper-box .ethnc-qatc-btn-container { 86196 position: absolute !important; 86197 bottom: 0 !important; 86198 z-index: 8 !important; 86199 } 86200 86201 /* LEFT: size area */ 86202 .card-wrapper-box .bt-qatc-container { 86203 left: 0 !important; 86204 right: 46px !important; 86205 width: auto !important; 86206 } 86207 86208 .card-wrapper-box .bt-qatc-form-container { 86209 left: 0 !important; 86210 right: 0 !important; 86211 bottom: -350% !important; 86212 width: 100% !important; 86213 min-height: 43px !important; 86214 opacity: 0 !important; 86215 visibility: hidden !important; 86216 pointer-events: none !important; 86217 transition: bottom .22s ease, opacity .18s ease !important; 86218 } 86219 86220 .card-wrapper-box .bt-qatc-form, 86221 .card-wrapper-box .bt-qatc-form-variants-container, 86222 .card-wrapper-box .bt-qatc-form-variants--list { 86223 width: 100% !important; 86224 } 86225 86226 .card-wrapper-box .bt-qatc-form-variants--list { 86227 display: flex !important;
86228 align-items: center !important; 86229 flex-wrap: wrap !important; 86230 gap: 0 !important; 86231 min-height: 43px !important; 86232 } 86233 86234 /* RIGHT: original bag button */ 86235 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 86236 display: flex !important; 86237 align-items: stretch !important; 86238 justify-content: center !important; 86239 left: auto !important; 86240 right: 0 !important; 86241 width: 46px !important; 86242 height: 43px !important; 86243 opacity: 0 !important; 86244 visibility: hidden !important; 86245 pointer-events: none !important; 86246 transition: opacity .18s ease !important; 86247 } 86248 86249 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 86250 display: flex !important; 86251 align-items: center !important; 86252 justify-content: center !important; 86253 width: 46px !important; 86254 height: 43px !important; 86255 min-width: 46px !important; 86256 padding: 0 !important; 86257 cursor: pointer !important; 86258 } 86259 86260 /* Hide Add to Basket text on desktop; keep only bag icon */ 86261 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 86262 display: none !important; 86263 } 86264 86265 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 86266 display: flex !important; 86267 align-items: center !important; 86268 justify-content: center !important; 86269 width: 100% !important; 86270 height: 100% !important; 86271 padding: 0 !important; 86272 } 86273 86274 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 86275 display: block !important; 86276 width: 16px !important; 86277 height: 17px !important; 86278 } 86279 86280 /* Show sizes + bag together on desktop hover */ 86281 .card-wrapper-box:hover .bt-qatc-form-container { 86282 bottom: 0 !important; 86283 opacity: 1 !important; 86284 visibility: visible !important; 86285 pointer-events: auto !important; 86286 } 86287 86288 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 86289 opacity: 1 !important; 86290 visibility: visible !important; 86291 pointer-events: auto !important; 86292 } 86293} 86294 86295@media (max-width: 989px) { 86296 .hide-mobile { 86297 display: none; 86298 } 86299} 86300</style> 86301 86302 86303<style> 86304/* ========================================================= 86305 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 86306 Keeps all sizes in one clean row on the left 86307 and the bag icon fixed on the right. 86308 ========================================================= */ 86309@media (min-width: 990px) { 86310 86311 .card-wrapper-box .bt-qatc-form-container { 86312 height: 43px !important; 86313 min-height: 43px !important; 86314 max-height: 43px !important; 86315 overflow: hidden !important; 86316 background: rgba(255,255,255,.96) !important; 86317 } 86318 86319 .card-wrapper-box .bt-qatc-form { 86320 display: block !important; 86321 height: 43px !important; 86322 min-height: 43px !important; 86323 margin: 0 !important; 86324 padding: 0 !important; 86325 } 86326 86327 .card-wrapper-box .bt-qatc-form-variants-container { 86328 display: block !important; 86329 width: 100% !important; 86330 height: 43px !important; 86331 min-height: 43px !important; 86332 margin: 0 !important; 86333 padding: 0 !important; 86334 } 86335 86336 .card-wrapper-box .bt-qatc-form-variants--list { 86337 display: flex !important; 86338 flex-direction: row !important; 86339 flex-wrap: wrap !important; 86340 align-items: center !important; 86341 justify-content: center !important; 86342 86343 width: 100% !important; 86344 height: 43px !important; 86345 min-height: 43px !important; 86346 86347 margin: 0 !important; 86348 padding: 0 6px !important; 86349 gap: 2px !important; 86350 86351 box-sizing: border-box !important; 86352 overflow: visible !important; 86353 white-space: normal !important; 86354 } 86355 86356 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 86357 display: none !important; 86358 } 86359 86360 .card-wrapper-box .bt-qatc-form-variant-input { 86361 position: relative !important; 86362 86363 display: flex !important; 86364 align-items: center !important; 86365 justify-content: center !important; 86366 86367 flex: 0 0 auto !important; 86368 width: auto !important; 86369 min-width: 32px !important; 86370 height: 43px !important; 86371 86372 margin: 0 !important; 86373 padding: 0 !important; 86374 86375 border: 0 !important; 86376 background: transparent !important; 86377 } 86378 86379 .card-wrapper-box .bt-qatc-form-variant-input label { 86380 position: static !important; 86381 86382 display: flex !important;
86383 align-items: center !important; 86384 justify-content: center !important; 86385 86386 width: auto !important; 86387 min-width: 32px !important; 86388 height: 32px !important; 86389 86390 margin: 0 !important; 86391 padding: 0 6px !important; 86392 86393 box-sizing: border-box !important; 86394 86395 background: transparent !important; 86396 border: 0 !important; 86397 86398 color: #111 !important; 86399 font-size: 12px !important; 86400 line-height: 1 !important; 86401 font-weight: 400 !important; 86402 86403 white-space: nowrap !important; 86404 cursor: pointer !important; 86405 } 86406 86407 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 86408 display: block !important; 86409 width: auto !important; 86410 max-width: none !important; 86411 86412 margin: 0 !important; 86413 padding: 0 !important; 86414 86415 overflow: visible !important; 86416 white-space: nowrap !important; 86417 text-overflow: clip !important; 86418 86419 font-size: inherit !important; 86420 line-height: inherit !important; 86421 } 86422 86423 /* Sold-out size */ 86424 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 86425 opacity: .35 !important; 86426 text-decoration: line-through !important; 86427 cursor: not-allowed !important; 86428 } 86429 86430 /* Optional hover feedback */ 86431 .card-wrapper-box 86432 .bt-qatc-form-variant-input:not(.is-disbaled) 86433 label:hover { 86434 text-decoration: underline !important; 86435 text-underline-offset: 3px !important; 86436 } 86437 86438 /* Prevent old theme transforms / absolute positions */ 86439 .card-wrapper-box .bt-qatc-form-variant-input *, 86440 .card-wrapper-box .bt-qatc-form-variants--list * { 86441 transform: none; 86442 } 86443} 86444</style> 86445 86446 86447<style> 86448/* Desktop quick-add: use one seamless background for sizes + bag */ 86449@media (min-width: 990px) { 86450 .card-wrapper-box .bt-qatc-form-container, 86451 .card-wrapper-box .bt-qatc-form, 86452 .card-wrapper-box .bt-qatc-form-variants-container, 86453 .card-wrapper-box .bt-qatc-form-variants--list, 86454 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 86455 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 86456 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 86457 background: rgba(255,255,255,.96) !important; 86458 } 86459 86460 /* Remove any visual split between sizes and bag */ 86461 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 86462 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 86463 border-left: 0 !important; 86464 box-shadow: none !important; 86465 } 86466} 86467</style> 86468 86469 86470<style> 86471/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 86472@media (min-width: 990px) { 86473 .card-wrapper-box .bt-qatc-form-container, 86474 .card-wrapper-box .bt-qatc-form, 86475 .card-wrapper-box .bt-qatc-form-variants-container { 86476 height: auto !important; 86477 max-height: none !important; 86478 overflow: visible !important; 86479 } 86480 86481 .card-wrapper-box .bt-qatc-form-variants--list { 86482 display: flex !important; 86483 flex-wrap: wrap !important; 86484 justify-content: center !important; 86485 align-items: center !important; 86486 height: auto !important; 86487 min-height: 43px !important; 86488 max-height: none !important; 86489 overflow: visible !important; 86490 white-space: normal !important; 86491 padding: 5px 6px !important; 86492 } 86493 86494 .card-wrapper-box .bt-qatc-form-variant-input { 86495 flex: 0 0 auto !important; 86496 } 86497} 86498</style> 86499
86500<script> 86501 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 86502 const wrap = label.closest('.bt-qatc-form-variant-input'); 86503 const form = label.closest('.bt-qatc-form'); 86504 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 86505 86506 if (!wrap || !form || !input) return; 86507 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 86508 if (label.dataset.loading === 'true') return; 86509 86510 input.checked = true; 86511 label.dataset.loading = 'true'; 86512 label.style.pointerEvents = 'none'; 86513 86514 try { 86515 const cartResp = await fetch('/cart.js', { 86516 method: 'GET', 86517 headers: { 'Accept': 'application/json' } 86518 }); 86519 86520 if (!cartResp.ok) throw new Error('Unable to read cart'); 86521 86522 const cart = await cartResp.json(); 86523 const variantId = Number(input.value); 86524 const selectedPrice = Number(input.dataset.price || 0) / 100; 86525 const totalCartPrice = Number(cart.total_price || 0) / 100; 86526 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 86527 86528 if ((totalCartPrice + selectedPrice) > 250000) { 86529 if (window.showAlert) { 86530 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 86531 } else { 86532 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 86533 } 86534 return; 86535 } 86536 86537 if (itemInCart && Number(itemInCart.quantity) >= 3) { 86538 if (window.showAlert) { 86539 window.showAlert('Limit reached: Max 3 items per size can be added'); 86540 } else { 86541 alert('Limit reached: Max 3 items per size can be added'); 86542 } 86543 return; 86544 } 86545 86546 86547 const cartSections = document.querySelector('cart-notification, cart-drawer'); 86548 const formData = new FormData(form); 86549 86550 formData.set('id', input.value); 86551 formData.set('quantity', '1'); 86552 86553 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 86554 formData.set( 86555 'sections', 86556 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 86557 ); 86558 } 86559 86560 formData.set('sections_url', window.location.pathname); 86561 86562 const addResp = await fetch('/cart/add.js', { 86563 method: 'POST', 86564 headers: { 'Accept': 'application/json' }, 86565 body: formData 86566 }); 86567 86568 const data = await addResp.json(); 86569 86570 if (!addResp.ok) { 86571 throw new Error(data.description || data.message || 'Unable to add this size'); 86572 } 86573 86574 if (cartSections && typeof cartSections.renderContents === 'function') { 86575 cartSections.renderContents(data); 86576 } else { 86577 const bubble = document.querySelector('#cart-icon-bubble'); 86578 if (bubble) bubble.click(); 86579 } 86580 86581 const card = label.closest('.card-wrapper-box'); 86582 if (card) { 86583 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 86584 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 86585 } 86586 } catch (error) { 86587 console.error('SEFAM hover size quick-add error:', error); 86588 if (window.showAlert) { 86589 window.showAlert(error.message || 'Unable to add this size to cart'); 86590 } else { 86591 alert(error.message || 'Unable to add this size to cart'); 86592 } 86593 } finally { 86594 label.dataset.loading = 'false'; 86595 label.style.pointerEvents = ''; 86596 } 86597 }; 86598</script>
86598 86599 86600<style> 86601/* Desktop quick-add final alignment: 86602 sizes start from left; bag area matches the complete quick-size background height. */ 86603@media (min-width: 990px) { 86604 .card-wrapper-box .bt-qatc-form-variants--list { 86605 justify-content: flex-start !important; 86606 align-content: center !important; 86607 text-align: left !important; 86608 } 86609 86610 .card-wrapper-box .bt-qatc-container { 86611 right: 46px !important; 86612 } 86613 86614 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 86615 top: auto !important; 86616 bottom: 0 !important; 86617 width: 46px !important; 86618 height: 100% !important; 86619 min-height: 43px !important; 86620 align-items: stretch !important; 86621 background: rgba(255,255,255,.96) !important; 86622 } 86623 86624 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 86625 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 86626 width: 46px !important; 86627 height: 100% !important; 86628 min-height: 43px !important; 86629 background: rgba(255,255,255,.96) !important; 86630 } 86631 86632 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 86633 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 86634 height: var(--sefam-quick-add-height, 43px) !important; 86635 } 86636} 86637</style>
86638<script> 86639(function () { 86640 function syncQuickAddHeight(card) { 86641 if (!card || window.innerWidth < 990) return; 86642 var panel = card.querySelector('.bt-qatc-form-container'); 86643 if (!panel) return; 86644 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 86645 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 86646 } 86647 86648 document.addEventListener('mouseover', function(e) { 86649 var card = e.target.closest('.card-wrapper-box'); 86650 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 86651 }, { passive: true }); 86652 86653 window.addEventListener('resize', function() { 86654 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 86655 }, { passive: true }); 86656})(); 86657</script>
86657 86658 86659 86660 86661<style> 86662/* ========================================================= 86663 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 86664 - reduce space between sizes 86665 - keep sizes left aligned 86666 - keep the bag icon on the BOTTOM row 86667 - bag background still matches the full size panel 86668 ========================================================= */ 86669@media (min-width: 990px) { 86670 86671 /* More usable width for sizes */ 86672 .card-wrapper-box .bt-qatc-container { 86673 right: 42px !important; 86674 } 86675 86676 /* Compact, left-aligned size list */ 86677 .card-wrapper-box .bt-qatc-form-variants--list { 86678 justify-content: flex-start !important; 86679 align-items: center !important; 86680 align-content: center !important; 86681 86682 column-gap: 0 !important; 86683 row-gap: 0 !important; 86684 86685 padding: 4px 4px !important; 86686 margin: 0 !important; 86687 } 86688 86689 .card-wrapper-box .bt-qatc-form-variant-input { 86690 min-width: 0 !important; 86691 width: auto !important; 86692 height: 35px !important; 86693 margin: 0 !important; 86694 padding: 0 !important; 86695 } 86696 86697 .card-wrapper-box .bt-qatc-form-variant-input label { 86698 min-width: 0 !important; 86699 width: auto !important; 86700 height: 35px !important; 86701 86702 margin: 0 !important; 86703 padding: 0 4px !important; 86704 86705 font-size: 12px !important; 86706 line-height: 1 !important; 86707 } 86708 86709 /* Bag column keeps the same full white background as the sizes */ 86710 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 86711 right: 0 !important; 86712 bottom: 0 !important; 86713 top: auto !important; 86714 86715 width: 42px !important; 86716 min-width: 42px !important; 86717 height: var(--sefam-quick-add-height, 43px) !important; 86718 min-height: 43px !important; 86719 86720 display: flex !important; 86721 flex-direction: column !important; 86722 justify-content: flex-end !important; 86723 align-items: stretch !important; 86724 86725 padding: 0 !important; 86726 margin: 0 !important; 86727 86728 background: rgba(255,255,255,.96) !important; 86729 } 86730 86731 /* The clickable bag itself always sits at the bottom */ 86732 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 86733 width: 42px !important; 86734 min-width: 42px !important; 86735 height: 43px !important; 86736 min-height: 43px !important; 86737 86738 margin-top: auto !important; 86739 padding: 0 !important; 86740 86741 display: flex !important; 86742 align-items: center !important; 86743 justify-content: center !important; 86744 86745 background: rgba(255,255,255,.96) !important; 86746 } 86747 86748 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 86749 width: 42px !important; 86750 height: 43px !important; 86751 min-height: 43px !important; 86752 86753 display: flex !important; 86754 align-items: center !important; 86755 justify-content: center !important; 86756 86757 padding: 0 !important; 86758 margin: 0 !important; 86759 86760 background: transparent !important; 86761 } 86762 86763 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 86764 width: 16px !important; 86765 height: 17px !important; 86766 } 86767} 86768</style> 86769 86770 86771<style> 86772/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 86773@media (min-width: 990px) { 86774 .card-wrapper-box .bt-qatc-form-variants--list { 86775 padding: 3px 4px !important; 86776 column-gap: 0 !important; 86777 row-gap: 0 !important; 86778 justify-content: flex-start !important; 86779 align-items: center !important; 86780 align-content: center !important; 86781 } 86782 86783 .card-wrapper-box .bt-qatc-form-variant-input { 86784 min-width: 0 !important; 86785 width: auto !important; 86786 height: 30px !important; 86787 margin: 0 !important; 86788 padding: 0 !important; 86789 } 86790 86791 .card-wrapper-box .bt-qatc-form-variant-input label { 86792 min-width: 0 !important; 86793 width: auto !important; 86794 height: 30px !important; 86795 margin: 0 !important; 86796 padding: 0 4px !important; 86797 font-size: 12px !important; 86798 line-height: 1 !important; 86799 display: flex !important; 86800 align-items: center !important; 86801 justify-content: center !important; 86802 } 86803 86804 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 86805 display: flex !important; 86806 flex-direction: column !important; 86807 justify-content: flex-end !important;
86808 align-items: stretch !important; 86809 bottom: 0 !important; 86810 top: auto !important; 86811 height: var(--sefam-quick-add-height, 36px) !important; 86812 min-height: 36px !important; 86813 } 86814 86815 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 86816 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 86817 height: 36px !important; 86818 min-height: 36px !important; 86819 margin-top: auto !important; 86820 } 86821} 86822</style> 86823 86824<style> 86825 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 86826 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 86827 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 86828 .card_colorways_container .new-mbl-color-single label span, 86829 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 86830 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 86831</style> 86832 86833 </li> 86834 86835 <li 86836 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_aLwpHn-14" 86837 class="grid__item slider__slide" 86838 > 86839 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 86840� 86841 86842 86843 � 86844 86845 86846 86847 <div class="card-wrapper product-card-wrapper"> 86848 <div 86849 class=" 86850 card card--standard 86851 card--media 86852 86853 86854 86855 86856 86857 " 86858 style="--ratio-percent: 150.00000000000003%;" 86859 86860 > 86861 <div class="card-wrapper-box"> 86862 86863 <div 86864 class="card__inner color-scheme-2 gradient ratio" 86865 style="--ratio-percent: 150.00000000000003%;" 86866 86867 > 86868 �<a href="/products/mcp2517"> 86869 86870 �<div class="card-prdct2 card__media"> 86871 <div class="media media--transparent mt3"> 86872 86873 86874 <img 86875 src="//sefam.com/cdn/shop/files/MCP2517_9.jpg?v=1788955470&width=800" 86876 srcset="//sefam.com/cdn/shop/files/MCP2517_9.jpg?v=1788955470&width=1600 2x" 86877 class="" 86878 alt="KHADI SILK | PRINTED" 86879 86880 loading="lazy" 86881 86882 width="2400" 86883 height="3600" 86884 > 86885 �<img 86886 src="//sefam.com/cdn/shop/files/MCP2517_3.jpg?v=1788955471&width=800" 86887 srcset="//sefam.com/cdn/shop/files/MCP2517_3.jpg?v=1788955471&width=1600 2x" 86888 alt="KHADI SILK | PRINTED" 86889 loading="lazy" 86890 width="2400" 86891 height="3600" 86892 data-index="" 86893 > 86894 86895 � 86896 </div> 86897 86898 86899 </div> 86900 </a> 86901 </div> 86902 86903 86904 86905 86906 <div class="bt-qatc-container"> 86907 <div class="bt-qatc-form-container"> 86908 <div class="bt-qatc-form-content large-up-hide medium-hide"> 86909 <h3>KHADI SILK | PRINTED</h3> 86910 86911<div 86912 class=" 86913 price " 86914 > 86915 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 86916 <span class="price-item price-item--regular"> 86917 <span class=money>Rs.23,990</span> 86918 </span></div> 86919 <div class="price__sale"> 86920 <span class="visually-hidden visually-hidden--inline">Regular price</span> 86921 <span> 86922 <s class="price-item price-item--regular"> 86923 86924 <span class=money>Rs.23,990</span> 86925 86926 </s> 86927 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
86928 <span class="price-item price-item--sale price-item--last"> 86929 86930 86931 86932 86933 <span class="percentage__sale hidden">0% OFF</span> 86934 86935 <span class=money>Rs.23,990</span> 86936 </span> 86937 </div> 86938 <small class="unit-price caption hidden"> 86939 <span class="visually-hidden">Unit price</span> 86940 <span class="price-item price-item--last"> 86941 <span></span> 86942 <span aria-hidden="true">/</span> 86943 <span class="visually-hidden"> per </span> 86944 <span> 86945 </span> 86946 </span> 86947 </small> 86948 </div></div> 86949 86950 86951 86952 </div> 86953 <div 86954 class="ethnc-form-media large-up-hide medium-hide" 86955 86956 ></div> 86957 <form method="post" action="/cart/add" class="bt-qatc-form"> 86958 <input type="hidden" name="quantity" value="1"> 86959 <div class="bt-qatc-form-variants-container"> 86960 <div class="bt-qatc-form-variants--list"> 86961 86962 <div 86963 class="in-use bt-qatc-form-variant-input" 86964 86965 > 86966 <input 86967 type="radio" 86968 name="id" 86969 id="-52346347716904" 86970 value="52346347716904" 86971 data-price="2399000" 86972 data-item-id="10429978411304" 86973 hidden 86974 86975 data-item-id="10429978411304" 86976 86977 > 86978 86979 <label 86980 for="-52346347716904" 86981 data-sefam-quick-size 86982 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 86983 > 86984 <span class="split-variant-value"> 86985 86986 86987 86988 86989 86990 86991 86992 S 86993 86994 86995</span> 86996 </label> 86997 </div> 86998 86999 <div 87000 class="in-use bt-qatc-form-variant-input" 87001 87002 > 87003 <input 87004 type="radio" 87005 name="id" 87006 id="-52346347749672" 87007 value="52346347749672" 87008 data-price="2399000" 87009 data-item-id="10429978411304" 87010 hidden 87011 87012 data-item-id="10429978411304" 87013 87014 > 87015 87016 <label 87017 for="-52346347749672" 87018 data-sefam-quick-size 87019 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 87020 > 87021 <span class="split-variant-value"> 87022 87023 87024 87025 87026 87027 87028 87029 M 87030 87031 87032</span> 87033 </label> 87034 </div> 87035 87036 <div 87037 class="in-use bt-qatc-form-variant-input" 87038 87039 > 87040 <input 87041 type="radio" 87042 name="id" 87043 id="-52346347782440" 87044 value="52346347782440" 87045 data-price="2399000" 87046 data-item-id="10429978411304" 87047 hidden 87048 87049 data-item-id="10429978411304" 87050 87051 > 87052 87053 <label 87054 for="-52346347782440" 87055 data-sefam-quick-size 87056 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 87057 >
87058 <span class="split-variant-value"> 87059 87060 87061 87062 87063 87064 87065 87066 L 87067 87068 87069</span> 87070 </label> 87071 </div> 87072 87073 <div 87074 class="in-use bt-qatc-form-variant-input" 87075 87076 > 87077 <input 87078 type="radio" 87079 name="id" 87080 id="-52346347815208" 87081 value="52346347815208" 87082 data-price="2399000" 87083 data-item-id="10429978411304" 87084 hidden 87085 87086 data-item-id="10429978411304" 87087 87088 > 87089 87090 <label 87091 for="-52346347815208" 87092 data-sefam-quick-size 87093 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 87094 > 87095 <span class="split-variant-value"> 87096 87097 87098 87099 87100 87101 87102 87103 XL 87104 87105 87106</span> 87107 </label> 87108 </div> 87109 87110 </div> 87111 87112 87113 87114 87115 </div> 87116 </form> 87117 </div> 87118 </div> 87119 87120 87121 87122 87123 87124 87125 87126 87127 87128 87129 87130 87131 87132 87133 87134 87135 87136 87137 87138 87139 87140 87141 87142 87143 87144 87145 87146 87147 87148 87149 87150 87151 87152 87153 87154 87155 87156 87157 87158 87159 87160 87161 87162 87163 87164 <div 87165 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 87166 > 87167 <div class="ethnc-qatc-btn cstm-add-btn visible"> 87168 <span class="small-hide hide-mobile">Add to Basket</span> 87169 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 87170 </span> 87171 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 87172 width="11" 87173 height="11" 87174 viewBox="0 0 11 11" 87175 fill="none" 87176> 87177 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 87178 fill="black" 87179 /> 87180</svg> 87181</span> 87182 </div> 87183 </div> 87184 87185 87186 </div> 87187 87188 <div class="card__content aiza2"> 87189 <div class="card__information"> 87190 <small class="product-brand"> 87191 Kayseria 87192 </small> 87193 <h3 87194 class="card__heading h5" 87195 87196 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10429978411304" 87197 87198 > 87199 <a 87200 href="/products/mcp2517" 87201 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10429978411304" 87202 class="full-unstyled-link" 87203 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10429978411304 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10429978411304" 87204 > 87205 KHADI SILK | PRINTED 87206 87207 <div class="card_colorways_container" onclick="event.stopPropagation();"> 87208 87209 87210 � 87211 </div> 87212 </a> 87213 87214 </h3> 87215 87216 <h3 class="product-subtitle hidden">RTW | SHIRT, TROUSER & DUPATTA</h3> 87217 87218 <div class="card-information"><span class="caption-large light"></span> 87219<div 87220 class=" 87221 price " 87222 > 87223 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
87224 <span class="price-item price-item--regular"> 87225 <span class=money>Rs.23,990</span> 87226 </span></div> 87227 <div class="price__sale"> 87228 <span class="visually-hidden visually-hidden--inline">Regular price</span> 87229 <span> 87230 <s class="price-item price-item--regular"> 87231 87232 <span class=money>Rs.23,990</span> 87233 87234 </s> 87235 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 87236 <span class="price-item price-item--sale price-item--last"> 87237 87238 87239 87240 87241 <span class="percentage__sale hidden">0% OFF</span> 87242 87243 <span class=money>Rs.23,990</span> 87244 </span> 87245 </div> 87246 <small class="unit-price caption hidden"> 87247 <span class="visually-hidden">Unit price</span> 87248 <span class="price-item price-item--last"> 87249 <span></span> 87250 <span aria-hidden="true">/</span> 87251 <span class="visually-hidden"> per </span> 87252 <span> 87253 </span> 87254 </span> 87255 </small> 87256 </div></div> 87257 87258 87259 87260 </div> 87261 </div> 87262 </div> 87263 87264 </div> 87265 </div><style> 87266/* ========================================================= 87267 DESKTOP PRODUCT CARD QUICK ADD 87268 LEFT = sizes 87269 RIGHT = original bag icon 87270 Mobile behavior remains unchanged 87271 ========================================================= */ 87272@media (min-width: 990px) { 87273 .hide-desktop { 87274 display: none !important; 87275 } 87276 87277 /* Keep both controls on the same bottom row */ 87278 .card-wrapper-box { 87279 position: relative; 87280 } 87281 87282 .card-wrapper-box .bt-qatc-container, 87283 .card-wrapper-box .ethnc-qatc-btn-container { 87284 position: absolute !important; 87285 bottom: 0 !important; 87286 z-index: 8 !important; 87287 } 87288 87289 /* LEFT: size area */ 87290 .card-wrapper-box .bt-qatc-container { 87291 left: 0 !important; 87292 right: 46px !important; 87293 width: auto !important; 87294 } 87295 87296 .card-wrapper-box .bt-qatc-form-container { 87297 left: 0 !important; 87298 right: 0 !important; 87299 bottom: -350% !important; 87300 width: 100% !important; 87301 min-height: 43px !important; 87302 opacity: 0 !important; 87303 visibility: hidden !important; 87304 pointer-events: none !important; 87305 transition: bottom .22s ease, opacity .18s ease !important; 87306 } 87307 87308 .card-wrapper-box .bt-qatc-form, 87309 .card-wrapper-box .bt-qatc-form-variants-container, 87310 .card-wrapper-box .bt-qatc-form-variants--list { 87311 width: 100% !important; 87312 } 87313 87314 .card-wrapper-box .bt-qatc-form-variants--list { 87315 display: flex !important; 87316 align-items: center !important; 87317 flex-wrap: wrap !important; 87318 gap: 0 !important; 87319 min-height: 43px !important; 87320 } 87321 87322 /* RIGHT: original bag button */ 87323 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 87324 display: flex !important; 87325 align-items: stretch !important; 87326 justify-content: center !important; 87327 left: auto !important; 87328 right: 0 !important; 87329 width: 46px !important; 87330 height: 43px !important; 87331 opacity: 0 !important; 87332 visibility: hidden !important; 87333 pointer-events: none !important; 87334 transition: opacity .18s ease !important; 87335 } 87336 87337 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 87338 display: flex !important; 87339 align-items: center !important; 87340 justify-content: center !important; 87341 width: 46px !important; 87342 height: 43px !important; 87343 min-width: 46px !important; 87344 padding: 0 !important; 87345 cursor: pointer !important; 87346 } 87347 87348 /* Hide Add to Basket text on desktop; keep only bag icon */ 87349 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 87350 display: none !important; 87351 } 87352 87353 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 87354 display: flex !important; 87355 align-items: center !important; 87356 justify-content: center !important; 87357 width: 100% !important; 87358 height: 100% !important; 87359 padding: 0 !important; 87360 } 87361 87362 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 87363 display: block !important; 87364 width: 16px !important; 87365 height: 17px !important; 87366 } 87367 87368 /* Show sizes + bag together on desktop hover */ 87369 .card-wrapper-box:hover .bt-qatc-form-container { 87370 bottom: 0 !important; 87371 opacity: 1 !important; 87372 visibility: visible !important; 87373 pointer-events: auto !important; 87374 } 87375 87376 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 87377 opacity: 1 !important; 87378 visibility: visible !important; 87379 pointer-events: auto !important; 87380 } 87381} 87382 87383@media (max-width: 989px) { 87384 .hide-mobile { 87385 display: none; 87386 } 87387} 87388</style> 87389 87390 87391<style> 87392/* ========================================================= 87393 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 87394 Keeps all sizes in one clean row on the left 87395 and the bag icon fixed on the right. 87396 ========================================================= */ 87397@media (min-width: 990px) { 87398 87399 .card-wrapper-box .bt-qatc-form-container { 87400 height: 43px !important; 87401 min-height: 43px !important; 87402 max-height: 43px !important; 87403 overflow: hidden !important; 87404 background: rgba(255,255,255,.96) !important; 87405 } 87406 87407 .card-wrapper-box .bt-qatc-form { 87408 display: block !important; 87409 height: 43px !important; 87410 min-height: 43px !important; 87411 margin: 0 !important; 87412 padding: 0 !important; 87413 } 87414 87415 .card-wrapper-box .bt-qatc-form-variants-container { 87416 display: block !important; 87417 width: 100% !important; 87418 height: 43px !important; 87419 min-height: 43px !important; 87420 margin: 0 !important; 87421 padding: 0 !important; 87422 } 87423 87424 .card-wrapper-box .bt-qatc-form-variants--list { 87425 display: flex !important; 87426 flex-direction: row !important; 87427 flex-wrap: wrap !important;
87428 align-items: center !important; 87429 justify-content: center !important; 87430 87431 width: 100% !important; 87432 height: 43px !important; 87433 min-height: 43px !important; 87434 87435 margin: 0 !important; 87436 padding: 0 6px !important; 87437 gap: 2px !important; 87438 87439 box-sizing: border-box !important; 87440 overflow: visible !important; 87441 white-space: normal !important; 87442 } 87443 87444 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 87445 display: none !important; 87446 } 87447 87448 .card-wrapper-box .bt-qatc-form-variant-input { 87449 position: relative !important; 87450 87451 display: flex !important; 87452 align-items: center !important; 87453 justify-content: center !important; 87454 87455 flex: 0 0 auto !important; 87456 width: auto !important; 87457 min-width: 32px !important; 87458 height: 43px !important; 87459 87460 margin: 0 !important; 87461 padding: 0 !important; 87462 87463 border: 0 !important; 87464 background: transparent !important; 87465 } 87466 87467 .card-wrapper-box .bt-qatc-form-variant-input label { 87468 position: static !important; 87469 87470 display: flex !important; 87471 align-items: center !important; 87472 justify-content: center !important; 87473 87474 width: auto !important; 87475 min-width: 32px !important; 87476 height: 32px !important; 87477 87478 margin: 0 !important; 87479 padding: 0 6px !important; 87480 87481 box-sizing: border-box !important; 87482 87483 background: transparent !important; 87484 border: 0 !important; 87485 87486 color: #111 !important; 87487 font-size: 12px !important; 87488 line-height: 1 !important; 87489 font-weight: 400 !important; 87490 87491 white-space: nowrap !important; 87492 cursor: pointer !important; 87493 } 87494 87495 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 87496 display: block !important; 87497 width: auto !important; 87498 max-width: none !important; 87499 87500 margin: 0 !important; 87501 padding: 0 !important; 87502 87503 overflow: visible !important; 87504 white-space: nowrap !important; 87505 text-overflow: clip !important; 87506 87507 font-size: inherit !important; 87508 line-height: inherit !important; 87509 } 87510 87511 /* Sold-out size */ 87512 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 87513 opacity: .35 !important; 87514 text-decoration: line-through !important; 87515 cursor: not-allowed !important; 87516 } 87517 87518 /* Optional hover feedback */ 87519 .card-wrapper-box 87520 .bt-qatc-form-variant-input:not(.is-disbaled) 87521 label:hover { 87522 text-decoration: underline !important; 87523 text-underline-offset: 3px !important; 87524 } 87525 87526 /* Prevent old theme transforms / absolute positions */ 87527 .card-wrapper-box .bt-qatc-form-variant-input *, 87528 .card-wrapper-box .bt-qatc-form-variants--list * { 87529 transform: none; 87530 } 87531} 87532</style> 87533 87534 87535<style> 87536/* Desktop quick-add: use one seamless background for sizes + bag */ 87537@media (min-width: 990px) { 87538 .card-wrapper-box .bt-qatc-form-container, 87539 .card-wrapper-box .bt-qatc-form, 87540 .card-wrapper-box .bt-qatc-form-variants-container, 87541 .card-wrapper-box .bt-qatc-form-variants--list, 87542 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 87543 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 87544 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 87545 background: rgba(255,255,255,.96) !important; 87546 } 87547 87548 /* Remove any visual split between sizes and bag */ 87549 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 87550 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 87551 border-left: 0 !important; 87552 box-shadow: none !important; 87553 } 87554} 87555</style> 87556 87557 87558<style> 87559/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 87560@media (min-width: 990px) { 87561 .card-wrapper-box .bt-qatc-form-container, 87562 .card-wrapper-box .bt-qatc-form, 87563 .card-wrapper-box .bt-qatc-form-variants-container { 87564 height: auto !important; 87565 max-height: none !important; 87566 overflow: visible !important; 87567 } 87568 87569 .card-wrapper-box .bt-qatc-form-variants--list { 87570 display: flex !important; 87571 flex-wrap: wrap !important; 87572 justify-content: center !important; 87573 align-items: center !important; 87574 height: auto !important; 87575 min-height: 43px !important; 87576 max-height: none !important; 87577 overflow: visible !important; 87578 white-space: normal !important; 87579 padding: 5px 6px !important; 87580 } 87581 87582 .card-wrapper-box .bt-qatc-form-variant-input { 87583 flex: 0 0 auto !important; 87584 } 87585} 87586</style> 87587
87588<script> 87589 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 87590 const wrap = label.closest('.bt-qatc-form-variant-input'); 87591 const form = label.closest('.bt-qatc-form'); 87592 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 87593 87594 if (!wrap || !form || !input) return; 87595 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 87596 if (label.dataset.loading === 'true') return; 87597 87598 input.checked = true; 87599 label.dataset.loading = 'true'; 87600 label.style.pointerEvents = 'none'; 87601 87602 try { 87603 const cartResp = await fetch('/cart.js', { 87604 method: 'GET', 87605 headers: { 'Accept': 'application/json' } 87606 }); 87607 87608 if (!cartResp.ok) throw new Error('Unable to read cart'); 87609 87610 const cart = await cartResp.json(); 87611 const variantId = Number(input.value); 87612 const selectedPrice = Number(input.dataset.price || 0) / 100; 87613 const totalCartPrice = Number(cart.total_price || 0) / 100; 87614 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 87615 87616 if ((totalCartPrice + selectedPrice) > 250000) { 87617 if (window.showAlert) { 87618 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 87619 } else { 87620 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 87621 } 87622 return; 87623 } 87624 87625 if (itemInCart && Number(itemInCart.quantity) >= 3) { 87626 if (window.showAlert) { 87627 window.showAlert('Limit reached: Max 3 items per size can be added'); 87628 } else { 87629 alert('Limit reached: Max 3 items per size can be added'); 87630 } 87631 return; 87632 } 87633 87634 87635 const cartSections = document.querySelector('cart-notification, cart-drawer'); 87636 const formData = new FormData(form); 87637 87638 formData.set('id', input.value); 87639 formData.set('quantity', '1'); 87640 87641 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 87642 formData.set( 87643 'sections', 87644 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 87645 ); 87646 } 87647 87648 formData.set('sections_url', window.location.pathname); 87649 87650 const addResp = await fetch('/cart/add.js', { 87651 method: 'POST', 87652 headers: { 'Accept': 'application/json' }, 87653 body: formData 87654 }); 87655 87656 const data = await addResp.json(); 87657 87658 if (!addResp.ok) { 87659 throw new Error(data.description || data.message || 'Unable to add this size'); 87660 } 87661 87662 if (cartSections && typeof cartSections.renderContents === 'function') { 87663 cartSections.renderContents(data); 87664 } else { 87665 const bubble = document.querySelector('#cart-icon-bubble'); 87666 if (bubble) bubble.click(); 87667 } 87668 87669 const card = label.closest('.card-wrapper-box'); 87670 if (card) { 87671 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 87672 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 87673 } 87674 } catch (error) { 87675 console.error('SEFAM hover size quick-add error:', error); 87676 if (window.showAlert) { 87677 window.showAlert(error.message || 'Unable to add this size to cart'); 87678 } else { 87679 alert(error.message || 'Unable to add this size to cart'); 87680 } 87681 } finally { 87682 label.dataset.loading = 'false'; 87683 label.style.pointerEvents = ''; 87684 } 87685 }; 87686</script>
87686 87687 87688<style> 87689/* Desktop quick-add final alignment: 87690 sizes start from left; bag area matches the complete quick-size background height. */ 87691@media (min-width: 990px) { 87692 .card-wrapper-box .bt-qatc-form-variants--list { 87693 justify-content: flex-start !important; 87694 align-content: center !important; 87695 text-align: left !important; 87696 } 87697 87698 .card-wrapper-box .bt-qatc-container { 87699 right: 46px !important; 87700 } 87701 87702 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 87703 top: auto !important; 87704 bottom: 0 !important; 87705 width: 46px !important; 87706 height: 100% !important; 87707 min-height: 43px !important; 87708 align-items: stretch !important; 87709 background: rgba(255,255,255,.96) !important; 87710 } 87711 87712 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 87713 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 87714 width: 46px !important; 87715 height: 100% !important; 87716 min-height: 43px !important; 87717 background: rgba(255,255,255,.96) !important; 87718 } 87719 87720 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 87721 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 87722 height: var(--sefam-quick-add-height, 43px) !important; 87723 } 87724} 87725</style>
87726<script> 87727(function () { 87728 function syncQuickAddHeight(card) { 87729 if (!card || window.innerWidth < 990) return; 87730 var panel = card.querySelector('.bt-qatc-form-container'); 87731 if (!panel) return; 87732 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 87733 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 87734 } 87735 87736 document.addEventListener('mouseover', function(e) { 87737 var card = e.target.closest('.card-wrapper-box'); 87738 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 87739 }, { passive: true }); 87740 87741 window.addEventListener('resize', function() { 87742 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 87743 }, { passive: true }); 87744})(); 87745</script>
87745 87746 87747 87748 87749<style> 87750/* ========================================================= 87751 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 87752 - reduce space between sizes 87753 - keep sizes left aligned 87754 - keep the bag icon on the BOTTOM row 87755 - bag background still matches the full size panel 87756 ========================================================= */ 87757@media (min-width: 990px) { 87758 87759 /* More usable width for sizes */ 87760 .card-wrapper-box .bt-qatc-container { 87761 right: 42px !important; 87762 } 87763 87764 /* Compact, left-aligned size list */ 87765 .card-wrapper-box .bt-qatc-form-variants--list { 87766 justify-content: flex-start !important; 87767 align-items: center !important; 87768 align-content: center !important; 87769 87770 column-gap: 0 !important; 87771 row-gap: 0 !important; 87772 87773 padding: 4px 4px !important; 87774 margin: 0 !important; 87775 } 87776 87777 .card-wrapper-box .bt-qatc-form-variant-input { 87778 min-width: 0 !important; 87779 width: auto !important; 87780 height: 35px !important; 87781 margin: 0 !important; 87782 padding: 0 !important; 87783 } 87784 87785 .card-wrapper-box .bt-qatc-form-variant-input label { 87786 min-width: 0 !important; 87787 width: auto !important; 87788 height: 35px !important; 87789 87790 margin: 0 !important; 87791 padding: 0 4px !important; 87792 87793 font-size: 12px !important; 87794 line-height: 1 !important; 87795 } 87796 87797 /* Bag column keeps the same full white background as the sizes */ 87798 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 87799 right: 0 !important; 87800 bottom: 0 !important; 87801 top: auto !important; 87802 87803 width: 42px !important; 87804 min-width: 42px !important; 87805 height: var(--sefam-quick-add-height, 43px) !important; 87806 min-height: 43px !important; 87807 87808 display: flex !important; 87809 flex-direction: column !important; 87810 justify-content: flex-end !important; 87811 align-items: stretch !important; 87812 87813 padding: 0 !important; 87814 margin: 0 !important; 87815 87816 background: rgba(255,255,255,.96) !important; 87817 } 87818 87819 /* The clickable bag itself always sits at the bottom */ 87820 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 87821 width: 42px !important; 87822 min-width: 42px !important; 87823 height: 43px !important; 87824 min-height: 43px !important; 87825 87826 margin-top: auto !important; 87827 padding: 0 !important; 87828 87829 display: flex !important; 87830 align-items: center !important; 87831 justify-content: center !important; 87832 87833 background: rgba(255,255,255,.96) !important; 87834 } 87835 87836 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 87837 width: 42px !important; 87838 height: 43px !important; 87839 min-height: 43px !important; 87840 87841 display: flex !important; 87842 align-items: center !important; 87843 justify-content: center !important; 87844 87845 padding: 0 !important; 87846 margin: 0 !important; 87847 87848 background: transparent !important; 87849 } 87850 87851 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 87852 width: 16px !important; 87853 height: 17px !important; 87854 } 87855} 87856</style> 87857 87858 87859<style> 87860/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 87861@media (min-width: 990px) { 87862 .card-wrapper-box .bt-qatc-form-variants--list { 87863 padding: 3px 4px !important; 87864 column-gap: 0 !important; 87865 row-gap: 0 !important; 87866 justify-content: flex-start !important; 87867 align-items: center !important; 87868 align-content: center !important; 87869 } 87870 87871 .card-wrapper-box .bt-qatc-form-variant-input { 87872 min-width: 0 !important; 87873 width: auto !important; 87874 height: 30px !important; 87875 margin: 0 !important; 87876 padding: 0 !important; 87877 } 87878 87879 .card-wrapper-box .bt-qatc-form-variant-input label { 87880 min-width: 0 !important; 87881 width: auto !important; 87882 height: 30px !important; 87883 margin: 0 !important; 87884 padding: 0 4px !important; 87885 font-size: 12px !important; 87886 line-height: 1 !important; 87887 display: flex !important; 87888 align-items: center !important; 87889 justify-content: center !important; 87890 } 87891 87892 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 87893 display: flex !important; 87894 flex-direction: column !important; 87895 justify-content: flex-end !important;
87896 align-items: stretch !important; 87897 bottom: 0 !important; 87898 top: auto !important; 87899 height: var(--sefam-quick-add-height, 36px) !important; 87900 min-height: 36px !important; 87901 } 87902 87903 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 87904 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 87905 height: 36px !important; 87906 min-height: 36px !important; 87907 margin-top: auto !important; 87908 } 87909} 87910</style> 87911 87912<style> 87913 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 87914 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 87915 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 87916 .card_colorways_container .new-mbl-color-single label span, 87917 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 87918 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 87919</style> 87920 87921 </li> 87922 87923 <li 87924 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_aLwpHn-15" 87925 class="grid__item slider__slide" 87926 > 87927 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 87928� 87929 87930 87931 � 87932 87933 87934 87935 <div class="card-wrapper product-card-wrapper"> 87936 <div 87937 class=" 87938 card card--standard 87939 card--media 87940 87941 87942 87943 87944 87945 " 87946 style="--ratio-percent: 150.00000000000003%;" 87947 87948 > 87949 <div class="card-wrapper-box"> 87950 87951 <div 87952 class="card__inner color-scheme-2 gradient ratio" 87953 style="--ratio-percent: 150.00000000000003%;" 87954 87955 > 87956 �<a href="/products/mcp2526"> 87957 87958 �<div class="card-prdct2 card__media"> 87959 <div class="media media--transparent mt3"> 87960 87961 87962 <img 87963 src="//sefam.com/cdn/shop/files/MCP2526_1_c427ab73-5f16-4e07-8fee-303a28d287ab.jpg?v=1790763780&width=800" 87964 srcset="//sefam.com/cdn/shop/files/MCP2526_1_c427ab73-5f16-4e07-8fee-303a28d287ab.jpg?v=1790763780&width=1600 2x" 87965 class="" 87966 alt="RAW SILK | PRINTED" 87967 87968 loading="lazy" 87969 87970 width="2400" 87971 height="3600" 87972 > 87973 �<img 87974 src="//sefam.com/cdn/shop/files/MCP2526_4_0750ce48-0d8a-486e-85b6-565d7acf6b15.jpg?v=1790763780&width=800" 87975 srcset="//sefam.com/cdn/shop/files/MCP2526_4_0750ce48-0d8a-486e-85b6-565d7acf6b15.jpg?v=1790763780&width=1600 2x" 87976 alt="RAW SILK | PRINTED" 87977 loading="lazy" 87978 width="2400" 87979 height="3600" 87980 data-index="" 87981 > 87982 87983 � 87984 </div> 87985 87986 87987 </div> 87988 </a> 87989 </div> 87990 87991 87992 87993 87994 <div class="bt-qatc-container"> 87995 <div class="bt-qatc-form-container"> 87996 <div class="bt-qatc-form-content large-up-hide medium-hide"> 87997 <h3>RAW SILK | PRINTED</h3> 87998 87999<div 88000 class=" 88001 price " 88002 > 88003 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 88004 <span class="price-item price-item--regular"> 88005 <span class=money>Rs.10,990</span> 88006 </span></div> 88007 <div class="price__sale"> 88008 <span class="visually-hidden visually-hidden--inline">Regular price</span>
88009 <span> 88010 <s class="price-item price-item--regular"> 88011 88012 <span class=money>Rs.10,990</span> 88013 88014 </s> 88015 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 88016 <span class="price-item price-item--sale price-item--last"> 88017 88018 88019 88020 88021 <span class="percentage__sale hidden">0% OFF</span> 88022 88023 <span class=money>Rs.10,990</span> 88024 </span> 88025 </div> 88026 <small class="unit-price caption hidden"> 88027 <span class="visually-hidden">Unit price</span> 88028 <span class="price-item price-item--last"> 88029 <span></span> 88030 <span aria-hidden="true">/</span> 88031 <span class="visually-hidden"> per </span> 88032 <span> 88033 </span> 88034 </span> 88035 </small> 88036 </div></div> 88037 88038 88039 88040 </div> 88041 <div 88042 class="ethnc-form-media large-up-hide medium-hide" 88043 88044 ></div> 88045 <form method="post" action="/cart/add" class="bt-qatc-form"> 88046 <input type="hidden" name="quantity" value="1"> 88047 <div class="bt-qatc-form-variants-container"> 88048 <div class="bt-qatc-form-variants--list"> 88049 88050 <div 88051 class="in-use bt-qatc-form-variant-input" 88052 88053 > 88054 <input 88055 type="radio" 88056 name="id" 88057 id="-52378930905384" 88058 value="52378930905384" 88059 data-price="1099000" 88060 data-item-id="10439042531624" 88061 hidden 88062 88063 data-item-id="10439042531624" 88064 88065 > 88066 88067 <label 88068 for="-52378930905384" 88069 data-sefam-quick-size 88070 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 88071 > 88072 <span class="split-variant-value"> 88073 88074 88075 88076 88077 88078 88079 88080 XS 88081 88082 88083</span> 88084 </label> 88085 </div> 88086 88087 <div 88088 class="in-use bt-qatc-form-variant-input" 88089 88090 > 88091 <input 88092 type="radio" 88093 name="id" 88094 id="-52378930938152" 88095 value="52378930938152" 88096 data-price="1099000" 88097 data-item-id="10439042531624" 88098 hidden 88099 88100 data-item-id="10439042531624" 88101 88102 > 88103 88104 <label 88105 for="-52378930938152" 88106 data-sefam-quick-size 88107 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 88108 > 88109 <span class="split-variant-value"> 88110 88111 88112 88113 88114 88115 88116 88117 S 88118 88119 88120</span> 88121 </label> 88122 </div> 88123 88124 <div 88125 class="in-use bt-qatc-form-variant-input" 88126 88127 > 88128 <input 88129 type="radio" 88130 name="id" 88131 id="-52378930970920" 88132 value="52378930970920" 88133 data-price="1099000" 88134 data-item-id="10439042531624" 88135 hidden 88136 88137 data-item-id="10439042531624" 88138 88139 > 88140 88141 <label 88142 for="-52378930970920" 88143 data-sefam-quick-size 88144 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 88145 >
88146 <span class="split-variant-value"> 88147 88148 88149 88150 88151 88152 88153 88154 M 88155 88156 88157</span> 88158 </label> 88159 </div> 88160 88161 <div 88162 class="in-use bt-qatc-form-variant-input" 88163 88164 > 88165 <input 88166 type="radio" 88167 name="id" 88168 id="-52378931003688" 88169 value="52378931003688" 88170 data-price="1099000" 88171 data-item-id="10439042531624" 88172 hidden 88173 88174 data-item-id="10439042531624" 88175 88176 > 88177 88178 <label 88179 for="-52378931003688" 88180 data-sefam-quick-size 88181 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 88182 > 88183 <span class="split-variant-value"> 88184 88185 88186 88187 88188 88189 88190 88191 L 88192 88193 88194</span> 88195 </label> 88196 </div> 88197 88198 </div> 88199 88200 88201 88202 88203 </div> 88204 </form> 88205 </div> 88206 </div> 88207 88208 88209 88210 88211 88212 88213 88214 88215 88216 88217 88218 88219 88220 88221 88222 88223 88224 88225 88226 88227 88228 88229 88230 88231 88232 88233 88234 88235 88236 88237 88238 88239 88240 88241 88242 88243 88244 88245 88246 88247 88248 88249 88250 88251 88252 <div 88253 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 88254 > 88255 <div class="ethnc-qatc-btn cstm-add-btn visible"> 88256 <span class="small-hide hide-mobile">Add to Basket</span> 88257 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 88258 </span> 88259 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 88260 width="11" 88261 height="11" 88262 viewBox="0 0 11 11" 88263 fill="none" 88264> 88265 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 88266 fill="black" 88267 /> 88268</svg> 88269</span> 88270 </div> 88271 </div> 88272 88273 88274 </div> 88275 88276 <div class="card__content aiza2"> 88277 <div class="card__information"> 88278 <small class="product-brand"> 88279 Kayseria 88280 </small> 88281 <h3 88282 class="card__heading h5" 88283 88284 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10439042531624" 88285 88286 > 88287 <a 88288 href="/products/mcp2526" 88289 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10439042531624" 88290 class="full-unstyled-link" 88291 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10439042531624 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10439042531624" 88292 > 88293 RAW SILK | PRINTED 88294 88295 <div class="card_colorways_container" onclick="event.stopPropagation();"> 88296 88297 88298 � 88299 </div> 88300 </a> 88301 88302 </h3> 88303 88304 <h3 class="product-subtitle hidden">RTW | SHIRT & SHALWAR</h3> 88305 88306 <div class="card-information"><span class="caption-large light"></span> 88307<div 88308 class=" 88309 price " 88310 > 88311 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
88312 <span class="price-item price-item--regular"> 88313 <span class=money>Rs.10,990</span> 88314 </span></div> 88315 <div class="price__sale"> 88316 <span class="visually-hidden visually-hidden--inline">Regular price</span> 88317 <span> 88318 <s class="price-item price-item--regular"> 88319 88320 <span class=money>Rs.10,990</span> 88321 88322 </s> 88323 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 88324 <span class="price-item price-item--sale price-item--last"> 88325 88326 88327 88328 88329 <span class="percentage__sale hidden">0% OFF</span> 88330 88331 <span class=money>Rs.10,990</span> 88332 </span> 88333 </div> 88334 <small class="unit-price caption hidden"> 88335 <span class="visually-hidden">Unit price</span> 88336 <span class="price-item price-item--last"> 88337 <span></span> 88338 <span aria-hidden="true">/</span> 88339 <span class="visually-hidden"> per </span> 88340 <span> 88341 </span> 88342 </span> 88343 </small> 88344 </div></div> 88345 88346 88347 88348 </div> 88349 </div> 88350 </div> 88351 88352 </div> 88353 </div><style> 88354/* ========================================================= 88355 DESKTOP PRODUCT CARD QUICK ADD 88356 LEFT = sizes 88357 RIGHT = original bag icon 88358 Mobile behavior remains unchanged 88359 ========================================================= */ 88360@media (min-width: 990px) { 88361 .hide-desktop { 88362 display: none !important; 88363 } 88364 88365 /* Keep both controls on the same bottom row */ 88366 .card-wrapper-box { 88367 position: relative; 88368 } 88369 88370 .card-wrapper-box .bt-qatc-container, 88371 .card-wrapper-box .ethnc-qatc-btn-container { 88372 position: absolute !important; 88373 bottom: 0 !important; 88374 z-index: 8 !important; 88375 } 88376 88377 /* LEFT: size area */ 88378 .card-wrapper-box .bt-qatc-container { 88379 left: 0 !important; 88380 right: 46px !important; 88381 width: auto !important; 88382 } 88383 88384 .card-wrapper-box .bt-qatc-form-container { 88385 left: 0 !important; 88386 right: 0 !important; 88387 bottom: -350% !important; 88388 width: 100% !important; 88389 min-height: 43px !important; 88390 opacity: 0 !important; 88391 visibility: hidden !important; 88392 pointer-events: none !important; 88393 transition: bottom .22s ease, opacity .18s ease !important; 88394 } 88395 88396 .card-wrapper-box .bt-qatc-form, 88397 .card-wrapper-box .bt-qatc-form-variants-container, 88398 .card-wrapper-box .bt-qatc-form-variants--list { 88399 width: 100% !important; 88400 } 88401 88402 .card-wrapper-box .bt-qatc-form-variants--list { 88403 display: flex !important; 88404 align-items: center !important; 88405 flex-wrap: wrap !important; 88406 gap: 0 !important; 88407 min-height: 43px !important; 88408 } 88409 88410 /* RIGHT: original bag button */ 88411 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 88412 display: flex !important; 88413 align-items: stretch !important; 88414 justify-content: center !important; 88415 left: auto !important; 88416 right: 0 !important; 88417 width: 46px !important; 88418 height: 43px !important; 88419 opacity: 0 !important; 88420 visibility: hidden !important; 88421 pointer-events: none !important; 88422 transition: opacity .18s ease !important; 88423 } 88424 88425 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 88426 display: flex !important; 88427 align-items: center !important; 88428 justify-content: center !important; 88429 width: 46px !important; 88430 height: 43px !important; 88431 min-width: 46px !important; 88432 padding: 0 !important; 88433 cursor: pointer !important; 88434 } 88435 88436 /* Hide Add to Basket text on desktop; keep only bag icon */ 88437 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 88438 display: none !important; 88439 } 88440 88441 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 88442 display: flex !important; 88443 align-items: center !important; 88444 justify-content: center !important; 88445 width: 100% !important; 88446 height: 100% !important; 88447 padding: 0 !important; 88448 } 88449 88450 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 88451 display: block !important; 88452 width: 16px !important; 88453 height: 17px !important; 88454 } 88455 88456 /* Show sizes + bag together on desktop hover */ 88457 .card-wrapper-box:hover .bt-qatc-form-container { 88458 bottom: 0 !important; 88459 opacity: 1 !important; 88460 visibility: visible !important; 88461 pointer-events: auto !important; 88462 } 88463 88464 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 88465 opacity: 1 !important; 88466 visibility: visible !important; 88467 pointer-events: auto !important; 88468 } 88469} 88470 88471@media (max-width: 989px) { 88472 .hide-mobile { 88473 display: none; 88474 } 88475} 88476</style> 88477 88478 88479<style> 88480/* ========================================================= 88481 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 88482 Keeps all sizes in one clean row on the left 88483 and the bag icon fixed on the right. 88484 ========================================================= */ 88485@media (min-width: 990px) { 88486 88487 .card-wrapper-box .bt-qatc-form-container { 88488 height: 43px !important; 88489 min-height: 43px !important; 88490 max-height: 43px !important; 88491 overflow: hidden !important; 88492 background: rgba(255,255,255,.96) !important; 88493 } 88494 88495 .card-wrapper-box .bt-qatc-form { 88496 display: block !important; 88497 height: 43px !important; 88498 min-height: 43px !important; 88499 margin: 0 !important; 88500 padding: 0 !important; 88501 } 88502 88503 .card-wrapper-box .bt-qatc-form-variants-container { 88504 display: block !important; 88505 width: 100% !important; 88506 height: 43px !important; 88507 min-height: 43px !important; 88508 margin: 0 !important; 88509 padding: 0 !important; 88510 } 88511 88512 .card-wrapper-box .bt-qatc-form-variants--list { 88513 display: flex !important; 88514 flex-direction: row !important; 88515 flex-wrap: wrap !important;
88516 align-items: center !important; 88517 justify-content: center !important; 88518 88519 width: 100% !important; 88520 height: 43px !important; 88521 min-height: 43px !important; 88522 88523 margin: 0 !important; 88524 padding: 0 6px !important; 88525 gap: 2px !important; 88526 88527 box-sizing: border-box !important; 88528 overflow: visible !important; 88529 white-space: normal !important; 88530 } 88531 88532 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 88533 display: none !important; 88534 } 88535 88536 .card-wrapper-box .bt-qatc-form-variant-input { 88537 position: relative !important; 88538 88539 display: flex !important; 88540 align-items: center !important; 88541 justify-content: center !important; 88542 88543 flex: 0 0 auto !important; 88544 width: auto !important; 88545 min-width: 32px !important; 88546 height: 43px !important; 88547 88548 margin: 0 !important; 88549 padding: 0 !important; 88550 88551 border: 0 !important; 88552 background: transparent !important; 88553 } 88554 88555 .card-wrapper-box .bt-qatc-form-variant-input label { 88556 position: static !important; 88557 88558 display: flex !important; 88559 align-items: center !important; 88560 justify-content: center !important; 88561 88562 width: auto !important; 88563 min-width: 32px !important; 88564 height: 32px !important; 88565 88566 margin: 0 !important; 88567 padding: 0 6px !important; 88568 88569 box-sizing: border-box !important; 88570 88571 background: transparent !important; 88572 border: 0 !important; 88573 88574 color: #111 !important; 88575 font-size: 12px !important; 88576 line-height: 1 !important; 88577 font-weight: 400 !important; 88578 88579 white-space: nowrap !important; 88580 cursor: pointer !important; 88581 } 88582 88583 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 88584 display: block !important; 88585 width: auto !important; 88586 max-width: none !important; 88587 88588 margin: 0 !important; 88589 padding: 0 !important; 88590 88591 overflow: visible !important; 88592 white-space: nowrap !important; 88593 text-overflow: clip !important; 88594 88595 font-size: inherit !important; 88596 line-height: inherit !important; 88597 } 88598 88599 /* Sold-out size */ 88600 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 88601 opacity: .35 !important; 88602 text-decoration: line-through !important; 88603 cursor: not-allowed !important; 88604 } 88605 88606 /* Optional hover feedback */ 88607 .card-wrapper-box 88608 .bt-qatc-form-variant-input:not(.is-disbaled) 88609 label:hover { 88610 text-decoration: underline !important; 88611 text-underline-offset: 3px !important; 88612 } 88613 88614 /* Prevent old theme transforms / absolute positions */ 88615 .card-wrapper-box .bt-qatc-form-variant-input *, 88616 .card-wrapper-box .bt-qatc-form-variants--list * { 88617 transform: none; 88618 } 88619} 88620</style> 88621 88622 88623<style> 88624/* Desktop quick-add: use one seamless background for sizes + bag */ 88625@media (min-width: 990px) { 88626 .card-wrapper-box .bt-qatc-form-container, 88627 .card-wrapper-box .bt-qatc-form, 88628 .card-wrapper-box .bt-qatc-form-variants-container, 88629 .card-wrapper-box .bt-qatc-form-variants--list, 88630 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 88631 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 88632 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 88633 background: rgba(255,255,255,.96) !important; 88634 } 88635 88636 /* Remove any visual split between sizes and bag */ 88637 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 88638 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 88639 border-left: 0 !important; 88640 box-shadow: none !important; 88641 } 88642} 88643</style> 88644 88645 88646<style> 88647/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 88648@media (min-width: 990px) { 88649 .card-wrapper-box .bt-qatc-form-container, 88650 .card-wrapper-box .bt-qatc-form, 88651 .card-wrapper-box .bt-qatc-form-variants-container { 88652 height: auto !important; 88653 max-height: none !important; 88654 overflow: visible !important; 88655 } 88656 88657 .card-wrapper-box .bt-qatc-form-variants--list { 88658 display: flex !important; 88659 flex-wrap: wrap !important; 88660 justify-content: center !important; 88661 align-items: center !important; 88662 height: auto !important; 88663 min-height: 43px !important; 88664 max-height: none !important; 88665 overflow: visible !important; 88666 white-space: normal !important; 88667 padding: 5px 6px !important; 88668 } 88669 88670 .card-wrapper-box .bt-qatc-form-variant-input { 88671 flex: 0 0 auto !important; 88672 } 88673} 88674</style> 88675
88676<script> 88677 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 88678 const wrap = label.closest('.bt-qatc-form-variant-input'); 88679 const form = label.closest('.bt-qatc-form'); 88680 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 88681 88682 if (!wrap || !form || !input) return; 88683 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 88684 if (label.dataset.loading === 'true') return; 88685 88686 input.checked = true; 88687 label.dataset.loading = 'true'; 88688 label.style.pointerEvents = 'none'; 88689 88690 try { 88691 const cartResp = await fetch('/cart.js', { 88692 method: 'GET', 88693 headers: { 'Accept': 'application/json' } 88694 }); 88695 88696 if (!cartResp.ok) throw new Error('Unable to read cart'); 88697 88698 const cart = await cartResp.json(); 88699 const variantId = Number(input.value); 88700 const selectedPrice = Number(input.dataset.price || 0) / 100; 88701 const totalCartPrice = Number(cart.total_price || 0) / 100; 88702 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 88703 88704 if ((totalCartPrice + selectedPrice) > 250000) { 88705 if (window.showAlert) { 88706 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 88707 } else { 88708 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 88709 } 88710 return; 88711 } 88712 88713 if (itemInCart && Number(itemInCart.quantity) >= 3) { 88714 if (window.showAlert) { 88715 window.showAlert('Limit reached: Max 3 items per size can be added'); 88716 } else { 88717 alert('Limit reached: Max 3 items per size can be added'); 88718 } 88719 return; 88720 } 88721 88722 88723 const cartSections = document.querySelector('cart-notification, cart-drawer'); 88724 const formData = new FormData(form); 88725 88726 formData.set('id', input.value); 88727 formData.set('quantity', '1'); 88728 88729 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 88730 formData.set( 88731 'sections', 88732 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 88733 ); 88734 } 88735 88736 formData.set('sections_url', window.location.pathname); 88737 88738 const addResp = await fetch('/cart/add.js', { 88739 method: 'POST', 88740 headers: { 'Accept': 'application/json' }, 88741 body: formData 88742 }); 88743 88744 const data = await addResp.json(); 88745 88746 if (!addResp.ok) { 88747 throw new Error(data.description || data.message || 'Unable to add this size'); 88748 } 88749 88750 if (cartSections && typeof cartSections.renderContents === 'function') { 88751 cartSections.renderContents(data); 88752 } else { 88753 const bubble = document.querySelector('#cart-icon-bubble'); 88754 if (bubble) bubble.click(); 88755 } 88756 88757 const card = label.closest('.card-wrapper-box'); 88758 if (card) { 88759 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 88760 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 88761 } 88762 } catch (error) { 88763 console.error('SEFAM hover size quick-add error:', error); 88764 if (window.showAlert) { 88765 window.showAlert(error.message || 'Unable to add this size to cart'); 88766 } else { 88767 alert(error.message || 'Unable to add this size to cart'); 88768 } 88769 } finally { 88770 label.dataset.loading = 'false'; 88771 label.style.pointerEvents = ''; 88772 } 88773 }; 88774</script>
88774 88775 88776<style> 88777/* Desktop quick-add final alignment: 88778 sizes start from left; bag area matches the complete quick-size background height. */ 88779@media (min-width: 990px) { 88780 .card-wrapper-box .bt-qatc-form-variants--list { 88781 justify-content: flex-start !important; 88782 align-content: center !important; 88783 text-align: left !important; 88784 } 88785 88786 .card-wrapper-box .bt-qatc-container { 88787 right: 46px !important; 88788 } 88789 88790 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 88791 top: auto !important; 88792 bottom: 0 !important; 88793 width: 46px !important; 88794 height: 100% !important; 88795 min-height: 43px !important; 88796 align-items: stretch !important; 88797 background: rgba(255,255,255,.96) !important; 88798 } 88799 88800 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 88801 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 88802 width: 46px !important; 88803 height: 100% !important; 88804 min-height: 43px !important; 88805 background: rgba(255,255,255,.96) !important; 88806 } 88807 88808 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 88809 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 88810 height: var(--sefam-quick-add-height, 43px) !important; 88811 } 88812} 88813</style>
88814<script> 88815(function () { 88816 function syncQuickAddHeight(card) { 88817 if (!card || window.innerWidth < 990) return; 88818 var panel = card.querySelector('.bt-qatc-form-container'); 88819 if (!panel) return; 88820 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 88821 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 88822 } 88823 88824 document.addEventListener('mouseover', function(e) { 88825 var card = e.target.closest('.card-wrapper-box'); 88826 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 88827 }, { passive: true }); 88828 88829 window.addEventListener('resize', function() { 88830 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 88831 }, { passive: true }); 88832})(); 88833</script>
88833 88834 88835 88836 88837<style> 88838/* ========================================================= 88839 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 88840 - reduce space between sizes 88841 - keep sizes left aligned 88842 - keep the bag icon on the BOTTOM row 88843 - bag background still matches the full size panel 88844 ========================================================= */ 88845@media (min-width: 990px) { 88846 88847 /* More usable width for sizes */ 88848 .card-wrapper-box .bt-qatc-container { 88849 right: 42px !important; 88850 } 88851 88852 /* Compact, left-aligned size list */ 88853 .card-wrapper-box .bt-qatc-form-variants--list { 88854 justify-content: flex-start !important; 88855 align-items: center !important; 88856 align-content: center !important; 88857 88858 column-gap: 0 !important; 88859 row-gap: 0 !important; 88860 88861 padding: 4px 4px !important; 88862 margin: 0 !important; 88863 } 88864 88865 .card-wrapper-box .bt-qatc-form-variant-input { 88866 min-width: 0 !important; 88867 width: auto !important; 88868 height: 35px !important; 88869 margin: 0 !important; 88870 padding: 0 !important; 88871 } 88872 88873 .card-wrapper-box .bt-qatc-form-variant-input label { 88874 min-width: 0 !important; 88875 width: auto !important; 88876 height: 35px !important; 88877 88878 margin: 0 !important; 88879 padding: 0 4px !important; 88880 88881 font-size: 12px !important; 88882 line-height: 1 !important; 88883 } 88884 88885 /* Bag column keeps the same full white background as the sizes */ 88886 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 88887 right: 0 !important; 88888 bottom: 0 !important; 88889 top: auto !important; 88890 88891 width: 42px !important; 88892 min-width: 42px !important; 88893 height: var(--sefam-quick-add-height, 43px) !important; 88894 min-height: 43px !important; 88895 88896 display: flex !important; 88897 flex-direction: column !important; 88898 justify-content: flex-end !important; 88899 align-items: stretch !important; 88900 88901 padding: 0 !important; 88902 margin: 0 !important; 88903 88904 background: rgba(255,255,255,.96) !important; 88905 } 88906 88907 /* The clickable bag itself always sits at the bottom */ 88908 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 88909 width: 42px !important; 88910 min-width: 42px !important; 88911 height: 43px !important; 88912 min-height: 43px !important; 88913 88914 margin-top: auto !important; 88915 padding: 0 !important; 88916 88917 display: flex !important; 88918 align-items: center !important; 88919 justify-content: center !important; 88920 88921 background: rgba(255,255,255,.96) !important; 88922 } 88923 88924 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 88925 width: 42px !important; 88926 height: 43px !important; 88927 min-height: 43px !important; 88928 88929 display: flex !important; 88930 align-items: center !important; 88931 justify-content: center !important; 88932 88933 padding: 0 !important; 88934 margin: 0 !important; 88935 88936 background: transparent !important; 88937 } 88938 88939 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 88940 width: 16px !important; 88941 height: 17px !important; 88942 } 88943} 88944</style> 88945 88946 88947<style> 88948/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 88949@media (min-width: 990px) { 88950 .card-wrapper-box .bt-qatc-form-variants--list { 88951 padding: 3px 4px !important; 88952 column-gap: 0 !important; 88953 row-gap: 0 !important; 88954 justify-content: flex-start !important; 88955 align-items: center !important; 88956 align-content: center !important; 88957 } 88958 88959 .card-wrapper-box .bt-qatc-form-variant-input { 88960 min-width: 0 !important; 88961 width: auto !important; 88962 height: 30px !important; 88963 margin: 0 !important; 88964 padding: 0 !important; 88965 } 88966 88967 .card-wrapper-box .bt-qatc-form-variant-input label { 88968 min-width: 0 !important; 88969 width: auto !important; 88970 height: 30px !important; 88971 margin: 0 !important; 88972 padding: 0 4px !important; 88973 font-size: 12px !important; 88974 line-height: 1 !important; 88975 display: flex !important; 88976 align-items: center !important; 88977 justify-content: center !important; 88978 } 88979 88980 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 88981 display: flex !important; 88982 flex-direction: column !important; 88983 justify-content: flex-end !important;
88984 align-items: stretch !important; 88985 bottom: 0 !important; 88986 top: auto !important; 88987 height: var(--sefam-quick-add-height, 36px) !important; 88988 min-height: 36px !important; 88989 } 88990 88991 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 88992 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 88993 height: 36px !important; 88994 min-height: 36px !important; 88995 margin-top: auto !important; 88996 } 88997} 88998</style> 88999 89000<style> 89001 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 89002 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 89003 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 89004 .card_colorways_container .new-mbl-color-single label span, 89005 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 89006 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 89007</style> 89008 89009 </li> 89010 89011 <li 89012 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_aLwpHn-16" 89013 class="grid__item slider__slide" 89014 > 89015 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 89016� 89017 89018 89019 � 89020 89021 89022 89023 <div class="card-wrapper product-card-wrapper"> 89024 <div 89025 class=" 89026 card card--standard 89027 card--media 89028 89029 89030 89031 89032 89033 " 89034 style="--ratio-percent: 150.00000000000003%;" 89035 89036 > 89037 <div class="card-wrapper-box"> 89038 89039 <div 89040 class="card__inner color-scheme-2 gradient ratio" 89041 style="--ratio-percent: 150.00000000000003%;" 89042 89043 > 89044 �<a href="/products/mcp2258-2"> 89045 89046 �<div class="card-prdct2 card__media"> 89047 <div class="media media--transparent mt3"> 89048 89049 89050 <img 89051 src="//sefam.com/cdn/shop/files/MCP2258-3_1_01f1748f-24ea-415d-8a8c-b7c0185b2d5e.jpg?v=1789450461&width=800" 89052 srcset="//sefam.com/cdn/shop/files/MCP2258-3_1_01f1748f-24ea-415d-8a8c-b7c0185b2d5e.jpg?v=1789450461&width=1600 2x" 89053 class="" 89054 alt="CAMBRIC | PRINTED" 89055 89056 loading="lazy" 89057 89058 width="2400" 89059 height="3600" 89060 > 89061 �<img 89062 src="//sefam.com/cdn/shop/files/MCP2258-3_4_5904fed2-4712-4279-956b-e940f59feb41.jpg?v=1789378303&width=800" 89063 srcset="//sefam.com/cdn/shop/files/MCP2258-3_4_5904fed2-4712-4279-956b-e940f59feb41.jpg?v=1789378303&width=1600 2x" 89064 alt="CAMBRIC | PRINTED" 89065 loading="lazy" 89066 width="2400" 89067 height="3600" 89068 data-index="" 89069 > 89070 89071 � 89072 </div> 89073 89074 89075 </div> 89076 </a> 89077 </div> 89078 89079 89080 89081 89082 <div class="bt-qatc-container"> 89083 <div class="bt-qatc-form-container"> 89084 <div class="bt-qatc-form-content large-up-hide medium-hide"> 89085 <h3>CAMBRIC | PRINTED</h3> 89086 89087<div 89088 class=" 89089 price " 89090 > 89091 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 89092 <span class="price-item price-item--regular"> 89093 <span class=money>Rs.8,490</span> 89094 </span></div> 89095 <div class="price__sale"> 89096 <span class="visually-hidden visually-hidden--inline">Regular price</span>
89097 <span> 89098 <s class="price-item price-item--regular"> 89099 89100 <span class=money>Rs.8,490</span> 89101 89102 </s> 89103 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 89104 <span class="price-item price-item--sale price-item--last"> 89105 89106 89107 89108 89109 <span class="percentage__sale hidden">0% OFF</span> 89110 89111 <span class=money>Rs.8,490</span> 89112 </span> 89113 </div> 89114 <small class="unit-price caption hidden"> 89115 <span class="visually-hidden">Unit price</span> 89116 <span class="price-item price-item--last"> 89117 <span></span> 89118 <span aria-hidden="true">/</span> 89119 <span class="visually-hidden"> per </span> 89120 <span> 89121 </span> 89122 </span> 89123 </small> 89124 </div></div> 89125 89126 89127 89128 </div> 89129 <div 89130 class="ethnc-form-media large-up-hide medium-hide" 89131 89132 ></div> 89133 <form method="post" action="/cart/add" class="bt-qatc-form"> 89134 <input type="hidden" name="quantity" value="1"> 89135 <div class="bt-qatc-form-variants-container"> 89136 <div class="bt-qatc-form-variants--list"> 89137 89138 <div 89139 class="in-use bt-qatc-form-variant-input" 89140 89141 > 89142 <input 89143 type="radio" 89144 name="id" 89145 id="-52378910490920" 89146 value="52378910490920" 89147 data-price="849000" 89148 data-item-id="10341214912808" 89149 hidden 89150 89151 data-item-id="10341214912808" 89152 89153 > 89154 89155 <label 89156 for="-52378910490920" 89157 data-sefam-quick-size 89158 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 89159 > 89160 <span class="split-variant-value"> 89161 89162 89163 89164 89165 89166 89167 89168 XS 89169 89170 89171</span> 89172 </label> 89173 </div> 89174 89175 <div 89176 class="in-use bt-qatc-form-variant-input" 89177 89178 > 89179 <input 89180 type="radio" 89181 name="id" 89182 id="-52378910523688" 89183 value="52378910523688" 89184 data-price="849000" 89185 data-item-id="10341214912808" 89186 hidden 89187 89188 data-item-id="10341214912808" 89189 89190 > 89191 89192 <label 89193 for="-52378910523688" 89194 data-sefam-quick-size 89195 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 89196 > 89197 <span class="split-variant-value"> 89198 89199 89200 89201 89202 89203 89204 89205 S 89206 89207 89208</span> 89209 </label> 89210 </div> 89211 89212 <div 89213 class="in-use bt-qatc-form-variant-input" 89214 89215 > 89216 <input 89217 type="radio" 89218 name="id" 89219 id="-52378910556456" 89220 value="52378910556456" 89221 data-price="849000" 89222 data-item-id="10341214912808" 89223 hidden 89224 89225 data-item-id="10341214912808" 89226 89227 > 89228 89229 <label 89230 for="-52378910556456" 89231 data-sefam-quick-size 89232 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 89233 >
89234 <span class="split-variant-value"> 89235 89236 89237 89238 89239 89240 89241 89242 M 89243 89244 89245</span> 89246 </label> 89247 </div> 89248 89249 <div 89250 class="in-use bt-qatc-form-variant-input" 89251 89252 > 89253 <input 89254 type="radio" 89255 name="id" 89256 id="-52378910589224" 89257 value="52378910589224" 89258 data-price="849000" 89259 data-item-id="10341214912808" 89260 hidden 89261 89262 data-item-id="10341214912808" 89263 89264 > 89265 89266 <label 89267 for="-52378910589224" 89268 data-sefam-quick-size 89269 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 89270 > 89271 <span class="split-variant-value"> 89272 89273 89274 89275 89276 89277 89278 89279 L 89280 89281 89282</span> 89283 </label> 89284 </div> 89285 89286 </div> 89287 89288 89289 89290 89291 </div> 89292 </form> 89293 </div> 89294 </div> 89295 89296 89297 89298 89299 89300 89301 89302 89303 89304 89305 89306 89307 89308 89309 89310 89311 89312 89313 89314 89315 89316 89317 89318 89319 89320 89321 89322 89323 89324 89325 89326 89327 89328 89329 89330 89331 89332 89333 89334 <div 89335 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 89336 > 89337 <div class="ethnc-qatc-btn cstm-add-btn visible"> 89338 <span class="small-hide hide-mobile">Add to Basket</span> 89339 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 89340 </span> 89341 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 89342 width="11" 89343 height="11" 89344 viewBox="0 0 11 11" 89345 fill="none" 89346> 89347 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 89348 fill="black" 89349 /> 89350</svg> 89351</span> 89352 </div> 89353 </div> 89354 89355 89356 </div> 89357 89358 <div class="card__content aiza2"> 89359 <div class="card__information"> 89360 <small class="product-brand"> 89361 Kayseria 89362 </small> 89363 <h3 89364 class="card__heading h5" 89365 89366 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10341214912808" 89367 89368 > 89369 <a 89370 href="/products/mcp2258-2" 89371 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10341214912808" 89372 class="full-unstyled-link" 89373 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10341214912808 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10341214912808" 89374 > 89375 CAMBRIC | PRINTED 89376 89377 <div class="card_colorways_container" onclick="event.stopPropagation();"> 89378 89379 89380 89381 89382 89383 89384 89385 <div class="new-mbl-color-single new-mbl-option-single is-active" title="Pink"> 89386 <label aria-label="Pink"> 89387 89388
89389 <span style="background: rgb(255 192 203);"></span> 89390 89391 89392 </label> 89393 </div> 89394 � 89395 </div> 89396 </a> 89397 89398 </h3> 89399 89400 <h3 class="product-subtitle hidden">RTW | SHIRT & SHALWAR</h3> 89401 89402 <div class="card-information"><span class="caption-large light"></span> 89403<div 89404 class=" 89405 price " 89406 > 89407 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 89408 <span class="price-item price-item--regular"> 89409 <span class=money>Rs.8,490</span> 89410 </span></div> 89411 <div class="price__sale"> 89412 <span class="visually-hidden visually-hidden--inline">Regular price</span> 89413 <span> 89414 <s class="price-item price-item--regular"> 89415 89416 <span class=money>Rs.8,490</span> 89417 89418 </s> 89419 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 89420 <span class="price-item price-item--sale price-item--last"> 89421 89422 89423 89424 89425 <span class="percentage__sale hidden">0% OFF</span> 89426 89427 <span class=money>Rs.8,490</span> 89428 </span> 89429 </div> 89430 <small class="unit-price caption hidden"> 89431 <span class="visually-hidden">Unit price</span> 89432 <span class="price-item price-item--last"> 89433 <span></span> 89434 <span aria-hidden="true">/</span> 89435 <span class="visually-hidden"> per </span> 89436 <span> 89437 </span> 89438 </span> 89439 </small> 89440 </div></div> 89441 89442 89443 89444 </div> 89445 </div> 89446 </div> 89447 89448 </div> 89449 </div><style> 89450/* ========================================================= 89451 DESKTOP PRODUCT CARD QUICK ADD 89452 LEFT = sizes 89453 RIGHT = original bag icon 89454 Mobile behavior remains unchanged 89455 ========================================================= */ 89456@media (min-width: 990px) { 89457 .hide-desktop { 89458 display: none !important; 89459 } 89460 89461 /* Keep both controls on the same bottom row */ 89462 .card-wrapper-box { 89463 position: relative; 89464 } 89465 89466 .card-wrapper-box .bt-qatc-container, 89467 .card-wrapper-box .ethnc-qatc-btn-container { 89468 position: absolute !important; 89469 bottom: 0 !important; 89470 z-index: 8 !important; 89471 } 89472 89473 /* LEFT: size area */ 89474 .card-wrapper-box .bt-qatc-container { 89475 left: 0 !important; 89476 right: 46px !important; 89477 width: auto !important; 89478 } 89479 89480 .card-wrapper-box .bt-qatc-form-container { 89481 left: 0 !important; 89482 right: 0 !important; 89483 bottom: -350% !important; 89484 width: 100% !important; 89485 min-height: 43px !important; 89486 opacity: 0 !important; 89487 visibility: hidden !important; 89488 pointer-events: none !important; 89489 transition: bottom .22s ease, opacity .18s ease !important; 89490 } 89491 89492 .card-wrapper-box .bt-qatc-form, 89493 .card-wrapper-box .bt-qatc-form-variants-container, 89494 .card-wrapper-box .bt-qatc-form-variants--list { 89495 width: 100% !important; 89496 } 89497 89498 .card-wrapper-box .bt-qatc-form-variants--list { 89499 display: flex !important; 89500 align-items: center !important; 89501 flex-wrap: wrap !important; 89502 gap: 0 !important; 89503 min-height: 43px !important; 89504 } 89505 89506 /* RIGHT: original bag button */ 89507 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 89508 display: flex !important; 89509 align-items: stretch !important; 89510 justify-content: center !important; 89511 left: auto !important; 89512 right: 0 !important; 89513 width: 46px !important; 89514 height: 43px !important; 89515 opacity: 0 !important; 89516 visibility: hidden !important; 89517 pointer-events: none !important; 89518 transition: opacity .18s ease !important; 89519 } 89520 89521 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 89522 display: flex !important; 89523 align-items: center !important; 89524 justify-content: center !important; 89525 width: 46px !important; 89526 height: 43px !important; 89527 min-width: 46px !important; 89528 padding: 0 !important; 89529 cursor: pointer !important; 89530 } 89531
89532 /* Hide Add to Basket text on desktop; keep only bag icon */ 89533 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 89534 display: none !important; 89535 } 89536 89537 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 89538 display: flex !important; 89539 align-items: center !important; 89540 justify-content: center !important; 89541 width: 100% !important; 89542 height: 100% !important; 89543 padding: 0 !important; 89544 } 89545 89546 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 89547 display: block !important; 89548 width: 16px !important; 89549 height: 17px !important; 89550 } 89551 89552 /* Show sizes + bag together on desktop hover */ 89553 .card-wrapper-box:hover .bt-qatc-form-container { 89554 bottom: 0 !important; 89555 opacity: 1 !important; 89556 visibility: visible !important; 89557 pointer-events: auto !important; 89558 } 89559 89560 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 89561 opacity: 1 !important; 89562 visibility: visible !important; 89563 pointer-events: auto !important; 89564 } 89565} 89566 89567@media (max-width: 989px) { 89568 .hide-mobile { 89569 display: none; 89570 } 89571} 89572</style> 89573 89574 89575<style> 89576/* ========================================================= 89577 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 89578 Keeps all sizes in one clean row on the left 89579 and the bag icon fixed on the right. 89580 ========================================================= */ 89581@media (min-width: 990px) { 89582 89583 .card-wrapper-box .bt-qatc-form-container { 89584 height: 43px !important; 89585 min-height: 43px !important; 89586 max-height: 43px !important; 89587 overflow: hidden !important; 89588 background: rgba(255,255,255,.96) !important; 89589 } 89590 89591 .card-wrapper-box .bt-qatc-form { 89592 display: block !important; 89593 height: 43px !important; 89594 min-height: 43px !important; 89595 margin: 0 !important; 89596 padding: 0 !important; 89597 } 89598 89599 .card-wrapper-box .bt-qatc-form-variants-container { 89600 display: block !important; 89601 width: 100% !important; 89602 height: 43px !important; 89603 min-height: 43px !important; 89604 margin: 0 !important; 89605 padding: 0 !important; 89606 } 89607 89608 .card-wrapper-box .bt-qatc-form-variants--list { 89609 display: flex !important; 89610 flex-direction: row !important; 89611 flex-wrap: wrap !important; 89612 align-items: center !important; 89613 justify-content: center !important; 89614 89615 width: 100% !important; 89616 height: 43px !important; 89617 min-height: 43px !important; 89618 89619 margin: 0 !important; 89620 padding: 0 6px !important; 89621 gap: 2px !important; 89622 89623 box-sizing: border-box !important; 89624 overflow: visible !important; 89625 white-space: normal !important; 89626 } 89627 89628 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 89629 display: none !important; 89630 } 89631 89632 .card-wrapper-box .bt-qatc-form-variant-input { 89633 position: relative !important; 89634 89635 display: flex !important; 89636 align-items: center !important; 89637 justify-content: center !important; 89638 89639 flex: 0 0 auto !important; 89640 width: auto !important; 89641 min-width: 32px !important; 89642 height: 43px !important; 89643 89644 margin: 0 !important; 89645 padding: 0 !important; 89646 89647 border: 0 !important; 89648 background: transparent !important; 89649 } 89650 89651 .card-wrapper-box .bt-qatc-form-variant-input label { 89652 position: static !important; 89653 89654 display: flex !important; 89655 align-items: center !important; 89656 justify-content: center !important; 89657 89658 width: auto !important; 89659 min-width: 32px !important; 89660 height: 32px !important; 89661 89662 margin: 0 !important; 89663 padding: 0 6px !important; 89664 89665 box-sizing: border-box !important; 89666 89667 background: transparent !important; 89668 border: 0 !important; 89669 89670 color: #111 !important; 89671 font-size: 12px !important; 89672 line-height: 1 !important; 89673 font-weight: 400 !important; 89674 89675 white-space: nowrap !important; 89676 cursor: pointer !important; 89677 } 89678 89679 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 89680 display: block !important; 89681 width: auto !important; 89682 max-width: none !important; 89683 89684 margin: 0 !important; 89685 padding: 0 !important; 89686 89687 overflow: visible !important; 89688 white-space: nowrap !important; 89689 text-overflow: clip !important; 89690 89691 font-size: inherit !important; 89692 line-height: inherit !important; 89693 } 89694 89695 /* Sold-out size */ 89696 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 89697 opacity: .35 !important; 89698 text-decoration: line-through !important;
89699 cursor: not-allowed !important; 89700 } 89701 89702 /* Optional hover feedback */ 89703 .card-wrapper-box 89704 .bt-qatc-form-variant-input:not(.is-disbaled) 89705 label:hover { 89706 text-decoration: underline !important; 89707 text-underline-offset: 3px !important; 89708 } 89709 89710 /* Prevent old theme transforms / absolute positions */ 89711 .card-wrapper-box .bt-qatc-form-variant-input *, 89712 .card-wrapper-box .bt-qatc-form-variants--list * { 89713 transform: none; 89714 } 89715} 89716</style> 89717 89718 89719<style> 89720/* Desktop quick-add: use one seamless background for sizes + bag */ 89721@media (min-width: 990px) { 89722 .card-wrapper-box .bt-qatc-form-container, 89723 .card-wrapper-box .bt-qatc-form, 89724 .card-wrapper-box .bt-qatc-form-variants-container, 89725 .card-wrapper-box .bt-qatc-form-variants--list, 89726 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 89727 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 89728 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 89729 background: rgba(255,255,255,.96) !important; 89730 } 89731 89732 /* Remove any visual split between sizes and bag */ 89733 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 89734 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 89735 border-left: 0 !important; 89736 box-shadow: none !important; 89737 } 89738} 89739</style> 89740 89741 89742<style> 89743/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 89744@media (min-width: 990px) { 89745 .card-wrapper-box .bt-qatc-form-container, 89746 .card-wrapper-box .bt-qatc-form, 89747 .card-wrapper-box .bt-qatc-form-variants-container { 89748 height: auto !important; 89749 max-height: none !important; 89750 overflow: visible !important; 89751 } 89752 89753 .card-wrapper-box .bt-qatc-form-variants--list { 89754 display: flex !important; 89755 flex-wrap: wrap !important; 89756 justify-content: center !important; 89757 align-items: center !important; 89758 height: auto !important; 89759 min-height: 43px !important; 89760 max-height: none !important; 89761 overflow: visible !important; 89762 white-space: normal !important; 89763 padding: 5px 6px !important; 89764 } 89765 89766 .card-wrapper-box .bt-qatc-form-variant-input { 89767 flex: 0 0 auto !important; 89768 } 89769} 89770</style> 89771
89772<script> 89773 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 89774 const wrap = label.closest('.bt-qatc-form-variant-input'); 89775 const form = label.closest('.bt-qatc-form'); 89776 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 89777 89778 if (!wrap || !form || !input) return; 89779 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 89780 if (label.dataset.loading === 'true') return; 89781 89782 input.checked = true; 89783 label.dataset.loading = 'true'; 89784 label.style.pointerEvents = 'none'; 89785 89786 try { 89787 const cartResp = await fetch('/cart.js', { 89788 method: 'GET', 89789 headers: { 'Accept': 'application/json' } 89790 }); 89791 89792 if (!cartResp.ok) throw new Error('Unable to read cart'); 89793 89794 const cart = await cartResp.json(); 89795 const variantId = Number(input.value); 89796 const selectedPrice = Number(input.dataset.price || 0) / 100; 89797 const totalCartPrice = Number(cart.total_price || 0) / 100; 89798 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 89799 89800 if ((totalCartPrice + selectedPrice) > 250000) { 89801 if (window.showAlert) { 89802 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 89803 } else { 89804 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 89805 } 89806 return; 89807 } 89808 89809 if (itemInCart && Number(itemInCart.quantity) >= 3) { 89810 if (window.showAlert) { 89811 window.showAlert('Limit reached: Max 3 items per size can be added'); 89812 } else { 89813 alert('Limit reached: Max 3 items per size can be added'); 89814 } 89815 return; 89816 } 89817 89818 89819 const cartSections = document.querySelector('cart-notification, cart-drawer'); 89820 const formData = new FormData(form); 89821 89822 formData.set('id', input.value); 89823 formData.set('quantity', '1'); 89824 89825 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 89826 formData.set( 89827 'sections', 89828 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 89829 ); 89830 } 89831 89832 formData.set('sections_url', window.location.pathname); 89833 89834 const addResp = await fetch('/cart/add.js', { 89835 method: 'POST', 89836 headers: { 'Accept': 'application/json' }, 89837 body: formData 89838 }); 89839 89840 const data = await addResp.json(); 89841 89842 if (!addResp.ok) { 89843 throw new Error(data.description || data.message || 'Unable to add this size'); 89844 } 89845 89846 if (cartSections && typeof cartSections.renderContents === 'function') { 89847 cartSections.renderContents(data); 89848 } else { 89849 const bubble = document.querySelector('#cart-icon-bubble'); 89850 if (bubble) bubble.click(); 89851 } 89852 89853 const card = label.closest('.card-wrapper-box'); 89854 if (card) { 89855 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 89856 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 89857 } 89858 } catch (error) { 89859 console.error('SEFAM hover size quick-add error:', error); 89860 if (window.showAlert) { 89861 window.showAlert(error.message || 'Unable to add this size to cart'); 89862 } else { 89863 alert(error.message || 'Unable to add this size to cart'); 89864 } 89865 } finally { 89866 label.dataset.loading = 'false'; 89867 label.style.pointerEvents = ''; 89868 } 89869 }; 89870</script>
89870 89871 89872<style> 89873/* Desktop quick-add final alignment: 89874 sizes start from left; bag area matches the complete quick-size background height. */ 89875@media (min-width: 990px) { 89876 .card-wrapper-box .bt-qatc-form-variants--list { 89877 justify-content: flex-start !important; 89878 align-content: center !important; 89879 text-align: left !important; 89880 } 89881 89882 .card-wrapper-box .bt-qatc-container { 89883 right: 46px !important; 89884 } 89885 89886 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 89887 top: auto !important; 89888 bottom: 0 !important; 89889 width: 46px !important; 89890 height: 100% !important; 89891 min-height: 43px !important; 89892 align-items: stretch !important; 89893 background: rgba(255,255,255,.96) !important; 89894 } 89895 89896 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 89897 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 89898 width: 46px !important; 89899 height: 100% !important; 89900 min-height: 43px !important; 89901 background: rgba(255,255,255,.96) !important; 89902 } 89903 89904 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 89905 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 89906 height: var(--sefam-quick-add-height, 43px) !important; 89907 } 89908} 89909</style>
89910<script> 89911(function () { 89912 function syncQuickAddHeight(card) { 89913 if (!card || window.innerWidth < 990) return; 89914 var panel = card.querySelector('.bt-qatc-form-container'); 89915 if (!panel) return; 89916 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 89917 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 89918 } 89919 89920 document.addEventListener('mouseover', function(e) { 89921 var card = e.target.closest('.card-wrapper-box'); 89922 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 89923 }, { passive: true }); 89924 89925 window.addEventListener('resize', function() { 89926 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 89927 }, { passive: true }); 89928})(); 89929</script>
89929 89930 89931 89932 89933<style> 89934/* ========================================================= 89935 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 89936 - reduce space between sizes 89937 - keep sizes left aligned 89938 - keep the bag icon on the BOTTOM row 89939 - bag background still matches the full size panel 89940 ========================================================= */ 89941@media (min-width: 990px) { 89942 89943 /* More usable width for sizes */ 89944 .card-wrapper-box .bt-qatc-container { 89945 right: 42px !important; 89946 } 89947 89948 /* Compact, left-aligned size list */ 89949 .card-wrapper-box .bt-qatc-form-variants--list { 89950 justify-content: flex-start !important; 89951 align-items: center !important; 89952 align-content: center !important; 89953 89954 column-gap: 0 !important; 89955 row-gap: 0 !important; 89956 89957 padding: 4px 4px !important; 89958 margin: 0 !important; 89959 } 89960 89961 .card-wrapper-box .bt-qatc-form-variant-input { 89962 min-width: 0 !important; 89963 width: auto !important; 89964 height: 35px !important; 89965 margin: 0 !important; 89966 padding: 0 !important; 89967 } 89968 89969 .card-wrapper-box .bt-qatc-form-variant-input label { 89970 min-width: 0 !important; 89971 width: auto !important; 89972 height: 35px !important; 89973 89974 margin: 0 !important; 89975 padding: 0 4px !important; 89976 89977 font-size: 12px !important; 89978 line-height: 1 !important; 89979 } 89980 89981 /* Bag column keeps the same full white background as the sizes */ 89982 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 89983 right: 0 !important; 89984 bottom: 0 !important; 89985 top: auto !important; 89986 89987 width: 42px !important; 89988 min-width: 42px !important; 89989 height: var(--sefam-quick-add-height, 43px) !important; 89990 min-height: 43px !important; 89991 89992 display: flex !important; 89993 flex-direction: column !important; 89994 justify-content: flex-end !important; 89995 align-items: stretch !important; 89996 89997 padding: 0 !important; 89998 margin: 0 !important; 89999 90000 background: rgba(255,255,255,.96) !important; 90001 } 90002 90003 /* The clickable bag itself always sits at the bottom */ 90004 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 90005 width: 42px !important; 90006 min-width: 42px !important; 90007 height: 43px !important; 90008 min-height: 43px !important; 90009 90010 margin-top: auto !important; 90011 padding: 0 !important; 90012 90013 display: flex !important; 90014 align-items: center !important; 90015 justify-content: center !important; 90016 90017 background: rgba(255,255,255,.96) !important; 90018 } 90019 90020 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 90021 width: 42px !important; 90022 height: 43px !important; 90023 min-height: 43px !important; 90024 90025 display: flex !important; 90026 align-items: center !important; 90027 justify-content: center !important; 90028 90029 padding: 0 !important; 90030 margin: 0 !important; 90031 90032 background: transparent !important; 90033 } 90034 90035 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 90036 width: 16px !important; 90037 height: 17px !important; 90038 } 90039} 90040</style> 90041 90042 90043<style> 90044/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 90045@media (min-width: 990px) { 90046 .card-wrapper-box .bt-qatc-form-variants--list { 90047 padding: 3px 4px !important; 90048 column-gap: 0 !important; 90049 row-gap: 0 !important; 90050 justify-content: flex-start !important; 90051 align-items: center !important; 90052 align-content: center !important; 90053 } 90054 90055 .card-wrapper-box .bt-qatc-form-variant-input { 90056 min-width: 0 !important; 90057 width: auto !important; 90058 height: 30px !important; 90059 margin: 0 !important; 90060 padding: 0 !important; 90061 } 90062 90063 .card-wrapper-box .bt-qatc-form-variant-input label { 90064 min-width: 0 !important; 90065 width: auto !important; 90066 height: 30px !important; 90067 margin: 0 !important; 90068 padding: 0 4px !important; 90069 font-size: 12px !important; 90070 line-height: 1 !important; 90071 display: flex !important; 90072 align-items: center !important; 90073 justify-content: center !important; 90074 } 90075 90076 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 90077 display: flex !important; 90078 flex-direction: column !important; 90079 justify-content: flex-end !important;
90080 align-items: stretch !important; 90081 bottom: 0 !important; 90082 top: auto !important; 90083 height: var(--sefam-quick-add-height, 36px) !important; 90084 min-height: 36px !important; 90085 } 90086 90087 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 90088 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 90089 height: 36px !important; 90090 min-height: 36px !important; 90091 margin-top: auto !important; 90092 } 90093} 90094</style> 90095 90096<style> 90097 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 90098 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 90099 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 90100 .card_colorways_container .new-mbl-color-single label span, 90101 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 90102 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 90103</style> 90104 90105 </li> 90106 90107 <li 90108 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_aLwpHn-17" 90109 class="grid__item slider__slide" 90110 > 90111 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 90112� 90113 90114 90115 � 90116 90117 90118 90119 <div class="card-wrapper product-card-wrapper"> 90120 <div 90121 class=" 90122 card card--standard 90123 card--media 90124 90125 90126 90127 90128 90129 " 90130 style="--ratio-percent: 150.00000000000003%;" 90131 90132 > 90133 <div class="card-wrapper-box"> 90134 90135 <div 90136 class="card__inner color-scheme-2 gradient ratio" 90137 style="--ratio-percent: 150.00000000000003%;" 90138 90139 > 90140 �<a href="/products/mcp2258-1"> 90141 90142 �<div class="card-prdct2 card__media"> 90143 <div class="media media--transparent mt3"> 90144 90145 90146 <img 90147 src="//sefam.com/cdn/shop/files/MCP2258-1_1_320e1308-813b-48b7-93e0-f2792c05dfc1.jpg?v=1789450299&width=800" 90148 srcset="//sefam.com/cdn/shop/files/MCP2258-1_1_320e1308-813b-48b7-93e0-f2792c05dfc1.jpg?v=1789450299&width=1600 2x" 90149 class="" 90150 alt="CAMBRIC | PRINTED" 90151 90152 loading="lazy" 90153 90154 width="2400" 90155 height="3600" 90156 > 90157 �<img 90158 src="//sefam.com/cdn/shop/files/MCP2258-1_5_db3d031e-0a89-4cce-a7bd-b2d226e2c877.jpg?v=1789378345&width=800" 90159 srcset="//sefam.com/cdn/shop/files/MCP2258-1_5_db3d031e-0a89-4cce-a7bd-b2d226e2c877.jpg?v=1789378345&width=1600 2x" 90160 alt="CAMBRIC | PRINTED" 90161 loading="lazy" 90162 width="2400" 90163 height="3600" 90164 data-index="" 90165 > 90166 90167 � 90168 </div> 90169 90170 90171 </div> 90172 </a> 90173 </div> 90174 90175 90176 90177 90178 <div class="bt-qatc-container"> 90179 <div class="bt-qatc-form-container"> 90180 <div class="bt-qatc-form-content large-up-hide medium-hide"> 90181 <h3>CAMBRIC | PRINTED</h3> 90182 90183<div 90184 class=" 90185 price " 90186 > 90187 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 90188 <span class="price-item price-item--regular"> 90189 <span class=money>Rs.8,490</span> 90190 </span></div> 90191 <div class="price__sale"> 90192 <span class="visually-hidden visually-hidden--inline">Regular price</span>
90193 <span> 90194 <s class="price-item price-item--regular"> 90195 90196 <span class=money>Rs.8,490</span> 90197 90198 </s> 90199 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 90200 <span class="price-item price-item--sale price-item--last"> 90201 90202 90203 90204 90205 <span class="percentage__sale hidden">0% OFF</span> 90206 90207 <span class=money>Rs.8,490</span> 90208 </span> 90209 </div> 90210 <small class="unit-price caption hidden"> 90211 <span class="visually-hidden">Unit price</span> 90212 <span class="price-item price-item--last"> 90213 <span></span> 90214 <span aria-hidden="true">/</span> 90215 <span class="visually-hidden"> per </span> 90216 <span> 90217 </span> 90218 </span> 90219 </small> 90220 </div></div> 90221 90222 90223 90224 </div> 90225 <div 90226 class="ethnc-form-media large-up-hide medium-hide" 90227 90228 ></div> 90229 <form method="post" action="/cart/add" class="bt-qatc-form"> 90230 <input type="hidden" name="quantity" value="1"> 90231 <div class="bt-qatc-form-variants-container"> 90232 <div class="bt-qatc-form-variants--list"> 90233 90234 <div 90235 class="in-use bt-qatc-form-variant-input" 90236 90237 > 90238 <input 90239 type="radio" 90240 name="id" 90241 id="-52378910654760" 90242 value="52378910654760" 90243 data-price="849000" 90244 data-item-id="10341204328744" 90245 hidden 90246 90247 data-item-id="10341204328744" 90248 90249 > 90250 90251 <label 90252 for="-52378910654760" 90253 data-sefam-quick-size 90254 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 90255 > 90256 <span class="split-variant-value"> 90257 90258 90259 90260 90261 90262 90263 90264 XS 90265 90266 90267</span> 90268 </label> 90269 </div> 90270 90271 <div 90272 class="in-use bt-qatc-form-variant-input" 90273 90274 > 90275 <input 90276 type="radio" 90277 name="id" 90278 id="-52378910687528" 90279 value="52378910687528" 90280 data-price="849000" 90281 data-item-id="10341204328744" 90282 hidden 90283 90284 data-item-id="10341204328744" 90285 90286 > 90287 90288 <label 90289 for="-52378910687528" 90290 data-sefam-quick-size 90291 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 90292 > 90293 <span class="split-variant-value"> 90294 90295 90296 90297 90298 90299 90300 90301 S 90302 90303 90304</span> 90305 </label> 90306 </div> 90307 90308 <div 90309 class="in-use bt-qatc-form-variant-input" 90310 90311 > 90312 <input 90313 type="radio" 90314 name="id" 90315 id="-52378910720296" 90316 value="52378910720296" 90317 data-price="849000" 90318 data-item-id="10341204328744" 90319 hidden 90320 90321 data-item-id="10341204328744" 90322 90323 > 90324 90325 <label 90326 for="-52378910720296" 90327 data-sefam-quick-size 90328 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 90329 >
90330 <span class="split-variant-value"> 90331 90332 90333 90334 90335 90336 90337 90338 M 90339 90340 90341</span> 90342 </label> 90343 </div> 90344 90345 <div 90346 class="in-use bt-qatc-form-variant-input" 90347 90348 > 90349 <input 90350 type="radio" 90351 name="id" 90352 id="-52378910753064" 90353 value="52378910753064" 90354 data-price="849000" 90355 data-item-id="10341204328744" 90356 hidden 90357 90358 data-item-id="10341204328744" 90359 90360 > 90361 90362 <label 90363 for="-52378910753064" 90364 data-sefam-quick-size 90365 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 90366 > 90367 <span class="split-variant-value"> 90368 90369 90370 90371 90372 90373 90374 90375 L 90376 90377 90378</span> 90379 </label> 90380 </div> 90381 90382 </div> 90383 90384 90385 90386 90387 </div> 90388 </form> 90389 </div> 90390 </div> 90391 90392 90393 90394 90395 90396 90397 90398 90399 90400 90401 90402 90403 90404 90405 90406 90407 90408 90409 90410 90411 90412 90413 90414 90415 90416 90417 90418 90419 90420 90421 90422 90423 90424 90425 90426 90427 90428 90429 90430 90431 90432 90433 <div 90434 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 90435 > 90436 <div class="ethnc-qatc-btn cstm-add-btn visible"> 90437 <span class="small-hide hide-mobile">Add to Basket</span> 90438 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 90439 </span> 90440 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 90441 width="11" 90442 height="11" 90443 viewBox="0 0 11 11" 90444 fill="none" 90445> 90446 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 90447 fill="black" 90448 /> 90449</svg> 90450</span> 90451 </div> 90452 </div> 90453 90454 90455 </div> 90456 90457 <div class="card__content aiza2"> 90458 <div class="card__information"> 90459 <small class="product-brand"> 90460 Kayseria 90461 </small> 90462 <h3 90463 class="card__heading h5" 90464 90465 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10341204328744" 90466 90467 > 90468 <a 90469 href="/products/mcp2258-1" 90470 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10341204328744" 90471 class="full-unstyled-link" 90472 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10341204328744 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10341204328744" 90473 > 90474 CAMBRIC | PRINTED 90475 90476 <div class="card_colorways_container" onclick="event.stopPropagation();"> 90477 90478 90479 90480 90481 90482 90483 90484 <div class="new-mbl-color-single new-mbl-option-single is-active" title="RUST"> 90485 <label aria-label="RUST"> 90486 90487
90488 <span style="background: rgb(222 113 59);"></span> 90489 90490 90491 </label> 90492 </div> 90493 � 90494 </div> 90495 </a> 90496 90497 </h3> 90498 90499 <h3 class="product-subtitle hidden">RTW | SHIRT & SHALWAR</h3> 90500 90501 <div class="card-information"><span class="caption-large light"></span> 90502<div 90503 class=" 90504 price " 90505 > 90506 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 90507 <span class="price-item price-item--regular"> 90508 <span class=money>Rs.8,490</span> 90509 </span></div> 90510 <div class="price__sale"> 90511 <span class="visually-hidden visually-hidden--inline">Regular price</span> 90512 <span> 90513 <s class="price-item price-item--regular"> 90514 90515 <span class=money>Rs.8,490</span> 90516 90517 </s> 90518 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 90519 <span class="price-item price-item--sale price-item--last"> 90520 90521 90522 90523 90524 <span class="percentage__sale hidden">0% OFF</span> 90525 90526 <span class=money>Rs.8,490</span> 90527 </span> 90528 </div> 90529 <small class="unit-price caption hidden"> 90530 <span class="visually-hidden">Unit price</span> 90531 <span class="price-item price-item--last"> 90532 <span></span> 90533 <span aria-hidden="true">/</span> 90534 <span class="visually-hidden"> per </span> 90535 <span> 90536 </span> 90537 </span> 90538 </small> 90539 </div></div> 90540 90541 90542 90543 </div> 90544 </div> 90545 </div> 90546 90547 </div> 90548 </div><style> 90549/* ========================================================= 90550 DESKTOP PRODUCT CARD QUICK ADD 90551 LEFT = sizes 90552 RIGHT = original bag icon 90553 Mobile behavior remains unchanged 90554 ========================================================= */ 90555@media (min-width: 990px) { 90556 .hide-desktop { 90557 display: none !important; 90558 } 90559 90560 /* Keep both controls on the same bottom row */ 90561 .card-wrapper-box { 90562 position: relative; 90563 } 90564 90565 .card-wrapper-box .bt-qatc-container, 90566 .card-wrapper-box .ethnc-qatc-btn-container { 90567 position: absolute !important; 90568 bottom: 0 !important; 90569 z-index: 8 !important; 90570 } 90571 90572 /* LEFT: size area */ 90573 .card-wrapper-box .bt-qatc-container { 90574 left: 0 !important; 90575 right: 46px !important; 90576 width: auto !important; 90577 } 90578 90579 .card-wrapper-box .bt-qatc-form-container { 90580 left: 0 !important; 90581 right: 0 !important; 90582 bottom: -350% !important; 90583 width: 100% !important; 90584 min-height: 43px !important; 90585 opacity: 0 !important; 90586 visibility: hidden !important; 90587 pointer-events: none !important; 90588 transition: bottom .22s ease, opacity .18s ease !important; 90589 } 90590 90591 .card-wrapper-box .bt-qatc-form, 90592 .card-wrapper-box .bt-qatc-form-variants-container, 90593 .card-wrapper-box .bt-qatc-form-variants--list { 90594 width: 100% !important; 90595 } 90596 90597 .card-wrapper-box .bt-qatc-form-variants--list { 90598 display: flex !important; 90599 align-items: center !important; 90600 flex-wrap: wrap !important; 90601 gap: 0 !important; 90602 min-height: 43px !important; 90603 } 90604 90605 /* RIGHT: original bag button */ 90606 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 90607 display: flex !important; 90608 align-items: stretch !important; 90609 justify-content: center !important; 90610 left: auto !important; 90611 right: 0 !important; 90612 width: 46px !important; 90613 height: 43px !important; 90614 opacity: 0 !important; 90615 visibility: hidden !important; 90616 pointer-events: none !important; 90617 transition: opacity .18s ease !important; 90618 } 90619 90620 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 90621 display: flex !important; 90622 align-items: center !important; 90623 justify-content: center !important; 90624 width: 46px !important; 90625 height: 43px !important; 90626 min-width: 46px !important; 90627 padding: 0 !important; 90628 cursor: pointer !important; 90629 } 90630
90631 /* Hide Add to Basket text on desktop; keep only bag icon */ 90632 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 90633 display: none !important; 90634 } 90635 90636 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 90637 display: flex !important; 90638 align-items: center !important; 90639 justify-content: center !important; 90640 width: 100% !important; 90641 height: 100% !important; 90642 padding: 0 !important; 90643 } 90644 90645 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 90646 display: block !important; 90647 width: 16px !important; 90648 height: 17px !important; 90649 } 90650 90651 /* Show sizes + bag together on desktop hover */ 90652 .card-wrapper-box:hover .bt-qatc-form-container { 90653 bottom: 0 !important; 90654 opacity: 1 !important; 90655 visibility: visible !important; 90656 pointer-events: auto !important; 90657 } 90658 90659 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 90660 opacity: 1 !important; 90661 visibility: visible !important; 90662 pointer-events: auto !important; 90663 } 90664} 90665 90666@media (max-width: 989px) { 90667 .hide-mobile { 90668 display: none; 90669 } 90670} 90671</style> 90672 90673 90674<style> 90675/* ========================================================= 90676 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 90677 Keeps all sizes in one clean row on the left 90678 and the bag icon fixed on the right. 90679 ========================================================= */ 90680@media (min-width: 990px) { 90681 90682 .card-wrapper-box .bt-qatc-form-container { 90683 height: 43px !important; 90684 min-height: 43px !important; 90685 max-height: 43px !important; 90686 overflow: hidden !important; 90687 background: rgba(255,255,255,.96) !important; 90688 } 90689 90690 .card-wrapper-box .bt-qatc-form { 90691 display: block !important; 90692 height: 43px !important; 90693 min-height: 43px !important; 90694 margin: 0 !important; 90695 padding: 0 !important; 90696 } 90697 90698 .card-wrapper-box .bt-qatc-form-variants-container { 90699 display: block !important; 90700 width: 100% !important; 90701 height: 43px !important; 90702 min-height: 43px !important; 90703 margin: 0 !important; 90704 padding: 0 !important; 90705 } 90706 90707 .card-wrapper-box .bt-qatc-form-variants--list { 90708 display: flex !important; 90709 flex-direction: row !important; 90710 flex-wrap: wrap !important; 90711 align-items: center !important; 90712 justify-content: center !important; 90713 90714 width: 100% !important; 90715 height: 43px !important; 90716 min-height: 43px !important; 90717 90718 margin: 0 !important; 90719 padding: 0 6px !important; 90720 gap: 2px !important; 90721 90722 box-sizing: border-box !important; 90723 overflow: visible !important; 90724 white-space: normal !important; 90725 } 90726 90727 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 90728 display: none !important; 90729 } 90730 90731 .card-wrapper-box .bt-qatc-form-variant-input { 90732 position: relative !important; 90733 90734 display: flex !important; 90735 align-items: center !important; 90736 justify-content: center !important; 90737 90738 flex: 0 0 auto !important; 90739 width: auto !important; 90740 min-width: 32px !important; 90741 height: 43px !important; 90742 90743 margin: 0 !important; 90744 padding: 0 !important; 90745 90746 border: 0 !important; 90747 background: transparent !important; 90748 } 90749 90750 .card-wrapper-box .bt-qatc-form-variant-input label { 90751 position: static !important; 90752 90753 display: flex !important; 90754 align-items: center !important; 90755 justify-content: center !important; 90756 90757 width: auto !important; 90758 min-width: 32px !important; 90759 height: 32px !important; 90760 90761 margin: 0 !important; 90762 padding: 0 6px !important; 90763 90764 box-sizing: border-box !important; 90765 90766 background: transparent !important; 90767 border: 0 !important; 90768 90769 color: #111 !important; 90770 font-size: 12px !important; 90771 line-height: 1 !important; 90772 font-weight: 400 !important; 90773 90774 white-space: nowrap !important; 90775 cursor: pointer !important; 90776 } 90777 90778 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 90779 display: block !important; 90780 width: auto !important; 90781 max-width: none !important; 90782 90783 margin: 0 !important; 90784 padding: 0 !important; 90785 90786 overflow: visible !important; 90787 white-space: nowrap !important; 90788 text-overflow: clip !important; 90789 90790 font-size: inherit !important; 90791 line-height: inherit !important; 90792 } 90793 90794 /* Sold-out size */ 90795 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 90796 opacity: .35 !important; 90797 text-decoration: line-through !important;
90798 cursor: not-allowed !important; 90799 } 90800 90801 /* Optional hover feedback */ 90802 .card-wrapper-box 90803 .bt-qatc-form-variant-input:not(.is-disbaled) 90804 label:hover { 90805 text-decoration: underline !important; 90806 text-underline-offset: 3px !important; 90807 } 90808 90809 /* Prevent old theme transforms / absolute positions */ 90810 .card-wrapper-box .bt-qatc-form-variant-input *, 90811 .card-wrapper-box .bt-qatc-form-variants--list * { 90812 transform: none; 90813 } 90814} 90815</style> 90816 90817 90818<style> 90819/* Desktop quick-add: use one seamless background for sizes + bag */ 90820@media (min-width: 990px) { 90821 .card-wrapper-box .bt-qatc-form-container, 90822 .card-wrapper-box .bt-qatc-form, 90823 .card-wrapper-box .bt-qatc-form-variants-container, 90824 .card-wrapper-box .bt-qatc-form-variants--list, 90825 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 90826 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 90827 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 90828 background: rgba(255,255,255,.96) !important; 90829 } 90830 90831 /* Remove any visual split between sizes and bag */ 90832 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 90833 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 90834 border-left: 0 !important; 90835 box-shadow: none !important; 90836 } 90837} 90838</style> 90839 90840 90841<style> 90842/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 90843@media (min-width: 990px) { 90844 .card-wrapper-box .bt-qatc-form-container, 90845 .card-wrapper-box .bt-qatc-form, 90846 .card-wrapper-box .bt-qatc-form-variants-container { 90847 height: auto !important; 90848 max-height: none !important; 90849 overflow: visible !important; 90850 } 90851 90852 .card-wrapper-box .bt-qatc-form-variants--list { 90853 display: flex !important; 90854 flex-wrap: wrap !important; 90855 justify-content: center !important; 90856 align-items: center !important; 90857 height: auto !important; 90858 min-height: 43px !important; 90859 max-height: none !important; 90860 overflow: visible !important; 90861 white-space: normal !important; 90862 padding: 5px 6px !important; 90863 } 90864 90865 .card-wrapper-box .bt-qatc-form-variant-input { 90866 flex: 0 0 auto !important; 90867 } 90868} 90869</style> 90870
90871<script> 90872 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 90873 const wrap = label.closest('.bt-qatc-form-variant-input'); 90874 const form = label.closest('.bt-qatc-form'); 90875 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 90876 90877 if (!wrap || !form || !input) return; 90878 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 90879 if (label.dataset.loading === 'true') return; 90880 90881 input.checked = true; 90882 label.dataset.loading = 'true'; 90883 label.style.pointerEvents = 'none'; 90884 90885 try { 90886 const cartResp = await fetch('/cart.js', { 90887 method: 'GET', 90888 headers: { 'Accept': 'application/json' } 90889 }); 90890 90891 if (!cartResp.ok) throw new Error('Unable to read cart'); 90892 90893 const cart = await cartResp.json(); 90894 const variantId = Number(input.value); 90895 const selectedPrice = Number(input.dataset.price || 0) / 100; 90896 const totalCartPrice = Number(cart.total_price || 0) / 100; 90897 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 90898 90899 if ((totalCartPrice + selectedPrice) > 250000) { 90900 if (window.showAlert) { 90901 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 90902 } else { 90903 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 90904 } 90905 return; 90906 } 90907 90908 if (itemInCart && Number(itemInCart.quantity) >= 3) { 90909 if (window.showAlert) { 90910 window.showAlert('Limit reached: Max 3 items per size can be added'); 90911 } else { 90912 alert('Limit reached: Max 3 items per size can be added'); 90913 } 90914 return; 90915 } 90916 90917 90918 const cartSections = document.querySelector('cart-notification, cart-drawer'); 90919 const formData = new FormData(form); 90920 90921 formData.set('id', input.value); 90922 formData.set('quantity', '1'); 90923 90924 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 90925 formData.set( 90926 'sections', 90927 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 90928 ); 90929 } 90930 90931 formData.set('sections_url', window.location.pathname); 90932 90933 const addResp = await fetch('/cart/add.js', { 90934 method: 'POST', 90935 headers: { 'Accept': 'application/json' }, 90936 body: formData 90937 }); 90938 90939 const data = await addResp.json(); 90940 90941 if (!addResp.ok) { 90942 throw new Error(data.description || data.message || 'Unable to add this size'); 90943 } 90944 90945 if (cartSections && typeof cartSections.renderContents === 'function') { 90946 cartSections.renderContents(data); 90947 } else { 90948 const bubble = document.querySelector('#cart-icon-bubble'); 90949 if (bubble) bubble.click(); 90950 } 90951 90952 const card = label.closest('.card-wrapper-box'); 90953 if (card) { 90954 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 90955 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 90956 } 90957 } catch (error) { 90958 console.error('SEFAM hover size quick-add error:', error); 90959 if (window.showAlert) { 90960 window.showAlert(error.message || 'Unable to add this size to cart'); 90961 } else { 90962 alert(error.message || 'Unable to add this size to cart'); 90963 } 90964 } finally { 90965 label.dataset.loading = 'false'; 90966 label.style.pointerEvents = ''; 90967 } 90968 }; 90969</script>
90969 90970 90971<style> 90972/* Desktop quick-add final alignment: 90973 sizes start from left; bag area matches the complete quick-size background height. */ 90974@media (min-width: 990px) { 90975 .card-wrapper-box .bt-qatc-form-variants--list { 90976 justify-content: flex-start !important; 90977 align-content: center !important; 90978 text-align: left !important; 90979 } 90980 90981 .card-wrapper-box .bt-qatc-container { 90982 right: 46px !important; 90983 } 90984 90985 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 90986 top: auto !important; 90987 bottom: 0 !important; 90988 width: 46px !important; 90989 height: 100% !important; 90990 min-height: 43px !important; 90991 align-items: stretch !important; 90992 background: rgba(255,255,255,.96) !important; 90993 } 90994 90995 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 90996 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 90997 width: 46px !important; 90998 height: 100% !important; 90999 min-height: 43px !important; 91000 background: rgba(255,255,255,.96) !important; 91001 } 91002 91003 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 91004 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 91005 height: var(--sefam-quick-add-height, 43px) !important; 91006 } 91007} 91008</style>
91009<script> 91010(function () { 91011 function syncQuickAddHeight(card) { 91012 if (!card || window.innerWidth < 990) return; 91013 var panel = card.querySelector('.bt-qatc-form-container'); 91014 if (!panel) return; 91015 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 91016 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 91017 } 91018 91019 document.addEventListener('mouseover', function(e) { 91020 var card = e.target.closest('.card-wrapper-box'); 91021 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 91022 }, { passive: true }); 91023 91024 window.addEventListener('resize', function() { 91025 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 91026 }, { passive: true }); 91027})(); 91028</script>
91028 91029 91030 91031 91032<style> 91033/* ========================================================= 91034 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 91035 - reduce space between sizes 91036 - keep sizes left aligned 91037 - keep the bag icon on the BOTTOM row 91038 - bag background still matches the full size panel 91039 ========================================================= */ 91040@media (min-width: 990px) { 91041 91042 /* More usable width for sizes */ 91043 .card-wrapper-box .bt-qatc-container { 91044 right: 42px !important; 91045 } 91046 91047 /* Compact, left-aligned size list */ 91048 .card-wrapper-box .bt-qatc-form-variants--list { 91049 justify-content: flex-start !important; 91050 align-items: center !important; 91051 align-content: center !important; 91052 91053 column-gap: 0 !important; 91054 row-gap: 0 !important; 91055 91056 padding: 4px 4px !important; 91057 margin: 0 !important; 91058 } 91059 91060 .card-wrapper-box .bt-qatc-form-variant-input { 91061 min-width: 0 !important; 91062 width: auto !important; 91063 height: 35px !important; 91064 margin: 0 !important; 91065 padding: 0 !important; 91066 } 91067 91068 .card-wrapper-box .bt-qatc-form-variant-input label { 91069 min-width: 0 !important; 91070 width: auto !important; 91071 height: 35px !important; 91072 91073 margin: 0 !important; 91074 padding: 0 4px !important; 91075 91076 font-size: 12px !important; 91077 line-height: 1 !important; 91078 } 91079 91080 /* Bag column keeps the same full white background as the sizes */ 91081 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 91082 right: 0 !important; 91083 bottom: 0 !important; 91084 top: auto !important; 91085 91086 width: 42px !important; 91087 min-width: 42px !important; 91088 height: var(--sefam-quick-add-height, 43px) !important; 91089 min-height: 43px !important; 91090 91091 display: flex !important; 91092 flex-direction: column !important; 91093 justify-content: flex-end !important; 91094 align-items: stretch !important; 91095 91096 padding: 0 !important; 91097 margin: 0 !important; 91098 91099 background: rgba(255,255,255,.96) !important; 91100 } 91101 91102 /* The clickable bag itself always sits at the bottom */ 91103 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 91104 width: 42px !important; 91105 min-width: 42px !important; 91106 height: 43px !important; 91107 min-height: 43px !important; 91108 91109 margin-top: auto !important; 91110 padding: 0 !important; 91111 91112 display: flex !important; 91113 align-items: center !important; 91114 justify-content: center !important; 91115 91116 background: rgba(255,255,255,.96) !important; 91117 } 91118 91119 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 91120 width: 42px !important; 91121 height: 43px !important; 91122 min-height: 43px !important; 91123 91124 display: flex !important; 91125 align-items: center !important; 91126 justify-content: center !important; 91127 91128 padding: 0 !important; 91129 margin: 0 !important; 91130 91131 background: transparent !important; 91132 } 91133 91134 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 91135 width: 16px !important; 91136 height: 17px !important; 91137 } 91138} 91139</style> 91140 91141 91142<style> 91143/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 91144@media (min-width: 990px) { 91145 .card-wrapper-box .bt-qatc-form-variants--list { 91146 padding: 3px 4px !important; 91147 column-gap: 0 !important; 91148 row-gap: 0 !important; 91149 justify-content: flex-start !important; 91150 align-items: center !important; 91151 align-content: center !important; 91152 } 91153 91154 .card-wrapper-box .bt-qatc-form-variant-input { 91155 min-width: 0 !important; 91156 width: auto !important; 91157 height: 30px !important; 91158 margin: 0 !important; 91159 padding: 0 !important; 91160 } 91161 91162 .card-wrapper-box .bt-qatc-form-variant-input label { 91163 min-width: 0 !important; 91164 width: auto !important; 91165 height: 30px !important; 91166 margin: 0 !important; 91167 padding: 0 4px !important; 91168 font-size: 12px !important; 91169 line-height: 1 !important; 91170 display: flex !important; 91171 align-items: center !important; 91172 justify-content: center !important; 91173 } 91174 91175 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 91176 display: flex !important; 91177 flex-direction: column !important; 91178 justify-content: flex-end !important;
91179 align-items: stretch !important; 91180 bottom: 0 !important; 91181 top: auto !important; 91182 height: var(--sefam-quick-add-height, 36px) !important; 91183 min-height: 36px !important; 91184 } 91185 91186 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 91187 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 91188 height: 36px !important; 91189 min-height: 36px !important; 91190 margin-top: auto !important; 91191 } 91192} 91193</style> 91194 91195<style> 91196 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 91197 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 91198 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 91199 .card_colorways_container .new-mbl-color-single label span, 91200 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 91201 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 91202</style> 91203 91204 </li> 91205 91206 <li 91207 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_aLwpHn-18" 91208 class="grid__item slider__slide" 91209 > 91210 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 91211� 91212 91213 91214 � 91215 91216 91217 91218 <div class="card-wrapper product-card-wrapper"> 91219 <div 91220 class=" 91221 card card--standard 91222 card--media 91223 91224 91225 91226 91227 91228 " 91229 style="--ratio-percent: 150.00000000000003%;" 91230 91231 > 91232 <div class="card-wrapper-box"> 91233 91234 <div 91235 class="card__inner color-scheme-2 gradient ratio" 91236 style="--ratio-percent: 150.00000000000003%;" 91237 91238 > 91239 �<a href="/products/mcp2258-3"> 91240 91241 �<div class="card-prdct2 card__media"> 91242 <div class="media media--transparent mt3"> 91243 91244 91245 <img 91246 src="//sefam.com/cdn/shop/files/MCP2258-2_9.jpg?v=1789450321&width=800" 91247 srcset="//sefam.com/cdn/shop/files/MCP2258-2_9.jpg?v=1789450321&width=1600 2x" 91248 class="" 91249 alt="CAMBRIC | PRINTED" 91250 91251 loading="lazy" 91252 91253 width="2400" 91254 height="3600" 91255 > 91256 �<img 91257 src="//sefam.com/cdn/shop/files/MCP2258-2_2.jpg?v=1788868328&width=800" 91258 srcset="//sefam.com/cdn/shop/files/MCP2258-2_2.jpg?v=1788868328&width=1600 2x" 91259 alt="CAMBRIC | PRINTED" 91260 loading="lazy" 91261 width="2400" 91262 height="3600" 91263 data-index="" 91264 > 91265 91266 � 91267 </div> 91268 91269 91270 </div> 91271 </a> 91272 </div> 91273 91274 91275 91276 91277 <div class="bt-qatc-container"> 91278 <div class="bt-qatc-form-container"> 91279 <div class="bt-qatc-form-content large-up-hide medium-hide"> 91280 <h3>CAMBRIC | PRINTED</h3> 91281 91282<div 91283 class=" 91284 price " 91285 > 91286 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 91287 <span class="price-item price-item--regular"> 91288 <span class=money>Rs.8,490</span> 91289 </span></div> 91290 <div class="price__sale"> 91291 <span class="visually-hidden visually-hidden--inline">Regular price</span> 91292 <span> 91293 <s class="price-item price-item--regular"> 91294 91295 <span class=money>Rs.8,490</span> 91296 91297 </s> 91298 </span><span class="visually-hidden visually-hidden--inline">Sale price</span>
91299 <span class="price-item price-item--sale price-item--last"> 91300 91301 91302 91303 91304 <span class="percentage__sale hidden">0% OFF</span> 91305 91306 <span class=money>Rs.8,490</span> 91307 </span> 91308 </div> 91309 <small class="unit-price caption hidden"> 91310 <span class="visually-hidden">Unit price</span> 91311 <span class="price-item price-item--last"> 91312 <span></span> 91313 <span aria-hidden="true">/</span> 91314 <span class="visually-hidden"> per </span> 91315 <span> 91316 </span> 91317 </span> 91318 </small> 91319 </div></div> 91320 91321 91322 91323 </div> 91324 <div 91325 class="ethnc-form-media large-up-hide medium-hide" 91326 91327 ></div> 91328 <form method="post" action="/cart/add" class="bt-qatc-form"> 91329 <input type="hidden" name="quantity" value="1"> 91330 <div class="bt-qatc-form-variants-container"> 91331 <div class="bt-qatc-form-variants--list"> 91332 91333 <div 91334 class="in-use bt-qatc-form-variant-input" 91335 91336 > 91337 <input 91338 type="radio" 91339 name="id" 91340 id="-52081663836456" 91341 value="52081663836456" 91342 data-price="849000" 91343 data-item-id="10341218844968" 91344 hidden 91345 91346 data-item-id="10341218844968" 91347 91348 > 91349 91350 <label 91351 for="-52081663836456" 91352 data-sefam-quick-size 91353 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 91354 > 91355 <span class="split-variant-value"> 91356 91357 91358 91359 91360 91361 91362 91363 XS 91364 91365 91366</span> 91367 </label> 91368 </div> 91369 91370 <div 91371 class="in-use bt-qatc-form-variant-input" 91372 91373 > 91374 <input 91375 type="radio" 91376 name="id" 91377 id="-52081663869224" 91378 value="52081663869224" 91379 data-price="849000" 91380 data-item-id="10341218844968" 91381 hidden 91382 91383 data-item-id="10341218844968" 91384 91385 > 91386 91387 <label 91388 for="-52081663869224" 91389 data-sefam-quick-size 91390 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 91391 > 91392 <span class="split-variant-value"> 91393 91394 91395 91396 91397 91398 91399 91400 S 91401 91402 91403</span> 91404 </label> 91405 </div> 91406 91407 <div 91408 class="in-use bt-qatc-form-variant-input" 91409 91410 > 91411 <input 91412 type="radio" 91413 name="id" 91414 id="-52081663901992" 91415 value="52081663901992" 91416 data-price="849000" 91417 data-item-id="10341218844968" 91418 hidden 91419 91420 data-item-id="10341218844968" 91421 91422 > 91423 91424 <label 91425 for="-52081663901992" 91426 data-sefam-quick-size 91427 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 91428 >
91429 <span class="split-variant-value"> 91430 91431 91432 91433 91434 91435 91436 91437 M 91438 91439 91440</span> 91441 </label> 91442 </div> 91443 91444 <div 91445 class="in-use bt-qatc-form-variant-input" 91446 91447 > 91448 <input 91449 type="radio" 91450 name="id" 91451 id="-52081663934760" 91452 value="52081663934760" 91453 data-price="849000" 91454 data-item-id="10341218844968" 91455 hidden 91456 91457 data-item-id="10341218844968" 91458 91459 > 91460 91461 <label 91462 for="-52081663934760" 91463 data-sefam-quick-size 91464 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 91465 > 91466 <span class="split-variant-value"> 91467 91468 91469 91470 91471 91472 91473 91474 L 91475 91476 91477</span> 91478 </label> 91479 </div> 91480 91481 </div> 91482 91483 91484 91485 91486 </div> 91487 </form> 91488 </div> 91489 </div> 91490 91491 91492 91493 91494 91495 91496 91497 91498 91499 91500 91501 91502 91503 91504 91505 91506 91507 91508 91509 91510 91511 91512 91513 91514 91515 91516 91517 91518 91519 91520 91521 91522 91523 91524 91525 91526 91527 91528 91529 91530 91531 91532 91533 91534 91535 91536 91537 91538 91539 91540 91541 91542 91543 91544 91545 91546 91547 91548 91549 91550 <div 91551 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 91552 > 91553 <div class="ethnc-qatc-btn cstm-add-btn visible"> 91554 <span class="small-hide hide-mobile">Add to Basket</span> 91555 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 91556 </span> 91557 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 91558 width="11" 91559 height="11" 91560 viewBox="0 0 11 11" 91561 fill="none" 91562> 91563 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 91564 fill="black" 91565 /> 91566</svg> 91567</span> 91568 </div> 91569 </div> 91570 91571 91572 </div> 91573 91574 <div class="card__content aiza2"> 91575 <div class="card__information"> 91576 <small class="product-brand"> 91577 Kayseria 91578 </small> 91579 <h3 91580 class="card__heading h5" 91581 91582 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10341218844968" 91583 91584 > 91585 <a 91586 href="/products/mcp2258-3" 91587 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10341218844968" 91588 class="full-unstyled-link" 91589 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10341218844968 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10341218844968" 91590 > 91591 CAMBRIC | PRINTED 91592 91593 <div class="card_colorways_container" onclick="event.stopPropagation();"> 91594 91595 91596 � 91597 </div> 91598 </a> 91599 91600 </h3> 91601 91602 <h3 class="product-subtitle hidden">RTW | SHIRT & SHALWAR</h3> 91603 91604 <div class="card-information"><span class="caption-large light"></span> 91605<div 91606 class=" 91607 price " 91608 > 91609 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
91610 <span class="price-item price-item--regular"> 91611 <span class=money>Rs.8,490</span> 91612 </span></div> 91613 <div class="price__sale"> 91614 <span class="visually-hidden visually-hidden--inline">Regular price</span> 91615 <span> 91616 <s class="price-item price-item--regular"> 91617 91618 <span class=money>Rs.8,490</span> 91619 91620 </s> 91621 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 91622 <span class="price-item price-item--sale price-item--last"> 91623 91624 91625 91626 91627 <span class="percentage__sale hidden">0% OFF</span> 91628 91629 <span class=money>Rs.8,490</span> 91630 </span> 91631 </div> 91632 <small class="unit-price caption hidden"> 91633 <span class="visually-hidden">Unit price</span> 91634 <span class="price-item price-item--last"> 91635 <span></span> 91636 <span aria-hidden="true">/</span> 91637 <span class="visually-hidden"> per </span> 91638 <span> 91639 </span> 91640 </span> 91641 </small> 91642 </div></div> 91643 91644 91645 91646 </div> 91647 </div> 91648 </div> 91649 91650 </div> 91651 </div><style> 91652/* ========================================================= 91653 DESKTOP PRODUCT CARD QUICK ADD 91654 LEFT = sizes 91655 RIGHT = original bag icon 91656 Mobile behavior remains unchanged 91657 ========================================================= */ 91658@media (min-width: 990px) { 91659 .hide-desktop { 91660 display: none !important; 91661 } 91662 91663 /* Keep both controls on the same bottom row */ 91664 .card-wrapper-box { 91665 position: relative; 91666 } 91667 91668 .card-wrapper-box .bt-qatc-container, 91669 .card-wrapper-box .ethnc-qatc-btn-container { 91670 position: absolute !important; 91671 bottom: 0 !important; 91672 z-index: 8 !important; 91673 } 91674 91675 /* LEFT: size area */ 91676 .card-wrapper-box .bt-qatc-container { 91677 left: 0 !important; 91678 right: 46px !important; 91679 width: auto !important; 91680 } 91681 91682 .card-wrapper-box .bt-qatc-form-container { 91683 left: 0 !important; 91684 right: 0 !important; 91685 bottom: -350% !important; 91686 width: 100% !important; 91687 min-height: 43px !important; 91688 opacity: 0 !important; 91689 visibility: hidden !important; 91690 pointer-events: none !important; 91691 transition: bottom .22s ease, opacity .18s ease !important; 91692 } 91693 91694 .card-wrapper-box .bt-qatc-form, 91695 .card-wrapper-box .bt-qatc-form-variants-container, 91696 .card-wrapper-box .bt-qatc-form-variants--list { 91697 width: 100% !important; 91698 } 91699 91700 .card-wrapper-box .bt-qatc-form-variants--list { 91701 display: flex !important; 91702 align-items: center !important; 91703 flex-wrap: wrap !important; 91704 gap: 0 !important; 91705 min-height: 43px !important; 91706 } 91707 91708 /* RIGHT: original bag button */ 91709 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 91710 display: flex !important; 91711 align-items: stretch !important; 91712 justify-content: center !important; 91713 left: auto !important; 91714 right: 0 !important; 91715 width: 46px !important; 91716 height: 43px !important; 91717 opacity: 0 !important; 91718 visibility: hidden !important; 91719 pointer-events: none !important; 91720 transition: opacity .18s ease !important; 91721 } 91722 91723 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 91724 display: flex !important; 91725 align-items: center !important; 91726 justify-content: center !important; 91727 width: 46px !important; 91728 height: 43px !important; 91729 min-width: 46px !important; 91730 padding: 0 !important; 91731 cursor: pointer !important; 91732 } 91733 91734 /* Hide Add to Basket text on desktop; keep only bag icon */ 91735 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 91736 display: none !important; 91737 } 91738 91739 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 91740 display: flex !important; 91741 align-items: center !important; 91742 justify-content: center !important; 91743 width: 100% !important; 91744 height: 100% !important; 91745 padding: 0 !important; 91746 } 91747 91748 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 91749 display: block !important; 91750 width: 16px !important; 91751 height: 17px !important; 91752 } 91753 91754 /* Show sizes + bag together on desktop hover */ 91755 .card-wrapper-box:hover .bt-qatc-form-container { 91756 bottom: 0 !important; 91757 opacity: 1 !important; 91758 visibility: visible !important; 91759 pointer-events: auto !important; 91760 } 91761 91762 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 91763 opacity: 1 !important; 91764 visibility: visible !important; 91765 pointer-events: auto !important; 91766 } 91767} 91768 91769@media (max-width: 989px) { 91770 .hide-mobile { 91771 display: none; 91772 } 91773} 91774</style> 91775 91776 91777<style> 91778/* ========================================================= 91779 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 91780 Keeps all sizes in one clean row on the left 91781 and the bag icon fixed on the right. 91782 ========================================================= */ 91783@media (min-width: 990px) { 91784 91785 .card-wrapper-box .bt-qatc-form-container { 91786 height: 43px !important; 91787 min-height: 43px !important; 91788 max-height: 43px !important; 91789 overflow: hidden !important; 91790 background: rgba(255,255,255,.96) !important; 91791 } 91792 91793 .card-wrapper-box .bt-qatc-form { 91794 display: block !important; 91795 height: 43px !important; 91796 min-height: 43px !important; 91797 margin: 0 !important; 91798 padding: 0 !important; 91799 } 91800 91801 .card-wrapper-box .bt-qatc-form-variants-container { 91802 display: block !important; 91803 width: 100% !important; 91804 height: 43px !important; 91805 min-height: 43px !important; 91806 margin: 0 !important; 91807 padding: 0 !important; 91808 } 91809 91810 .card-wrapper-box .bt-qatc-form-variants--list { 91811 display: flex !important; 91812 flex-direction: row !important; 91813 flex-wrap: wrap !important;
91814 align-items: center !important; 91815 justify-content: center !important; 91816 91817 width: 100% !important; 91818 height: 43px !important; 91819 min-height: 43px !important; 91820 91821 margin: 0 !important; 91822 padding: 0 6px !important; 91823 gap: 2px !important; 91824 91825 box-sizing: border-box !important; 91826 overflow: visible !important; 91827 white-space: normal !important; 91828 } 91829 91830 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 91831 display: none !important; 91832 } 91833 91834 .card-wrapper-box .bt-qatc-form-variant-input { 91835 position: relative !important; 91836 91837 display: flex !important; 91838 align-items: center !important; 91839 justify-content: center !important; 91840 91841 flex: 0 0 auto !important; 91842 width: auto !important; 91843 min-width: 32px !important; 91844 height: 43px !important; 91845 91846 margin: 0 !important; 91847 padding: 0 !important; 91848 91849 border: 0 !important; 91850 background: transparent !important; 91851 } 91852 91853 .card-wrapper-box .bt-qatc-form-variant-input label { 91854 position: static !important; 91855 91856 display: flex !important; 91857 align-items: center !important; 91858 justify-content: center !important; 91859 91860 width: auto !important; 91861 min-width: 32px !important; 91862 height: 32px !important; 91863 91864 margin: 0 !important; 91865 padding: 0 6px !important; 91866 91867 box-sizing: border-box !important; 91868 91869 background: transparent !important; 91870 border: 0 !important; 91871 91872 color: #111 !important; 91873 font-size: 12px !important; 91874 line-height: 1 !important; 91875 font-weight: 400 !important; 91876 91877 white-space: nowrap !important; 91878 cursor: pointer !important; 91879 } 91880 91881 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 91882 display: block !important; 91883 width: auto !important; 91884 max-width: none !important; 91885 91886 margin: 0 !important; 91887 padding: 0 !important; 91888 91889 overflow: visible !important; 91890 white-space: nowrap !important; 91891 text-overflow: clip !important; 91892 91893 font-size: inherit !important; 91894 line-height: inherit !important; 91895 } 91896 91897 /* Sold-out size */ 91898 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 91899 opacity: .35 !important; 91900 text-decoration: line-through !important; 91901 cursor: not-allowed !important; 91902 } 91903 91904 /* Optional hover feedback */ 91905 .card-wrapper-box 91906 .bt-qatc-form-variant-input:not(.is-disbaled) 91907 label:hover { 91908 text-decoration: underline !important; 91909 text-underline-offset: 3px !important; 91910 } 91911 91912 /* Prevent old theme transforms / absolute positions */ 91913 .card-wrapper-box .bt-qatc-form-variant-input *, 91914 .card-wrapper-box .bt-qatc-form-variants--list * { 91915 transform: none; 91916 } 91917} 91918</style> 91919 91920 91921<style> 91922/* Desktop quick-add: use one seamless background for sizes + bag */ 91923@media (min-width: 990px) { 91924 .card-wrapper-box .bt-qatc-form-container, 91925 .card-wrapper-box .bt-qatc-form, 91926 .card-wrapper-box .bt-qatc-form-variants-container, 91927 .card-wrapper-box .bt-qatc-form-variants--list, 91928 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 91929 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 91930 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 91931 background: rgba(255,255,255,.96) !important; 91932 } 91933 91934 /* Remove any visual split between sizes and bag */ 91935 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 91936 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 91937 border-left: 0 !important; 91938 box-shadow: none !important; 91939 } 91940} 91941</style> 91942 91943 91944<style> 91945/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 91946@media (min-width: 990px) { 91947 .card-wrapper-box .bt-qatc-form-container, 91948 .card-wrapper-box .bt-qatc-form, 91949 .card-wrapper-box .bt-qatc-form-variants-container { 91950 height: auto !important; 91951 max-height: none !important; 91952 overflow: visible !important; 91953 } 91954 91955 .card-wrapper-box .bt-qatc-form-variants--list { 91956 display: flex !important; 91957 flex-wrap: wrap !important; 91958 justify-content: center !important; 91959 align-items: center !important; 91960 height: auto !important; 91961 min-height: 43px !important; 91962 max-height: none !important; 91963 overflow: visible !important; 91964 white-space: normal !important; 91965 padding: 5px 6px !important; 91966 } 91967 91968 .card-wrapper-box .bt-qatc-form-variant-input { 91969 flex: 0 0 auto !important; 91970 } 91971} 91972</style> 91973
91974<script> 91975 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 91976 const wrap = label.closest('.bt-qatc-form-variant-input'); 91977 const form = label.closest('.bt-qatc-form'); 91978 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 91979 91980 if (!wrap || !form || !input) return; 91981 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 91982 if (label.dataset.loading === 'true') return; 91983 91984 input.checked = true; 91985 label.dataset.loading = 'true'; 91986 label.style.pointerEvents = 'none'; 91987 91988 try { 91989 const cartResp = await fetch('/cart.js', { 91990 method: 'GET', 91991 headers: { 'Accept': 'application/json' } 91992 }); 91993 91994 if (!cartResp.ok) throw new Error('Unable to read cart'); 91995 91996 const cart = await cartResp.json(); 91997 const variantId = Number(input.value); 91998 const selectedPrice = Number(input.dataset.price || 0) / 100; 91999 const totalCartPrice = Number(cart.total_price || 0) / 100; 92000 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 92001 92002 if ((totalCartPrice + selectedPrice) > 250000) { 92003 if (window.showAlert) { 92004 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 92005 } else { 92006 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 92007 } 92008 return; 92009 } 92010 92011 if (itemInCart && Number(itemInCart.quantity) >= 3) { 92012 if (window.showAlert) { 92013 window.showAlert('Limit reached: Max 3 items per size can be added'); 92014 } else { 92015 alert('Limit reached: Max 3 items per size can be added'); 92016 } 92017 return; 92018 } 92019 92020 92021 const cartSections = document.querySelector('cart-notification, cart-drawer'); 92022 const formData = new FormData(form); 92023 92024 formData.set('id', input.value); 92025 formData.set('quantity', '1'); 92026 92027 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 92028 formData.set( 92029 'sections', 92030 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 92031 ); 92032 } 92033 92034 formData.set('sections_url', window.location.pathname); 92035 92036 const addResp = await fetch('/cart/add.js', { 92037 method: 'POST', 92038 headers: { 'Accept': 'application/json' }, 92039 body: formData 92040 }); 92041 92042 const data = await addResp.json(); 92043 92044 if (!addResp.ok) { 92045 throw new Error(data.description || data.message || 'Unable to add this size'); 92046 } 92047 92048 if (cartSections && typeof cartSections.renderContents === 'function') { 92049 cartSections.renderContents(data); 92050 } else { 92051 const bubble = document.querySelector('#cart-icon-bubble'); 92052 if (bubble) bubble.click(); 92053 } 92054 92055 const card = label.closest('.card-wrapper-box'); 92056 if (card) { 92057 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 92058 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 92059 } 92060 } catch (error) { 92061 console.error('SEFAM hover size quick-add error:', error); 92062 if (window.showAlert) { 92063 window.showAlert(error.message || 'Unable to add this size to cart'); 92064 } else { 92065 alert(error.message || 'Unable to add this size to cart'); 92066 } 92067 } finally { 92068 label.dataset.loading = 'false'; 92069 label.style.pointerEvents = ''; 92070 } 92071 }; 92072</script>
92072 92073 92074<style> 92075/* Desktop quick-add final alignment: 92076 sizes start from left; bag area matches the complete quick-size background height. */ 92077@media (min-width: 990px) { 92078 .card-wrapper-box .bt-qatc-form-variants--list { 92079 justify-content: flex-start !important; 92080 align-content: center !important; 92081 text-align: left !important; 92082 } 92083 92084 .card-wrapper-box .bt-qatc-container { 92085 right: 46px !important; 92086 } 92087 92088 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 92089 top: auto !important; 92090 bottom: 0 !important; 92091 width: 46px !important; 92092 height: 100% !important; 92093 min-height: 43px !important; 92094 align-items: stretch !important; 92095 background: rgba(255,255,255,.96) !important; 92096 } 92097 92098 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 92099 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 92100 width: 46px !important; 92101 height: 100% !important; 92102 min-height: 43px !important; 92103 background: rgba(255,255,255,.96) !important; 92104 } 92105 92106 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 92107 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 92108 height: var(--sefam-quick-add-height, 43px) !important; 92109 } 92110} 92111</style>
92112<script> 92113(function () { 92114 function syncQuickAddHeight(card) { 92115 if (!card || window.innerWidth < 990) return; 92116 var panel = card.querySelector('.bt-qatc-form-container'); 92117 if (!panel) return; 92118 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 92119 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 92120 } 92121 92122 document.addEventListener('mouseover', function(e) { 92123 var card = e.target.closest('.card-wrapper-box'); 92124 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 92125 }, { passive: true }); 92126 92127 window.addEventListener('resize', function() { 92128 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 92129 }, { passive: true }); 92130})(); 92131</script>
92131 92132 92133 92134 92135<style> 92136/* ========================================================= 92137 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 92138 - reduce space between sizes 92139 - keep sizes left aligned 92140 - keep the bag icon on the BOTTOM row 92141 - bag background still matches the full size panel 92142 ========================================================= */ 92143@media (min-width: 990px) { 92144 92145 /* More usable width for sizes */ 92146 .card-wrapper-box .bt-qatc-container { 92147 right: 42px !important; 92148 } 92149 92150 /* Compact, left-aligned size list */ 92151 .card-wrapper-box .bt-qatc-form-variants--list { 92152 justify-content: flex-start !important; 92153 align-items: center !important; 92154 align-content: center !important; 92155 92156 column-gap: 0 !important; 92157 row-gap: 0 !important; 92158 92159 padding: 4px 4px !important; 92160 margin: 0 !important; 92161 } 92162 92163 .card-wrapper-box .bt-qatc-form-variant-input { 92164 min-width: 0 !important; 92165 width: auto !important; 92166 height: 35px !important; 92167 margin: 0 !important; 92168 padding: 0 !important; 92169 } 92170 92171 .card-wrapper-box .bt-qatc-form-variant-input label { 92172 min-width: 0 !important; 92173 width: auto !important; 92174 height: 35px !important; 92175 92176 margin: 0 !important; 92177 padding: 0 4px !important; 92178 92179 font-size: 12px !important; 92180 line-height: 1 !important; 92181 } 92182 92183 /* Bag column keeps the same full white background as the sizes */ 92184 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 92185 right: 0 !important; 92186 bottom: 0 !important; 92187 top: auto !important; 92188 92189 width: 42px !important; 92190 min-width: 42px !important; 92191 height: var(--sefam-quick-add-height, 43px) !important; 92192 min-height: 43px !important; 92193 92194 display: flex !important; 92195 flex-direction: column !important; 92196 justify-content: flex-end !important; 92197 align-items: stretch !important; 92198 92199 padding: 0 !important; 92200 margin: 0 !important; 92201 92202 background: rgba(255,255,255,.96) !important; 92203 } 92204 92205 /* The clickable bag itself always sits at the bottom */ 92206 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 92207 width: 42px !important; 92208 min-width: 42px !important; 92209 height: 43px !important; 92210 min-height: 43px !important; 92211 92212 margin-top: auto !important; 92213 padding: 0 !important; 92214 92215 display: flex !important; 92216 align-items: center !important; 92217 justify-content: center !important; 92218 92219 background: rgba(255,255,255,.96) !important; 92220 } 92221 92222 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 92223 width: 42px !important; 92224 height: 43px !important; 92225 min-height: 43px !important; 92226 92227 display: flex !important; 92228 align-items: center !important; 92229 justify-content: center !important; 92230 92231 padding: 0 !important; 92232 margin: 0 !important; 92233 92234 background: transparent !important; 92235 } 92236 92237 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 92238 width: 16px !important; 92239 height: 17px !important; 92240 } 92241} 92242</style> 92243 92244 92245<style> 92246/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 92247@media (min-width: 990px) { 92248 .card-wrapper-box .bt-qatc-form-variants--list { 92249 padding: 3px 4px !important; 92250 column-gap: 0 !important; 92251 row-gap: 0 !important; 92252 justify-content: flex-start !important; 92253 align-items: center !important; 92254 align-content: center !important; 92255 } 92256 92257 .card-wrapper-box .bt-qatc-form-variant-input { 92258 min-width: 0 !important; 92259 width: auto !important; 92260 height: 30px !important; 92261 margin: 0 !important; 92262 padding: 0 !important; 92263 } 92264 92265 .card-wrapper-box .bt-qatc-form-variant-input label { 92266 min-width: 0 !important; 92267 width: auto !important; 92268 height: 30px !important; 92269 margin: 0 !important; 92270 padding: 0 4px !important; 92271 font-size: 12px !important; 92272 line-height: 1 !important; 92273 display: flex !important; 92274 align-items: center !important; 92275 justify-content: center !important; 92276 } 92277 92278 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 92279 display: flex !important; 92280 flex-direction: column !important; 92281 justify-content: flex-end !important;
92282 align-items: stretch !important; 92283 bottom: 0 !important; 92284 top: auto !important; 92285 height: var(--sefam-quick-add-height, 36px) !important; 92286 min-height: 36px !important; 92287 } 92288 92289 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 92290 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 92291 height: 36px !important; 92292 min-height: 36px !important; 92293 margin-top: auto !important; 92294 } 92295} 92296</style> 92297 92298<style> 92299 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 92300 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 92301 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 92302 .card_colorways_container .new-mbl-color-single label span, 92303 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 92304 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 92305</style> 92306 92307 </li> 92308 92309 <li 92310 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_aLwpHn-19" 92311 class="grid__item slider__slide" 92312 > 92313 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 92314� 92315 92316 92317 � 92318 92319 92320 92321 <div class="card-wrapper product-card-wrapper"> 92322 <div 92323 class=" 92324 card card--standard 92325 card--media 92326 92327 92328 92329 92330 92331 " 92332 style="--ratio-percent: 150.00000000000003%;" 92333 92334 > 92335 <div class="card-wrapper-box"> 92336 92337 <div 92338 class="card__inner color-scheme-2 gradient ratio" 92339 style="--ratio-percent: 150.00000000000003%;" 92340 92341 > 92342 �<a href="/products/mcp2527"> 92343 92344 �<div class="card-prdct2 card__media"> 92345 <div class="media media--transparent mt3"> 92346 92347 92348 <img 92349 src="//sefam.com/cdn/shop/files/MCP2527_10.jpg?v=1790763812&width=800" 92350 srcset="//sefam.com/cdn/shop/files/MCP2527_10.jpg?v=1790763812&width=1600 2x" 92351 class="" 92352 alt="RAW SILK | PRINTED" 92353 92354 loading="lazy" 92355 92356 width="2400" 92357 height="3600" 92358 > 92359 �<img 92360 src="//sefam.com/cdn/shop/files/MCP2527_2_db069b95-afd7-4113-a132-8fd685daeab0.jpg?v=1790763812&width=800" 92361 srcset="//sefam.com/cdn/shop/files/MCP2527_2_db069b95-afd7-4113-a132-8fd685daeab0.jpg?v=1790763812&width=1600 2x" 92362 alt="RAW SILK | PRINTED" 92363 loading="lazy" 92364 width="2400" 92365 height="3600" 92366 data-index="" 92367 > 92368 92369 � 92370 </div> 92371 92372 92373 </div> 92374 </a> 92375 </div> 92376 92377 92378 92379 92380 <div class="bt-qatc-container"> 92381 <div class="bt-qatc-form-container"> 92382 <div class="bt-qatc-form-content large-up-hide medium-hide"> 92383 <h3>RAW SILK | PRINTED</h3> 92384 92385<div 92386 class=" 92387 price " 92388 > 92389 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 92390 <span class="price-item price-item--regular"> 92391 <span class=money>Rs.10,990</span> 92392 </span></div> 92393 <div class="price__sale"> 92394 <span class="visually-hidden visually-hidden--inline">Regular price</span> 92395 <span> 92396 <s class="price-item price-item--regular"> 92397
92398 <span class=money>Rs.10,990</span> 92399 92400 </s> 92401 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 92402 <span class="price-item price-item--sale price-item--last"> 92403 92404 92405 92406 92407 <span class="percentage__sale hidden">0% OFF</span> 92408 92409 <span class=money>Rs.10,990</span> 92410 </span> 92411 </div> 92412 <small class="unit-price caption hidden"> 92413 <span class="visually-hidden">Unit price</span> 92414 <span class="price-item price-item--last"> 92415 <span></span> 92416 <span aria-hidden="true">/</span> 92417 <span class="visually-hidden"> per </span> 92418 <span> 92419 </span> 92420 </span> 92421 </small> 92422 </div></div> 92423 92424 92425 92426 </div> 92427 <div 92428 class="ethnc-form-media large-up-hide medium-hide" 92429 92430 ></div> 92431 <form method="post" action="/cart/add" class="bt-qatc-form"> 92432 <input type="hidden" name="quantity" value="1"> 92433 <div class="bt-qatc-form-variants-container"> 92434 <div class="bt-qatc-form-variants--list"> 92435 92436 <div 92437 class="in-use bt-qatc-form-variant-input" 92438 92439 > 92440 <input 92441 type="radio" 92442 name="id" 92443 id="-52321673478440" 92444 value="52321673478440" 92445 data-price="1099000" 92446 data-item-id="10424419844392" 92447 hidden 92448 92449 data-item-id="10424419844392" 92450 92451 > 92452 92453 <label 92454 for="-52321673478440" 92455 data-sefam-quick-size 92456 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 92457 > 92458 <span class="split-variant-value"> 92459 92460 92461 92462 92463 92464 92465 92466 XS 92467 92468 92469</span> 92470 </label> 92471 </div> 92472 92473 <div 92474 class="in-use bt-qatc-form-variant-input" 92475 92476 > 92477 <input 92478 type="radio" 92479 name="id" 92480 id="-52321673511208" 92481 value="52321673511208" 92482 data-price="1099000" 92483 data-item-id="10424419844392" 92484 hidden 92485 92486 data-item-id="10424419844392" 92487 92488 > 92489 92490 <label 92491 for="-52321673511208" 92492 data-sefam-quick-size 92493 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 92494 > 92495 <span class="split-variant-value"> 92496 92497 92498 92499 92500 92501 92502 92503 S 92504 92505 92506</span> 92507 </label> 92508 </div> 92509 92510 <div 92511 class="in-use bt-qatc-form-variant-input" 92512 92513 > 92514 <input 92515 type="radio" 92516 name="id" 92517 id="-52321673543976" 92518 value="52321673543976" 92519 data-price="1099000" 92520 data-item-id="10424419844392" 92521 hidden 92522 92523 data-item-id="10424419844392" 92524 92525 > 92526 92527 <label 92528 for="-52321673543976" 92529 data-sefam-quick-size 92530 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 92531 >
92532 <span class="split-variant-value"> 92533 92534 92535 92536 92537 92538 92539 92540 M 92541 92542 92543</span> 92544 </label> 92545 </div> 92546 92547 <div 92548 class="in-use bt-qatc-form-variant-input" 92549 92550 > 92551 <input 92552 type="radio" 92553 name="id" 92554 id="-52321673576744" 92555 value="52321673576744" 92556 data-price="1099000" 92557 data-item-id="10424419844392" 92558 hidden 92559 92560 data-item-id="10424419844392" 92561 92562 > 92563 92564 <label 92565 for="-52321673576744" 92566 data-sefam-quick-size 92567 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 92568 > 92569 <span class="split-variant-value"> 92570 92571 92572 92573 92574 92575 92576 92577 L 92578 92579 92580</span> 92581 </label> 92582 </div> 92583 92584 </div> 92585 92586 92587 92588 92589 </div> 92590 </form> 92591 </div> 92592 </div> 92593 92594 92595 92596 92597 92598 92599 92600 92601 92602 92603 92604 92605 92606 92607 92608 92609 92610 92611 92612 92613 92614 92615 92616 92617 92618 92619 92620 92621 92622 92623 92624 92625 92626 92627 92628 92629 92630 92631 92632 92633 92634 92635 92636 92637 92638 <div 92639 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 92640 > 92641 <div class="ethnc-qatc-btn cstm-add-btn visible"> 92642 <span class="small-hide hide-mobile">Add to Basket</span> 92643 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 92644 </span> 92645 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 92646 width="11" 92647 height="11" 92648 viewBox="0 0 11 11" 92649 fill="none" 92650> 92651 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 92652 fill="black" 92653 /> 92654</svg> 92655</span> 92656 </div> 92657 </div> 92658 92659 92660 </div> 92661 92662 <div class="card__content aiza2"> 92663 <div class="card__information"> 92664 <small class="product-brand"> 92665 Kayseria 92666 </small> 92667 <h3 92668 class="card__heading h5" 92669 92670 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10424419844392" 92671 92672 > 92673 <a 92674 href="/products/mcp2527" 92675 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10424419844392" 92676 class="full-unstyled-link" 92677 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10424419844392 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10424419844392" 92678 > 92679 RAW SILK | PRINTED 92680 92681 <div class="card_colorways_container" onclick="event.stopPropagation();"> 92682 92683 92684 � 92685 </div> 92686 </a> 92687 92688 </h3> 92689 92690 <h3 class="product-subtitle hidden">RTW | SHIRT & TROUSER</h3> 92691 92692 <div class="card-information"><span class="caption-large light"></span> 92693<div 92694 class=" 92695 price " 92696 > 92697 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
92698 <span class="price-item price-item--regular"> 92699 <span class=money>Rs.10,990</span> 92700 </span></div> 92701 <div class="price__sale"> 92702 <span class="visually-hidden visually-hidden--inline">Regular price</span> 92703 <span> 92704 <s class="price-item price-item--regular"> 92705 92706 <span class=money>Rs.10,990</span> 92707 92708 </s> 92709 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 92710 <span class="price-item price-item--sale price-item--last"> 92711 92712 92713 92714 92715 <span class="percentage__sale hidden">0% OFF</span> 92716 92717 <span class=money>Rs.10,990</span> 92718 </span> 92719 </div> 92720 <small class="unit-price caption hidden"> 92721 <span class="visually-hidden">Unit price</span> 92722 <span class="price-item price-item--last"> 92723 <span></span> 92724 <span aria-hidden="true">/</span> 92725 <span class="visually-hidden"> per </span> 92726 <span> 92727 </span> 92728 </span> 92729 </small> 92730 </div></div> 92731 92732 92733 92734 </div> 92735 </div> 92736 </div> 92737 92738 </div> 92739 </div><style> 92740/* ========================================================= 92741 DESKTOP PRODUCT CARD QUICK ADD 92742 LEFT = sizes 92743 RIGHT = original bag icon 92744 Mobile behavior remains unchanged 92745 ========================================================= */ 92746@media (min-width: 990px) { 92747 .hide-desktop { 92748 display: none !important; 92749 } 92750 92751 /* Keep both controls on the same bottom row */ 92752 .card-wrapper-box { 92753 position: relative; 92754 } 92755 92756 .card-wrapper-box .bt-qatc-container, 92757 .card-wrapper-box .ethnc-qatc-btn-container { 92758 position: absolute !important; 92759 bottom: 0 !important; 92760 z-index: 8 !important; 92761 } 92762 92763 /* LEFT: size area */ 92764 .card-wrapper-box .bt-qatc-container { 92765 left: 0 !important; 92766 right: 46px !important; 92767 width: auto !important; 92768 } 92769 92770 .card-wrapper-box .bt-qatc-form-container { 92771 left: 0 !important; 92772 right: 0 !important; 92773 bottom: -350% !important; 92774 width: 100% !important; 92775 min-height: 43px !important; 92776 opacity: 0 !important; 92777 visibility: hidden !important; 92778 pointer-events: none !important; 92779 transition: bottom .22s ease, opacity .18s ease !important; 92780 } 92781 92782 .card-wrapper-box .bt-qatc-form, 92783 .card-wrapper-box .bt-qatc-form-variants-container, 92784 .card-wrapper-box .bt-qatc-form-variants--list { 92785 width: 100% !important; 92786 } 92787 92788 .card-wrapper-box .bt-qatc-form-variants--list { 92789 display: flex !important; 92790 align-items: center !important; 92791 flex-wrap: wrap !important; 92792 gap: 0 !important; 92793 min-height: 43px !important; 92794 } 92795 92796 /* RIGHT: original bag button */ 92797 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 92798 display: flex !important; 92799 align-items: stretch !important; 92800 justify-content: center !important; 92801 left: auto !important; 92802 right: 0 !important; 92803 width: 46px !important; 92804 height: 43px !important; 92805 opacity: 0 !important; 92806 visibility: hidden !important; 92807 pointer-events: none !important; 92808 transition: opacity .18s ease !important; 92809 } 92810 92811 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 92812 display: flex !important; 92813 align-items: center !important; 92814 justify-content: center !important; 92815 width: 46px !important; 92816 height: 43px !important; 92817 min-width: 46px !important; 92818 padding: 0 !important; 92819 cursor: pointer !important; 92820 } 92821 92822 /* Hide Add to Basket text on desktop; keep only bag icon */ 92823 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 92824 display: none !important; 92825 } 92826 92827 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 92828 display: flex !important; 92829 align-items: center !important; 92830 justify-content: center !important; 92831 width: 100% !important; 92832 height: 100% !important; 92833 padding: 0 !important; 92834 } 92835 92836 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 92837 display: block !important; 92838 width: 16px !important; 92839 height: 17px !important; 92840 } 92841 92842 /* Show sizes + bag together on desktop hover */ 92843 .card-wrapper-box:hover .bt-qatc-form-container { 92844 bottom: 0 !important; 92845 opacity: 1 !important; 92846 visibility: visible !important; 92847 pointer-events: auto !important; 92848 } 92849 92850 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 92851 opacity: 1 !important; 92852 visibility: visible !important; 92853 pointer-events: auto !important; 92854 } 92855} 92856 92857@media (max-width: 989px) { 92858 .hide-mobile { 92859 display: none; 92860 } 92861} 92862</style> 92863 92864 92865<style> 92866/* ========================================================= 92867 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 92868 Keeps all sizes in one clean row on the left 92869 and the bag icon fixed on the right. 92870 ========================================================= */ 92871@media (min-width: 990px) { 92872 92873 .card-wrapper-box .bt-qatc-form-container { 92874 height: 43px !important; 92875 min-height: 43px !important; 92876 max-height: 43px !important; 92877 overflow: hidden !important; 92878 background: rgba(255,255,255,.96) !important; 92879 } 92880 92881 .card-wrapper-box .bt-qatc-form { 92882 display: block !important; 92883 height: 43px !important; 92884 min-height: 43px !important; 92885 margin: 0 !important; 92886 padding: 0 !important; 92887 } 92888 92889 .card-wrapper-box .bt-qatc-form-variants-container { 92890 display: block !important; 92891 width: 100% !important; 92892 height: 43px !important; 92893 min-height: 43px !important; 92894 margin: 0 !important; 92895 padding: 0 !important; 92896 } 92897 92898 .card-wrapper-box .bt-qatc-form-variants--list { 92899 display: flex !important; 92900 flex-direction: row !important; 92901 flex-wrap: wrap !important;
92902 align-items: center !important; 92903 justify-content: center !important; 92904 92905 width: 100% !important; 92906 height: 43px !important; 92907 min-height: 43px !important; 92908 92909 margin: 0 !important; 92910 padding: 0 6px !important; 92911 gap: 2px !important; 92912 92913 box-sizing: border-box !important; 92914 overflow: visible !important; 92915 white-space: normal !important; 92916 } 92917 92918 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 92919 display: none !important; 92920 } 92921 92922 .card-wrapper-box .bt-qatc-form-variant-input { 92923 position: relative !important; 92924 92925 display: flex !important; 92926 align-items: center !important; 92927 justify-content: center !important; 92928 92929 flex: 0 0 auto !important; 92930 width: auto !important; 92931 min-width: 32px !important; 92932 height: 43px !important; 92933 92934 margin: 0 !important; 92935 padding: 0 !important; 92936 92937 border: 0 !important; 92938 background: transparent !important; 92939 } 92940 92941 .card-wrapper-box .bt-qatc-form-variant-input label { 92942 position: static !important; 92943 92944 display: flex !important; 92945 align-items: center !important; 92946 justify-content: center !important; 92947 92948 width: auto !important; 92949 min-width: 32px !important; 92950 height: 32px !important; 92951 92952 margin: 0 !important; 92953 padding: 0 6px !important; 92954 92955 box-sizing: border-box !important; 92956 92957 background: transparent !important; 92958 border: 0 !important; 92959 92960 color: #111 !important; 92961 font-size: 12px !important; 92962 line-height: 1 !important; 92963 font-weight: 400 !important; 92964 92965 white-space: nowrap !important; 92966 cursor: pointer !important; 92967 } 92968 92969 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 92970 display: block !important; 92971 width: auto !important; 92972 max-width: none !important; 92973 92974 margin: 0 !important; 92975 padding: 0 !important; 92976 92977 overflow: visible !important; 92978 white-space: nowrap !important; 92979 text-overflow: clip !important; 92980 92981 font-size: inherit !important; 92982 line-height: inherit !important; 92983 } 92984 92985 /* Sold-out size */ 92986 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 92987 opacity: .35 !important; 92988 text-decoration: line-through !important; 92989 cursor: not-allowed !important; 92990 } 92991 92992 /* Optional hover feedback */ 92993 .card-wrapper-box 92994 .bt-qatc-form-variant-input:not(.is-disbaled) 92995 label:hover { 92996 text-decoration: underline !important; 92997 text-underline-offset: 3px !important; 92998 } 92999 93000 /* Prevent old theme transforms / absolute positions */ 93001 .card-wrapper-box .bt-qatc-form-variant-input *, 93002 .card-wrapper-box .bt-qatc-form-variants--list * { 93003 transform: none; 93004 } 93005} 93006</style> 93007 93008 93009<style> 93010/* Desktop quick-add: use one seamless background for sizes + bag */ 93011@media (min-width: 990px) { 93012 .card-wrapper-box .bt-qatc-form-container, 93013 .card-wrapper-box .bt-qatc-form, 93014 .card-wrapper-box .bt-qatc-form-variants-container, 93015 .card-wrapper-box .bt-qatc-form-variants--list, 93016 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 93017 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 93018 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 93019 background: rgba(255,255,255,.96) !important; 93020 } 93021 93022 /* Remove any visual split between sizes and bag */ 93023 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 93024 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 93025 border-left: 0 !important; 93026 box-shadow: none !important; 93027 } 93028} 93029</style> 93030 93031 93032<style> 93033/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 93034@media (min-width: 990px) { 93035 .card-wrapper-box .bt-qatc-form-container, 93036 .card-wrapper-box .bt-qatc-form, 93037 .card-wrapper-box .bt-qatc-form-variants-container { 93038 height: auto !important; 93039 max-height: none !important; 93040 overflow: visible !important; 93041 } 93042 93043 .card-wrapper-box .bt-qatc-form-variants--list { 93044 display: flex !important; 93045 flex-wrap: wrap !important; 93046 justify-content: center !important; 93047 align-items: center !important; 93048 height: auto !important; 93049 min-height: 43px !important; 93050 max-height: none !important; 93051 overflow: visible !important; 93052 white-space: normal !important; 93053 padding: 5px 6px !important; 93054 } 93055 93056 .card-wrapper-box .bt-qatc-form-variant-input { 93057 flex: 0 0 auto !important; 93058 } 93059} 93060</style> 93061
93062<script> 93063 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 93064 const wrap = label.closest('.bt-qatc-form-variant-input'); 93065 const form = label.closest('.bt-qatc-form'); 93066 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 93067 93068 if (!wrap || !form || !input) return; 93069 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 93070 if (label.dataset.loading === 'true') return; 93071 93072 input.checked = true; 93073 label.dataset.loading = 'true'; 93074 label.style.pointerEvents = 'none'; 93075 93076 try { 93077 const cartResp = await fetch('/cart.js', { 93078 method: 'GET', 93079 headers: { 'Accept': 'application/json' } 93080 }); 93081 93082 if (!cartResp.ok) throw new Error('Unable to read cart'); 93083 93084 const cart = await cartResp.json(); 93085 const variantId = Number(input.value); 93086 const selectedPrice = Number(input.dataset.price || 0) / 100; 93087 const totalCartPrice = Number(cart.total_price || 0) / 100; 93088 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 93089 93090 if ((totalCartPrice + selectedPrice) > 250000) { 93091 if (window.showAlert) { 93092 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 93093 } else { 93094 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 93095 } 93096 return; 93097 } 93098 93099 if (itemInCart && Number(itemInCart.quantity) >= 3) { 93100 if (window.showAlert) { 93101 window.showAlert('Limit reached: Max 3 items per size can be added'); 93102 } else { 93103 alert('Limit reached: Max 3 items per size can be added'); 93104 } 93105 return; 93106 } 93107 93108 93109 const cartSections = document.querySelector('cart-notification, cart-drawer'); 93110 const formData = new FormData(form); 93111 93112 formData.set('id', input.value); 93113 formData.set('quantity', '1'); 93114 93115 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 93116 formData.set( 93117 'sections', 93118 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 93119 ); 93120 } 93121 93122 formData.set('sections_url', window.location.pathname); 93123 93124 const addResp = await fetch('/cart/add.js', { 93125 method: 'POST', 93126 headers: { 'Accept': 'application/json' }, 93127 body: formData 93128 }); 93129 93130 const data = await addResp.json(); 93131 93132 if (!addResp.ok) { 93133 throw new Error(data.description || data.message || 'Unable to add this size'); 93134 } 93135 93136 if (cartSections && typeof cartSections.renderContents === 'function') { 93137 cartSections.renderContents(data); 93138 } else { 93139 const bubble = document.querySelector('#cart-icon-bubble'); 93140 if (bubble) bubble.click(); 93141 } 93142 93143 const card = label.closest('.card-wrapper-box'); 93144 if (card) { 93145 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 93146 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 93147 } 93148 } catch (error) { 93149 console.error('SEFAM hover size quick-add error:', error); 93150 if (window.showAlert) { 93151 window.showAlert(error.message || 'Unable to add this size to cart'); 93152 } else { 93153 alert(error.message || 'Unable to add this size to cart'); 93154 } 93155 } finally { 93156 label.dataset.loading = 'false'; 93157 label.style.pointerEvents = ''; 93158 } 93159 }; 93160</script>
93160 93161 93162<style> 93163/* Desktop quick-add final alignment: 93164 sizes start from left; bag area matches the complete quick-size background height. */ 93165@media (min-width: 990px) { 93166 .card-wrapper-box .bt-qatc-form-variants--list { 93167 justify-content: flex-start !important; 93168 align-content: center !important; 93169 text-align: left !important; 93170 } 93171 93172 .card-wrapper-box .bt-qatc-container { 93173 right: 46px !important; 93174 } 93175 93176 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 93177 top: auto !important; 93178 bottom: 0 !important; 93179 width: 46px !important; 93180 height: 100% !important; 93181 min-height: 43px !important; 93182 align-items: stretch !important; 93183 background: rgba(255,255,255,.96) !important; 93184 } 93185 93186 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 93187 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 93188 width: 46px !important; 93189 height: 100% !important; 93190 min-height: 43px !important; 93191 background: rgba(255,255,255,.96) !important; 93192 } 93193 93194 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 93195 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 93196 height: var(--sefam-quick-add-height, 43px) !important; 93197 } 93198} 93199</style>
93200<script> 93201(function () { 93202 function syncQuickAddHeight(card) { 93203 if (!card || window.innerWidth < 990) return; 93204 var panel = card.querySelector('.bt-qatc-form-container'); 93205 if (!panel) return; 93206 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 93207 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 93208 } 93209 93210 document.addEventListener('mouseover', function(e) { 93211 var card = e.target.closest('.card-wrapper-box'); 93212 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 93213 }, { passive: true }); 93214 93215 window.addEventListener('resize', function() { 93216 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 93217 }, { passive: true }); 93218})(); 93219</script>
93219 93220 93221 93222 93223<style> 93224/* ========================================================= 93225 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 93226 - reduce space between sizes 93227 - keep sizes left aligned 93228 - keep the bag icon on the BOTTOM row 93229 - bag background still matches the full size panel 93230 ========================================================= */ 93231@media (min-width: 990px) { 93232 93233 /* More usable width for sizes */ 93234 .card-wrapper-box .bt-qatc-container { 93235 right: 42px !important; 93236 } 93237 93238 /* Compact, left-aligned size list */ 93239 .card-wrapper-box .bt-qatc-form-variants--list { 93240 justify-content: flex-start !important; 93241 align-items: center !important; 93242 align-content: center !important; 93243 93244 column-gap: 0 !important; 93245 row-gap: 0 !important; 93246 93247 padding: 4px 4px !important; 93248 margin: 0 !important; 93249 } 93250 93251 .card-wrapper-box .bt-qatc-form-variant-input { 93252 min-width: 0 !important; 93253 width: auto !important; 93254 height: 35px !important; 93255 margin: 0 !important; 93256 padding: 0 !important; 93257 } 93258 93259 .card-wrapper-box .bt-qatc-form-variant-input label { 93260 min-width: 0 !important; 93261 width: auto !important; 93262 height: 35px !important; 93263 93264 margin: 0 !important; 93265 padding: 0 4px !important; 93266 93267 font-size: 12px !important; 93268 line-height: 1 !important; 93269 } 93270 93271 /* Bag column keeps the same full white background as the sizes */ 93272 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 93273 right: 0 !important; 93274 bottom: 0 !important; 93275 top: auto !important; 93276 93277 width: 42px !important; 93278 min-width: 42px !important; 93279 height: var(--sefam-quick-add-height, 43px) !important; 93280 min-height: 43px !important; 93281 93282 display: flex !important; 93283 flex-direction: column !important; 93284 justify-content: flex-end !important; 93285 align-items: stretch !important; 93286 93287 padding: 0 !important; 93288 margin: 0 !important; 93289 93290 background: rgba(255,255,255,.96) !important; 93291 } 93292 93293 /* The clickable bag itself always sits at the bottom */ 93294 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 93295 width: 42px !important; 93296 min-width: 42px !important; 93297 height: 43px !important; 93298 min-height: 43px !important; 93299 93300 margin-top: auto !important; 93301 padding: 0 !important; 93302 93303 display: flex !important; 93304 align-items: center !important; 93305 justify-content: center !important; 93306 93307 background: rgba(255,255,255,.96) !important; 93308 } 93309 93310 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 93311 width: 42px !important; 93312 height: 43px !important; 93313 min-height: 43px !important; 93314 93315 display: flex !important; 93316 align-items: center !important; 93317 justify-content: center !important; 93318 93319 padding: 0 !important; 93320 margin: 0 !important; 93321 93322 background: transparent !important; 93323 } 93324 93325 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 93326 width: 16px !important; 93327 height: 17px !important; 93328 } 93329} 93330</style> 93331 93332 93333<style> 93334/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 93335@media (min-width: 990px) { 93336 .card-wrapper-box .bt-qatc-form-variants--list { 93337 padding: 3px 4px !important; 93338 column-gap: 0 !important; 93339 row-gap: 0 !important; 93340 justify-content: flex-start !important; 93341 align-items: center !important; 93342 align-content: center !important; 93343 } 93344 93345 .card-wrapper-box .bt-qatc-form-variant-input { 93346 min-width: 0 !important; 93347 width: auto !important; 93348 height: 30px !important; 93349 margin: 0 !important; 93350 padding: 0 !important; 93351 } 93352 93353 .card-wrapper-box .bt-qatc-form-variant-input label { 93354 min-width: 0 !important; 93355 width: auto !important; 93356 height: 30px !important; 93357 margin: 0 !important; 93358 padding: 0 4px !important; 93359 font-size: 12px !important; 93360 line-height: 1 !important; 93361 display: flex !important; 93362 align-items: center !important; 93363 justify-content: center !important; 93364 } 93365 93366 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 93367 display: flex !important; 93368 flex-direction: column !important; 93369 justify-content: flex-end !important;
93370 align-items: stretch !important; 93371 bottom: 0 !important; 93372 top: auto !important; 93373 height: var(--sefam-quick-add-height, 36px) !important; 93374 min-height: 36px !important; 93375 } 93376 93377 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 93378 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 93379 height: 36px !important; 93380 min-height: 36px !important; 93381 margin-top: auto !important; 93382 } 93383} 93384</style> 93385 93386<style> 93387 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 93388 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 93389 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 93390 .card_colorways_container .new-mbl-color-single label span, 93391 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 93392 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 93393</style> 93394 93395 </li> 93396 93397 <li 93398 id="Slide-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_aLwpHn-20" 93399 class="grid__item slider__slide" 93400 > 93401 <link href="//sefam.com/cdn/shop/t/112/assets/component-price.css?v=130299100575562930301788152467" rel="stylesheet" type="text/css" media="all" />� 93402� 93403 93404 93405 � 93406 93407 93408 93409 <div class="card-wrapper product-card-wrapper"> 93410 <div 93411 class=" 93412 card card--standard 93413 card--media 93414 93415 93416 93417 93418 93419 " 93420 style="--ratio-percent: 150.00000000000003%;" 93421 93422 > 93423 <div class="card-wrapper-box"> 93424 93425 <div 93426 class="card__inner color-scheme-2 gradient ratio" 93427 style="--ratio-percent: 150.00000000000003%;" 93428 93429 > 93430 �<a href="/products/mcp2525"> 93431 93432 �<div class="card-prdct2 card__media"> 93433 <div class="media media--transparent mt3"> 93434 93435 93436 <img 93437 src="//sefam.com/cdn/shop/files/MCP2525_8_a69c02da-0bfa-41f0-a3e5-281c6621d609.jpg?v=1790763624&width=800" 93438 srcset="//sefam.com/cdn/shop/files/MCP2525_8_a69c02da-0bfa-41f0-a3e5-281c6621d609.jpg?v=1790763624&width=1600 2x" 93439 class="" 93440 alt="PK RAW SILK | PRINTED" 93441 93442 loading="lazy" 93443 93444 width="2400" 93445 height="3600" 93446 > 93447 �<img 93448 src="//sefam.com/cdn/shop/files/MCP2525_2_3d808b7c-27b6-461f-95ce-670f45a56e9c.jpg?v=1790763624&width=800" 93449 srcset="//sefam.com/cdn/shop/files/MCP2525_2_3d808b7c-27b6-461f-95ce-670f45a56e9c.jpg?v=1790763624&width=1600 2x" 93450 alt="PK RAW SILK | PRINTED" 93451 loading="lazy" 93452 width="2400" 93453 height="3600" 93454 data-index="" 93455 > 93456 93457 � 93458 </div> 93459 93460 93461 </div> 93462 </a> 93463 </div> 93464 93465 93466 93467 93468 <div class="bt-qatc-container"> 93469 <div class="bt-qatc-form-container"> 93470 <div class="bt-qatc-form-content large-up-hide medium-hide"> 93471 <h3>PK RAW SILK | PRINTED</h3> 93472 93473<div 93474 class=" 93475 price " 93476 > 93477 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span> 93478 <span class="price-item price-item--regular"> 93479 <span class=money>Rs.10,490</span> 93480 </span></div> 93481 <div class="price__sale"> 93482 <span class="visually-hidden visually-hidden--inline">Regular price</span>
93483 <span> 93484 <s class="price-item price-item--regular"> 93485 93486 <span class=money>Rs.10,490</span> 93487 93488 </s> 93489 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 93490 <span class="price-item price-item--sale price-item--last"> 93491 93492 93493 93494 93495 <span class="percentage__sale hidden">0% OFF</span> 93496 93497 <span class=money>Rs.10,490</span> 93498 </span> 93499 </div> 93500 <small class="unit-price caption hidden"> 93501 <span class="visually-hidden">Unit price</span> 93502 <span class="price-item price-item--last"> 93503 <span></span> 93504 <span aria-hidden="true">/</span> 93505 <span class="visually-hidden"> per </span> 93506 <span> 93507 </span> 93508 </span> 93509 </small> 93510 </div></div> 93511 93512 93513 93514 </div> 93515 <div 93516 class="ethnc-form-media large-up-hide medium-hide" 93517 93518 ></div> 93519 <form method="post" action="/cart/add" class="bt-qatc-form"> 93520 <input type="hidden" name="quantity" value="1"> 93521 <div class="bt-qatc-form-variants-container"> 93522 <div class="bt-qatc-form-variants--list"> 93523 93524 <div 93525 class="in-use bt-qatc-form-variant-input" 93526 93527 > 93528 <input 93529 type="radio" 93530 name="id" 93531 id="-52346372030760" 93532 value="52346372030760" 93533 data-price="1049000" 93534 data-item-id="10429995745576" 93535 hidden 93536 93537 data-item-id="10429995745576" 93538 93539 > 93540 93541 <label 93542 for="-52346372030760" 93543 data-sefam-quick-size 93544 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 93545 > 93546 <span class="split-variant-value"> 93547 93548 93549 93550 93551 93552 93553 93554 XS 93555 93556 93557</span> 93558 </label> 93559 </div> 93560 93561 <div 93562 class="in-use bt-qatc-form-variant-input" 93563 93564 > 93565 <input 93566 type="radio" 93567 name="id" 93568 id="-52346372063528" 93569 value="52346372063528" 93570 data-price="1049000" 93571 data-item-id="10429995745576" 93572 hidden 93573 93574 data-item-id="10429995745576" 93575 93576 > 93577 93578 <label 93579 for="-52346372063528" 93580 data-sefam-quick-size 93581 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 93582 > 93583 <span class="split-variant-value"> 93584 93585 93586 93587 93588 93589 93590 93591 S 93592 93593 93594</span> 93595 </label> 93596 </div> 93597 93598 <div 93599 class="in-use bt-qatc-form-variant-input" 93600 93601 > 93602 <input 93603 type="radio" 93604 name="id" 93605 id="-52346372096296" 93606 value="52346372096296" 93607 data-price="1049000" 93608 data-item-id="10429995745576" 93609 hidden 93610 93611 data-item-id="10429995745576" 93612 93613 > 93614 93615 <label 93616 for="-52346372096296" 93617 data-sefam-quick-size 93618 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 93619 >
93620 <span class="split-variant-value"> 93621 93622 93623 93624 93625 93626 93627 93628 M 93629 93630 93631</span> 93632 </label> 93633 </div> 93634 93635 <div 93636 class="in-use bt-qatc-form-variant-input" 93637 93638 > 93639 <input 93640 type="radio" 93641 name="id" 93642 id="-52346372129064" 93643 value="52346372129064" 93644 data-price="1049000" 93645 data-item-id="10429995745576" 93646 hidden 93647 93648 data-item-id="10429995745576" 93649 93650 > 93651 93652 <label 93653 for="-52346372129064" 93654 data-sefam-quick-size 93655 onclick="event.preventDefault(); event.stopPropagation(); window.sefamQuickAddSize && window.sefamQuickAddSize(this);" 93656 > 93657 <span class="split-variant-value"> 93658 93659 93660 93661 93662 93663 93664 93665 L 93666 93667 93668</span> 93669 </label> 93670 </div> 93671 93672 </div> 93673 93674 93675 93676 93677 </div> 93678 </form> 93679 </div> 93680 </div> 93681 93682 93683 93684 93685 93686 93687 93688 93689 93690 93691 93692 93693 93694 93695 93696 93697 93698 93699 93700 93701 93702 93703 93704 93705 93706 93707 93708 93709 93710 93711 93712 93713 93714 93715 93716 93717 93718 93719 93720 93721 93722 93723 <div 93724 class="ethnc-qatc-btn-container cstm-add-btn-container visible" 93725 > 93726 <div class="ethnc-qatc-btn cstm-add-btn visible"> 93727 <span class="small-hide hide-mobile">Add to Basket</span> 93728 <span class="d-inline-flex small-hide hide-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="12" viewBox="0 0 11 12" fill="none"><path d="M7.51001 3.40423H8.20719C8.8325 3.40423 9.35343 3.88355 9.40536 4.5067L9.80613 9.31596C9.86454 10.0169 9.31137 10.6181 8.60796 10.6181H1.60279C0.899387 10.6181 0.346212 10.0169 0.404627 9.31596L0.805399 4.5067C0.857328 3.88355 1.37825 3.40423 2.00356 3.40423H2.70075M7.51001 3.40423H2.70075M7.51001 3.40423L7.51001 2.80307C7.51001 2.16532 7.25666 1.55369 6.80571 1.10274C6.35475 0.651782 5.74313 0.398438 5.10538 0.398438C4.46763 0.398438 3.856 0.651782 3.40505 1.10274C2.95409 1.55369 2.70074 2.16532 2.70074 2.80307L2.70075 3.40423M7.51001 3.40423L7.51001 5.80886M2.70075 3.40423L2.70074 5.80886" stroke="black" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path></svg> 93729 </span> 93730 <span class="hide-desktop"><svg xmlns="http://www.w3.org/2000/svg" 93731 width="11" 93732 height="11" 93733 viewBox="0 0 11 11" 93734 fill="none" 93735> 93736 <path d="M10.5208 5.41667H6.29167V1.1875C6.29167 0.945875 6.09579 0.75 5.85417 0.75C5.61254 0.75 5.41667 0.945875 5.41667 1.1875V5.41667H1.1875C0.945875 5.41667 0.75 5.61254 0.75 5.85417C0.75 6.09579 0.945875 6.29167 1.1875 6.29167H5.41667V10.5208C5.41667 10.7625 5.61254 10.9583 5.85417 10.9583C6.09579 10.9583 6.29167 10.7625 6.29167 10.5208V6.29167H10.5208C10.7625 6.29167 10.9583 6.09579 10.9583 5.85417C10.9583 5.61254 10.7625 5.41667 10.5208 5.41667Z" 93737 fill="black" 93738 /> 93739</svg> 93740</span> 93741 </div> 93742 </div> 93743 93744 93745 </div> 93746 93747 <div class="card__content aiza2"> 93748 <div class="card__information"> 93749 <small class="product-brand"> 93750 Kayseria 93751 </small> 93752 <h3 93753 class="card__heading h5" 93754 93755 id="title-template--27667673415976__brand_clctn_tabs_Y3Twdb-10429995745576" 93756 93757 > 93758 <a 93759 href="/products/mcp2525" 93760 id="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10429995745576" 93761 class="full-unstyled-link" 93762 aria-labelledby="CardLink-template--27667673415976__brand_clctn_tabs_Y3Twdb-10429995745576 Badge-template--27667673415976__brand_clctn_tabs_Y3Twdb-10429995745576" 93763 > 93764 PK RAW SILK | PRINTED 93765 93766 <div class="card_colorways_container" onclick="event.stopPropagation();"> 93767 93768 93769 � 93770 </div> 93771 </a> 93772 93773 </h3> 93774 93775 <h3 class="product-subtitle hidden">RTW | SHIRT & TROUSER</h3> 93776 93777 <div class="card-information"><span class="caption-large light"></span> 93778<div 93779 class=" 93780 price " 93781 > 93782 <div class="price__container"><div class="price__regular"><span class="visually-hidden visually-hidden--inline">Regular price</span>
93783 <span class="price-item price-item--regular"> 93784 <span class=money>Rs.10,490</span> 93785 </span></div> 93786 <div class="price__sale"> 93787 <span class="visually-hidden visually-hidden--inline">Regular price</span> 93788 <span> 93789 <s class="price-item price-item--regular"> 93790 93791 <span class=money>Rs.10,490</span> 93792 93793 </s> 93794 </span><span class="visually-hidden visually-hidden--inline">Sale price</span> 93795 <span class="price-item price-item--sale price-item--last"> 93796 93797 93798 93799 93800 <span class="percentage__sale hidden">0% OFF</span> 93801 93802 <span class=money>Rs.10,490</span> 93803 </span> 93804 </div> 93805 <small class="unit-price caption hidden"> 93806 <span class="visually-hidden">Unit price</span> 93807 <span class="price-item price-item--last"> 93808 <span></span> 93809 <span aria-hidden="true">/</span> 93810 <span class="visually-hidden"> per </span> 93811 <span> 93812 </span> 93813 </span> 93814 </small> 93815 </div></div> 93816 93817 93818 93819 </div> 93820 </div> 93821 </div> 93822 93823 </div> 93824 </div><style> 93825/* ========================================================= 93826 DESKTOP PRODUCT CARD QUICK ADD 93827 LEFT = sizes 93828 RIGHT = original bag icon 93829 Mobile behavior remains unchanged 93830 ========================================================= */ 93831@media (min-width: 990px) { 93832 .hide-desktop { 93833 display: none !important; 93834 } 93835 93836 /* Keep both controls on the same bottom row */ 93837 .card-wrapper-box { 93838 position: relative; 93839 } 93840 93841 .card-wrapper-box .bt-qatc-container, 93842 .card-wrapper-box .ethnc-qatc-btn-container { 93843 position: absolute !important; 93844 bottom: 0 !important; 93845 z-index: 8 !important; 93846 } 93847 93848 /* LEFT: size area */ 93849 .card-wrapper-box .bt-qatc-container { 93850 left: 0 !important; 93851 right: 46px !important; 93852 width: auto !important; 93853 } 93854 93855 .card-wrapper-box .bt-qatc-form-container { 93856 left: 0 !important; 93857 right: 0 !important; 93858 bottom: -350% !important; 93859 width: 100% !important; 93860 min-height: 43px !important; 93861 opacity: 0 !important; 93862 visibility: hidden !important; 93863 pointer-events: none !important; 93864 transition: bottom .22s ease, opacity .18s ease !important; 93865 } 93866 93867 .card-wrapper-box .bt-qatc-form, 93868 .card-wrapper-box .bt-qatc-form-variants-container, 93869 .card-wrapper-box .bt-qatc-form-variants--list { 93870 width: 100% !important; 93871 } 93872 93873 .card-wrapper-box .bt-qatc-form-variants--list { 93874 display: flex !important; 93875 align-items: center !important; 93876 flex-wrap: wrap !important; 93877 gap: 0 !important; 93878 min-height: 43px !important; 93879 } 93880 93881 /* RIGHT: original bag button */ 93882 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 93883 display: flex !important; 93884 align-items: stretch !important; 93885 justify-content: center !important; 93886 left: auto !important; 93887 right: 0 !important; 93888 width: 46px !important; 93889 height: 43px !important; 93890 opacity: 0 !important; 93891 visibility: hidden !important; 93892 pointer-events: none !important; 93893 transition: opacity .18s ease !important; 93894 } 93895 93896 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 93897 display: flex !important; 93898 align-items: center !important; 93899 justify-content: center !important; 93900 width: 46px !important; 93901 height: 43px !important; 93902 min-width: 46px !important; 93903 padding: 0 !important; 93904 cursor: pointer !important; 93905 } 93906 93907 /* Hide Add to Basket text on desktop; keep only bag icon */ 93908 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn > span:first-child { 93909 display: none !important; 93910 } 93911 93912 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 93913 display: flex !important; 93914 align-items: center !important; 93915 justify-content: center !important; 93916 width: 100% !important; 93917 height: 100% !important; 93918 padding: 0 !important; 93919 } 93920 93921 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 93922 display: block !important; 93923 width: 16px !important; 93924 height: 17px !important; 93925 } 93926 93927 /* Show sizes + bag together on desktop hover */ 93928 .card-wrapper-box:hover .bt-qatc-form-container { 93929 bottom: 0 !important; 93930 opacity: 1 !important; 93931 visibility: visible !important; 93932 pointer-events: auto !important; 93933 } 93934 93935 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 93936 opacity: 1 !important; 93937 visibility: visible !important; 93938 pointer-events: auto !important; 93939 } 93940} 93941 93942@media (max-width: 989px) { 93943 .hide-mobile { 93944 display: none; 93945 } 93946} 93947</style> 93948 93949 93950<style> 93951/* ========================================================= 93952 DESKTOP QUICK SIZE ROW â ALIGNMENT FIX 93953 Keeps all sizes in one clean row on the left 93954 and the bag icon fixed on the right. 93955 ========================================================= */ 93956@media (min-width: 990px) { 93957 93958 .card-wrapper-box .bt-qatc-form-container { 93959 height: 43px !important; 93960 min-height: 43px !important; 93961 max-height: 43px !important; 93962 overflow: hidden !important; 93963 background: rgba(255,255,255,.96) !important; 93964 } 93965 93966 .card-wrapper-box .bt-qatc-form { 93967 display: block !important; 93968 height: 43px !important; 93969 min-height: 43px !important; 93970 margin: 0 !important; 93971 padding: 0 !important; 93972 } 93973 93974 .card-wrapper-box .bt-qatc-form-variants-container { 93975 display: block !important; 93976 width: 100% !important; 93977 height: 43px !important; 93978 min-height: 43px !important; 93979 margin: 0 !important; 93980 padding: 0 !important; 93981 } 93982 93983 .card-wrapper-box .bt-qatc-form-variants--list { 93984 display: flex !important; 93985 flex-direction: row !important; 93986 flex-wrap: wrap !important;
93987 align-items: center !important; 93988 justify-content: center !important; 93989 93990 width: 100% !important; 93991 height: 43px !important; 93992 min-height: 43px !important; 93993 93994 margin: 0 !important; 93995 padding: 0 6px !important; 93996 gap: 2px !important; 93997 93998 box-sizing: border-box !important; 93999 overflow: visible !important; 94000 white-space: normal !important; 94001 } 94002 94003 .card-wrapper-box .bt-qatc-form-variants--list::-webkit-scrollbar { 94004 display: none !important; 94005 } 94006 94007 .card-wrapper-box .bt-qatc-form-variant-input { 94008 position: relative !important; 94009 94010 display: flex !important; 94011 align-items: center !important; 94012 justify-content: center !important; 94013 94014 flex: 0 0 auto !important; 94015 width: auto !important; 94016 min-width: 32px !important; 94017 height: 43px !important; 94018 94019 margin: 0 !important; 94020 padding: 0 !important; 94021 94022 border: 0 !important; 94023 background: transparent !important; 94024 } 94025 94026 .card-wrapper-box .bt-qatc-form-variant-input label { 94027 position: static !important; 94028 94029 display: flex !important; 94030 align-items: center !important; 94031 justify-content: center !important; 94032 94033 width: auto !important; 94034 min-width: 32px !important; 94035 height: 32px !important; 94036 94037 margin: 0 !important; 94038 padding: 0 6px !important; 94039 94040 box-sizing: border-box !important; 94041 94042 background: transparent !important; 94043 border: 0 !important; 94044 94045 color: #111 !important; 94046 font-size: 12px !important; 94047 line-height: 1 !important; 94048 font-weight: 400 !important; 94049 94050 white-space: nowrap !important; 94051 cursor: pointer !important; 94052 } 94053 94054 .card-wrapper-box .bt-qatc-form-variant-input label .split-variant-value { 94055 display: block !important; 94056 width: auto !important; 94057 max-width: none !important; 94058 94059 margin: 0 !important; 94060 padding: 0 !important; 94061 94062 overflow: visible !important; 94063 white-space: nowrap !important; 94064 text-overflow: clip !important; 94065 94066 font-size: inherit !important; 94067 line-height: inherit !important; 94068 } 94069 94070 /* Sold-out size */ 94071 .card-wrapper-box .bt-qatc-form-variant-input.is-disbaled label { 94072 opacity: .35 !important; 94073 text-decoration: line-through !important; 94074 cursor: not-allowed !important; 94075 } 94076 94077 /* Optional hover feedback */ 94078 .card-wrapper-box 94079 .bt-qatc-form-variant-input:not(.is-disbaled) 94080 label:hover { 94081 text-decoration: underline !important; 94082 text-underline-offset: 3px !important; 94083 } 94084 94085 /* Prevent old theme transforms / absolute positions */ 94086 .card-wrapper-box .bt-qatc-form-variant-input *, 94087 .card-wrapper-box .bt-qatc-form-variants--list * { 94088 transform: none; 94089 } 94090} 94091</style> 94092 94093 94094<style> 94095/* Desktop quick-add: use one seamless background for sizes + bag */ 94096@media (min-width: 990px) { 94097 .card-wrapper-box .bt-qatc-form-container, 94098 .card-wrapper-box .bt-qatc-form, 94099 .card-wrapper-box .bt-qatc-form-variants-container, 94100 .card-wrapper-box .bt-qatc-form-variants--list, 94101 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 94102 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 94103 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 94104 background: rgba(255,255,255,.96) !important; 94105 } 94106 94107 /* Remove any visual split between sizes and bag */ 94108 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container, 94109 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 94110 border-left: 0 !important; 94111 box-shadow: none !important; 94112 } 94113} 94114</style> 94115 94116 94117<style> 94118/* Desktop: show ALL quick-add sizes on hover, never as a horizontal slider */ 94119@media (min-width: 990px) { 94120 .card-wrapper-box .bt-qatc-form-container, 94121 .card-wrapper-box .bt-qatc-form, 94122 .card-wrapper-box .bt-qatc-form-variants-container { 94123 height: auto !important; 94124 max-height: none !important; 94125 overflow: visible !important; 94126 } 94127 94128 .card-wrapper-box .bt-qatc-form-variants--list { 94129 display: flex !important; 94130 flex-wrap: wrap !important; 94131 justify-content: center !important; 94132 align-items: center !important; 94133 height: auto !important; 94134 min-height: 43px !important; 94135 max-height: none !important; 94136 overflow: visible !important; 94137 white-space: normal !important; 94138 padding: 5px 6px !important; 94139 } 94140 94141 .card-wrapper-box .bt-qatc-form-variant-input { 94142 flex: 0 0 auto !important; 94143 } 94144} 94145</style> 94146
94147<script> 94148 window.sefamQuickAddSize = window.sefamQuickAddSize || async function(label) { 94149 const wrap = label.closest('.bt-qatc-form-variant-input'); 94150 const form = label.closest('.bt-qatc-form'); 94151 const input = wrap ? wrap.querySelector('input[name="id"]') : null; 94152 94153 if (!wrap || !form || !input) return; 94154 if (wrap.classList.contains('is-disbaled') || input.disabled) return; 94155 if (label.dataset.loading === 'true') return; 94156 94157 input.checked = true; 94158 label.dataset.loading = 'true'; 94159 label.style.pointerEvents = 'none'; 94160 94161 try { 94162 const cartResp = await fetch('/cart.js', { 94163 method: 'GET', 94164 headers: { 'Accept': 'application/json' } 94165 }); 94166 94167 if (!cartResp.ok) throw new Error('Unable to read cart'); 94168 94169 const cart = await cartResp.json(); 94170 const variantId = Number(input.value); 94171 const selectedPrice = Number(input.dataset.price || 0) / 100; 94172 const totalCartPrice = Number(cart.total_price || 0) / 100; 94173 const itemInCart = cart.items.find((item) => Number(item.variant_id) === variantId); 94174 94175 if ((totalCartPrice + selectedPrice) > 250000) { 94176 if (window.showAlert) { 94177 window.showAlert('You cannot exceed the maximum shopping limit of PKR 250,000'); 94178 } else { 94179 alert('You cannot exceed the maximum shopping limit of PKR 250,000'); 94180 } 94181 return; 94182 } 94183 94184 if (itemInCart && Number(itemInCart.quantity) >= 3) { 94185 if (window.showAlert) { 94186 window.showAlert('Limit reached: Max 3 items per size can be added'); 94187 } else { 94188 alert('Limit reached: Max 3 items per size can be added'); 94189 } 94190 return; 94191 } 94192 94193 94194 const cartSections = document.querySelector('cart-notification, cart-drawer'); 94195 const formData = new FormData(form); 94196 94197 formData.set('id', input.value); 94198 formData.set('quantity', '1'); 94199 94200 if (cartSections && typeof cartSections.getSectionsToRender === 'function') { 94201 formData.set( 94202 'sections', 94203 Array.from(cartSections.getSectionsToRender(), (section) => section.id).join(',') 94204 ); 94205 } 94206 94207 formData.set('sections_url', window.location.pathname); 94208 94209 const addResp = await fetch('/cart/add.js', { 94210 method: 'POST', 94211 headers: { 'Accept': 'application/json' }, 94212 body: formData 94213 }); 94214 94215 const data = await addResp.json(); 94216 94217 if (!addResp.ok) { 94218 throw new Error(data.description || data.message || 'Unable to add this size'); 94219 } 94220 94221 if (cartSections && typeof cartSections.renderContents === 'function') { 94222 cartSections.renderContents(data); 94223 } else { 94224 const bubble = document.querySelector('#cart-icon-bubble'); 94225 if (bubble) bubble.click(); 94226 } 94227 94228 const card = label.closest('.card-wrapper-box'); 94229 if (card) { 94230 card.querySelector('.bt-qatc-form-container')?.classList.remove('is-visible'); 94231 card.querySelector('.bt-qatc-container')?.classList.remove('is-visible'); 94232 } 94233 } catch (error) { 94234 console.error('SEFAM hover size quick-add error:', error); 94235 if (window.showAlert) { 94236 window.showAlert(error.message || 'Unable to add this size to cart'); 94237 } else { 94238 alert(error.message || 'Unable to add this size to cart'); 94239 } 94240 } finally { 94241 label.dataset.loading = 'false'; 94242 label.style.pointerEvents = ''; 94243 } 94244 }; 94245</script>
94245 94246 94247<style> 94248/* Desktop quick-add final alignment: 94249 sizes start from left; bag area matches the complete quick-size background height. */ 94250@media (min-width: 990px) { 94251 .card-wrapper-box .bt-qatc-form-variants--list { 94252 justify-content: flex-start !important; 94253 align-content: center !important; 94254 text-align: left !important; 94255 } 94256 94257 .card-wrapper-box .bt-qatc-container { 94258 right: 46px !important; 94259 } 94260 94261 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 94262 top: auto !important; 94263 bottom: 0 !important; 94264 width: 46px !important; 94265 height: 100% !important; 94266 min-height: 43px !important; 94267 align-items: stretch !important; 94268 background: rgba(255,255,255,.96) !important; 94269 } 94270 94271 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 94272 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 94273 width: 46px !important; 94274 height: 100% !important; 94275 min-height: 43px !important; 94276 background: rgba(255,255,255,.96) !important; 94277 } 94278 94279 /* When the size row wraps, stretch the bag column to the same visual panel height. */ 94280 .card-wrapper-box:hover .ethnc-qatc-btn-container.cstm-add-btn-container { 94281 height: var(--sefam-quick-add-height, 43px) !important; 94282 } 94283} 94284</style>
94285<script> 94286(function () { 94287 function syncQuickAddHeight(card) { 94288 if (!card || window.innerWidth < 990) return; 94289 var panel = card.querySelector('.bt-qatc-form-container'); 94290 if (!panel) return; 94291 var h = Math.max(43, Math.ceil(panel.getBoundingClientRect().height)); 94292 card.style.setProperty('--sefam-quick-add-height', h + 'px'); 94293 } 94294 94295 document.addEventListener('mouseover', function(e) { 94296 var card = e.target.closest('.card-wrapper-box'); 94297 if (card) requestAnimationFrame(function(){ syncQuickAddHeight(card); }); 94298 }, { passive: true }); 94299 94300 window.addEventListener('resize', function() { 94301 document.querySelectorAll('.card-wrapper-box').forEach(syncQuickAddHeight); 94302 }, { passive: true }); 94303})(); 94304</script>
94304 94305 94306 94307 94308<style> 94309/* ========================================================= 94310 DESKTOP QUICK ADD â COMPACT SIZES + BAG FIX 94311 - reduce space between sizes 94312 - keep sizes left aligned 94313 - keep the bag icon on the BOTTOM row 94314 - bag background still matches the full size panel 94315 ========================================================= */ 94316@media (min-width: 990px) { 94317 94318 /* More usable width for sizes */ 94319 .card-wrapper-box .bt-qatc-container { 94320 right: 42px !important; 94321 } 94322 94323 /* Compact, left-aligned size list */ 94324 .card-wrapper-box .bt-qatc-form-variants--list { 94325 justify-content: flex-start !important; 94326 align-items: center !important; 94327 align-content: center !important; 94328 94329 column-gap: 0 !important; 94330 row-gap: 0 !important; 94331 94332 padding: 4px 4px !important; 94333 margin: 0 !important; 94334 } 94335 94336 .card-wrapper-box .bt-qatc-form-variant-input { 94337 min-width: 0 !important; 94338 width: auto !important; 94339 height: 35px !important; 94340 margin: 0 !important; 94341 padding: 0 !important; 94342 } 94343 94344 .card-wrapper-box .bt-qatc-form-variant-input label { 94345 min-width: 0 !important; 94346 width: auto !important; 94347 height: 35px !important; 94348 94349 margin: 0 !important; 94350 padding: 0 4px !important; 94351 94352 font-size: 12px !important; 94353 line-height: 1 !important; 94354 } 94355 94356 /* Bag column keeps the same full white background as the sizes */ 94357 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 94358 right: 0 !important; 94359 bottom: 0 !important; 94360 top: auto !important; 94361 94362 width: 42px !important; 94363 min-width: 42px !important; 94364 height: var(--sefam-quick-add-height, 43px) !important; 94365 min-height: 43px !important; 94366 94367 display: flex !important; 94368 flex-direction: column !important; 94369 justify-content: flex-end !important; 94370 align-items: stretch !important; 94371 94372 padding: 0 !important; 94373 margin: 0 !important; 94374 94375 background: rgba(255,255,255,.96) !important; 94376 } 94377 94378 /* The clickable bag itself always sits at the bottom */ 94379 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn { 94380 width: 42px !important; 94381 min-width: 42px !important; 94382 height: 43px !important; 94383 min-height: 43px !important; 94384 94385 margin-top: auto !important; 94386 padding: 0 !important; 94387 94388 display: flex !important; 94389 align-items: center !important; 94390 justify-content: center !important; 94391 94392 background: rgba(255,255,255,.96) !important; 94393 } 94394 94395 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 94396 width: 42px !important; 94397 height: 43px !important; 94398 min-height: 43px !important; 94399 94400 display: flex !important; 94401 align-items: center !important; 94402 justify-content: center !important; 94403 94404 padding: 0 !important; 94405 margin: 0 !important; 94406 94407 background: transparent !important; 94408 } 94409 94410 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex svg { 94411 width: 16px !important; 94412 height: 17px !important; 94413 } 94414} 94415</style> 94416 94417 94418<style> 94419/* FINAL DESKTOP QUICK ADD â SIZE ONLY + COMPACT HEIGHT */ 94420@media (min-width: 990px) { 94421 .card-wrapper-box .bt-qatc-form-variants--list { 94422 padding: 3px 4px !important; 94423 column-gap: 0 !important; 94424 row-gap: 0 !important; 94425 justify-content: flex-start !important; 94426 align-items: center !important; 94427 align-content: center !important; 94428 } 94429 94430 .card-wrapper-box .bt-qatc-form-variant-input { 94431 min-width: 0 !important; 94432 width: auto !important; 94433 height: 30px !important; 94434 margin: 0 !important; 94435 padding: 0 !important; 94436 } 94437 94438 .card-wrapper-box .bt-qatc-form-variant-input label { 94439 min-width: 0 !important; 94440 width: auto !important; 94441 height: 30px !important; 94442 margin: 0 !important; 94443 padding: 0 4px !important; 94444 font-size: 12px !important; 94445 line-height: 1 !important; 94446 display: flex !important; 94447 align-items: center !important; 94448 justify-content: center !important; 94449 } 94450 94451 .card-wrapper-box .ethnc-qatc-btn-container.cstm-add-btn-container { 94452 display: flex !important; 94453 flex-direction: column !important; 94454 justify-content: flex-end !important;
94455 align-items: stretch !important; 94456 bottom: 0 !important; 94457 top: auto !important; 94458 height: var(--sefam-quick-add-height, 36px) !important; 94459 min-height: 36px !important; 94460 } 94461 94462 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn, 94463 .card-wrapper-box .ethnc-qatc-btn.cstm-add-btn .d-inline-flex { 94464 height: 36px !important; 94465 min-height: 36px !important; 94466 margin-top: auto !important; 94467 } 94468} 94469</style> 94470 94471<style> 94472 .card_colorways_container{display:flex;align-items:center;gap:5px;position:relative;z-index:3;margin-top:4px} 94473 .card_colorways_container .new-mbl-color-single{display:inline-flex;margin:0} 94474 .card_colorways_container .new-mbl-color-single label{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:1px;border:1px solid #c8c8c8;cursor:pointer;box-sizing:border-box} 94475 .card_colorways_container .new-mbl-color-single label span, 94476 .card_colorways_container .new-mbl-color-single label img{display:block;width:100%;height:100%;object-fit:cover} 94477 .card_colorways_container .new-mbl-color-single.is-active label{border-color:#111} 94478</style> 94479 94480 </li> 94481 94482 94483</ul> 94484 94485<div class="slider-buttons"> 94486 <button 94487 type="button" 94488 class="slider-button slider-button--prev" 94489 name="previous" 94490 aria-label="Slide left" 94491 aria-controls="Slider-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_aLwpHn" 94492 > 94493 <span class="svg-wrapper"> 94494 <svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 94495 94496 </span> 94497 </button> 94498 94499 <div class="slider-counter caption"> 94500 <span class="slider-counter--current">1</span> 94501 <span aria-hidden="true"> / </span> 94502 <span class="visually-hidden">of</span> 94503 <span class="slider-counter--total">20</span> 94504 </div> 94505 94506 <button 94507 type="button" 94508 class="slider-button slider-button--next" 94509 name="next" 94510 aria-label="Slide right" 94511 aria-controls="Slider-template--27667673415976__brand_clctn_tabs_Y3Twdb-tab_aLwpHn" 94512 > 94513 <span class="svg-wrapper"> 94514 <svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 94515 94516 </span> 94517 </button> 94518</div> 94519 94520</slider-component> 94521 94522 94523 </div> 94524 94525 94526 </div> 94527 </div> 94528</div> 94529 94530 94531 94532 94533 94534 94535 94536</section><section id="shopify-section-template--27667673415976__styled_heaidng_phVTWP" class="shopify-section section"><div class="heading-lines-section color-scheme-1 page-width"> 94537 <div class="heading-lines-outer"><div class="heading-lines-wrapper"><span 94538 class="heading-line heading-line--left line-hide-mobile" 94539 aria-hidden="true" 94540 ></span><h2 class="heading-lines-text">Discover Your Style</h2><span 94541 class="heading-line heading-line--right line-hide-mobile" 94542 aria-hidden="true" 94543 ></span></div></div> 94544</div> 94545 94546<style data-shopify> 94547 #shopify-section-template--27667673415976__styled_heaidng_phVTWP .heading-lines-section { 94548 width: 100%; 94549 padding-top: 8px; 94550 padding-bottom: 8px; 94551 } 94552 94553 #shopify-section-template--27667673415976__styled_heaidng_phVTWP .heading-lines-outer { 94554 display: flex;
94555 align-items: center; 94556 justify-content: center; 94557 gap: 1rem; 94558 } 94559 94560 #shopify-section-template--27667673415976__styled_heaidng_phVTWP .heading-lines-spacer { 94561 display: none; 94562 } 94563 94564 #shopify-section-template--27667673415976__styled_heaidng_phVTWP .heading-lines-wrapper { 94565 display: flex; 94566 align-items: center; 94567 justify-content: center; 94568 gap: 1rem; 94569 } 94570 94571 /* Mobile: when the link is present, push heading+lines to the left 94572 and the link to the right, on the same row */ 94573 #shopify-section-template--27667673415976__styled_heaidng_phVTWP .heading-lines-outer.has-link { 94574 justify-content: space-between; 94575 } 94576 94577 #shopify-section-template--27667673415976__styled_heaidng_phVTWP .heading-lines-outer.has-link .heading-lines-wrapper { 94578 flex: 1 1 auto; 94579 justify-content: flex-start; 94580 } 94581 94582 #shopify-section-template--27667673415976__styled_heaidng_phVTWP .heading-line { 94583 flex: 1 1 auto; 94584 height: 1px; 94585 background-color: currentColor; 94586 opacity: 0.6; 94587 max-width: 4rem; 94588 width:10em; 94589 } 94590 94591 #shopify-section-template--27667673415976__styled_heaidng_phVTWP .heading-line.line-hide-mobile { 94592 display: none; 94593 } 94594 94595 #shopify-section-template--27667673415976__styled_heaidng_phVTWP .heading-lines-text { 94596 margin: 0; 94597 white-space: nowrap; 94598 letter-spacing: 0.08em; 94599 text-transform: uppercase; 94600 font-size: 16px; 94601 font-weight: 600; 94602 line-height: 1.2; 94603 } 94604 94605 #shopify-section-template--27667673415976__styled_heaidng_phVTWP .heading-lines-link { 94606 flex: 0 0 auto; 94607 display: inline-flex;
94608 align-items: center; 94609 gap: 0.4rem; 94610 white-space: nowrap; 94611 text-decoration: none; 94612 font-size: 0.875em; 94613 letter-spacing: 0.04em; 94614 text-transform: uppercase; 94615 color:inherit; 94616 } 94617 94618 #shopify-section-template--27667673415976__styled_heaidng_phVTWP .heading-lines-link:hover { 94619 text-decoration: underline; 94620 } 94621 94622 #shopify-section-template--27667673415976__styled_heaidng_phVTWP .heading-lines-link-arrow { 94623 display: inline-block; 94624 transition: transform 0.2s ease; 94625 } 94626 94627 #shopify-section-template--27667673415976__styled_heaidng_phVTWP .heading-lines-link:hover .heading-lines-link-arrow { 94628 transform: translateX(3px); 94629 } 94630 94631 @media screen and (min-width: 750px) { 94632 #shopify-section-template--27667673415976__styled_heaidng_phVTWP .heading-lines-section { 94633 padding-top: 12px; 94634 padding-bottom: 12px; 94635 } 94636 94637 #shopify-section-template--27667673415976__styled_heaidng_phVTWP .heading-lines-text { 94638 font-size: 24px; 94639 } 94640 94641 #shopify-section-template--27667673415976__styled_heaidng_phVTWP .heading-line { 94642 max-width: 12rem; 94643 } 94644 94645 #shopify-section-template--27667673415976__styled_heaidng_phVTWP .heading-line.line-hide-mobile { 94646 display: flex; 94647 } 94648 94649 #shopify-section-template--27667673415976__styled_heaidng_phVTWP .heading-line.line-hide-desktop { 94650 display: none; 94651 } 94652 94653 /* Desktop: heading always stays truly centered, link floats to the right */ 94654 #shopify-section-template--27667673415976__styled_heaidng_phVTWP .heading-lines-outer.has-link { 94655 display: grid; 94656 grid-template-columns: 1fr auto 1fr; 94657 justify-content: normal; 94658 } 94659 94660 #shopify-section-template--27667673415976__styled_heaidng_phVTWP .heading-lines-outer.has-link .heading-lines-spacer { 94661 display: block; 94662 grid-column: 1; 94663 } 94664 94665 #shopify-section-template--27667673415976__styled_heaidng_phVTWP .heading-lines-outer.has-link .heading-lines-wrapper { 94666 grid-column: 2; 94667 justify-self: center; 94668 justify-content: center; 94669 flex: initial; 94670 } 94671 94672 #shopify-section-template--27667673415976__styled_heaidng_phVTWP .heading-lines-outer.has-link .heading-lines-link { 94673 grid-column: 3; 94674 justify-self: end; 94675 } 94676 } 94677</style> 94678 94679 94680</section><section id="shopify-section-template--27667673415976__category_showcase_bdERkR" class="shopify-section section"><link href="//sefam.com/cdn/shop/t/112/assets/component-category-showcase.css?v=72590641814773151741790314215" rel="stylesheet" type="text/css" media="all" />�<style data-shopify>.category-showcase-template--27667673415976__category_showcase_bdERkR { 94681 padding-top: 36px; 94682 padding-bottom: 36px; 94683 --eyebrow-fs: 11px; 94684 --title-fs: 20px; 94685 --subtitle-fs: 12px; 94686 --pill-fs: 10px; 94687 --shopnow-fs: 14px; 94688 } 94689 .category-showcase-template--27667673415976__category_showcase_bdERkR .category-showcase__grid { 94690 grid-template-columns: repeat(1, 1fr); 94691 } 94692 .category-showcase-template--27667673415976__category_showcase_bdERkR .category-showcase__pills-grid--mobile { 94693 grid-template-columns: repeat(3, 1fr); 94694 } 94695 @media screen and (min-width: 750px) { 94696 .category-showcase-template--27667673415976__category_showcase_bdERkR { 94697 --eyebrow-fs: 15px; 94698 --title-fs: 23px; 94699 --subtitle-fs: 14px; 94700 --pill-fs: 10px; 94701 --shopnow-fs: 20px; 94702 } 94703 .category-showcase-template--27667673415976__category_showcase_bdERkR .category-showcase__grid { 94704 grid-template-columns: repeat(2, 1fr); 94705 } 94706 } 94707 @media screen and (min-width: 990px) { 94708 .category-showcase-template--27667673415976__category_showcase_bdERkR .category-showcase__grid { 94709 grid-template-columns: repeat(4, 1fr); 94710 } 94711 }</style><div class="category-showcase-template--27667673415976__category_showcase_bdERkR color-scheme-e19b9b20-6e5e-4434-82e4-0a3aa8daf8cb"> 94712 <div class="page-width"><div class="category-showcase__grid"><div class="category-showcase__card" > 94713 94714 <div class="category-showcase__image-wrapper"> 94715 <a 94716 href="/pages/kayseria" 94717 class="category-showcase__image-link" 94718 94719 aria-label="Shop WOMEN" 94720 94721 ><picture><source 94722 media="(max-width: 749px)" 94723 srcset=" 94724 //sefam.com/cdn/shop/files/Sefam_page_top_section_5.jpg?v=1790141966&width=400 400w, 94725 //sefam.com/cdn/shop/files/Sefam_page_top_section_5.jpg?v=1790141966&width=600 600w, 94726 //sefam.com/cdn/shop/files/Sefam_page_top_section_5.jpg?v=1790141966&width=800 800w 94727 " 94728 sizes="100vw" 94729 ><img src="//sefam.com/cdn/shop/files/Sefam_page_top_section_5.jpg?v=1790141966&width=1500" alt="" srcset="//sefam.com/cdn/shop/files/Sefam_page_top_section_5.jpg?v=1790141966&width=400 400w, //sefam.com/cdn/shop/files/Sefam_page_top_section_5.jpg?v=1790141966&width=600 600w, //sefam.com/cdn/shop/files/Sefam_page_top_section_5.jpg?v=1790141966&width=800 800w, //sefam.com/cdn/shop/files/Sefam_page_top_section_5.jpg?v=1790141966&width=1000 1000w, //sefam.com/cdn/shop/files/Sefam_page_top_section_5.jpg?v=1790141966&width=1200 1200w, //sefam.com/cdn/shop/files/Sefam_page_top_section_5.jpg?v=1790141966&width=1500 1500w" width="1500" height="1181" loading="eager" fetchpriority="high" sizes="(min-width: 990px) 25vw, (min-width: 750px) 50vw, 100vw" class="category-showcase__image"> 94730 </picture><div class="category-showcase__overlay" style="--overlay-opacity: 0.2;"></div> 94731 </a> 94732 94733 <div class="category-showcase__content" style="color: #ffffff;"><h3 class="category-showcase__title">WOMEN</h3><div class="category-showcase__pills-grid category-showcase__pills-grid--desktop" style="color: #ffffff;"><a href="/collections/women-new-arrivals26" class="category-showcase__pill">NEW ARRIVALS</a><a href="/collections/ready-to-wear-new-arrivals26" class="category-showcase__pill">Pret</a><a href="/collections/women-unstitched" class="category-showcase__pill">UNSTITCHED</a></div></div></div><div class="category-showcase__mobile-extra"><div class="category-showcase__pills-grid category-showcase__pills-grid--mobile"><a href="/collections/women-new-arrivals26" class="category-showcase__mobile-pill">
94734 <span class="category-showcase__mobile-pill-media"> 94735 <picture> 94736 <source 94737 media="(max-width: 749px)" 94738 srcset="//sefam.com/cdn/shop/files/C6623_1_3eee0e9c-9aa8-4169-9c42-41a220b9887c.jpg?v=1788179216&width=200 200w, 94739 //sefam.com/cdn/shop/files/C6623_1_3eee0e9c-9aa8-4169-9c42-41a220b9887c.jpg?v=1788179216&width=300 300w, 94740 //sefam.com/cdn/shop/files/C6623_1_3eee0e9c-9aa8-4169-9c42-41a220b9887c.jpg?v=1788179216&width=400 400w" 94741 sizes="25vw" 94742 > 94743 <img 94744 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" 94745 alt="" 94746 width="1" 94747 height="1" 94748 loading="lazy" 94749 > 94750 </picture> 94751 </span> 94752 <span class="category-showcase__mobile-pill-label">NEW ARRIVALS</span> 94753 </a><a href="/collections/ready-to-wear-new-arrivals26" class="category-showcase__mobile-pill"> 94754 <span class="category-showcase__mobile-pill-media"> 94755 <picture> 94756 <source 94757 media="(max-width: 749px)" 94758 srcset="//sefam.com/cdn/shop/files/KPW26-P4167_4.jpg?v=1790599839&width=200 200w, 94759 //sefam.com/cdn/shop/files/KPW26-P4167_4.jpg?v=1790599839&width=300 300w, 94760 //sefam.com/cdn/shop/files/KPW26-P4167_4.jpg?v=1790599839&width=400 400w" 94761 sizes="25vw" 94762 > 94763 <img 94764 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" 94765 alt="" 94766 width="1" 94767 height="1" 94768 loading="lazy" 94769 > 94770 </picture> 94771 </span> 94772 <span class="category-showcase__mobile-pill-label">Pret</span> 94773 </a><a href="/collections/women-unstitched" class="category-showcase__mobile-pill"> 94774 <span class="category-showcase__mobile-pill-media"> 94775 <picture> 94776 <source 94777 media="(max-width: 749px)" 94778 srcset="//sefam.com/cdn/shop/files/C6732_9.jpg?v=1788421365&width=200 200w, 94779 //sefam.com/cdn/shop/files/C6732_9.jpg?v=1788421365&width=300 300w, 94780 //sefam.com/cdn/shop/files/C6732_9.jpg?v=1788421365&width=400 400w" 94781 sizes="25vw" 94782 > 94783 <img 94784 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" 94785 alt="" 94786 width="1" 94787 height="1" 94788 loading="lazy" 94789 > 94790 </picture> 94791 </span> 94792 <span class="category-showcase__mobile-pill-label">UNSTITCHED</span> 94793 </a></div></div> 94794 94795 </div><div class="category-showcase__card" > 94796 94797 <div class="category-showcase__image-wrapper"> 94798 <a 94799 href="/pages/shahnameh" 94800 class="category-showcase__image-link" 94801 94802 aria-label="Shop MEN" 94803 94804 ><picture><source 94805 media="(max-width: 749px)" 94806 srcset=" 94807 //sefam.com/cdn/shop/files/Sefam_page_top_section_6.jpg?v=1790141966&width=400 400w, 94808 //sefam.com/cdn/shop/files/Sefam_page_top_section_6.jpg?v=1790141966&width=600 600w, 94809 //sefam.com/cdn/shop/files/Sefam_page_top_section_6.jpg?v=1790141966&width=800 800w 94810 " 94811 sizes="100vw" 94812 ><img src="//sefam.com/cdn/shop/files/Sefam_page_top_section_6.jpg?v=1790141966&width=1500" alt="" srcset="//sefam.com/cdn/shop/files/Sefam_page_top_section_6.jpg?v=1790141966&width=400 400w, //sefam.com/cdn/shop/files/Sefam_page_top_section_6.jpg?v=1790141966&width=600 600w, //sefam.com/cdn/shop/files/Sefam_page_top_section_6.jpg?v=1790141966&width=800 800w, //sefam.com/cdn/shop/files/Sefam_page_top_section_6.jpg?v=1790141966&width=1000 1000w, //sefam.com/cdn/shop/files/Sefam_page_top_section_6.jpg?v=1790141966&width=1200 1200w, //sefam.com/cdn/shop/files/Sefam_page_top_section_6.jpg?v=1790141966&width=1500 1500w" width="1500" height="1181" loading="lazy" fetchpriority="auto" sizes="(min-width: 990px) 25vw, (min-width: 750px) 50vw, 100vw" class="category-showcase__image"> 94813 </picture><div class="category-showcase__overlay" style="--overlay-opacity: 0.2;"></div> 94814 </a> 94815 94816 <div class="category-showcase__content" style="color: #ffffff;"><h3 class="category-showcase__title">MEN</h3><div class="category-showcase__pills-grid category-showcase__pills-grid--desktop" style="color: #ffffff;"><a href="/collections/shahnameh-new-in26" class="category-showcase__pill">NEW ARRIVALS</a><a href="/collections/shahnameh-eastern-wear-all" class="category-showcase__pill">EASTERN</a>
94816<a href="/collections/shahnameh-western-wear-all" class="category-showcase__pill">WESTERN</a></div></div></div><div class="category-showcase__mobile-extra"><div class="category-showcase__pills-grid category-showcase__pills-grid--mobile"><a href="/collections/shahnameh-new-in26" class="category-showcase__mobile-pill"> 94817 <span class="category-showcase__mobile-pill-media"> 94818 <picture> 94819 <source 94820 media="(max-width: 749px)" 94821 srcset="//sefam.com/cdn/shop/files/SMPC402426_3.jpg?v=1790744530&width=200 200w, 94822 //sefam.com/cdn/shop/files/SMPC402426_3.jpg?v=1790744530&width=300 300w, 94823 //sefam.com/cdn/shop/files/SMPC402426_3.jpg?v=1790744530&width=400 400w" 94824 sizes="25vw" 94825 > 94826 <img 94827 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" 94828 alt="" 94829 width="1" 94830 height="1" 94831 loading="lazy" 94832 > 94833 </picture> 94834 </span> 94835 <span class="category-showcase__mobile-pill-label">NEW ARRIVALS</span> 94836 </a><a href="/collections/shahnameh-eastern-wear-all" class="category-showcase__mobile-pill"> 94837 <span class="category-showcase__mobile-pill-media"> 94838 <picture> 94839 <source 94840 media="(max-width: 749px)" 94841 srcset="//sefam.com/cdn/shop/files/SMWC906126_1.jpg?v=1778822599&width=200 200w, 94842 //sefam.com/cdn/shop/files/SMWC906126_1.jpg?v=1778822599&width=300 300w, 94843 //sefam.com/cdn/shop/files/SMWC906126_1.jpg?v=1778822599&width=400 400w" 94844 sizes="25vw" 94845 > 94846 <img 94847 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" 94848 alt="" 94849 width="1" 94850 height="1" 94851 loading="lazy" 94852 > 94853 </picture> 94854 </span> 94855 <span class="category-showcase__mobile-pill-label">EASTERN</span> 94856 </a><a href="/collections/shahnameh-western-wear-all" class="category-showcase__mobile-pill"> 94857 <span class="category-showcase__mobile-pill-media"> 94858 <picture> 94859 <source 94860 media="(max-width: 749px)" 94861 srcset="//sefam.com/cdn/shop/files/SWS413426_3.jpg?v=1790944631&width=200 200w, 94862 //sefam.com/cdn/shop/files/SWS413426_3.jpg?v=1790944631&width=300 300w, 94863 //sefam.com/cdn/shop/files/SWS413426_3.jpg?v=1790944631&width=400 400w" 94864 sizes="25vw" 94865 > 94866 <img 94867 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" 94868 alt="" 94869 width="1" 94870 height="1" 94871 loading="lazy" 94872 > 94873 </picture> 94874 </span> 94875 <span class="category-showcase__mobile-pill-label">WESTERN</span> 94876 </a></div></div> 94877 94878 </div><div class="category-showcase__card" > 94879 94880 <div class="category-showcase__image-wrapper"> 94881 <a 94882 href="/pages/leisure-club" 94883 class="category-showcase__image-link" 94884 94885 aria-label="Shop KIDS" 94886 94887 ><picture><source 94888 media="(max-width: 749px)" 94889 srcset=" 94890 //sefam.com/cdn/shop/files/Sefam_page_top_section_7.jpg?v=1790141965&width=400 400w, 94891 //sefam.com/cdn/shop/files/Sefam_page_top_section_7.jpg?v=1790141965&width=600 600w, 94892 //sefam.com/cdn/shop/files/Sefam_page_top_section_7.jpg?v=1790141965&width=800 800w 94893 " 94894 sizes="100vw" 94895 ><img src="//sefam.com/cdn/shop/files/Sefam_page_top_section_7.jpg?v=1790141965&width=1500" alt="" srcset="//sefam.com/cdn/shop/files/Sefam_page_top_section_7.jpg?v=1790141965&width=400 400w, //sefam.com/cdn/shop/files/Sefam_page_top_section_7.jpg?v=1790141965&width=600 600w, //sefam.com/cdn/shop/files/Sefam_page_top_section_7.jpg?v=1790141965&width=800 800w, //sefam.com/cdn/shop/files/Sefam_page_top_section_7.jpg?v=1790141965&width=1000 1000w, //sefam.com/cdn/shop/files/Sefam_page_top_section_7.jpg?v=1790141965&width=1200 1200w, //sefam.com/cdn/shop/files/Sefam_page_top_section_7.jpg?v=1790141965&width=1500 1500w" width="1500" height="1181" loading="lazy" fetchpriority="auto" sizes="(min-width: 990px) 25vw, (min-width: 750px) 50vw, 100vw" class="category-showcase__image"> 94896 </picture><div class="category-showcase__overlay" style="--overlay-opacity: 0.2;"></div> 94897 </a> 94898 94899 <div class="category-showcase__content" style="color: #ffffff;"><h3 class="category-showcase__title">KIDS</h3><div class="category-showcase__pills-grid category-showcase__pills-grid--desktop" style="color: #ffffff;"><a href="/collections/leisure-club-new-arrivals" class="category-showcase__pill">NEW ARRIVALS</a><a href="/collections/lc-girls-clothing" class="category-showcase__pill">GIRLS</a><a href="/collections/lc-boys-clothing" class="category-showcase__pill">BOYS</a></div></div></div><div class="category-showcase__mobile-extra"><div class="category-showcase__pills-grid category-showcase__pills-grid--mobile"><a href="/collections/leisure-club-new-arrivals" class="category-showcase__mobile-pill">
94900 <span class="category-showcase__mobile-pill-media"> 94901 <picture> 94902 <source 94903 media="(max-width: 749px)" 94904 srcset="//sefam.com/cdn/shop/files/GWMD563426_5.jpg?v=1790162753&width=200 200w, 94905 //sefam.com/cdn/shop/files/GWMD563426_5.jpg?v=1790162753&width=300 300w, 94906 //sefam.com/cdn/shop/files/GWMD563426_5.jpg?v=1790162753&width=400 400w" 94907 sizes="25vw" 94908 > 94909 <img 94910 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" 94911 alt="" 94912 width="1" 94913 height="1" 94914 loading="lazy" 94915 > 94916 </picture> 94917 </span> 94918 <span class="category-showcase__mobile-pill-label">NEW ARRIVALS</span> 94919 </a><a href="/collections/lc-girls-clothing" class="category-showcase__mobile-pill"> 94920 <span class="category-showcase__mobile-pill-media"> 94921 <picture> 94922 <source 94923 media="(max-width: 749px)" 94924 srcset="//sefam.com/cdn/shop/files/KPL10126_2.jpg?v=1776842368&width=200 200w, 94925 //sefam.com/cdn/shop/files/KPL10126_2.jpg?v=1776842368&width=300 300w, 94926 //sefam.com/cdn/shop/files/KPL10126_2.jpg?v=1776842368&width=400 400w" 94927 sizes="25vw" 94928 > 94929 <img 94930 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" 94931 alt="" 94932 width="1" 94933 height="1" 94934 loading="lazy" 94935 > 94936 </picture> 94937 </span> 94938 <span class="category-showcase__mobile-pill-label">GIRLS</span> 94939 </a><a href="/collections/lc-boys-clothing" class="category-showcase__mobile-pill"> 94940 <span class="category-showcase__mobile-pill-media"> 94941 <picture> 94942 <source 94943 media="(max-width: 749px)" 94944 srcset="//sefam.com/cdn/shop/files/NBTS317426_4.jpg?v=1790164193&width=200 200w, 94945 //sefam.com/cdn/shop/files/NBTS317426_4.jpg?v=1790164193&width=300 300w, 94946 //sefam.com/cdn/shop/files/NBTS317426_4.jpg?v=1790164193&width=400 400w" 94947 sizes="25vw" 94948 > 94949 <img 94950 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" 94951 alt="" 94952 width="1" 94953 height="1" 94954 loading="lazy" 94955 > 94956 </picture> 94957 </span> 94958 <span class="category-showcase__mobile-pill-label">BOYS</span> 94959 </a></div></div> 94960 94961 </div><div class="category-showcase__card" > 94962 94963 <div class="category-showcase__image-wrapper"> 94964 <a 94965 href="/collections/masters-bottoms" 94966 class="category-showcase__image-link" 94967 94968 aria-label="Shop LUXURY" 94969 94970 ><picture><source 94971 media="(max-width: 749px)" 94972 srcset=" 94973 //sefam.com/cdn/shop/files/Sefam_page_top_section_8.jpg?v=1790142017&width=400 400w, 94974 //sefam.com/cdn/shop/files/Sefam_page_top_section_8.jpg?v=1790142017&width=600 600w, 94975 //sefam.com/cdn/shop/files/Sefam_page_top_section_8.jpg?v=1790142017&width=800 800w 94976 " 94977 sizes="100vw" 94978 ><img src="//sefam.com/cdn/shop/files/Sefam_page_top_section_8.jpg?v=1790142017&width=1500" alt="" srcset="//sefam.com/cdn/shop/files/Sefam_page_top_section_8.jpg?v=1790142017&width=400 400w, //sefam.com/cdn/shop/files/Sefam_page_top_section_8.jpg?v=1790142017&width=600 600w, //sefam.com/cdn/shop/files/Sefam_page_top_section_8.jpg?v=1790142017&width=800 800w, //sefam.com/cdn/shop/files/Sefam_page_top_section_8.jpg?v=1790142017&width=1000 1000w, //sefam.com/cdn/shop/files/Sefam_page_top_section_8.jpg?v=1790142017&width=1200 1200w, //sefam.com/cdn/shop/files/Sefam_page_top_section_8.jpg?v=1790142017&width=1500 1500w" width="1500" height="1181" loading="lazy" fetchpriority="auto" sizes="(min-width: 990px) 25vw, (min-width: 750px) 50vw, 100vw" class="category-showcase__image"> 94979 </picture><div class="category-showcase__overlay" style="--overlay-opacity: 0.2;"></div> 94980 </a> 94981 94982 <div class="category-showcase__content" style="color: #ffffff;"><h3 class="category-showcase__title">LUXURY</h3><div class="category-showcase__pills-grid category-showcase__pills-grid--desktop" style="color: #ffffff;"><a href="/collections/masters-new-arrivals26" class="category-showcase__pill">NEW ARRIVALS</a><a href="/collections/women-masters-ready-to-wear" class="category-showcase__pill">PRET</a><a href="/collections/women-masters-unstitched" class="category-showcase__pill">UNSTITCHD</a></div></div></div><div class="category-showcase__mobile-extra"><div class="category-showcase__pills-grid category-showcase__pills-grid--mobile"><a href="/collections/masters-new-arrivals26" class="category-showcase__mobile-pill">
94983 <span class="category-showcase__mobile-pill-media"> 94984 <picture> 94985 <source 94986 media="(max-width: 749px)" 94987 srcset="//sefam.com/cdn/shop/files/MCP2510_6.jpg?v=1789380395&width=200 200w, 94988 //sefam.com/cdn/shop/files/MCP2510_6.jpg?v=1789380395&width=300 300w, 94989 //sefam.com/cdn/shop/files/MCP2510_6.jpg?v=1789380395&width=400 400w" 94990 sizes="25vw" 94991 > 94992 <img 94993 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" 94994 alt="" 94995 width="1" 94996 height="1" 94997 loading="lazy" 94998 > 94999 </picture> 95000 </span> 95001 <span class="category-showcase__mobile-pill-label">NEW ARRIVALS</span> 95002 </a><a href="/collections/women-masters-ready-to-wear" class="category-showcase__mobile-pill"> 95003 <span class="category-showcase__mobile-pill-media"> 95004 <picture> 95005 <source 95006 media="(max-width: 749px)" 95007 srcset="//sefam.com/cdn/shop/files/MCP2507_9.jpg?v=1788955489&width=200 200w, 95008 //sefam.com/cdn/shop/files/MCP2507_9.jpg?v=1788955489&width=300 300w, 95009 //sefam.com/cdn/shop/files/MCP2507_9.jpg?v=1788955489&width=400 400w" 95010 sizes="25vw" 95011 > 95012 <img 95013 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" 95014 alt="" 95015 width="1" 95016 height="1" 95017 loading="lazy" 95018 > 95019 </picture> 95020 </span> 95021 <span class="category-showcase__mobile-pill-label">PRET</span> 95022 </a><a href="/collections/women-masters-unstitched" class="category-showcase__mobile-pill"> 95023 <span class="category-showcase__mobile-pill-media"> 95024 <picture> 95025 <source 95026 media="(max-width: 749px)" 95027 srcset="//sefam.com/cdn/shop/files/MC2401_12_e84cb427-7d5d-48e1-9b99-6135f768e159.jpg?v=1789625833&width=200 200w, 95028 //sefam.com/cdn/shop/files/MC2401_12_e84cb427-7d5d-48e1-9b99-6135f768e159.jpg?v=1789625833&width=300 300w, 95029 //sefam.com/cdn/shop/files/MC2401_12_e84cb427-7d5d-48e1-9b99-6135f768e159.jpg?v=1789625833&width=400 400w" 95030 sizes="25vw" 95031 > 95032 <img 95033 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" 95034 alt="" 95035 width="1" 95036 height="1" 95037 loading="lazy" 95038 > 95039 </picture> 95040 </span> 95041 <span class="category-showcase__mobile-pill-label">UNSTITCHD</span> 95042 </a></div></div> 95043 95044 </div></div> 95045 95046 </div> 95047</div> 95048 95049 95050</section><section id="shopify-section-template--27667673415976__1789457269d405d60b" class="shopify-section section"><div class="page-width"><div id="shopify-block-AbGdSSjNNdGpjOEczd__whatmore_shoppable_videos_app_block_DRBpCe" class="shopify-block shopify-app-block"> 95051 95052 95053 95054 95055 95056 95057 95058 95059 95060 95061 95062 95063 95064 95065 95066 95067 95068 95069 95070 95071 95072 95073<!-- DEBUG: widget_id = wgt_default, count = 49, is_active = true --> 95074 95075 95076 95077
95078<script> 95079 window.whatmoreHomepageCarouselEvents = {} 95080 window.whatmorePdpCarouselEvents = {} 95081 window.whatmoreHomepageCarouselEvents = {"sc":49,"tc":50}; 95082 95083 95084</script>
95084 95085 95086<div class="whatmore-base" data-wht-widget="wgt_default" style="position: relative; overflow: hidden; min-height:380px"> 95087 <div id="whatmoreShopId" data-wh="93108601128"> </div> 95088 <div id="whatmoreProductId" data-wh=""> </div><div id="whatmoreHeading" data-wh="Watch and Buy"> </div><div id="whatmoreSubheading" data-wh="W"> </div><div id="whatmoreTitleFontSize" data-wh="40"> </div><div id="whatmoreTitleFontSizePortrait" data-wh="24"> </div><div id="whatmoreSubtitleFontSize" data-wh="18"> </div><div id="whatmoreSubtitleFontSizePortrait" data-wh="14"> </div><div id="whatmoreLandscapePadding" data-wh="40"> </div><div id="whatmoreTopBottomPadding" data-wh="20"> </div><div id="whatmoreVideoTileSize" data-wh="80"> </div><div id="whatmoreVideoTileSizePortrait" data-wh="80"> </div><div class="whatmore-template-type" data-wh="template-h"> </div><div id="whatmoreWidgetIdentity" data-wh="wgt_default"> </div> 95089 95090 95091 <div id="whatmoreIsInDesignMode" data-wh='false'> </div> 95092 95093 <div id="whatmoreExtensionType" data-wh="index"> </div> 95094 <div class="whatmore-widget" data-wh="carousel"></div> 95095 <div class="whatmore-render-root"></div> 95096 95097</div> 95098<!-- BEGIN app snippet: whatmore-init -->
95098<script>window.whatmore = window.whatmore || {}; 95099 if (!window.whatmore.__init) { 95100 window.whatmore.__init = 1;window.whatmore.storyEvents = {"events":[]};window.whatmore.frontendCustomizations = {"brand_name":"Sefam Pvt. Ltd. ","brand_theme_color":"#343434","brand_theme_font":"Poppins","brand_ui_theme":"round","brand_text_color":"#343434","brand_video_view_count":"hide","event_ordering_format":"none","collection_event_ordering_format":"order_by_recency","collection_product_sync":true,"is_event_tracked":false,"show_single_product_tile":false,"show_add_to_cart_on_card_template":false,"shuffle_batch_size":5,"add_to_cart_button_type":"basic","show_options_chart":false,"options_chart_image_link":"","is_multi_size_chart":false,"options_chart_name":"","default_swipe_direction":"vertical","add_navigation_buttons_for_swipe":false,"tertiary_color":"#bc2a8d","atc_button_text":"ADD TO CART","buy_now_button_text":"BUY NOW","show_open_close_products_button":false,"add_whatmore_tag_to_checkout_link":true,"add_to_cart_form_class_name":"","cart_icon_button_click_action":"open_cart_slider","initiate_cart_slider_event_on_atc_click":true,"initiate_product_ratings_loading_after_event_data_loaded":false,"show_swipe_indicator_in_landscape":false,"coverflow_effect_landscape_view":true,"brand_custom_css":"","swiper_arrow_color":"white","show_homepage_videos_in_pdp":false,"product_info_text_color":"#000","backlink_to_whatmoreai_enabled":true,"order_tracking":{"initiate_order_tracking_event_after_atc":false,"add_whatmore_line_item_property":false,"add_whatmore_attribute":true,"add_whatmore_attribute_on_cart_page":true,"disable_impression_order_tracking":false,"track_using_wtot":false},"atc_config":{"brand_atc_button_color":"#000000","brand_atc_button_padding_in_px":4,"brand_atc_button_text_color":"#ffffff","atc_buy_now_alignment":"horizontal"},"banner_config":{"is_banner_clickable":false,"show_cta":false,"landscape_multiplier":0.8,"portrait_multiplier":1.0,"landscape_aspect_ratio":0.5625,"portrait_aspect_ratio":1.77,"is_full_screen":false,"show_navigation_dots":true,"selected_dot_color":"#252525","min_height":"400","widget_aspect_ratios":{}},"buy_now_config":{"show_buy_now_button":true,"show_custom_buy_now_button":false,"show_add_to_cart_button":true,"show_view_more_inplace_of_buy_now":true,"view_more_button_text":"MORE INFO","enable_shopflo_checkout":false},"utm":{"activate_utm":true,"utm_source":"utm_source=whatmore-live","utm_campaign":"utm_campaign=video-shopping","utm_medium_product_page":"utm_medium=product-page","utm_medium_checkout_page":"utm_medium=checkout","utm_medium_cart_page":"utm_medium=cart"},"brand_fonts":{"carousel_title_font":null,"carousel_title_font_weight":"400","carousel_title_font_line_height":"normal","carousel_title_font_letter_spacing":"normal","brand_primary_font":null,"story_title_font":null},"carousel_config":{"width_multiplier":1.1,"show_navigation_arrows_in_portrait":false,"is_event_loop":false,"play_partially_visible_slides_in_portrait":false,"theme_horizontal_margin":0},"event_tracking":{"is_enabled":true,"push_time":14,"bulk_event_count":10,"enable_pdp_visit":true,"enable_clp_visit":true},"product_config":{"tile_type":"premium-tile","show_cta":true,"tile_bg_opacity":10,"details_api_available":true,"update_product_details_on_product_page_load":false,"use_product_page_link_as_client_product_id":false,"show_product_swiper_initially":true,"product_image_fit_type":"contain","show_cta_icon":true,"show_product_price":true,"get_price_and_currency_details_from_api":false,"currency_code_to_symbol_map":{},"add_currency_query_param_in_product_url":false,"variant_selection_tile_height_factor":4,"product_tile_bottom_margin":"5px","show_shop_now_button_only":false,"font_price_multiplicator":1.0,"product_tile_custom_text":"","product_tile_custom_text_color":"green","show_first_product_tile":false,"navigate_to_cart_page":false,"product_tile_shopnow_custom_text":"","product_tile_shopnow_custom_font_style":"","product_tile_shopnow_custom_text_color":"#343434","product_tile_discount_badge_color":null,"is_tile_width":false,"shop_now_text":"SHOP NOW","show_new_atc_tile":false,"show_view_product_text":false,"show_go_to_cart_text":false,"show_product_type":false,"enable_bulk_atc":false},"shimmer_config":{"enable_shimmer":true},"collections_config":{"story_tile_shape":"circle","use_page_link_as_collection_id":false,"multi_carousel_enabled":false,"story_tile_size_factor":1.0,"tile_margin_right":"5","remove_borders":false,"show_popup_out_of_view":false,"homepage_collection_ids":[],"set_tile_width_auto":false},"event_tile_config":{"view_count_template":"template-icon","show_views":"show","animate_on_focus":true,"space_between_tiles":1.0,"gap_between_tiles":0,"shadow_config":"0px 0px 5px 0px #B0B0B0","bg_config":"white","playback_icon_color":"#F5F5F5","min_height":"300","show_product_thumbnail":false,"show_heading_in_single_tile_carousel":false,"show_product_tile_thumbnail_template_a":true,"show_product_tile":false,"show_atc_on_hover_premium":false,"event_thumbnail_b_title_font_multiplier":1.0,"event_thumbnail_b_price_font_multiplier":1.0},"product_page_popup_config":{"show_product_page_popup":true,"ultra_minimize_on_scroll":false,"popUpZindex":2147483647,"show_popup_on_scroll":false,"show_product_page_popup_in_preview":true,"show_order_by_date_events":false,"auto_close_on_open":false,"exclude_image_events":false,"show_all_events":false},"collection_page_popup_config":{"show_collection_page_popup":false},"show_whatmore_label_in_landscape_view":false,"ga_tracking_id":null,"ga4_tracking_id":null,"ga_config":{"is_ga_4":false,"is_ga_3":true,"use_existing_ga_id":true},"stories_config":{"show_stories_in_landscape_mode":true,"show_stories_in_mobile_mode":true,"story_tile_size_factor_landscape":1.0,"landscape_bottom_margin":"0%","portrait_bottom_margin":"0%","stories_border_colors":null,"stories_title_font_factor":1.0,"stories_title_font_color":"#000000","story_tiles_spacing_factor":1.0,"story_show_navigation_arrows":false,"min_height":"120","is_story_tile_size_fixed":false},"backend_config":{"use_instance_endpoint_for_product_events":false,"use_cdn_cache_endpoint":false},"cdn_config":{"fallback_cdn":"BUNNYCDN"},"theme_config":{"event_tile_border_width":"0px","event_tile_border_color":"white","event_view_count_bg_color":"rgb(0, 0, 0, 0.6)","event_view_count_text_color":"white","event_tile_product_desc_border_width":"1px"},"brand_metadata":{"domain_context":"shopify"}
95100,"social_sharing":{"activate_link_sharing":true,"activate_likes":true,"link_sharing_title":"Whatmore","link_sharing_text":"Hey! Checkout the video of this amazing product I discovered!","show_share_text_below_button":true,"show_liked_text_below_button":true,"like_fill_color":"red","share_text_threshold_count":10,"like_text_threshold_count":1,"share_product_url_link":"","whatsapp_icon_active":false,"whatsapp_icon_redirect_url":"","whatsapp_icon_helper_text":"Talk to us","whatsapp_icon_helper_text_font_multiplier":0.3,"show_whatmore_branding":true,"social_icons_size_multiplier":1.0},"navigation_config":{"enable_browser_navigation_on_click":true,"navigation_label_name":"whatmoreLive"},"shopnow_config":{"CTA_border_width":"1px","CTA_border_color":"#343434","atc_color":"#343434","atc_text_color":"#ffffff","buy_now_button_color":"white","buy_now_button_text_color":"#343434","brand_selected_options_bg":"black","brand_options_bg":"#D3D3D3","brand_options_text_color":"black","brand_selected_options_text_color":"white","brand_color_option_border_radius":"50%","brand_color_option_border_color":"black","brand_divider_color":"#343434","brand_product_desc_shown":true,"is_discount_label_percent":true,"discount_percent_bg_color":"green","discount_text_color":"white","discount_label_border_radius":"4"},"spotlight_config":{"size_factor":1.8,"position":"left","horizontal_padding":10,"vertical_padding":10,"ultraminimize_on_scroll":false,"enable_spotlight":false,"show_once_to_user":false,"enable_in_homepage":true,"enable_page_id_set":[],"enable_collection_id_set":[],"enable_all_pages":false},"event_tile_with_product_info":{"landscape_font_multiplier":0.057,"portrait_font_multiplier":0.065,"show_discount_label":true,"show_thumbnail_image":true,"show_product_info":true,"show_price_info":true,"show_atc_button_outside_tile":false,"show_atc_on_hover":false,"show_atc_button_template_feed":false,"show_thumbnail_image_template_feed":false,"atc_button_color":"rgba(0, 0, 0, 0.75)","atc_button_text_color":"white"},"event_tile_product_card":{"navigate_to_product":false},"price_config":{"show_price_before_mrp":true,"price_text_color":"","mrp_text_color":"#808191","font_weight":"bold"},"preview_config":{"product_tile_custom_text":"","video_player_bg_color":"","video_player_height":"100%","event_tile_show_thumbnail_image":false},"video_player_config":{"pause_videos_after_delay_landscape":false,"video_player_bg_color":"","video_player_height":"100%","thumbnail_video_player_height":"100%","play_video_on_hover":false,"hide_mute_unmute_button":false,"set_height_as_auto":false,"keep_videos_muted":false},"device_config":{"hide_share_icon_in_mac_os":true},"lazy_load_config":{"block_widgets":true,"embed_widgets":true},"event_config":{"show_only_tagged_events":false},"meta_pixel_events":{"video_click_event":false,"video_atc_event":false,"video_like_event":false,"video_share_event":false,"video_product_tile_click_event":false,"video_watch_event":false},"quiz_config":{"is_active":false,"swipe_number_show_question":3,"lead_gen_coupon_code":"","lead_gen_heading":"","lead_gen_sub_heading":""},"recommendation_config":{"show_recommended_events":false,"show_collection_events":false,"collection_events_mode":"always"},"homepage_carousel":{"carousel_heading":"Watch and Buy","template_type":"template-f","carousel_heading_color":"#343434","carousel_title_font":"Poppins"},"homepage_stories":{"template_type":"template-stories-a"},"collection_carousel":{"carousel_heading":"W","template_type":"template-collections-b"},"collection_stories":{"template_type":"template-stories-a"},"pdp_carousel":{"carousel_heading":"","template_type":"template-f"},"pdp_stories":{"template_type":"template-stories-a"},"thank_you_page_carousel":{"show_carousel":false},"oos_config":{"show_oos_videos":false,"show_oos_product_tile":false,"show_sold_out_label_oos":false},"ab_testing_config":{"ab_test_id":null,"is_active":false,"group_config":{}},"thumbnail_config":{"thumbnail_duration_in_sec":3,"thumbnail_start_time_in_sec":2},"thumbnail_overlay_image_url":"","thumbnail_overlay_position":"bottom_right","thumbnail_overlay_width_percent":25,"video_overlay_image_url":"","video_overlay_position":"bottom_right","video_overlay_width_percent":25,"video_overlay_start_time":0.
951000,"video_overlay_end_time":null,"aeo_enabled":false,"neo":{"carousel":{"skin":"a","customCss":{}},"collections":{"skin":"a","customCss":{}},"stories":{"skin":"a","customCss":{}},"banner":{"skin":"a","customCss":{}},"floating":{"skin":"a","customCss":{},"enabled":false},"shopper":{}},"brand_billing":"Enterprise","brand_s3_directory":"sefampvtltd_93108601128"}; 95101 window.whatmore.abTestConfig = null; 95102 window.whatmore.collectionMetafields = {}; 95103 95104 95105 95106 95107 window.whatmore.collectionMetafields["c_0"] = {"498937692456":{"sc":7,"tc":7},"515085304104":{"sc":33,"tc":33}}; 95108 95109 95110 95111 95112 95113 window.whatmore.collectionMetafields["c_1"] = {"498981306664":{"sc":1,"tc":1},"498931761448":{"sc":42,"tc":42},"492482625832":{"sc":0,"tc":0}}; 95114 95115 95116 95117 95118 95119 window.whatmore.collectionMetafields["c_2"] = {"512751010088":{"sc":0,"tc":0},"507656110376":{"sc":49,"tc":49},"502024470824":{"sc":0,"tc":0}}; 95120 95121 95122 95123 95124 95125 window.whatmore.collectionMetafields["c_3"] = {"505926418728":{"sc":38,"tc":38},"507990802728":{"sc":0,"tc":0},"501205172520":{"sc":0,"tc":0},"512784302376":{"sc":0,"tc":0},"512751272232":{"sc":0,"tc":0}}; 95126 95127 95128 95129 95130 95131 window.whatmore.collectionMetafields["c_4"] = {"513936490792":{"sc":0,"tc":0}}; 95132 95133 95134 95135 95136 95137 window.whatmore.collectionMetafields["c_5"] = {"510402527528":{"sc":49,"tc":49},"506901332264":{"sc":1,"tc":1}}; 95138 95139 95140 95141 95142 95143 window.whatmore.collectionMetafields["c_6"] = {"513212416296":{"sc":0,"tc":0},"504907399464":{"sc":0,"tc":0},"504632836392":{"sc":0,"tc":0}}; 95144 95145 95146 95147 95148 95149 window.whatmore.collectionMetafields["c_7"] = {"513212678440":{"sc":0,"tc":0},"507331248424":{"sc":0,"tc":0},"493324402984":{"sc":0,"tc":0}}; 95150 95151 95152 95153 95154 95155 window.whatmore.collectionMetafields["c_8"] = {"505620136232":{"sc":49,"tc":49},"498937725224":{"sc":0,"tc":0},"513212940584":{"sc":0,"tc":0},"498931532072":{"sc":0,"tc":0}}; 95156 95157 95158 95159 95160 95161 95162 95163 95164 95165 window.whatmore.collectionMetafields["c_10"] = {"512751042856":{"sc":0,"tc":0}}; 95166 95167 95168 95169 95170 95171 window.whatmore.collectionMetafields["c_11"] = {"505926451496":{"sc":32,"tc":32},"507990835496":{"sc":0,"tc":0},"506407452968":{"sc":0,"tc":0}}; 95172 95173 95174 95175 95176 95177 window.whatmore.collectionMetafields["c_12"] = {"501583249704":{"sc":0,"tc":0},"503174889768":{"sc":0,"tc":0}}; 95178 95179 95180 95181 95182 95183 window.whatmore.collectionMetafields["c_13"] = {"513212186920":{"sc":0,"tc":0},"498982388008":{"sc":0,"tc":0},"498932842792":{"sc":0,"tc":0},"510974394664":{"sc":43,"tc":44}}; 95184 95185 95186 95187 95188 95189 window.whatmore.collectionMetafields["c_14"] = {"504907432232":{"sc":7,"tc":7}}; 95190 95191 95192 95193 95194 95195 window.whatmore.collectionMetafields["c_15"] = {"513212711208":{"sc":0,"tc":0},"508400632104":{"sc":4,"tc":4},"510483595560":{"sc":7,"tc":7}}; 95196 95197 95198 95199 95200 95201 window.whatmore.collectionMetafields["c_16"] = {"505620169000":{"sc":9,"tc":9},"498937757992":{"sc":0,"tc":0},"505519014184":{"sc":0,"tc":0}}; 95202 95203 95204 95205 95206 95207 95208 95209 95210 95211 window.whatmore.collectionMetafields["c_18"] = {"498932089128":{"sc":8,"tc":8},"507990606120":{"sc":0,"tc":0},"512751075624":{"sc":0,"tc":0},"509398516008":{"sc":0,"tc":0}}; 95212 95213 95214 95215 95216 95217 window.whatmore.collectionMetafields["c_19"] = {"507990868264":{"sc":0,"tc":0},"501205238056":{"sc":0,"tc":0}}; 95218 95219 95220 95221 95222 95223 window.whatmore.collectionMetafields["c_20"] = {"504349557032":{"sc":0,"tc":0}}; 95224 95225 95226 95227 95228 95229 window.whatmore.collectionMetafields["c_21"] = {"513212219688":{"sc":0,"tc":0},"498932875560":{"sc":1,"tc":1},"504907202856":{"sc":22,"tc":22},"510119772456":{"sc":0,"tc":0}}; 95230 95231 95232 95233 95234 95235 window.whatmore.collectionMetafields["c_22"] = {"504907465000":{"sc":2,"tc":2}}; 95236 95237 95238 95239 95240 95241 95242 95243 95244 95245 window.whatmore.collectionMetafields["c_24"] = {"498937790760":{"sc":6,"tc":6},"513213006120":{"sc":0,"tc":0}
95245,"498931597608":{"sc":0,"tc":0},"492265701672":{"sc":0,"tc":0}}; 95246 95247 95248 95249 95250 95251 window.whatmore.collectionMetafields["c_25"] = {"513213268264":{"sc":0,"tc":0},"504906187048":{"sc":0,"tc":0}}; 95252 95253 95254 95255 95256 95257 window.whatmore.collectionMetafields["c_26"] = {"502255780136":{"sc":0,"tc":0},"512751108392":{"sc":0,"tc":0}}; 95258 95259 95260 95261 95262 95263 window.whatmore.collectionMetafields["c_27"] = {"506287784232":{"sc":0,"tc":0},"505926517032":{"sc":2,"tc":2},"501205270824":{"sc":0,"tc":0},"512751370536":{"sc":0,"tc":0}}; 95264 95265 95266 95267 95268 95269 window.whatmore.collectionMetafields["c_28"] = {"512751632680":{"sc":0,"tc":0}}; 95270 95271 95272 95273 95274 95275 window.whatmore.collectionMetafields["c_29"] = {"504632672552":{"sc":0,"tc":0},"503811047720":{"sc":0,"tc":0},"511441010984":{"sc":0,"tc":0},"504907235624":{"sc":6,"tc":6}}; 95276 95277 95278 95279 95280 95281 95282 95283 95284 95285 window.whatmore.collectionMetafields["c_31"] = {"513212776744":{"sc":0,"tc":0}}; 95286 95287 95288 95289 95290 95291 window.whatmore.collectionMetafields["c_32"] = {"498937823528":{"sc":1,"tc":1},"505620234536":{"sc":7,"tc":7},"498935759144":{"sc":1,"tc":1},"502577332520":{"sc":0,"tc":0}}; 95292 95293 95294 95295 95296 95297 window.whatmore.collectionMetafields["c_33"] = {"507990409512":{"sc":0,"tc":0},"504906219816":{"sc":7,"tc":7},"503950410024":{"sc":0,"tc":0}}; 95298 95299 95300 95301 95302 95303 window.whatmore.collectionMetafields["c_34"] = {"504623661352":{"sc":4,"tc":4},"509398581544":{"sc":0,"tc":0}}; 95304 95305 95306 95307 95308 95309 window.whatmore.collectionMetafields["c_35"] = {"512751403304":{"sc":0,"tc":0}}; 95310 95311 95312 95313 95314 95315 window.whatmore.collectionMetafields["c_36"] = {"501583348008":{"sc":0,"tc":0}}; 95316 95317 95318 95319 95320 95321 window.whatmore.collectionMetafields["c_37"] = {"504907268392":{"sc":12,"tc":12},"506608320808":{"sc":1,"tc":1}}; 95322 95323 95324 95325 95326 95327 window.whatmore.collectionMetafields["c_38"] = {"504428593448":{"sc":0,"tc":0}}; 95328 95329 95330 95331 95332 95333 window.whatmore.collectionMetafields["c_39"] = {"513212809512":{"sc":0,"tc":0},"498937594152":{"sc":7,"tc":7},"508400730408":{"sc":38,"tc":38}}; 95334 95335 95336 95337 95338 95339 window.whatmore.collectionMetafields["c_40"] = {"498935791912":{"sc":9,"tc":9},"498931663144":{"sc":0,"tc":0},"507195392296":{"sc":43,"tc":44},"502577365288":{"sc":0,"tc":0}}; 95340 95341 95342 95343 95344 95345 window.whatmore.collectionMetafields["c_41"] = {"504906252584":{"sc":6,"tc":6}}; 95346 95347 95348 95349 95350 95351 window.whatmore.collectionMetafields["c_42"] = {"507990704424":{"sc":0,"tc":0},"512726401320":{"sc":0,"tc":0}}; 95352 95353 95354 95355 95356 95357 window.whatmore.collectionMetafields["c_43"] = {"503950967080":{"sc":0,"tc":0},"512751436072":{"sc":0,"tc":0}}; 95358 95359 95360 95361 95362 95363 window.whatmore.collectionMetafields["c_44"] = {"509316563240":{"sc":0,"tc":0},"513245085992":{"sc":0,"tc":0}}; 95364 95365 95366 95367 95368 95369 window.whatmore.collectionMetafields["c_45"] = {"498932973864":{"sc":42,"tc":42},"508041036072":{"sc":0,"tc":0},"504907301160":{"sc":4,"tc":4}}; 95370 95371 95372 95373 95374 95375 window.whatmore.collectionMetafields["c_46"] = {"503388176680":{"sc":0,"tc":0}}; 95376 95377 95378 95379 95380 95381 window.whatmore.collectionMetafields["c_47"] = {"513212842280":{"sc":0,"tc":0},"498937626920":{"sc":0,"tc":0},"503008592168":{"sc":0,"tc":0}}; 95382 95383 95384 95385 95386 95387 window.whatmore.collectionMetafields["c_48"] = {"498935824680":{"sc":32,"tc":32},"502577398056":{"sc":0,"tc":0}}; 95388 95389 95390 95391 95392 95393 window.whatmore.collectionMetafields["c_49"] = {"504906285352":{"sc":2,"tc":2},"494402699560":{"sc":0,"tc":0}}; 95394 95395 95396 95397 95398 95399 window.whatmore.collectionMetafields["c_50"] = {"494316257576":{"sc":0,"tc":0}}; 95400 95401 95402 95403 95404 95405 window.whatmore.collectionMetafields["c_51"] = {"512751468840":{"sc":0,"tc":0}}; 95406 95407 95408 95409 95410 95411 95412 95413 95414 95415 window.whatmore.collectionMetafields["c_53"] = {"498933006632":{"sc":33,"tc":33},"504632770856":{"sc":0,"tc":0},"504907333928":{"sc":6,"tc":6}}; 95416 95417 95418 95419 95420 95421 95422 95423 95424 95425 window.whatmore.collectionMetafields["c_55"] = {"513212875048":{"sc":0,"tc":0}}; 95426 95427 95428 95429 95430 95431 window.whatmore.collectionMetafields["c_56"] = {"513213137192":{"sc":0,"tc":0}}; 95432 95433 95434 95435 95436 95437 window.whatmore.collectionMetafields["c_57"] = {"507990507816":{"sc":0,"tc":0}}; 95438 95439 95440 95441 95442 95443 window.whatmore.collectionMetafields["c_58"] = {"505926385960":{"sc":4,"tc":4},"513663697192":{"sc":0,"tc":0},"507990769960":{"sc":0,"tc":0},"507332231464":{"sc":0,"tc":0}}; 95444 95445 95446 95447 95448 95449 window.whatmore.collectionMetafields["c_59"] = {"501583184168":{"sc":0,"tc":0}}; 95450 95451 95452 95453 95454 95455 window.whatmore.collectionMetafields["c_60"] = {"498932777256":{"sc":0,"tc":0}
95455,"514163802408":{"sc":0,"tc":0}}; 95456 95457 95458 95459 95460 95461 window.whatmore.collectionMetafields["c_61"] = {"513212383528":{"sc":0,"tc":0},"504632803624":{"sc":0,"tc":0},"504907366696":{"sc":2,"tc":2},"510402756904":{"sc":43,"tc":43}}; 95462 95463 95464 95465 95466 95467 95468 } 95469</script>
95469 95470<!-- END app snippet -->
95471<script> 95472 // Namespace mirror: same objects under window.whatmore.* (inspectable home for all 95473 // whatmore globals). Bare names must stay â vendored theme copies of this block and 95474 // cached bundles write/read them forever. Kept AFTER whatmore-init as defense in 95475 // depth: the CURRENT init guard is field-keyed (__init) and tolerates early object 95476 // creation, but frozen vendored init copies still guard on object existence. 95477 window.whatmore = window.whatmore || {}; 95478 window.whatmore.homepageCarouselEvents = window.whatmoreHomepageCarouselEvents; 95479 window.whatmore.pdpCarouselEvents = window.whatmorePdpCarouselEvents; 95480</script>
95480 95481 95482</div> 95483</div> 95484 95485 95486</section> 95487 </main> 95488 95489 95490 95491 <!-- BEGIN sections: footer-group --> 95492<div id="shopify-section-sections--27667674857768__brandinfo_LeTctn" class="shopify-section shopify-section-group-footer-group"><div class="brandinfo-page-width "> 95493 <div class="content-images-banner-sections--27667674857768__brandinfo_LeTctn"> 95494 <div class="banner-wrapper"> 95495 <div class="brand-banner-content banner-content"> 95496 <h2 class="banner-title">ALL BRANDS 1 EASY CHECKOUT</h2> 95497 <p class="banner-subtitle">SHOP KAYSERIA, LEISURE CLUB, SHAHNAMEH & MASTER'S COLLECTION TOGETHER</p> 95498 </div> 95499 <div class="banner-images"> 95500 95501 95502 <div class="brand-bnr-img banner-image"> 95503 95504 95505 <svg class="ky-footer-top-logo" xmlns="http://www.w3.org/2000/svg" width="300" zoomandpan="magnify" viewbox="0 0 224.87999 91.5" height="122" preserveaspectratio="xMidYMid meet" version="1.0" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter x="0%" y="0%" width="100%" height="100%" id="26568e6964"><fecolormatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" color-interpolation-filters="sRGB"></fecolormatrix></filter><filter x="0%" y="0%" width="100%" height="100%" id="d1eb6d0729"><fecolormatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0.2126 0.7152 0.0722 0 0" color-interpolation-filters="sRGB"></fecolormatrix></filter><clippath id="58e10f6d55"><path d="M 0.550781 0 L 224.210938 0 L 224.210938 91.003906 L 0.550781 91.003906 Z M 0.550781 0 " clip-rule="nonzero"></path></clippath><mask id="b7a15c5b73"><g filter="url(#26568e6964)"><g filter="url(#d1eb6d0729)" transform="matrix(0.239432, 0, 0, 0.238852, 5.8466, 0.0000029837)"><image x="0" y="0" width="891" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA3sAAAF9CAAAAACYYC4LAAAAAmJLR0QA/4ePzL8AACAASURBVHic7J1nnBRFE8af7tm9A46cJIMBUcAAvgYwoWLEhAGzYsSAOSBGMGHAnDNmxYwKBhREyUGQIDkjmSMcx93uTD/vh73dndmd2dt0e+D1/8P7ez12Znp6urqqq6qrAY1Go9FoNBqNRqPRaDQajUaj0Wg0Go1GU9XwHdcbRmU3QqOpeogL+SX8ld0KjabqcZjJtZ0hK7sZGk1VY7cFVJzZfucXPoEOFx1XF6Ky26HRZIf8gQySLHr5QLlTj2qJDt/T4sLLq2vp0/w3aKeCiiTJbX++eE33ttWzdePqLTp275QtbSpR9+kSKlJxw1uH52nx01Qu2RiA1QfdbDl8nNy4fPn61evWr163rjClxuTXrlOjVu169evVq1+/bv36davBMsb3XCtVFlop1anP7qXK5Jhi/chvf9kkmIUbazRpkQ3ZazdHGV73CaxZv3bz1pLiLYGi0uLiIACARk0j9L/5BaKmkV8gCqrVq1FQu04NX9z1Ss65ZJphZdxGqZo8eQloayYhPrx7VVbEWqOpHKo/Q5MVhcnhyHwRKQQuWEUr9tbTOumYpKbSiNc0KdPoWiu7/k1uWb9t27bN21WRVWwWjQQytQyl2v2ZMxmzbqSx6Mnp0GpPs+sir2QwS0pOcf3gnoe2zs9uA4VAn40xSk9x/RudtbNFU5lkrvdkw0T/Glyzbt3mwk2bC7cEiopKiqQqLkXd6+803Z5L8duF2fGrONqn9ny+h3IoPSVXP/dWoXa0aCqVLMz9rX/ch47bcPv6tes2rF+7ft3qNRviB7hUh40P+uIfrOSfpxSJLIueAK8e1EA5JW/hk58UacnTVDJZWO8t2+/Qw+rkASU7VGHJ9i3b1qwvSfRzoYwjQTfRW3rftix4NB1I1ea5MxxKT8mFA74IiozXkBrNLofA3otjXY4kFTkYeVl+lMAlqx3PsrjmRp3Uoqmy9GVpvJ/F4riaIrtCIdHs01jJu61AS56miiKw50JXtbf23GwYwLYHCVy6xv4ki+v719GSp6nC9HFTe+T72d3/J9H0Eyq7cG9/pdnOv9FCo6koBPb4x0XtWZy5ZzYFQwicb09kUTQ/3UtLnqZqc4WL2lMsujmbak+i6Ud2CVf8Re/s1VRtBHaf5bra+wkuEb/0n3LeSttTLM4+Va/zNFUeN7VncckR2ctqlmj6IS0Vvfn8XlKLnqaKI9BmZrzaU+Sz2QvtCZw4L7qxwuLG22toydNocImr2ptYK1uhPYkGr1OpiFSXvt1SL/Q0GoHWf7mpvbW9shXaEzhzafQJisM7asnTaADgYtfY3sdZ8nFK1H81qvQs/nMGspwqo9Hskgi0nhq/xd3i7CyF9gROmBu5v8WNt+TrhZ5GE+LCeLWnWHRrVtSeRN3nI0pPcfuT9bW5qdEAAARaTYpXe4rDsxLaEzg+ovQU+YXOYtFoorioPYuLu2YhtCdR57mI0rP41zFa8jSaMAItpsSpPUU+k4XQnsQRM8L3trjpNr3Q02jsnO+m9ibVyLgEoECtwapM6SkGX2+ilZ5GE8VD7W24OOPQnsT/JkRXepOO0JKn0Ti5wC2290WmPk6B6gMCZRv1LC6/UEf0NBoHAi3jU1osLuiYoaPFpvQUi5+oq5WeRhNLvJNTMfhIZo4WgWoPhJWe4m+6xLtGE4tAq79d1N74/IwcLRKdwkrP4tzTtM7TaFy4zEXtrT07E0eLQH7/kpDSU9xyry79p3EisH+/z37/c9g9Lary0BBo7bZd/aNMLE6Jdj+FlJ4iv2mrzU2NAwMnTS4zibaeVJWFz2W7usW5GeRQC+T3Kw4pPYuzT9TmpsaBQK33WOYJMDmrfZUdIAJt4oqTKe7on358wa70tt6vzU2NE4n6P0dHXAkvqLKyB1ztstobIzxPqy0HAd/NRbRC5uawdtrc1DiRqPW9bbIv5UBfFZ2eBdrMj1d7q09O19Ei0PHXkNKzOP/0KjyjadwRPnxgr4sc4LNVt2bPNS4pLe+n6WgRyO+3g4qk4rYB2tzUxOFHn2122Svl/VW0Up1Aq7gTGCz+0yo9hSVwwB80Q+bmD/tqc1MTh4GO0x0DroTXVHabKgsRp/YUi25Py9EiUP2ekNKzOPcUbW5qXMhDtIABSaoAT6iak7RA60Xxq73RaW1WFzh0fJnS2zag6prwmkQY2G+GY8CZHF9VqxgYtzIQK3orj0tjIhKo/6IqKzg9LKtHp2j+Q+ThQdpXeyzlg0aVnKcF9lyn4lJaXk/L0XLmElokLS7qqSVP447w4RsGHb6FNQdVyeEikHdfrNqzOGu3lDtDoNFbtBSpWPq83iqk8cJAh+mOTdqlvAtVVO3ts81SDtFT3HJDqo4WAZz3b1k0ffSBVXPhrEkKH3osty/3ghy1e5WcqgWqPx6/2vslVUeLRJP3y3wsG/si4wIvmv8wfly60bbcs7jpyCopehDoWGLGqr3lR6amuARw/mpapKL6sHnV7EhNsvhxw/ao7CmTF1Z2iyoHgZovOda9JMnXUnO0CLT6rEzpza6icRpN8vhxRWFE9pRlXVLZDaokBDozGKv25jRKRXUJyMs3hZTe5n5+XQhJUw4+HD4vvN5TquS8ym5PJSFQ590Ytae4tW8qjhaBNl+Vea1+zrSukqYqIHz4sEz2TE7oVCU9nACAwxiIVXujUnC0CBhXlym9ZefrhZ4mGSQafxUaalPOr7IFygXqDo0ph6u4qlvy2ktg7+E0ScUdT9Wqqr2oSRmBTjcOvPu8FpXdjkrl6Nj4AvlW0o4WAf8tRaFV88TDtbmp0SSNQIPv49TenK
95505QzWgT2+Tmk9Nb30SE9jSYlTozZO6S47cYkHS0C1frtUIqK1pCU/KIaTZVHoPHoOLWXrKNFlJV6V1zSU5ubGk2K9IxZ7SXtaBGo+XDQUlQsfaam9rFoNCkh0DT+8JNkHS3H/hNSerOO1UpPo0kVcWWc2kvK0SLQ8PWQ5BUN0HksGk2qCLRe5lR7ikVJOFoExIWrQxdOPFQrPY0mdfLuiVN7Y8p3tAi0/Cyk9DbfrgMLGk3qCLQrcu4dUlxdbo0WAX/fLaFo+rA2OrCg0aRDwfNxe4eGlO9o2e/XkNJbd6U2NzWa9OgUs3dIcV7TxJpMoMb9JUpRUX2UejkXjUYDQKD2x86wumLRreUdv9B1ckjpLT9XKz2NJl2OTNHRIlD3WVqKioGXautoukaTHgINfolVe6u7J1ZmPZaEtunNPVErPY0mfc6M2zv0bgJHS7ggi+L2h/N0NF2jSReBJjNiw+rzm3l6TwT815YVt5mqt+lpNJkgrnCqPcWi2xI4Wg4YE1J62+7W0XSNJgMEWq5SziIt3o4WgdpPmaG61cP16SYaTWbk3esMqyuuPd7TljxjacjHsv5ybW5qNBkh0DYmm4z80N3RItD6szJ/6HCdQqbRZErBi7Fqb6FrHXeBvOs3U5GKm67XSk+jyZiDnNlkitvvct861GVKmdL7Ic2j1zUaTQSBel/FFGnheBdHi0CtQcrUSk+jyR6nxMYX1rplqoizw2ek/axXehpN5gg0mhZbpOVDF4uzzddlBwsV9tVKT6PJBqJ3rNqLc7QIVLuzqCwA+LOO6Wk02UCg+UoV52iJzWg5ZGpY6d2olZ5Gkx3yB8buVh/ndLQINHo97IsZuesegy3Q4dxGequTBgAgsMcl9Su7Edg3aDrV3rqTnKrN13stFUnF4gEwdsnBK1Bw9BMLOH7XnTk0WUTkHzForrWqdWW3o9Z7sfGFGEdL5z/CP5hzzC5pbwq06TNiO00u2l+LXpVHoPlVw4pIa1vnym4Kjoh1tCxtYR+hNR8JpU0rmm/X3PX26QnUOOWVZSSpTPNYbXFWcYTvxOcWKJIM8pTKbgsa/O6ILygW97c5WuRZZcVyFVeftwsqPQPHzgptM2Qp+0kte1UaiYOnlo1ziy9Xq+zm4LzY3eqTbI6WvYdF7NFvdsUyZD7cuq1M9IL8reUu+Aaa7GHgvC1hFaOWNank1gg0XRij9jb0iKi3goGloV16iltu3QWVHvx43CoTPWWyuxa9Ko2B24rD4zzIkyq7OfD3i40vfBp2tIgzF0fEcuJ+u+K49ePmsuOnyVIOqqYtzqqMxBlhrUeLH9ao7PZgr+0x8YWl4e0Je35TZm4q7nhM7oqRBQP7zQnPHibnd8jV9NH0/a1PllPVVJNzhKy7MDLMzeI9Krs9qPGKI76guOMe+ACBgoElVpmxxgVH74r2JuDHkLDWYykvy81DBc5YT8X+u2SP/Zfx4eXIUA+yb+V/n4NiLc6Qo0X0WBBWGIp/u26i3fnxoceK8FsE+VnjnFicAmcVk7SsDjl4mCZ5BPZZF56JLU6pU9ntQZ3vY9Re4fkwgD2+jvxZceu15ZWF3zkRPnwbmUCskiNyMoEInFgU6rZPyz20UJNL/PgqMs6DPDL9G2VLGI7uEXQOkRWf+oPVb7mvGqMqOX+3XcpFIdi8XaumLVpWq5FXL7KzXhkT9yko2lS4KVDBD0eLIQUAINR59y6q2GclTaMu++3RukF1Y1vR0r9/nyxVyjfo2uB7Cib547zqxcGUn1BhCO62b4uWzVoUVKtevV34j/TNaldza2HhptLKaxcaz4vdtvcpjK5zYoIO/3rXK9u5EGh6/nO/bqA3auPUb5677sjqFdUCKccybNY8kFGn1WnTvnEWFLX/mBfnO/aozOmZ4sc00GM7/zk9Gauh4y0fzN6uFFd/e+lOcDqHQMOzBv+0VrmNgzI2TP/+xRu6V9hoSITv9rjT9lb3H6pixFFxRkOx0y/4BGr0eGVuTNPdsbj48IpphMQTUVt9SrppE3vd9O7MIEma85/ILP7b9tnVdI49RXNw+Ud425DY/WcGyeHtEsqswIHPLoo8y+K/l5efQiTQ9OReLStGSIX/hGf+jslSdkeptSdWRAvKYY+4soAeDCv/2OdKRaDm6Z8Ulm212Pb7S7edcfA+TdpODi9aTU586rn3vh45ae4mFfrvMa0q4pMLdC6K9JnJxunco9WD0+3isrJ92g2VR/8Sa9WQVNxyfQrCJ4A7GSAtrurpudIRqNFrolPILb5VJ6GqFKh7xRTL4t8HZt+oEtVOeXdjWUNKJrx+59mHtt09b1a0BxY99cy7X/w8aW5IJyprfe1st6BcCl6P3b9glbjODCwZmNJcmWMk9nt5U6hsYXDMbZ3zAQB+XL05nNESZI/QCBaouc+J1745lz80rQjZMzDRPvqOTv0OB34cjJkNf01zbS+OGU+Lmz677YIel76+wSYYFqfUSL6Iv4HDV9IiaXF+N/emCFS7YnGclAf5UgLNJ9Dpjc1UNDn/4CzLnkS7J0LLDqUm9O9SreyP3QrDfRDk+eHfVmt3wlWvz7QW1cxqC5Kha2xFzo2n/c9y04SKa3rsrEs+Af85E63QoBp7TSSOIFErsvEpwPfq2YeBQKMKyaKV6G/rUIuXpSre7X9gXO8Xpid7+3xHS005y5AABFr+HJ1lFdeenfQ9BeQglpYN2aFuWzcFqvVe6KJfLW4+y+sxEp1HhD/NZ42z6n+WOP03M/T8abc0j/zZjzHRhv1Z13lNg/wsNiA56o2K8alsvxn+q+OOAQv926wmO2WMTyD/0gUhlbf13f1s/5CHB8yw2rNKjs5K4wV2OzDBulyItpscg69varK32+tu896o1GVPoOCRoMkVvcLzpcA+ayLfWrHkgQQnuzkxcGT4Sovzj45ri0D+xQtcJI9kgLe5P0ai2aeMbC25LpvjShrnhUxLVTq0q+2+Bi7bGm5XMB17JNvE7V/4GH7UGRJrh5bxw0645BPIu2ppSPKKX2pmV20G2k4PD4lSDsrP0MIUaH3aA59M3mpxgneVAQOj7B1mpbY9TFy8yW3tvf3INJre7R9SfVQrstdSoMbgyMdWVM8mK3sCxpNlao+Km3vHrjwEus90lzwGObqtq63kQ8+V0US/aR2zZ1BJccmCUNeb77VxNNMwZkc/yye5tzBjabI0pj7SgtpSCLSc49aZioFBO92ST6LHbCpSKWtIjO8kD6+Ep1aLKztlMrcKUX3AH4XhD/etZz6ExA2lji7bkMoKvu2oeHOTJL9PfWhWf4hBbrvFqaMuZngprxh8JFnZM3D0+mh+U3GMk0ai5ceMPbsqMsSXd3fV2D5cszWa8cDLsqb2DBwztUygv2jn/Ccf7o84MoKs/ISjPGd9JMWtV4c+cxfTfcm37vSdK71F4oBfyvp6yuExysGHIxdF1d4tyEDtCbSaEumFIA/0/J1stNY5+AYmLzXigq3uQ7jooJSbvucYmlzlDMkKnGqTvaLbk5xGBfKfD6s9Wlx8vH0ECBjXrPNQelS0rnYdLn6cvTZyUYAvV8+Sz0ti72/KVv2LTo59DbHb8vDMZvKJ3K/uYmkbiBGx0WUfRHgt+WbuTGmdArWeKgmZm9vvjDUphQ8fR82ayXtn0G6B1nMjfWDySU8njYG3nIf2rku+Blat90LhkQXfDHnm8Ve/mRvRJWpoqmpPnFNoWZx/QOwr97TJ3rpeSc6iBk6xIm0JckSB7a4CXad4LE9IBvk03MqLGOgYifzQ5PxDs2NxCpk3YDsVqUxrUJxJ6cebkcWutalFNh6YEQUfxiRyru0a6liBOkPiIu4hvtt5lnwSJ8+lRdLk3CPjRMuPXhHfQoAXZaL1ZM1J0U6y1rf0/KE9tEfS4hVJP3X3v0lueuOUBuE/NLlxXmieLjo0pbYL1H6FpuI/e8V1SdTmtDi3bXKTkUTTLyNDQdG6PWqqCtR8ysvcJBnkqL3cpEpIvE3bZoIbsjObGzh6Ztm7LT/W5TUOiiRRB3lD5fvrj4lRburNyI5ZjyUfaT69kyz5JJqXecosvlQ3bngKKUeEv3CQwzJR1z58Zx9RV3reycBIR3dyetKZSkeuIyf2dFpCefcoi+SfKaqFNmNp0U30cIPNdhwLf1ISLXFZ9HAqk2NbR24rcUgCpUeLW9zDGH7cbEbWtQF+kRXnuRB13wnd1eRHLuVX/RgR/SzzG2b+wAypNykmvrC4kS3e2kXFRnhDP9pwwU6x5JPoFTqSRbHkGpe1XB5uKY6G1U/J4Pv68Xq0myxOauClhiTO2+Ecfcck+4xzA2ryKfH3PZMWd5yXWtsPWkpLcUnH2KsEqj8ZnmsVrSeTc7VI7DvRtp2F94QvE/DftaMssPPryw/feNN9z3y/yu4qMjkIbuF7A4fNitzR4pYTsmFxGjhuQfhb3+aiGwz0DCdZMMBemT8wQ+RVMY6W7Tc5ltHXeiz5FsZ91twj0fj9sNJb5SZYEo3HRcPqr9VJ3+Q0cMrG6JgKJJAnw5jv7KnPk/XiX6GKrncdp3eQC1Mbmydvs5TihlPirhJoGDEeLS49IqnbCuCuiLKkydHhUlkS7X6hScVlgw4OV+EQaP/WtqhhN8r1wA4B36fRcRfgA5n4wML3FAWvhW6prKIz3X7hQ7gyGS2OrOv2k5zSfL3lVGyTnB6suu+7LvkUf89LPh2pYjDQPbTSo8kpcS4FAMjDI5H4gtp+ePqzhfAZ06Ivb/I9z8CQxH2OycralmzB4xu5+mD3fyn4p+TaVNpuXEuTituui7dNBHafHbZzLP6anMlpoMu/toB86U0htSeASzbRovrlWL9ddCTaDQutABVLL/OwOPuRUdfNmHaZT+QGDp8bfq8lh7j9woebt0cnhQrKoU+Bak/GOFo2Oit4CbSZ7+E9frtyl3wC/scCLCtt+qlr0UIDnSMDrZQP+9OfW/14OjoDqaC5r2erZMN1DtHjpUk+9GIWetVGFp3uTGVsVnuEQZLWay4fSOKQaIR80xVJLRwECl6OWj8mv6+GUH5a9SdoKo6J24osBPoWU5EBvuWayenDUfOiNqzFLFR7NXBfmWCZHOmaHi+MGguj8YV3
95505Kz+s3ilWq30c98GO9Ejs3HZLZQqfgX3LCvkqi4+6Z6v48Va0NMDiDGrASxy6NmpxBvmApxkZE19QHJGkxXly0OyTnQBX9SdD33S0uy/6+rDsWbHH3Hhh4AxGjCOLq8+GH4DEXr8wwL+OcZ/1zt1Ay+S8I92kWwjxsd3ifC3j0J5E8x8jX+fFWq638+HJiKfWNPfJ7IFZoPaIGEfLylbxsZjeHku+5cmtFioEA+euKhM9xb7uqwUfTl4WVXs3ZbCk8NlzxJRa2dzrVgL7b7F3klXaNrkn7L+d07MjejWeY5BUXOC2HU6gSdjvq7j52qQmT4lWw6OSYvEt+AQgcdIycuONHsaEgcuKWcqnXI/L8aNPwLbBb/lRmY4jA8cviZQ9vt39pST2WBm1OB+u/LD6OTGOlh39XXJka73sseSbXL+S/C1CYEAw1JFKmVe7xm4hDERqzZgcn2Qkyw0f7rG5LgO8yPOXhj0QQVq8MbmH1ltI1TsrslfwUkj0XPwsAAQOYSBcc25EcmpP4Lro5Gtx1sEwICBuDyp+09qrU4XEfeRcV7VnYN8J0ZVOgPdn6mjxoV9RRPS8onZ+fBIZudb6yg+r77Y8Jij6l0tfCTSb4BHB+bJyQuwSjYaWKTTFkss8vpwfV0Q2agV4afrfV2Kv5VGL0+JIzzQVWVYeKTI7TUyu6qrxLWnWzYrovRn6VCUDXI09VB9UJkeKS7okpW4kOs2xxxcGIg8Sdd8i113lGj4IX1bjPT7k9gNh4Dl7VH3svpnN4EJW/zh6t2s8Qz9Hr4+qvcovC5j3cGxpstPdJ8sDCi3XJV+wUrKqDezzR8RwKr7I48tJVP8tGlYfkcH5C34Mt711IEFhK8eOWdIqTTJZ93qS87Oh9iJ7oH9x9aIIHLAjXNk/kFwatYDxmD2+8HsjSIk2I8jR5ZWOaNzWdRnuR68NUa+pySsyszglWvwRvlnQO4XIH102KLW48mt+7WPFqLOvvUTp9LClEiN8a7yrB1QYBk5aEtlItvksL5nKQ7/Itr0gz87E4rxuW1TtmXylwOuXEr3tYXWLfZJ7aOttJH/MwnAoOzVYcaWrhS1Q8EzEfPwqWUdLtyJbfGHLVfBLdJ5G66U0y+pLNBxud7R80jAjtWfgiHBxGGXyAu+fXbYlagRdnMEDs0PBV7FVyDzWRAL5A1z9LRbnuCQtVSwGbgpHaSyuP8Pr8Qb2nBwNq3+a/pZoIRotiIqeMov28m6aI6yu+GNye+LljyT5eeayZ1xXJnrbb/GYEo8pywxT/Du5JC6JRh/Z4wufwzBw6r/cfG262sqP+6PpnxaLemQ0e/vQe2NE9MyeXj8TPmNmdNB6JyXljFNjXCilj3h1g0DjEa5LPsWfjZwezyAk7rciolfsHRjy43lG58OTMrE4P7W9cJA3ew4Vif72bXvWplbJPeF0kuT3mY+Hs8If9AdX+0Wg1aTQV1RcdFBysiNxQTSRs2zv0FXFXJb2LjIfutkCxqV8SmTy3j702x41brx9YD48FNm2F2CP9B+YJRrMj9mjOdvnKUYC7Za5hdgV+WYul3wCxrPhWVMp6wpPkfKhe6RoT4Cvpl8j0sD5hXZHy2zPpYKQdf+1ix57JfdMI1TbYGrGsndsaLul4tIWbo5fgWoPh1SY4sokD+yWaDcu6mhRfAY+9COn/y9drScEbIlSJudkVB/Jh8cDUUvyOu96TKLZsmik96dKLwLvvydGk23tlbAbTqB7VnXRbbkTPomaQ2w7nW91Dy4AEAY+D7+epbanH0ASsmC2bYoK8DTPnxp4wdahFt9KMqp+SeiCkuoZyl7nLWXncbvlkgEALg2L3pok1ZYAbrc7Wsa1hu8B8vc90+5PP64ojvZngLdnsqHSwBBGRe9u77wlW3whoa8sV+xdGmNE/pxYhoybPELsK7rlKsQuUfvjsEQpkw96x4X8uCqSsV7Kx/PS1il+vGRT9ya/9MzHFmJ3W30kpZYlu0WlbFeg5Zr+mzwtIoXFR3t8yO6BMr24/Ngkv5iBQ+2JnDtuQs3HyK/SD+tKtPotqvaC/NU10zo5hGEMtUnUcwWeH9lA90hpRJMf574EZwwFn8aeMdu5nAKmdd72CLFPbZYbf4tEw68iujrI57wlSqLuqIja47r0t0Qb6G5LJlNBdvL8qQ9Dbb1iJl0Cq3P4/pkt+Gp9Hl7KrT3M/XMcvrksv3le5yT7Q6DWK3ZHy1eo/SL5us/L2igfHx6Opqcpk5enP20L6fsi0t1Bvl/fu/v8+NP2S6+s2dxxXIwgqSHlmI4CLSd5hNiHuWYOZRuJZj/YRO+d2t4Sn4eHGFV796SdNyF8YrztPYMJCkUIdNkW/aXFAcn6Ip6L3N01+T5JojX9rVfdP2TXTWXr5DGeySixSJxBM+poWXem70PyhQQB9XJbiSNtjpYAv3ZNgU8KIasPs810PyaocOzDtUVRtfeyZ4goV9Sb6XC0KK5qUt5sJtCp0K02gKJ6NgdLPokm39lEb2Qb789moPOsaJGWuemfUe3HIJudrayNe3h+YR9+tXfJn0mnyUd83/wzA8UXnkoVF9RxlY1Ttob0TfAVX7KyI9H6J3si57S+f5AvZSB6QuCd6A2Vss5LO74gZF5U9Cwu2se774RRY054sCsz0M7rd7nCd3uMCiu5Lxnt38PD31J4VYULn0TdL2wbnZclWGQKP96JzK6Z1CaT+N9Kh6Pl6gQpVGfa1d7mpI8RbmQr0X5L2sLXbkM4XWWb6xGJvhtpKlJxTbLFkQAI9KGz1iH5WgaiBz8u3W53tLxbM22DxBCfR5tlBo9JcCM/nrNlsD1U6UnUu2+P2Rc01zu+YMO43SPEvji53MD0kaj7qS2r0LwswfN86PlvVO1NSj9d0O+ovGLxT5cSIJFnTo3+0uTZST+jm+0JRenNyQL1x0Xmmonxs6BAk7LFoPl+CslUEp0WxOQc8pVMVhcSLX6x69EtaYfVhYHPou0KJDzDW6JjpIqFsja1zjiUc8w5Gd2h2vsxwbptlyQjOwL1P3L1t1gcyQ+o9wAAIABJREFUX7FbGgTy37Hn3z7oGV0AhDCGR35byivT7mxb4Db0ib0LRUhcv8PWG88mW2gd6GXvxz/Sa2ve/RGLc8sF8R9SnFl23vXMJKN6oavgfzxW7X0g03ezAD48EHW0sJTPpRtWFz68axe9J2okVHvfRn4a5G0Zp0AeXMRMFuboFitBY5KN97T5y2MX++cVuaVBCAy2r9Hfq5VA0vNwa2k0Y3102l5siT2W2EQvyJcSeLHzF9uG6F8peLH72DvRujWt0dgl+jld1N6+ZTPR8itTqvJhoFuJY3lv8fsE7q1kbtglWh6JJpemHXX146lojbNgQj8LDJy7KaL21CrPnZdJIpquZIL8mfKpM5tOi3NjsieQCxyy1X1Lg/VUxS35hIG7aavM+ue+Cb6agQ7TbOWOL88gtPel/Q0TOVoMPBjVEFbpfh4/c+MSRz+mZXU2nBrZULU5Lj+i3VsBS5FcdWv1lHSWQKOPHQsMi6OaZiJ6QsK+DzTAgQlsl4T4cXM0ud3i6v0SfGJhVPs78tsAr89wZSTyxpJfZZKJc1dsrGBoCob3uR5RvvUVVzXQhz6lts5ed3KCJwmfzdES5Mjd0x0vPlxW6LA4r/K2cu3ZZGZqB36d5uzHP1Jvbr6tpP845wTYuO8foRPzJl1ULcWBLnCeY++Kxen7Z7Sm9+EsW914k9OTjTLG3+jC6CGCKpg4O9OPlyPPVGpphmctCnyoODWTIEVcRsvqNkl/GIH8Bzz8LXP3qyB/iw9nR47hoDJ5VyJfmx+XRW2MAC9OV/SELJhlEz2LvzdMoPainjSL76TkSWsf0423pTw6jrDlR365fzi24W975uBJIeHZ9lritAk3JNqOoyNFbs1ZGRk2EgVfONTeXWl+GQOHL7KvPx5MlLRkoNtam9q7KjOfhMDdFte2yeAONb6MWbIFHk9BYwk0/NyramDtCjmL3YduNn9bgB8lOkFYoskYWxRwRKt0Zc+PFy2H2vPOAhSixfpIL6iljVJ6jtxKB0VJFniJ0GCW43Naa+ZN+GXstJXhPtj0wdlplCUVwC12R4uieV9mawo/rlf2XZCT09SiEm1n2NXnyBaJLE4fxtqmj8VNMlJ7AqcEWNo1gzvg5FiLc0mNVBzHAm2meuS3fFIR/hYD+0+xL9HnHpboo/kR2edAFeD56YqegWP+dThanvOu/uDDENtg6JLik36O6cTRqTU5mtAST/G4p7ul90UMHPyvXaQV38gsd8nAXmMcai+lqodRJBqPjzZMWdu7JBInPwaU2J55ZYajs/0m8pxMbtBgcUxySvH1qc1AAv/b4p7fYj2RfX+LRP0v7bkQvCZRa304dYVttfddizRlT/hsKYCksjZ5O1oEOhRGRe/mVGfzK2O60bwupcl5j9hILUlyx4JfX768Y9ozoUDB8/aVhcnRme0uhw8DbPEFkxM6pKX2hIGvbVNiKfsk+rXEPittfoK5ma32RMNFZP9M7uB/JFZpTU7dR3KmR37LhsuyLXxCYlA0p5ABvpqowq1E9egeXxVkr/Qtzvt3JJnRAh++Dv/O4jfJFUeyUc9xaBHJjc1S+L41XrMdn/73I4/3u+PqK07tlOkpHxInKMu+2F14TGaONB+6/mMbd0Hemp7F6cfjtpVAkB8m3IHut1eNC7B3mo0PIfxjyHcymoA6xNZo2XJy6gNUuu8nsrgwS6eoRfDh6qC9s8e2T2xx3m8vNf5VuhssJNrZQ3smRzVOsGeia7gkp7LWep4M5s3jsd04PIXp+RDbyVwbjspSfoNE829tBqJi8O7M5lQh8ZLthiYnJPyMnvhw0frod7G4KmG9Yx+u3WpTe39ntNoT+FTxp4wS0gp+jo2N/5D6jCZQ902P/JaJ6Wemu+HDsYtt5j1LL0zUWgNd50YdokH2TD94+439tQI8KlETI+dKmTwujYc1cFTTJRm8MOlBUmeU7XO6V4pIA4FL7HOrxY8z3Kjiw5n2c2mDvD2tL2Ogvf1MunKOEhKi8Tx79qhnHaVkEBhscVpmO//Od1qcihvbpzEbCLQY7VG/5ats7ieSaPWzY4X+QqK8aCEx1J549mW684APV252OFqe9Q7pSJwSlh2TD6Q1+G+O7cV/ayfbhefb1J57gcc0kOgww/Z1TU5IeteROwL+D2yfMchxaak9If2/OD7Lewn27AF+fGSfP6ZmUhdQ4PogVzRL+3oAaLw2JivFfDktQ15g/39jFWhoBKgs+lsE5KsOU+WvhBV+/LgzuhhQJs9KcywKUc+e+KPUur0SbQ4bF/m8o2ql9Tz/jJhetF5Icpg0WGhzes3IUscL4G5bfMHiv5kWgvTjoiKH0KS32vPjJdosTlXYKbHFac+NCGTkoBToUcIt+2dwByDv2ViBWVE/3T0hJ3gckbK5T9aEz8DtttOElUWvQiQAAB+OnGcPun6e7lGmeXiDDkdLAt+0xIXbws3btGdajwOOiu3FHZ2TEj5xmW1m2nFPlvKKJA7bbLfzmWkBZIk6XznUXuJFuxd+XL/V4ePsm/ihzRfYl4ZTMlB7AodtYSD+COmUOCjWUCzpl76dcrmXvyVbR6T4cNJKh3n/SaKoukD+tzafX5CJSz95Y+CkNQ5Hy0jvrUPw4a/I745P63EAxPuxvTg2qWmjwZyomufqDA6ccDQGdV6zfVmLw2SGBy36cbUzTeHudL6MgU7/ONaMPyWKqju2L2Ra
95505Dle0W0NekFkn1BgTk0PNf2TaBbwiFefihG9iRjm3ESQaf2ebLi0uOzbRzO7Ho7R7RH9IM6VF+DDWbnEGEp2SaOD64rDo9U9f7TSJc7cktfPpArvD688smRsSp9oiSFaGVfxQdj6XfeXwdzoVBoWB72yip0yVaL8sfLh9u13tZRLbE82W0POchySR18aqvaJLMygThcbfeCSXZcXfIiQG2NqrTPZPvNjrtZYlttSzS9J8NT8GljoWJ4MT7A4zjHnhrzsivcUeAEDcFNuJK/zlt77+dNtg3HFHdkxOidYjbbkMDPRP7kh2b/y4xbZyYCkfSWcDQ17k5KmyuwxMlMcpcfAq7rAtQJKszu+GqPM3eU+G2mSPoljvyNhMvpdA27/dnJ2KfC4Lc7APZ2x02Bij9kggTQbaTeCCVdFf/5bmvj2JjvbQnqXWeme0wED/UM6SUisyOlXKPz2mE82by5+nz7LLyLoEzUyN6xjNw7I4LJMiEQBgYO8/nOZLtzRGnYGjbMEmWpyfqByBkNUmc/XKiA9YrUhonyZE5v2h+HyGq6jqX8U6WrYem5FxKHDwOndnZ9GtGQufRNPv7fFdxWsS7RwS8hMuG7UuWpzs6rTVXkxo73Lv3wpZe3mZqGRacPXI2E5cLstrf52J9s7PkslpRI5sCA3xuRknS/jQ35ZNxlK+mMZ2dWHAcUprKa9M9HM/3iM/i4yGQAbb1aX8TvHjTPu2Z5yS+i5jM6WHcnN2Wlx5aqa3NnCPLZeMAX6eqCqFHwPIF3+PVmmZsE96sufDlYUOR8uvCfxjvvAp7Cavy3RT5pCYPiw9rbwRerh9uV18W1YcXBIdZtscVrQeyNTiNNDJnnpvsTCdoZGH/iXORKNEIUcf+hbygVmR17A2t0m7XJYYanFE9fQujtAkNrTHwnTC6jFc7eFvmZ1ermwEH45b6rAxtp6T4JP5cfEaPvhadODyxvReTRj505yOlgT6TIgWa8pa917KaZyxNNro/Drq03Imjxof2wMBa/fMhskp0eZXh304TGRoccKHgXavQDn1PjwwsJ89oUUFeHrCTXtHLOObL0cCEkEOTDcXTOI9i2MyLWSd/1aseWi+mrHaE8jz2kn7W92MCgwg/137jQN8XSZadh02kx/1mRtVezMSJvp5k4fBpsPRkqDSOHwYUlaYb05qe/ZcuT62jkc5b7Cnw9H1d6b6CQAkWo5wiN68rpmfhN5hot1jRuv8NEadH5/YeyfIj7w3MkOIxtP5zwlzozU5gwmqdyZE4gWTf2WamY7j4yzO1Q0zndMAgYYfezg7M8oB9ONy5bAxFiVYoEs0GsH5nd+wFSe7M72anDGOFmUV7et9H4kOG6lIZZYckMazYvH95ezBHR0TvoL/PvsHNV/IgpdToIkzhdq8P2OJ9uMu+9IhyGFp5Lf7cfUW+2cxVYKscWGIn8n2H9ie+XSaVonEYJNzm6Z3cZTaC2K33JUmVQ23PARa/+Hh7Byc/upfYs/fnJbKo97uNiHEEAa6nb45qvYWpndGlfBjnH1+DfDuBK/gx7Cyb5th2LWME52KL+B1jnyIenOjP1fccmbmH1Ngt6H2Trf4Q6ZRdRjYa7T9nkHenPokYaDdDLvRFuDTCawRP94O8qyukZ3PKshExZQSIDHA5KKM/NcA4BsU55Cc789K9onA/is8nJ03pS18Bu617xA0Oce79q4w8AR5LaIHCZfysQQGagL8+Mr+ChZXJnDcS5y+OdS4F5M7XrY8fOPsD6d5T8J3OMKhoVannRoYwRnYIy0uPzFjZepHX3tsz+Ss1CP1Eo3+dOyht0oO8VZ7fgzcxntsSS0m30+jaAYAiXsDXJVunmCUuGQyFl+epc0+AicG3MoGWlx5WprfzsChM+0NDvBxb7Xnw+3FHITrI34wxZLuae4Oe9XxHqW8OuGvp4dec1KDNJ7lxskOxWcNTvSBqr3smPBmZSGms9dYBu0rM76SscUp0cKe0sLSxBtRPO7RZoLjXQN8wVvt+XDNRr7iPzm6za+U6SViStwd4Jr2aV1rp8bE2GQyTsxiRb/LXLexW5yXsLSKJ0LiMWfFgnlHeLbWj97r+XZBveiepgA/bpDOvOKzVRsLtX9+q0T+nbt3kFTWln1Tf5RHAyY6Hv96opeov8qxhvg0U9kT2HcqS6NBdZqcmuHOIQB+XGPPSrdYnMhb7YqBg5zFoBKu9gwct5LfNsPvtmeOTSuLWuLuANd1SP3C2BbdGWcVbj0ha3tcBfz3eTg7J6dVHdOHoxc71d5TnmrPh9OX8Os2uFvZ7PuL0hF5n62SI0myNFEOn5CNV1CRQZ6V+qO86GmfIa2XEvXdkQ4P1460spNtCBy8gKWro/X0FLfdkAVd2uhb52rvx1Tl2bl5OjQaXvO0ISUOWMBpe+LiSJnIxMkRiZo+IMh1HdO51MnepXELsszD6lEEar/qIXw/JqqU73U7gcHObdPeTk4fjp/P8fuj8W+2woB/7J2GxPvwiopp/MIE52b4QhszTT6UBd9+mGqr7bL3VIK3yH/K4bjffHqmM+mJG6hG2za4Wvw686JzflwacPqu7k9xjvCh9wanUaVMdvN6WYl95nDVfsDo6Byi1qUTV5cYGOS6VOqLe1Dt5ziLs7BDtrL/AECi1Sg3ZycVP0g90mDgiPlOtfeMV/KtD0fN5eKjgOtKbPb97Wm8mw+vqRg/Y6JEJAPnbCFpcWSdlB/ljXzaHle5P8Fr1P3L7nPn+gMylL2zSxTfPi86yi0uyHwnmETBJ85JdHWK3hsf7tzODcXOz/J2PY+OkdhrFkuOAs6IZJMxyEerpT4cJB4Ncn1me2VDN7oizuK0Xs9uSSOJjvPdnZ18NlUFKyQedn6xf72+mA9dZnJzT8jq0c1GFpemfh6ZMPAeuXqHvenmjnbeZQFlnQUklVmyT4pPSkx3+za3qxKMmTZ2U05lFqoVkDdS8YnWk22HrHFw5sF6H05b64wNfJ7SQlxI8aLFRX/Y63eoII/3uIdEqxlkL/ijBXSogtw/HdF7xuSGbARtW22Jk4p1jTIPqzsQ6LbdvWbnjrtSXDYYOGi6U+194LFbxMD/ptO6Cvm4tNCm9p5NtLnEvfWGHEr+vsre8iBf9j6Z0Y8PQ7/J9GyNGApKbEnHpyZI3bjIKXvLM1iaCdR+kap0AG6LFoow+UeibcpJ3thwrh0YYL9UJmKJ+t+Qy85xmFRBft/cvWUSzaaSN0rg2NWR0WDyMy8tmejBb5j8NwtrPeR/G2dxBgZWwMkJ53vU7NyYYs1OA/c4B5Z1ufsNDBw4lbwFUiIaE1bKSvlExdD5wb/ft9zeUaUJapMZuLKIpMUxdVN7Unn4JkUbsGNv711u1V50mvgZZJQJ7P4ruelKHLw6WuKNG3tnvi3CQOdpziMdPA0Y98v3nUDObnpj0PlZPDagSzSeRN6Xh3x8bv/5iSm3W4qPLC7bO+Xr4hEXxxuDS6tlXfQE5F0e/pYVKSWuG+gw3jnR/ey+Ad1Au3Hkg4AfJ0RdYUF+6zEvejddFPxATqv3lf0bm5ziueVL4rD1oWd1SulB5WO8H23DlgSvUWeCcz4dl4GkHL6EXH4Kaj8d/XwWv8pCdX8/brOnkzHIYSkUNPDhjBXk9y2FI23K5Ez3DSpC1B1LPlMAA3suthXlnNks5Xii8YXisr1Su8id1lvjRG9HunvbEiFQ8KyH8M1PZdnuwy12BapM3u0qugb2GUcO9kHk4eno5yll3xRfTqLhKHLkbvsudbrk+nsNZyGaLwiNpfuyXQFfPhBtQ6KSLY1Mp2fr17RlT1y5w+L4PYBjo3KSyLGcPBJ1v3AMiFIOSHocCAMDdpAvNMCN25xqr79rypIQdUaRb9WF8OOBaEXxAO9N1SCQNX5WnJVGieN48obHWZycXiFndQm0GE63tGqLMzom/USJVvZUepqc4ZqFZOCAKeQrNSAM7P5nRPYsrkgx9V5iz6nkNy0wKOD8yP/zmDCFaFyW0PJ3FnYvxNz7puhK5YkEsndgzCz3XXqyJ1DvdZr8sqZEk2glsaxktAA+dF/iPE7FvCDZZkrU+YgWbzMEfnSYrarINZ1MovGf5NCGEMKPKdEAQ4AHpKb2hGg0kZzaJJVrPF/i2niLsyiNIvBJPQv7utaQoMU/kzY2/Div1Kl/nneLqxs4bDb5Rk0I+O0BhgDfrJ1Sbxs4ZD75UQPAsQvc4kyPnBYhGk0jSQYz3arudvPekTcpOT7Be/SKmeQ+T1PvdZ5B7ngYhsC5dotzRtoHhtrww3nEqskZyWa4G+g0jVx/Ovw4cbnTU/qWm+tEovUU8utGEDDsAQaTvyTYa+SCELvPI0dnvGkIANC2ON7z/0tFnQ8r0HW9W6SBFkck6TYTwMvOAMN2t8nSh+MWkm/XhoSQ+DQ6EgO8OCW150OPVeSztYAjHJ6WIF9w93JKHDK/7Ls+lZ0Uajviokgj1iY4y9C5f4jp6T0BeXmxyRWnwSex51RbfCGY+dYhQKLW0Bgv56f1khsEBvoWklMPgMzHyw6zrYRnu4pe+1nkD7tBAHn4xP7Ia1PTeui8gvy8Zvm/TIJqo+Itzq3J1V1NB4EermnVVPzUSKo2lYFDZzk9Lb/tGS9MPpy7mhxSFzLmCpNzE1aujr/RFZvIe/KQh/tLnCbnJR7tuzpUzk+pxeXu6xI48YAU3T7XRTLjEmVzVn8jZor7PXXZE2jyAYMcuwekAG6Mxhcsjkn1fGg3DBzsyIdnKZ9IquySROOhDHLobpASTSc4PS3zO8R3i4GjlpA/NYMAhKwdrY+sgkwphUTixI3kixmddxK92a3xash6u4JOZg7R2yPSwFeTSnDx41qHbyzAQfFa2kDfIsW3Q6o0D3fSZnK+USuF3vah/3ayj4DIx/CYCfZQl/sINP0mUofg5PLuLtBl84TUKn2IuyPFnhItVGp+G/Ndp6ehqM5aQ6q386WAxAFrbPGF9Rdlo+ySH+ftcHRpgEntKTNw4gIG+XB1CPhxyQbnAuTZ+B0MPly4gfw+VH/Thws32UzOn7yPj4pH4qrt5L1ZMgo7xOdxcn3zLExqXgiIW12dnYocnITbWqDaO06Tc8OZsbInBB5SJl8LZYoKe3CPAV6W/MwiDPGaxdJeAIRh/OXcIrbVJanFwJUbyN+XKtLk6+WdeC/Qs1Axtbwk+UR44IxKZJ7VGe8Y1YqLUpQ9gUbvMsjVF8CI9VArfgF/FkaIH/0dI8HijnPLX+wI4X88QK4K5RXkYYhjkinlKXHd4sPtReTQstLhefjYLqp9UzA7JJ4IktdkyRVSPX7nUMWE1aMIFDznIXzWQ+V3fbzJOTy2xIBEvQ8Z4HP5oc42cNhsm5dzWfL5ZAJ1vyM3dA/dtOMip6tlcdyuWYn2I2nx0XoLqZS1plU5t5fiSZMWH02pt43wWY2BhEcZ150dI3urG6SWpyTPXUnFH1tCApDoZo8vLDw8O/UM8FqM7K07pdwBYKDrVAb44x5lDWseY3LOiM2SF9J4w7I4pMwDI2QdW02l0lS8nDL/C6VKemZJLxn3uzg+llavSNEDBJp87lHApbRfuTaHH5fbazmylE/FfC8DHScywMd8Zb2ah5ujxY2C/CLp808k9p5Czgl9HQPHrbQPZ4t/tXR+NiFqDSqmtfUcDCylCvC88rqh/QSSSi1KySHjWxZqhPo44WvUcx7brVh4YkqOyd2/Zp
95505Db7w+tAgSafmuPL7yYjapLkKj9aYzsLS4vaCiQ93Axg3ysbPOLD2evdno5X41ZUUg0/41Bvhj+sw/nRDfNWpzWPFnZE6LxBHL1oem8qhudrXjRK+1TMfGFKBJ7uBZwoWLRjeUInxAYbDt9ioq80nmJgbNX0eQdkd3PfrwVFfUS3pVsuXEfui8lf2oV/so91yaUPem76l9a/G0vtF5JZfLTxAXgpe++UF62ya5JNaeM3coasaZhwreovzImd7YkYbl8BwIFD+6wFP/qHLnkPLujZVq6R9Q7kWj2g2MOtrikHNkzcOwsBrnq9PAf8jHYvvOWJbwi9opuCxng/fnhb5WH5y3bTJyorIsDgQMWkTP2SPElPanxd7zFyZkVanECACQOmO8hfFuuSix8Ei1/dAbW/znc/r2EwL0Bsiha7kKi2ajopG0x2SoVPty+jXy9bmS+PGW1Q/bUGvuRe1JeuIC0Sm7Jk/iUVGZRwpQjgYP+irzzdylokbCbs/SUxGOm/vLYvPURSbtHjHPm02Txo/llVqrE3jNs8YXtmVcUL7vtHiNjZG99wkRbid3eCTLIzyIpgcKH4faBpCzrSMe84MONWxjk9dG/5cG2Ei7l6UgOiUu2kN/VS/ktPTAecxG94jMqWu0BkDim0CPMtzpxyQADXRc4l3tf2zedSNT/gEGutm0U9aFHNPhqcl5yEQYhqr1Di3dHNjwYOMSRUcZSdo/+uKD3XNLiL+0hcexGqoQH8sF+LhhpJjrFKO7CMaFr7i1nuq433/ltFdc0S1LfHzmeJvlnpHypgLjDrvZGZlyaLESc3lO0EvhPhTCuX0eTmy6P1nMx7FFHkiYn2o85E9J4w6JZYjv3WWLvRfaklgQFHh1tlS8GyWezF67t7jb8R1VUWN2BwOmma5jP4oqEismH8xwbWEv5jC0yYeDYOQw4z57Nw120GRnfJlX8UaLtOFrbL7T9RdRzFgUx+XsoCVeg3RMbScUVvQwIP8aSJn9KPEMaZTVzQ0NuZPLxooOoSKrPyxsytcfGftzAY0l92Q7f0VLceEO0ByU6F6pofCHjI2aj963zmXPdX8oHPe9t4KhpVCZ/sguXD6euoGdSi4EDJtHisiNst/Hh4o225d6MpA5AEWK30VTWDdkzCJusdhn8RQdVWFjdjgCudg3z0eL8oxOWdr/FvtxjkP0iC38B/yMBBvmVY5tCHl6JfuFSPpHMMRs+nLmSnO3I18zHF7EtndKrft6exz86V5G0AoNrAzDQp4jKDJazq1LiavtJPhcm2+fGKJLkuBrlXVDwWdzEumK38vXVgV8rS1F9YdsXEhtf+DhbZwYLiWcc35JBfucxM0r8b7hFi+uv9du/SR5uKXbOxPdLm1K8bQuD/N3hjvbj0YBtJh6STG1AiaOWUa323jCWMv5hLhaner/iV3sAAAHDvXoSLf7T1VP4hMAgh6tF8drwWDDQcQxNi0/l2/tTCPm13dXSt/wXFNL/XEDxc2fxqlhnS0yjf+kAAMKoMZcqWO6hNkI0t51laSVeHNq4gIrkpNrlDpi8AfEL6i/KU1iHDqdF8q/j7H0kcYQ9vjC/U9ZGiB83OLIkqBSvdGujRKfvLCqL78Uk/ebjyRhXy3XRa1oOJ4PRBXv4Clt91eT2MEjxYAn5e1b2LZTd8Sa3gbQh2UVBxgjUfCmB8Hl8X4Hqb9uvUjTLtnAKoG8hTW68zOnHNLDHuKijIMjzkoggdZzIIPvH7m13BGVjWjzrrFCD/RgcpMXx5ebnGhhpf4uxySW3dNiuSE6vl8Q36hEfxin1tugA1LhoDC2SK3s70kQFar4Q6fHsFIoIY6DLXOcM4VbhWCDv2BFBKotTj4rt1Xx86LhBCXuX/cTARf/SsgJ9DOc1fkyzR/cuKLeRAi1/p+Iz2czM7RRwEb3AAzlwtJQh0cz9UFpanNHZQ/gk6jtiQspiqE6dxGHjaZmccGDMlQYOnmWLrG89obxp28C1hVTrT4v7ByH9X7s3d96F/nDz9vmXKsguSbz9Wbb6PoovJ7OGajSPJP9olMz02CQQ70guecjz5Tu8vJ6KitsG1HLOvhIHbIms9iyOr5UggTtFhMALMdOvyX+OgVP09318JRUtzjvPFzeh5eMrxxAq4c2AACTa/0KaXHBEzAVC1pwdlb0Sdi1vjpS4YD2t4vOzKRa157oNoxW+3FicAACJdhNdIw20OGVf91Ei0cQpsAG+ACkk2g8NUll8Je5oIx+OieajWFx9dGLZk2jxFS2OcKv0LmS1J3fEWAuKmz87LiI3fnyd7HlSBv503Oax8nu+7hSS6qP8pCwTlwUfqYa7vZdx0IOTaJGK25502cN9WeSQWcX1F2XTFRdbXJyk4o6Pwye8CNTt/uh0i4oWV/SpHt8y4cd3MaPhg4YQEm1eK6Yy+WmT+Myj5vOiX7CkvCpJQjT80CQnZ7Xcle8NN4sz+Hju1B4AiYMWuQufyfF7u8qIRNNvYvzSW++ut/tFP5VSWVzVK74rfThtlS3EsChxRpmBa9ZbCgEdAAAU3ElEQVTTDNzqd/8mEge8vtn+8KWfnFXDfvVpm2hxdtwnd0Ggyzbbe1i8u7yub/kXyWD/ZH1h3VyNiuJ3DnN4XPL3u+SDUNxSccug+IYL1HvbZnJ+ki1HSwgfLi2OG4iKy4c+eV+/ga9+t8gs65uZvV1D4MKP752jweRDTVqe82UxleLmy+P3r0t0iJaLUAEmPl5S4qI1tPhYdneCneXqNdi6V65WeyEkjnUP89HkWJeNQYBE3Y/cV4m0+J3baes+nLrKpvcWJ5I9ibY/0uKsw7ybLFBw1B1vfzNq7PAPXrz75JgdlD5MJgM8LsmXf8g+7yg+llijHLWa5NwETYuh1o/uXcs1Qx+84bwTTjj3qtse/mROtC8LH2rkui+j+c/h4W1xTvssu+IM3GR5OrBC/aKsX7sbHiKSjy/cly00+Ydb6E6ivU32ShPKnkCLYYpqRXKfM2nabHF939E5cnJGEDifbidCkyZHtXSRJAE871HyZdUlrmdo+NBtoU321h/rfVoRajy4lUE+l96ZNIAPdxQzyJfL275QhsTnzpTL7xp7/7jWC4q0nk/llLgDgq42hTtz+7hv5heoGe5wxdL7sudoKUPiii0ec0Togy18IEHR6Hy84iq5ipuvdTVdJJo5bM5O3veWebcW0uL79bPzomH8v7u2uPSWnJqcAARwvXuYj5a78Plxg4vsKVqvN3ZvvIH/zUzKzylxwVIGOeuYtF9G1l9Iy1qXoEx8zBN9XztfffXFHlcW3Lme5B+p5fGKS9wN+ngC3x/n+eUlOpalBVn8VWZwVqkHBg6e6CF8iotfPjyhNvDj2q0uQ9nkZ17lPGSBzdeSwM8p0XM+FZednuUXlgPd1XyuTU4AAv6Bnjbkby7CZ6BLfCqoxUmHew0eiSaj7LH1B121IwwcMZFKlTyYbG5tPH68YjHgVRzSvW1PO15FcdI58WPN6PrKFpLzeqbaIOOmpIRvycC9Er2zwGFrQp6YlSmXNU0GgbyL57ss+raN7t++vE8hsfsUl9Hw9wmeV+RhbPRZQb7oVfbjoNGkpZ7P9Bj1OE7ysLArpjhZYgRquO/mI02Oik+YFwKDYkx8i3+f5p2sInx4L/oAk+PauUipxDGjLJocmcEZFBIHr2WQ36RS5Fjg+CUxb73qhR7RaroN9jv9ni82kOREF6Es//bnFLsm7tlY8eTB5Rs7x4VW5a9n3eIMYxw66Lc10ZauH/feTZ3yk+nHPDxM52i2OO8CD09Z6IJXohcotWFP10Vhl2EmLU49OKOXcmOvwkhjrbmfDLztisv63v3Eu3+uNR/NtckJAAL13/XUfCPjhU+isXN9rSb0TNDXQB7usX2eAG+O20Mk5GlTSYv/9vZa0yeDHyPIoHlgaleJandtiHvxf/8cMfSHkVPmhyOA2z9ON5+p9ZcJFlPm9KcPT8bSEeg0m0FOS+MY9FTIa9Wl+xlnn9C1QwpnxwiJj5w7u6Ze4hKMiOJD70320TAwzocpccLvFpUqvCX7M03N6eEv+sUF9rcUNRNvOKsoJJp4OatchU+g1mPhokWKK54pLxPdwMG2uoQWN/d03FKi/cNLScWtD6frYyl7zAWbGeCtKVtlosY1kxMpp63DLsqkKlbHtze4mTmByU/1qJ/0tlE0/cicdHJOsuxTREhx99bIaFj1eqdyXknIgpnR/lBmzIpPYI97F5DKKnk2W0cF2wjXFC98KutlW9NEovVPnp7iX132aQo0u/q9MX9N/PrVPklsZRQ+vOE4eHzb0+FETYH8Q++aapFKBd9MegOzx1PkNJqclErlnSh73Dpsi8vrW4uH3dsl4wGff9yAHxZHLIvA6nHv3XPO/kn6YncBBBpfNGTUXxO/feOGvZPQy3l42rRNRpb1WiRRU/g63/SHSdLiZ7tnr3nR/3vDixRA0aMv7GC2bp8pUrV7t4vlup6xjN8uWylVRrf3mce8sZeKfhaKklnjlm3ZUbtJw47/K6AAKYbdM0dk1B8+c2C//KD/6DHp3kDueUCH1q3r1qlZvTbA9WtWzJ0zc872TJrkpEadujUCW7duD2TvlrskUjUfuQ9tEkFr1rilW7bU3a3hPofVAgAlf+0/uSIefURQkerLLCZlZwGJ/WNzi2yazy3UkBJ+3EcP9xJJxR1fZHyOmsTuyxjgU6nV+/OgINtnOGhs+HCNW1wiMhwCXx5SMd7+JqsVOe+knOzRSwGJg9yLSJAm/2yb8Unh+Z94edstrnk0rYPunfgxlFTLPaJKmp0JPz7wFDy15bmKUkt5v5PqheSScXOKxNFrPTxyJsfulaHwSdT5yHWqU9boi1OplOuFgTM3spRnZXwjTcUjDPGWayKbxXE3ZPm0RBsXk0U75wCR6OGVW2RyvMeuhqQRQl6xMqa7FQNjbimvhGaSt/dhMoP8MLUzVjSVhYFzF8VPw+P6ZeVEPS/y+76aQl2enCJwdnxKe1j4puyfadhfoMZ5326Kyt2GUY+fkkIcKTF+PFBCc0f7bN1PU9EI44yP10VHQ+Gfz5yV5bzNyJMq5rbZRfD0D2spV7eKZcy+aoJhZfwI2apNvXoNAsWbVyxZn5nv1Hlb1XpMq0DeDa9l8Z6aikawVev69RpaOzatWvZvVf9yAqd7m53zs3DMaUXhx2dUHJVeaE+j2QkQOG3zLih8Bk7ZwEBq1aU1mp2LBJrP4qLuO6fwCR/+ZIAPZf+YS40md0ic6qX5LK7OVlHW7OJDv2JyYUttcWp2aSROdj8TmrS4ttdOKHxCNFnAUsaXNdNodi0kTvIWvs2X73zC58cQWnwzGxF6jaZSkThxnWcNge03VML23oQYOHEtzY1ttehpdn0kjl/lKXyBO3Yu4RM+/MFS9q7sdmg02UDioL89Up8VORDZOYEqO/hwx3ZyeAOt9jT/CST2+s1jM61SfCrZc2NzgBC7zWdAZe0cYI2mkpFo+YO38D2dz
95505CleuSEP79BkP73fTvOfQaLh+x7CR4vvFFRGUScXDBy3hpzscoaBRrOrIlB9sNd2V5NDG+wUwid8GMMA0y6mq9HsjAgYD3iUi6fJES4VlHKPD7dtJ5+sodWe5j+FAK63lJfwTehY+bEGiSbzqBYnOC5Ao9k1ETjfe0/RjIMrXfjy8AGDuk6E5r+IxNELPBZ9Fhd5HyiUGwycuY58N6OCuhrNTopEa69Yg8X151eq8AnDmERrU3lVsTWaXROJ+m97prjsuLEyU1z8eLTU4hWV9nyNpmIRwC0B9xJKSvGxyouyS+y7lBzeUKs9zX8WiZOXe24qesv9+LQc4McwmqpL5Txco8kJEu3Hedas/rpJ5QT6fLhiM9lfJ5Np/tMI1HmJ7mc4mpyUceXOtJoka88iJ7XQFqfmP45ArzXudqfFVWdWgvDl4VVl8vicP1ejyTUSewx3tzsVi/vm3N0ZyqHWyWSaqoBA/kDlmmGmFJ/Jy60QCB/GkEvcjurWaP57CJzhUUrC5NDdcupx8WNAicVzcvhEjaYykWj2ubvdafKfo3O46JPYdzH5bl2t9jRVBQH/Xdtd4+wWCy/Lnebz43uqwg5a9DRVCIn2v7qqPqX4dLUcCYMPN2wlr87JszSanQUB/51FrqrP5A9tcqL6JHabQ/7QSKs9TRVDov0oV9VncVWvXAhfHobQMg/Toqepcgj47nBVfUrx2YpP7/ThnPVkv52uNL1GkwMk9hvlGm0wOW7/ClZ9QtaYSv6hk8k0VRMBcckKN+mzWHhdxW4rysNLlsWjtOhpqioCdQbtcDM8Lf7WsQJVn4ET15D35ziPRqPZmZBoP8JN9SluvdVXUaIhDONPcpw+5lJTpRECZy10NzzHdKog1efHE0HFo7Xoaao4ArXu3eRieCoGXmhUEdJnoNsK8sF8LXuaKo9Eg8e2uEifxXXXZ39NJnz4jZygLU6NBoBEsxfcon0Wp3bP9rP8GFCieFy2b6vR7KJINHveTfoUJ56Q1QcZOHQp+bC2ODWaMBJ7vuO2v8Hi6MOz9xThw4/kFH36gkZjQ6LJfW4baxUnnZut7Q1+3LeDzK4q1Wh2fQTq9lngIn0Wlz2wWzakz8D/lpCP5Gqjkkaz6yBQ/aLZruu+zUMOzXhTu/BhJDltdy16Gk08AsaxP7kVkLc4954MIwN+3LtD8aRsNVWj+a8h0PyBf11TzdSsh/dJ/74GDllMPlZdqz2NxguBgvMnx8seScUZj3YrSEt6hA8/k7P33BkOmtZodl4EOj2/0rWwhOL2Mfcf3yDlO+bhoVLFkyugrRrNfwsB31HvbHA/OoyKK4Y9fPERTZPXYQaOWEo+ri1OTepUwTEjWL1b7xPr0OvVKYpX/btx08aNW1kUsIq3rlkZ9LyVVL8eg3k9FklVQY3VaP5bCFQ76qlZ7qeHxVP69wvt3O+Th0cCFnvmtvEazS6OQIMej/+y2t36dBLkdy3cnCkGjlnOXJRh0mj+cwjU73r1sz8t2J5A8iwu6uda5V3IamPJeXtrH6cmHfSMHaJ2s6ZNd6tfs3rN2jVq+glR069q+fNrbC/5d97EYfPdr8kLvHy9ZZz5bW5bqtFUeXw4Z50+ak+jyTkSjaaSM/fSFqdGk1v8eI8mT9BaT6PJLX5ct4W8369lT6PJKRLt/iFH6grwGk1uET58Q7OkqxY9jSa3+HFficVbdIxGo8ktBo5cQn7VRIueRpNThKw+hlbhITq8oNHkFj9eZZC9K7sZGk1Vw4/em8i362mLU6PJKRK7zyAXddAWp0aTU4SBbxng6VrraTS5JQ8PBU2d0KLR5BofeqwkRzTXoqfR5BSJeuNpbT5UL/Y0mtzix/sM8KrKboZGU9Xw49Yi8pXa2uLUaHKKgSMWk7P31RanRpNThCj4nQH20FpPo8ktfrzDAO8SWvY0mpwSWuzp3QsaTY4xcNRicmVnvdjTaHKKRJ0/WMqztdbTaHKK8OFdBni31LKn0eQUP27bTn65mxY9jSan+HDsEnLJgXqxp9HkFIkGYxlgT631NJqcInz4hKW8Ry/2NJrc4scA0+JQvdjTaHKLH+ev1Ys9jSbnGOgwkwGeqbWeRpNThKj+E0t4hy5CrdHkFh9eY0CXBNRoco0fNxWRk9vqxZ5Gk1N8OGkZraLuWvQ0mpwi0XoyS3lZZbdDo6liCOH/jiUclK8XexpNLhE+vMIgv2yqLU6NJqf40b+UXNhJi55Gk1P8uHAdzeCpWvQ0mpziw5ELWMK+Oqiu0eQUiVbjuYPP1tCip9HkEiH837CUw5ppi1OjySXCh1docuZ+WvQ0mpzix4NBcuMxWvQ0mpziR5+tDPJ8vdbTaHKKD2evZilv0y5OjSan+HD8EpZoF6dGk2MMdJrJEn7RRC/2NJpcItFqHAOc3lGLnkaTSyQa/MIgNxytRU+jySVC5H9JU5XqQ080mpwiJIbQMtlbi55Gk0uExEtkkDfr6IJGk0uEgafJAAcaWvQ0mhwiDAwmS/l0dS16Gk0OEQaeIgN8s44WPY0mhwgDT5IBfq23DWk0uUQYeIIMcNQeWvQ0mlziw0OKQc44QIueRpNDhIGBikHOO1SLnkaTQ4SBxxRNLuyiRU+jySFC4gXS5KKuWvQ0mhwi4H+bSoueRpNjJGp+pkVPo8k5Eo2+p2VyiRY9jSaXGNj9D1omlxypRU+jySEGOk6mZWnR02gAAAJ1TsrJ8T8+HLuAlslFR8Co+KdpNDs9ApezD/wV/hwDV2+iZXJ6Jy16Gg0AieYjeAfyKvgxQuJRiyrI0W21wanRAICBI0vNByta9v7f3v2GVlXGcQD//c5Z3uad5aKpLZnJnIYKgb2xTalADAqFjJFvdBiIOEJ8Yy9sRSTlG7Ne+GrQHzIxkCjLYP11EWbgBtKwdMxg/mnp5maBd7vnnuf59uLcbd7tbrt395y4F76ft/ffuXC/93ue5zznHEfmHYW1KXxdw+gRpTXDvCOxSD/Cldp2GKTwUSWjRyQiIirzW4Hj0WbPlXUXYJDCkQqeKksUcKTuDPCtlEWYCVdeugVjfV6bhWicK/W3DToWR7crqBI7DFhreL8Toru48ixGcG2zlEX2AXU/wMDizg5RRo9olEoThmHeiGqi05UXrsHAoHcjZ1mIxqnIfiR9tEUz4FO5520fFjyiTjSBytz34Bn0NEQRDVceOwMDpPDpQrYe0d1U7m+FZ4G3wt/pVEeah2BgDQ7M4SwLUQaVB4/Cg4+zod990pEln8MCBkPbmDyiCVQWnUAKFsl94RafquzshwF8dD7O/U2iiVSqjsFD6MXnSO2XsAB8fFzF6BFNolL5PjzAAofCKz6Vsr2DMIBFYg8PqBNloVJxBB4Ag54nwzq+7si6DhgAPs7zIpxEWamUHUASAAy+KQ9l3Ykjiz9MwQLWoPUBRo8oO5VdGAEACxwO4ex1lfJXhmABGPz1IleREU3Flc1B9mDxb3Oh4VPRLZdggh79jKfJEk3NlfUJaxCk5cpzhQ35VDacG03e0G5OshBNw5FlPyOFdPh61hcQPpUnTsOm3+kkb61HNK1gQSdQePPp0+1jyevbxtIjmoEjW4OJzmDMN9gsbv6pUYlt6Uwnz1rbypXTRDNyZFUXfIw7tSTf4KhU7+sJxnmAwW9PMXlEM1Nx3xwvPsBi4NXKPHYYVSo2nUqmOw8GfTt5URainLiytn+0tNLp+3v/Q7lVl0r5xmODo8GDReLdBSw9otwEp64DGekbbns+PlN9qdTs+uqfseDBwhyvZfKIcubIinMZI750hf30esPcKfKnElvz8ieXbeYrvl/D5FExKt5BkGM3fBG32WLj93b90d13s2/AH3vu/OqFDy9/dNXSGDK+EPR0yy+KyLeVKH/Fmz0R2fGBcabZQD/hJ7ykicfisXuzPAzRH1vOMnlEs9BkjMXsWAyfbCjuvxaiItY4kDHZmTODGwe5aJpo1hxZ1jZpwiWHyku1N85j5xEVQMXdejm/6rPobnmElUdUKJWKPb25p8+cf201G48oFCrx7Z05pM/i5ondSxk8KhGl8ktd3bRpBabZWNPb8et3v9v/b4OIClQq2RPRumfq62sm58+/3v3nxc6u2zyQR6WldLInIiL3rVy+qLoqVj7njuclRm7cGui/fjXJ1BERERERERERERERERERUZT+A0UubcjT5NNTAAAAAElFTkSuQmCC" height="381" preserveaspectratio="xMidYMid meet"></image></g></g></mask></defs><g clip-path="url(#58e10f6d55)"><path fill="#ffffff" d="M 0.550781 0 L 224.328125 0 L 224.328125 91.003906 L 0.550781 91.003906 Z M 0.550781 0 " fill-opacity="1" fill-rule="nonzero"></path><path fill="#ffffff" d="M 0.550781 0 L 224.328125 0 L 224.328125 91.003906 L 0.550781 91.003906 Z M 0.550781 0 " fill-opacity="1" fill-rule="nonzero"></path></g><g mask="url(#b7a15c5b73)"><g transform="matrix(0.239432, 0, 0, 0.238852, 5.8466, 0.0000029837)"><image x="0" y="0" width="891" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA3sAAAF9CAIAAAAyaeaAAAAABmJLR0QA/wD/AP+gvaeTAAAD8klEQVR4nO3BAQ0AAADCoPdPbQ8HFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwJsBjIsAAVeRM5IAAAAASUVORK5CYII=" height="381" preserveaspectratio="xMidYMid meet" style=" 95506"></image></g></g></svg> 95507 95508 95509 </div> 95510 95511 95512 95513 <div class="brand-bnr-img banner-image"> 95514 95515 95516 <svg class="lc-footer-top-logo" xmlns="http://www.w3.org/2000/svg" version="1.0" width="1242.000000pt" height="141.000000pt" viewbox="0 0 1242.000000 141.000000" preserveaspectratio="xMidYMid meet"> 95517 <g transform="translate(0.000000,141.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> 95518 <path d="M3121 1290 c-94 -25 -147 -56 -204 -120 -54 -60 -77 -122 -77 -204 0 -80 14 -126 53 -178 56 -74 112 -101 373 -178 145 -43 189 -94 129 -150 -64 -60 -293 -5 -462 111 l-43 30 -60 -122 c-57 -112 -60 -122 -45 -139 26 -29 195 -108 280 -131 113 -30 307 -37 395 -15 132 34 217 90 265 177 27 49 30 62 30 149 0 81 -4 102 -25 143 -50 98 -130 147 -350 212 -128 37 -183 64 -194 91 -42 110 140 112 377 4 37 -16 71 -30 77
95518-30 13 0 122 230 116 245 -7 18 -129 73 -214 96 -115 32 -322 36 -421 9z"></path> 95519 <path d="M8313 1300 c-132 -24 -259 -94 -344 -189 -235 -264 -159 -703 152 -866 97 -51 150 -65 264 -72 118 -7 216 15 325 72 71 38 180 119 180 135 0 5 -42 53 -93 106 l-93 97 -54 -42 c-151 -114 -329 -105 -421 21 -106 147 -62 361 91 441 49 25 63 28 125 25 83 -4 145 -32 213 -95 25 -24 47 -43 48 -43 6 0 184 214 184 221 0 15 -107 94 -170 126 -36 18 -92 40 -125 49 -74 19 -212 26 -282 14z"></path> 95520 <path d="M197 1294 c-4 -4 -7 -254 -7 -556 l0 -548 405 0 406 0 -3 133 -3 132 -232 3 -233 2 -2 418 -3 417 -161 3 c-88 1 -163 -1 -167 -4z"></path> 95521 <path d="M1150 745 l0 -555 465 0 465 0 0 125 0 125 -297 2 -298 3 0 85 0 85 263 3 262 2 0 125 0 125 -262 2 -263 3 0 85 0 85 293 3 293 2 -3 123 -3 122 -457 3 -458 2 0 -555z"></path> 95522 <path d="M2280 745 l0 -555 165 0 165 0 0 555 0 555 -165 0 -165 0 0 -555z"></path> 95523 <path d="M3910 945 c0 -221 4 -374 11 -407 26 -124 120 -248 229 -303 158 -80 393 -82 557 -6 76 36 160 117 197 189 51 100 56 147 56 530 l0 352 -164 0 -165 0 -3 -357 -3 -358 -28 -48 c-81 -138 -303 -105 -347 51 -6 22 -10 173 -10 375 l0 337 -165 0 -165 0 0 -355z"></path> 95524 <path d="M5170 746 l0 -556 165 0 164 0 3 148 3 147 85 0 85 0 75 -147 75 -148 187 0 188 0 -67 107 c-172 279 -159 254 -139 265 46 26 98 86 128 146 32 64 33 71 33 187 0 111 -2 125 -29 182 -45 98 -119 158 -246 199 -47 15 -104 18 -382 22 l-328 4 0 -556z m608 280 c68 -35 93 -160 45 -225 -36 -49 -76 -61 -205 -61 l-118 0 0 148 c0 82 3 152 8 156 4 5 59 6 122 4 84 -3 124 -9 148 -22z"></path> 95525 <path d="M6370 745 l0 -555 465 0 465 0 0 125 0 125 -300 0 -301 0 3 87 3 88 263 3 262 2 0 125 0 125 -265 0 -266 0 3 88 3 87 288 3 287 2 0 125 0 125 -455 0 -455 0 0 -555z"></path> 95526 <path d="M9040 740 l0 -560 398 2 397 3 0 135 0 135 -232 3 -233 2 -2 418 -3 417 -162 3 -163 2 0 -560z"></path> 95527 <path d="M9974 1286 c-3 -8 -4 -176 -2 -373 4 -330 6 -363 25 -420 69 -209 247 -323 503 -323 257 0 428 109 501 320 22 63 23 77 23 435 l1 370 -165 0 -165 0 -5 -360 c-4 -315 -7 -364 -22 -391 -22 -40 -72 -82 -106 -90 -15 -3 -33 -7 -40 -10 -26 -8 -113 19 -143 43 -64 54 -64 53 -69 448 l-5 360 -163 3 c-136 2 -163 0 -168 -12z"></path> 95528 <path d="M11240 740 l0 -560 315 0 c246 0 333 3 393 16 137 27 225 84 274 177 18 33 23 59 22 117 0 125 -53 213 -160 265 l-47 23 39 20 c87 45 134 122 134 219 -1 106 -53 178 -170 232 -92 42 -179 51 -511 51 l-289 0 0 -560z m573 301 c41 -16 57 -40 57 -85 0 -33 -6 -48 -26 -67 -24 -22 -34 -24 -150 -27 l-124 -4 0 96 0 96 109 0 c60 0 121 -4 134 -9z m37 -426 c36 -19 50 -43 50 -87 -1 -75 -50 -98 -210 -98 l-120 0 0 100 0 100 125 0 c93 0 134 -4 155 -15z"></path> 95529 </g> 95530 </svg> 95531 95532 95533 </div> 95534 95535 95536 95537 <div class="brand-bnr-img banner-image"> 95538 95539 95540 <svg class="shah-footer-top-logo" xmlns="http://www.w3.org/2000/svg" version="1.0" width="1313.000000pt" height="176.000000pt" viewbox="0 0 1313.000000 176.000000" preserveaspectratio="xMidYMid meet"> 95541 <g transform="translate(0.000000,176.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none"> 95542 <path d="M484 1620 c-68 -14 -179 -76 -232 -129 -77 -77 -97 -127 -97 -241 1 -83 4 -101 27 -146 36 -69 130 -153 288 -258 162 -107 214 -148 239 -190 64 -106 9 -267 -102 -297 -65 -17 -139 -7 -194 27 -57 35 -135 135 -160 204 -19 53 -41 66 -89 54 l-27 -7 6 -81 c7 -95 35 -258 46 -269 14 -14 217 -48 326 -54 128 -7 202 8 298 59 128 69 197 169 205 300 8 136 -34 250 -118 316 -26 20 -111 78 -190 127 -171 107 -263 190 -280 254 -12 47 -6 110 16 153 35 67 156 93 241 50 73 -38 139 -129 164 -226 12 -48 33 -63 76 -54 17 3 18 15 16 159 -1 85 -6 166 -11 180 -9 22 -22 28 -109 48 -107 25 -273 35 -339 21z"></path> 95543 <path d="M3306 1608 c-16 -15 -109 -219 -271 -593 -135 -314 -257 -587 -271 -607 -25 -39 -63 -64 -129 -83 -29 -9 -41 -18 -43 -34 -6 -42 10 -48 105 -38 48 4 155 5 23
955436 1 l148 -6 -3 33 c-3 31 -6 34 -48 41 -112 19 -121 70 -44 248 l50 115 214 0 215 0 57 -140 c31 -77 57 -147 57 -156 1 -25 -30 -47 -89 -62 -46 -12 -55 -18 -58 -39 -5 -41 12 -45 163 -36 77 5 205 6 285 2 80 -5 150 -8 155 -9 6 0 11 16 13 36 3 35 2 37 -35 44 -63 11 -101 32 -116 62 -8 15 -121 294 -252 618 -139 347 -245 597 -257 608 -27 23 -52 22 -82 -5z m32 -603 c50 -124 67 -177 59 -182 -13 -8 -285 -8 -293 0 -6 6 147 357 156 357 4 0 39 -79 78 -175z"></path> 95544 <path d="M7876 1608 c-16 -15 -108 -215 -271 -593 -136 -314 -257 -587 -271 -607 -25 -39 -63 -64 -129 -83 -29 -9 -41 -18 -43 -34 -6 -42 10 -48 105 -38 48 4 155 5 236 1 l148 -6 -3 33 c-3 31 -6 34 -48 41 -112 19 -121 70 -44 248 l50 115 214 0 215 0 57 -140 c31 -77 57 -147 57 -156 1 -25 -30 -47 -89 -62 -46 -12 -55 -18 -58 -39 -5 -41 12 -45 163 -36 77 5 205 6 285 2 80 -5 150 -8 155 -9 6 0 11 16 13 36 3 35 2 37 -35 44 -63 11 -101 32 -116 62 -8 15 -122 294 -252 618 -137 341 -246 597 -257 608 -27 23 -52 22 -82 -5z m27 -595 c37 -93 68 -173 67 -179 0 -6 -26 -14 -57 -17 -57 -6 -243 2 -243 10 0 13 154 353 159 353 4 0 37 -75 74 -167z"></path> 95545 <path d="M1144 1611 c-2 -2 -4 -19 -4 -37 0 -30 3 -33 49 -44 76 -18 88 -35 96 -132 4 -46 5 -290 3 -543 -2 -348 -6 -465 -16 -482 -8 -15 -33 -29 -75 -41 -60 -18 -62 -19 -62 -52 l0 -33 85 4 c116 5 317 5 420 -1 l85 -5 0 34 c0 32 -3 35 -60 55 -41 14 -63 29 -72 46 -9 18 -13 92 -13 268 l0 242 243 -2 242 -3 0 -252 c0 -211 -2 -255 -15 -267 -8 -8 -42 -24 -75 -35 -54 -18 -60 -22 -60 -48 l0 -28 270 -2 c149 -1 281 -3 295 -5 23 -3 25 0 25 32 0 34 -2 36 -55 53 -93 29 -85 -23 -85 596 0 456 2 551 14 565 8 9 41 24 73 33 58 16 59 17 56 51 l-3 35 -115 -4 c-150 -4 -190 -4 -340 1 l-125 4 -3 -36 c-3 -34 -1 -37 30 -43 47 -11 96 -36 105 -54 4 -9 9 -116 11 -238 l4 -221 -66 -7 c-85 -9 -407 -2 -425 9 -11 7 -13 47 -9 222 7 253 7 255 98 281 58 16 60 18 60 49 0 18 -3 34 -7 36 -5 2 -71 1 -148 -2 -77 -4 -205 -4 -283 -1 -79 3 -146 4 -148 2z"></path> 95546 <path d="M4114 1611 c-2 -2 -4 -18 -4 -36 0 -29 3 -32 63 -50 58 -19 63 -23 75 -60 10 -30 12 -156 10 -563 l-3 -524 -22 -18 c-13 -10 -46 -24 -74 -31 -56 -15 -67 -28 -52 -62 10 -22 13 -22 119 -14 88 6 281 4 444 -6 22 -2 25 2 25 32 0 32 -3 35 -55 53 -89 30 -85 15 -85 301 l0 252 243 3 242 2 0 -242 c0 -173 -4 -250 -13 -268 -9 -18 -29 -31 -74 -45 -60 -19 -63 -21 -63 -53 l0 -32 213 2 c116 2 248 1 292 -2 l80 -5 3 36 3 35 -60 17 c-41 11 -64 24 -73 39 -10 18 -14 135 -16 503 -4 502 0 596 24 620 8 8 39 22 69 31 57 18 74 39 57 71 -9 17 -22 17 -154 11 -78 -4 -152 -6 -163 -3 -11 2 -76 5 -145 6 l-125 2 0 -33 c0 -32 3 -35 57 -55 32 -11 63 -26 70 -33 10 -10 14 -72 16 -241 l3 -228 -47 -7 c-26 -3 -115 -6 -199 -6 -84 0 -173 3 -199 6 l-47 7 3 227 c2 162 7 231 15 242 7 8 40 23 73 33 60 18 61 19 58 53 l-3 35 -110 -2 c-60 -1 -119 -4 -130 -6 -11 -3 -91 -1 -178 3 -87 4 -161 5 -163 3z"></path> 95547 <path d="M9130 1609 c-41 -4 -139 -5 -218 -2 l-143 6 3 -33 c3 -33 5 -34 71 -50 37 -9 73 -22 79 -28 12 -12 0 -478 -23 -902 l-9 -185 -29 -26 c-30 -27 -127 -69 -161 -69 -23 0 -35 -32 -21 -57 9 -17 18 -18 113 -10 99 8 379 2 424 -9 16 -4 23 0 27 15 11 45 -1 56 -93 84 -63 19 -94 34 -104 50 -14 20 -13 69 3 435 11 227 21 415 23 418 3 2 104 -220 226 -493 194 -439 223 -498 244 -501 46 -6 70 41 246 478 94 234 176 439 182 455 10 26 13 28 21 12 6 -9 15 -192 22 -406 13 -449 16 -428 -77 -457 -58 -18 -74 -41 -55 -76 8 -16 17 -18 42 -12 29 6 440 8 497 2 22 -3 25 1 25 31 0 31 -3 35 -53 53 -29 11 -59 29 -67 41 -25 40 -33 128 -56 614 -26 548 -28 523 56 545 24 7 45 19 48 28 5 20 -10 63 -21 56 -4 -2 -97 -7 -207 -10 l-200 -6 -17 -47 c-9 -27 -30 -92 -47 -146 -36 -115 -253 -677 -261 -677 -4 0 -43 84 -88 188 -164 378 -309 696 -318 697 -5 1 -43 -2 -84 -6z"></path> 95548 <path d="M10563 1603 c-13 -34 3 -56 53 -72 28 -9 62 -23 75 -32 l24 -16 3 -484 c2 -266 1 -517 -3 -557 -8 -83 -20 -96 -103 -117 -44 -12 -47 -14 -47 -46 0 -32 2 -34 30 -31 17 1 243 3 503 3 356 0 474 3 476 12 2 7 26 84 54 171 28 88 49 163 46 168 -3 4 -21 8 -39 8 -30 0 -37 -5 -56 -42 -33 -64 -113 -143 -171 -168 -98 -42 -325 -51 -375 -15 -16 12 -18 33 -21 248 l-3 235 57 8 c76 9 227 -1 253 -18 11 -7 29 -38 39 -68 18 -52 20 -55 53 -55 l34 0 0 195 0 195 -29 3 c-37 5 -44 -3 -56 -68 -6 -30 -16 -58 -23 -62 -6 -4 -82 -7 -167 -5 l-155 2 -3 235 c-2 183 1 240 11 254 20 28 204 35 278 11 68 -22 125 -61 172 -117 20 -23 44 -51 52 -61 14 -16 46 -16 63 -2 3 3 -44 250 -54 286 -4 15 -51 16 -485 15 -359 -1 -483 -4 -486 -13z"></path> 95549 <path d="M11794 1606 c-15 -38 0 -59 55 -76 78 -26 85 -37 93 -138 9 -123 8 -840 -1 -941 -10 -97 -15 -104 -98 -122 -54 -12 -54 -13 -51 -47 l3 -35 80 4 c115 6 417 3 464 -5 34 -5 41 -3 46 14 12 37 -3 56 -60 74 -90 28 -90 29 -90 311 l0 240 245 0 245 0 3 -190 c3 -192 -3 -300 -17 -324 -4 -7 -37 -23 -72 -36 -59 -21 -64 -25 -67 -55 l-3 -32 193 7 c106 3 232 2 281 -2 l87 -9 0 41 c0 39 -2 41 -42 55 -26 9 -47 25 -55 40 -18 36 -18 1064 0 1100 8 15 29 31 55 40 39 13 42 17 42 51 l0 37 -260 0 c-143 0 -264 3 -269 6 -15 10 -34 -22 -27 -47 4 -17 19 -27 58 -40 29 -9 59 -21 67 -26 21 -13 29 -99 30 -302 l1 -176 -46 -7 c-60 -8 -333 -8 -401 0 l-53 7 1 186 c0 175 8 273 22 287 3 4 35 16 69 28 61 21 63 23 63 56 0 29 -3 35 -20 32 -45 -5 -525 -3 -544 3 -14 4 -23 1 -27 -9z"></path> 95550 <path d="M5602 1576 c3 -30 6 -31 70 -43 37 -7 77
95550-17 88 -23 39 -21 41 -63 38 -592 l-3 -507 -28 -29 c-24 -24 -74 -47 -155 -68 -8 -3 -12 -16 -10 -36 l3 -32 70 5 c107 6 332 4 403 -4 l62 -7 0 38 0 38 -72 18 c-49 13 -81 28 -100 47 l-28 27 0 459 c1 362 3 455 13 443 192 -244 823 -1023 845 -1043 21 -20 38 -28 56 -25 l27 3 2 595 c2 550 3 598 20 623 21 32 66 57 132 72 46 11 50 14 50 41 l0 29 -268 0 -268 1 3 -30 c3 -26 9 -31 71 -51 84 -27 108 -49 118 -112 9 -56 12 -627 3 -636 -3 -3 -113 128 -243 291 -275 344 -368 465 -388 507 l-14 30 -250 1 -250 0 3 -30z"></path> 95551 </g> 95552 </svg> 95553 95554 95555 </div> 95556 95557 95558 95559 <div class="brand-bnr-img banner-image"> 95560 95561 95562 <img 95563 src="//sefam.com/cdn/shop/files/LOGO_500x500_1.png?v=1778482193&width=500" 95564 alt="Sefam Pvt. Ltd. " 95565 loading="lazy" 95566 width="410" 95567 height="40" 95568 > 95569 95570 95571 </div> 95572 95573 95574 </div> 95575 </div> 95576 </div> 95577</div> 95578 95579<style> 95580 .content-images-banner-sections--27667674857768__brandinfo_LeTctn{ 95581 padding-top:0px; 95582 padding-bottom:10px; 95583 } 95584 .content-images-banner-sections--27667674857768__brandinfo_LeTctn .brand-bnr-img { 95585 width: 100%; 95586 } 95587 .content-images-banner-sections--27667674857768__brandinfo_LeTctn .banner-wrapper { 95588 display: flex; 95589 align-items: center; 95590 justify-content: center; 95591 gap: 20px; 95592 } 95593 95594 .brand-banner-content { 95595 text-align: center; 95596 max-width: max-content; 95597 } 95598 .content-images-banner-sections--27667674857768__brandinfo_LeTctn .banner-title { 95599 font-weight: 500; 95600 font-size: 15px; 95601 line-height: 15px; 95602 margin:0; 95603 margin-bottom:5px; 95604 } 95605 .content-images-banner-sections--27667674857768__brandinfo_LeTctn .banner-subtitle { 95606 font-weight: 400; 95607 font-size: 10px; 95608 line-height: 10px; 95609 margin:0; 95610 } 95611 .content-images-banner-sections--27667674857768__brandinfo_LeTctn .banner-images { 95612 display: flex; 95613 align-items: center; 95614 justify-content:start; 95615 column-gap: 20px; 95616 } 95617 .content-images-banner-sections--27667674857768__brandinfo_LeTctn .banner-image img { 95618 height: auto; 95619 display:block; 95620 width:100%; 95621 } 95622 .banner-image img{ 95623 max-width:200px; 95624 } 95625 @media (min-width: 1025px) { 95626 .banner-images{padding-top:15px;} 95627 .ky-footer-top-logo{width:140px;padding-top:13px;height: fit-content;} 95628 .lc-footer-top-logo{width:160px;height: fit-content;} 95629 .shah-footer-top-logo{width:140px;height: fit-content;} 95630 .banner-wrapper{height:80px;} 95631 .brand-bnr-img{ 95632 width: max-content !important; 95633 } 95634 } 95635 @media (min-width: 768px) and (max-width: 1024px) { 95636 .brand-bnr-img{ 95637 width: max-content !important; 95638 } 95639 .ky-footer-top-logo{width:100px;padding-top:15px;height: fit-content;} 95640 .lc-footer-top-logo{width:120px;height: fit-content;} 95641 .shah-footer-top-logo{width:100px;height: fit-content;} 95642 } 95643 @media (max-width: 749px){ 95644 .banner-content{margin-top:20px !important;margin-bottom:-10px !important;} 95645 .ky-footer-top-logo{width:80px;padding-top:10px;height: fit-content;} 95646 .lc-footer-top-logo{width:80px;height: fit-content;} 95647 .shah-footer-top-logo{width:80px;height: fit-content;} 95648 .brand-bnr-img.banner-image svg { 95649 max-width: max-content; 95650 margin: auto; 95651 } 95652 95653 } 95654 .brand-bnr-img.banner-image svg { 95655 max-height: 60px; 95656 display: block; 95657 } 95658 @media screen and (max-width: 749px) { 95659 .content-images-banner-sections--27667674857768__brandinfo_LeTctn{ 95660 padding-top:10px; 95661 padding-bottom:10px; 95662 } 95663 .content-images-banner-sections--27667674857768__brandinfo_LeTctn .brand-bnr-img { 95664 width: 100%; 95665 } 95666 .content-images-banner-sections--27667674857768__brandinfo_LeTctn .banner-wrapper { 95667 flex-direction: column; 95668 text-align: center; 95669 gap:10px; 95670 } 95671 .content-images-banner-sections--27667674857768__brandinfo_LeTctn .banner-content , 95672 .content-images-banner-sections--27667674857768__brandinfo_LeTctn .banner-images { 95673 width:100%; 95674 } 95675 .brand-banner-content { 95676 margin:0 auto; 95677 } 95678 .content-images-banner-sections--27667674857768__brandinfo_LeTctn .banner-title { 95679 font-size: 12px; 95680 margin-bottom:0px; 95681 } 95682 .content-images-banner-sections--27667674857768__brandinfo_LeTctn .banner-subtitle { 95683 font-size: 8px; 95684 } 95685 .content-images-banner-sections--27667674857768__brandinfo_LeTctn .banner-images { 95686 justify-content: center; 95687 flex-wrap: wrap; 95688 column-gap:10px; 95689 } 95690 .banner-images .banner-image { 95691 width: auto; 95692 } 95693 } 95694</style> 95695 95696 95697</div><div id="shopify-section-sections--27667674857768__cstm_scroll_top_NtcwzT" class="shopify-section shopify-section-group-footer-group"> 95698 95699</div><section id="shopify-section-sections--27667674857768__rich_text_cNeeey" class="shopify-section shopify-section-group-footer-group section"><link href="//sefam.com/cdn/shop/t/112/assets/section-rich-text.css?v=70579238145473305821788152556" rel="stylesheet" type="text/css" media="all" /> 95700<style data-shopify>.section-sections--27667674857768__rich_text_cNeeey-padding { 95701 padding-top: 12px; 95702 padding-bottom: 15px; 95703 } 95704 95705 @media screen and (min-width: 750px) { 95706 .section-sections--27667674857768__rich_text_cNeeey-padding { 95707 padding-top: 16px; 95708 padding-bottom: 20px; 95709 } 95710 }</style><div class="isolate "> 95711 <div class="rich-text content-container color-scheme-1 gradient rich-text--full-width content-container--full-width section-sections--27667674857768__rich_text_cNeeey-padding"> 95712 <div class="rich-text__wrapper rich-text__wrapper--center page-width"> 95713 <div class="rich-text__blocks center"><h2 95714 class="rich-text__heading rte inline-richtext h1" 95715 95716 95717 > 95718 <strong>AUTHENTICITY</strong> 95719 </h2><div 95720 class="rich-text__text rte" 95721 95722 95723 > 95724 <p>Shop with confidence through SEFAMâs official website and authorized stores.</p> 95725 </div></div> 95726 </div> 95727 <div class="richtext-timer page-width"> 95728 95729 </div> 95730 </div> 95731</div> 95732 95733 95734<style> #shopify-section-sections--27667674857768__rich_text_cNeeey .rich-text__text{margin:0 !important;} #shopify-section-sections--27667674857768__rich_text_cNeeey h2 {font-size: 16px;} #shopify-section-sections--27667674857768__rich_text_cNeeey p {font-size: 12px;} #shopify-section-sections--27667674857768__rich_text_cNeeey .rich-text__text {margin: 10px 0 0 0;} @media (max-width: 749px) {#shopify-section-sections--27667674857768__rich_text_cNeeey h2 {font-size: 14px; } #shopify-section-sections--27667674857768__rich_text_cNeeey p {font-size: 10px; line-height: 16px; }} </style></section><div id="shopify-section-sections--27667674857768__footer_5" class="shopify-section shopify-section-group-footer-group"> 95735<link href="//sefam.com/cdn/shop/t/112/assets/component-list-menu.css?v=151968516119678728991788152461" rel="stylesheet" type="text/css" media="all" /> 95736<link rel="stylesheet" href="//sefam.com/cdn/shop/t/112/assets/section-footer.css?v=84544203103074103251788901101" media="print" onload="this.media='all'"> 95737<link rel="stylesheet" href="//sefam.com/cdn/shop/t/112/assets/component-newsletter.css?v=88807837319775384831788152465" media="print" onload="this.media='all'"> 95738<link rel="stylesheet" href="//sefam.com/cdn/shop/t/112/assets/component-list-payment.css?v=69253961410771838501788152461" media="print" onload="this.media='all'"> 95739<link rel="stylesheet" href="//sefam.com/cdn/shop/t/112/assets/component-list-social.css?v=37568031530701176041788152462" media="print" onload="this.media='all'"> 95740 95741<noscript> 95742 <link href="//sefam.com/cdn/shop/t/112/assets/section-footer.css?v=84544203103074103251788901101" rel="stylesheet" type="text/css" media="all" /> 95743 <link href="//sefam.com/cdn/shop/t/112/assets/component-newsletter.css?v=88807837319775384831788152465" rel="stylesheet" type="text/css" media="all" /> 95744 <link href="//sefam.com/cdn/shop/t/112/assets/component-list-payment.css?v=69253961410771838501788152461" rel="stylesheet" type="text/css" media="all" /> 95745 <link href="//sefam.com/cdn/shop/t/112/assets/component-list-social.css?v=37568031530701176041788152462" rel="stylesheet" type="text/css" media="all" /> 95746</noscript> 95747 95748 95749 95750<style data-shopify>.footer { 95751 margin-top: 0px; 95752 } 95753 95754 .section-sections--27667674857768__footer_5-padding { 95755 padding-top: 0px; 95756 padding-bottom: 0px; 95757 } 95758 95759 @media screen and (min-width: 750px) { 95760 .footer { 95761 margin-top: 0px; 95762 } 95763 95764 .section-sections--27667674857768__footer_5-padding { 95765 padding-top: 0px; 95766 padding-bottom: 0px; 95767 } 95768 }</style><footer 95769 class="footer footer-category___master color-scheme-3 gradient section-sections--27667674857768__footer_5-padding" 95770 data-footer-category="slide_master" 95771><link href="//sefam.com/cdn/shop/t/112/assets/new-footer.css?v=136661764
95771102632415631788152603" rel="stylesheet" type="text/css" media="all" /> 95772<div class="newfooter-wrapper page-width"> 95773 95774 <div class="footer-right"> 95775 <div class="footer-right-linklists"> 95776 <div class="footer-links-wrapper"> 95777 95778 95779 <div class="footer-block__text small-hide"> 95780 <h2><strong>CONTACT US </strong></h2> 95781 <div class="footerblock-content"> 95782 <div id="collapsible-contact-us" class="menu-footer content"> 95783<div> 95784 95785<a href="/pages/leisure-club-store-locations">SEFAM , Lahore </a><p></p> 95786</div> 95787<p> 95788<span><a href="mailto:[email protected]" style="text-transform:lowercase">[email protected]</a></span></p> 95789<p> 95790<a href="tel:04235255945"><span>(042) 352 55945</span></a><br><br>WHATSAPP: Â <a target="_blank" href="https://wa.me/+923444451203">0344-4451203</a></p> 95791</div> 95792 </div> 95793 </div> 95794 <div class="footer-block__text medium-hide large-up-hide"> 95795 <details 95796 id="Details-text_TzMPR6-sections--27667674857768__footer_5 index-1" 95797 > 95798 <summary> 95799 <h2 class="footer-block__heading inline-richtext"><strong>CONTACT US </strong></h2><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus" viewBox="0 0 10 10"><path fill="currentColor" fill-rule="evenodd" d="M1 4.51a.5.5 0 0 0 0 1h3.5l.01 3.5a.5.5 0 0 0 1-.01V5.5l3.5-.01a.5.5 0 0 0-.01-1H5.5L5.49.99a.5.5 0 0 0-1 .01v3.5l-3.5.01z" clip-rule="evenodd"/></svg> 95800<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-minus" viewBox="0 0 10 2"><path fill="currentColor" fill-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 1 1 0 1H1A.5.5 0 0 1 .5 1" clip-rule="evenodd"/></svg> 95801</summary> 95802 <div 95803 class="footer-block__details-content list-unstyled " 95804 id="ProductAccordion-text_TzMPR6-sections--27667674857768__footer_5" 95805 > 95806 <div id="collapsible-contact-us" class="menu-footer content"> 95807<div> 95808 95809<a href="/pages/leisure-club-store-locations">SEFAM , Lahore </a><p></p> 95810</div> 95811<p> 95812<span><a href="mailto:[email protected]" style="text-transform:lowercase">[email protected]</a></span></p> 95813<p> 95814<a href="tel:04235255945"><span>(042) 352 55945</span></a><br><br>WHATSAPP: Â <a target="_blank" href="https://wa.me/+923444451203">0344-4451203</a></p> 95815</div> 95816 </div> 95817 </details> 95818 </div> 95819 95820 <div class="newfooter-linklist small-hide"><h2 class="footer-block__heading inline-richtext">Customer Care</h2><ul class="footer-block__details-content list-unstyled"><li> 95821 <a 95822 href="/pages/authenticity" 95823 class="link link--text list-menu__item list-menu__item--link" 95824 > 95825 Authenticity 95826 </a> 95827 </li><li> 95828 <a 95829 href="/pages/lc-return-exchange" 95830 class="link link--text list-menu__item list-menu__item--link" 95831 > 95832 Returns & Exchange Policy 95833 </a> 95834 </li><li> 95835 <a 95836 href="/pages/lc-faq" 95837 class="link link--text list-menu__item list-menu__item--link" 95838 > 95839 FAQ 95840 </a> 95841 </li><li> 95842 <a 95843 href="/pages/lc-privacy-policy" 95844 class="link link--text list-menu__item list-menu__item--link" 95845 > 95846 Privacy Policy 95847 </a> 95848 </li><li> 95849 <a 95850 href="/pages/lc-order-process" 95851 class="link link--text list-menu__item list-menu__item--link" 95852 > 95853 Order Process 95854 </a> 95855 </li></ul></div>
95856 <div class="newfooter-linklist newftr-linklist-mbl medium-hide large-up-hide"> 95857 <details 95858 id="Details-link_list_UzrFGz-sections--27667674857768__footer_5 index-2" 95859 > 95860 <summary> 95861 <h2 class="footer-block__heading inline-richtext">Customer Care</h2><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus" viewBox="0 0 10 10"><path fill="currentColor" fill-rule="evenodd" d="M1 4.51a.5.5 0 0 0 0 1h3.5l.01 3.5a.5.5 0 0 0 1-.01V5.5l3.5-.01a.5.5 0 0 0-.01-1H5.5L5.49.99a.5.5 0 0 0-1 .01v3.5l-3.5.01z" clip-rule="evenodd"/></svg> 95862<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-minus" viewBox="0 0 10 2"><path fill="currentColor" fill-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 1 1 0 1H1A.5.5 0 0 1 .5 1" clip-rule="evenodd"/></svg> 95863</summary> 95864 <div class="accordion__content " id="ProductAccordion-link_list_UzrFGz-sections--27667674857768__footer_5"><ul class="footer-block__details-content list-unstyled"><li> 95865 <a 95866 href="/pages/authenticity" 95867 class="link link--text list-menu__item list-menu__item--link" 95868 > 95869 Authenticity 95870 </a> 95871 </li><li> 95872 <a 95873 href="/pages/lc-return-exchange" 95874 class="link link--text list-menu__item list-menu__item--link" 95875 > 95876 Returns & Exchange Policy 95877 </a> 95878 </li><li> 95879 <a 95880 href="/pages/lc-faq" 95881 class="link link--text list-menu__item list-menu__item--link" 95882 > 95883 FAQ 95884 </a> 95885 </li><li> 95886 <a 95887 href="/pages/lc-privacy-policy" 95888 class="link link--text list-menu__item list-menu__item--link" 95889 > 95890 Privacy Policy 95891 </a> 95892 </li><li> 95893 <a 95894 href="/pages/lc-order-process" 95895 class="link link--text list-menu__item list-menu__item--link" 95896 > 95897 Order Process 95898 </a> 95899 </li></ul></div> 95900 </details> 95901 </div> 95902 95903 95904 <div class="newfooter-linklist small-hide"><h2 class="footer-block__heading inline-richtext">brands</h2><ul class="footer-block__details-content list-unstyled"><li> 95905 <a 95906 href="/pages/kayseria" 95907 class="link link--text list-menu__item list-menu__item--link" 95908 > 95909 KAYSERIA 95910 </a> 95911 </li><li> 95912 <a 95913 href="/pages/masters-collection" 95914 class="link link--text list-menu__item list-menu__item--link" 95915 > 95916 MASTER'S 95917 </a> 95918 </li><li> 95919 <a 95920 href="/pages/leisure-club" 95921 class="link link--text list-menu__item list-menu__item--link" 95922 > 95923 LEISURE CLUB 95924 </a> 95925 </li><li> 95926 <a 95927 href="/pages/shahnameh" 95928 class="link link--text list-menu__item list-menu__item--link" 95929 > 95930 SHAHNAMEH 95931 </a> 95932 </li></ul></div>
95933 <div class="newfooter-linklist newftr-linklist-mbl medium-hide large-up-hide"> 95934 <details 95935 id="Details-link_list_67QYQb-sections--27667674857768__footer_5 index-3" 95936 > 95937 <summary> 95938 <h2 class="footer-block__heading inline-richtext">brands</h2><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus" viewBox="0 0 10 10"><path fill="currentColor" fill-rule="evenodd" d="M1 4.51a.5.5 0 0 0 0 1h3.5l.01 3.5a.5.5 0 0 0 1-.01V5.5l3.5-.01a.5.5 0 0 0-.01-1H5.5L5.49.99a.5.5 0 0 0-1 .01v3.5l-3.5.01z" clip-rule="evenodd"/></svg> 95939<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-minus" viewBox="0 0 10 2"><path fill="currentColor" fill-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 1 1 0 1H1A.5.5 0 0 1 .5 1" clip-rule="evenodd"/></svg> 95940</summary> 95941 <div class="accordion__content " id="ProductAccordion-link_list_67QYQb-sections--27667674857768__footer_5"><ul class="footer-block__details-content list-unstyled"><li> 95942 <a 95943 href="/pages/kayseria" 95944 class="link link--text list-menu__item list-menu__item--link" 95945 > 95946 KAYSERIA 95947 </a> 95948 </li><li> 95949 <a 95950 href="/pages/masters-collection" 95951 class="link link--text list-menu__item list-menu__item--link" 95952 > 95953 MASTER'S 95954 </a> 95955 </li><li> 95956 <a 95957 href="/pages/leisure-club" 95958 class="link link--text list-menu__item list-menu__item--link" 95959 > 95960 LEISURE CLUB 95961 </a> 95962 </li><li> 95963 <a 95964 href="/pages/shahnameh" 95965 class="link link--text list-menu__item list-menu__item--link" 95966 > 95967 SHAHNAMEH 95968 </a> 95969 </li></ul></div> 95970 </details> 95971 </div> 95972 95973 95974 <div class="newfooter-linklist small-hide"><h2 class="footer-block__heading inline-richtext">INFORMATION</h2><ul class="footer-block__details-content list-unstyled"><li> 95975 <a 95976 href="/pages/shop-locator" 95977 class="link link--text list-menu__item list-menu__item--link" 95978 > 95979 Shop Locations 95980 </a> 95981 </li><li> 95982 <a 95983 href="https://shopify.com/93108601128/account/orders?locale=en®ion_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJzZWZhbXBrLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc5MTU1MzA2MywibmJmIjoxNzkwOTQ4MjYzfQ.sB-525qH07V_YQfDK2YoxZWNYNZgG37SroopTzAAC5o" 95984 class="link link--text list-menu__item list-menu__item--link" 95985 > 95986 Orders 95987 </a> 95988 </li><li> 95989 <a 95990 href="/blogs/news" 95991 class="link link--text list-menu__item list-menu__item--link" 95992 > 95993 Editorial Blogs 95994 </a> 95995 </li><li> 95996 <a 95997 href="https://shopify.com/93108601128/account/profile?locale=en®ion_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJzZWZhbXBrLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc5MTU1MzA2MywibmJmIjoxNzkwOTQ4MjYzfQ.sB-525qH07V_YQfDK2YoxZWNYNZgG37SroopTzAAC5o" 95998 class="link link--text list-menu__item list-menu__item--link" 95999 > 96000 Profile 96001 </a> 96002 </li></ul></div>
96003 <div class="newfooter-linklist newftr-linklist-mbl medium-hide large-up-hide"> 96004 <details 96005 id="Details-link_list_ndV9Yi-sections--27667674857768__footer_5 index-4" 96006 > 96007 <summary> 96008 <h2 class="footer-block__heading inline-richtext">INFORMATION</h2><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus" viewBox="0 0 10 10"><path fill="currentColor" fill-rule="evenodd" d="M1 4.51a.5.5 0 0 0 0 1h3.5l.01 3.5a.5.5 0 0 0 1-.01V5.5l3.5-.01a.5.5 0 0 0-.01-1H5.5L5.49.99a.5.5 0 0 0-1 .01v3.5l-3.5.01z" clip-rule="evenodd"/></svg> 96009<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-minus" viewBox="0 0 10 2"><path fill="currentColor" fill-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 1 1 0 1H1A.5.5 0 0 1 .5 1" clip-rule="evenodd"/></svg> 96010</summary> 96011 <div class="accordion__content " id="ProductAccordion-link_list_ndV9Yi-sections--27667674857768__footer_5"><ul class="footer-block__details-content list-unstyled"><li> 96012 <a 96013 href="/pages/shop-locator" 96014 class="link link--text list-menu__item list-menu__item--link" 96015 > 96016 Shop Locations 96017 </a> 96018 </li><li> 96019 <a 96020 href="https://shopify.com/93108601128/account/orders?locale=en®ion_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJzZWZhbXBrLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc5MTU1MzA2MywibmJmIjoxNzkwOTQ4MjYzfQ.sB-525qH07V_YQfDK2YoxZWNYNZgG37SroopTzAAC5o" 96021 class="link link--text list-menu__item list-menu__item--link" 96022 > 96023 Orders 96024 </a> 96025 </li><li> 96026 <a 96027 href="/blogs/news" 96028 class="link link--text list-menu__item list-menu__item--link" 96029 > 96030 Editorial Blogs 96031 </a> 96032 </li><li> 96033 <a 96034 href="https://shopify.com/93108601128/account/profile?locale=en®ion_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJzZWZhbXBrLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc5MTU1MzA2MywibmJmIjoxNzkwOTQ4MjYzfQ.sB-525qH07V_YQfDK2YoxZWNYNZgG37SroopTzAAC5o" 96035 class="link link--text list-menu__item list-menu__item--link" 96036 > 96037 Profile 96038 </a> 96039 </li></ul></div> 96040 </details> 96041 </div> 96042 96043 96044 96045 <div class="footer-block__text small-hide"> 96046 <h2><a href="/pages/affiliate-program" title="Affiliate Program">BECOME AN AFFILIATE</a></h2> 96047 <div class="footerblock-content"> 96048 96049 </div> 96050 </div> 96051 <div class="footer-block__text medium-hide large-up-hide"> 96052 <details 96053 id="Details-text_HkrKwx-sections--27667674857768__footer_5 index-5" 96054 > 96055 <summary> 96056 <h2 class="footer-block__heading inline-richtext"><a href="/pages/affiliate-program" title="Affiliate Program">BECOME AN AFFILIATE</a></h2><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus" viewBox="0 0 10 10"><path fill="currentColor" fill-rule="evenodd" d="M1 4.51a.5.5 0 0 0 0 1h3.5l.01 3.5a.5.5 0 0 0 1-.01V5.5l3.5-.01a.5.5 0 0 0-.01-1H5.5L5.49.99a.5.5 0 0 0-1 .01v3.5l-3.5.01z" clip-rule="evenodd"/></svg> 96057<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-minus" viewBox="0 0 10 2"><path fill="currentColor" fill-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 1 1 0 1H1A.5.5 0 0 1 .5 1" clip-rule="evenodd"/></svg> 96058</summary> 96059 <div 96060 class="footer-block__details-content list-unstyled " 96061 id="ProductAccordion-text_HkrKwx-sections--27667674857768__footer_5" 96062 > 96063 96064 </div> 96065 </details> 96066 </div> 96067 96068 </div> 96069 </div> 96070 <div class="footer-newsletter_social"> 96071 <div class="footer-block__newsletter medium-hide large-up-hide"> 96072 <details 96073 id="Details--sections--27667674857768__footer_5 index-" 96074 > 96075 <summary><h2 class="footer-block__heading inline-richtext">NEWSLETTER</h2><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-plus" viewBox="0 0 10 10">
96075<path fill="currentColor" fill-rule="evenodd" d="M1 4.51a.5.5 0 0 0 0 1h3.5l.01 3.5a.5.5 0 0 0 1-.01V5.5l3.5-.01a.5.5 0 0 0-.01-1H5.5L5.49.99a.5.5 0 0 0-1 .01v3.5l-3.5.01z" clip-rule="evenodd"/></svg> 96076<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-minus" viewBox="0 0 10 2"><path fill="currentColor" fill-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 1 1 0 1H1A.5.5 0 0 1 .5 1" clip-rule="evenodd"/></svg> 96077</summary> 96078 <div 96079 class="footer-block__details-newsletter list-unstyled " 96080 id="ProductAccordion--sections--27667674857768__footer_5" 96081 > 96082 <div class="footer-block__newsletter"> 96083 <div class="newsletter-desc"> 96084 Subscribe to our Newsletter and we will send you information about our new products and trends. 96085 </div><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="contact[tags]" value="newsletter"> 96086 <div class="newsletter-form__field-wrapper"> 96087 <div class="field"> 96088 <input 96089 id="NewsletterForm--sections--27667674857768__footer_5" 96090 type="email" 96091 name="contact[email]" 96092 class="field__input" 96093 value="" 96094 aria-required="true" 96095 autocorrect="off" 96096 autocapitalize="off" 96097 autocomplete="email" 96098 96099 placeholder="Email" 96100 required 96101 > 96102 <label class="field__label" for="NewsletterForm--sections--27667674857768__footer_5"> 96103 Email 96104 </label> 96105 <button 96106 type="submit" 96107 class="newsletter-form__button field__button newsletter-btn" 96108 name="commit" 96109 id="Subscribe" 96110 aria-label="Subscribe" 96111 > 96112 <span class="hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
96112ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 96113</span> 96114 SUBSCRIBE 96115 </button> 96116 </div> 96117 96118</div></form> 96119 </div> 96120 96121 96122 96123 <ul 96124 class="leisure_social_category list-unstyled list-social footer__list-social" 96125 role="list" 96126 data-social-category="slide_kids" 96127 ><li class="list-social__item"> 96128 <a href="https://www.facebook.com/leisureclubpk/" class="link list-social__link"> 96129 <span class="svg-wrapper "><svg class="icon icon-facebook" viewBox="0 0 20 20"><path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2s-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951"/></svg> 96130</span> 96131 <span class="visually-hidden">Facebook</span> 96132 </a> 96133 </li><li class="list-social__item"> 96134 <a href="https://www.instagram.com/leisure_club/" class="link list-social__link"> 96135 <span class="svg-wrapper "><svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg> 96136</span> 96137 <span class="visually-hidden">Instagram</span> 96138 </a> 96139 </li><li class="list-social__item"> 96140 <a href="https://www.youtube.com/channel/UCRT357dS1lW0BosRNTjtowA/featured" class="link list-social__link"> 96141 <span class="svg-wrapper "><svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"/></svg> 96142</span> 96143 <span class="visually-hidden">YouTube</span> 96144 </a> 96145 </li><li class="list-social__item"> 96146 <a href="https://www.tiktok.com/@leisureclubonline?_r=1&_t=ZS-99OJvTAEEIm" class="link list-social__link"> 96147 <span class="svg-wrapper "><svg class="icon icon-tiktok" viewBox="0 0 20 20"><path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205z"/></svg> 96148</span>
96149 <span class="visually-hidden">TikTok</span> 96150 </a> 96151 </li><li class="list-social__item"> 96152 <a href="https://www.snapchat.com/add/leisureclub.pk?share_id=ttb6bbskfXg&locale=en-US" class="link list-social__link"> 96153 <span class="svg-wrapper "><svg class="icon icon-snapchat" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M17.388 15.396a5 5 0 0 1-1.111.445c-.074.23-.236.564-.596.813a1.9 1.9 0 0 1-.9.308c-.14.015-.313.021-.443.026l-.092.004c-.317.014-.624.042-.958.154l-.002.001a1.7 1.7 0 0 0-.331.168l-.138.085c-.14.087-.33.205-.497.298a4.6 4.6 0 0 1-2.321.602 4.55 4.55 0 0 1-2.315-.602c-.164-.091-.355-.21-.495-.297l-.14-.086a2 2 0 0 0-.338-.172 3.4 3.4 0 0 0-.96-.154l-.09-.003c-.13-.006-.304-.013-.445-.027-.15-.016-.541-.06-.9-.31a1.56 1.56 0 0 1-.593-.809 4.8 4.8 0 0 1-1.112-.446 1.9 1.9 0 0 1-.628-.535 1.44 1.44 0 0 1-.21-1.306 1.5 1.5 0 0 1 .53-.724c.137-.104.27-.17.323-.196 1.23-.604 1.77-1.38 1.996-1.833l-.18-.118c-.167-.11-.342-.223-.438-.291-.252-.178-.572-.449-.779-.85a1.8 1.8 0 0 1-.087-1.473l.002-.005c.344-.922 1.2-1.14 1.704-1.14h.07q.005-.335.033-.678A4.6 4.6 0 0 1 6.132 3.35l.007-.007a5.1 5.1 0 0 1 1.773-1.247 5.1 5.1 0 0 1 2.108-.394c2.272.008 3.522 1.273 3.855 1.655a4.6 4.6 0 0 1 1.176 2.884c.019.227.028.456.032.678h.088c.521.005 1.346.242 1.684 1.133l.005.012a1.8 1.8 0 0 1-.09 1.477c-.209.401-.531.672-.786.85a19 19 0 0 1-.402.267l-.209.138c.224.45.76 1.226 1.994 1.827l.01.004.008.004c.056.029.188.097.325.203.12.093.388.323.52.724.16.493.028.963-.207 1.292a1.9 1.9 0 0 1-.627.541zm-3.315-5.268c.088-.083.33-.248.574-.41l.255-.169.084-.055.217-.144.018-.013.018-.012c.36-.25.514-.504.401-.811-.081-.214-.28-.295-.486-.295a.8.8 0 0 0-.194.02 3 3 0 0 0-.403.12l-.179.068-.013.005-.058.023q-.139.055-.248.093-.05.017-.091.027c-.029.012-.057.012-.082.012-.117 0-.161-.053-.153-.196l.003-.048.017-.264a20 20 0 0 0 .03-.785v-.03a10 10 0 0 0-.03-.943 3.3 3.3 0 0 0-.85-2.102c-.199-.23-1.13-1.217-2.904-1.217a3.8 3.8 0 0 0-1.583.292c-.5.21-.951.527-1.32.93a3.3 3.3 0 0 0-.851 2.101 10 10 0 0 0-.026 1.198l.01.246a22 22 0 0 0 .033.576q0 .028.003.054c.008.135-.
96153032.192-.154.192l-.08-.008-.087-.025a5 5 0 0 1-.254-.096l-.054-.022-.072-.029-.123-.046-.008-.003a3 3 0 0 0-.447-.128 1 1 0 0 0-.142-.011c-.207 0-.405.077-.486.295-.114.307.04.561.397.811l.089.061.274.181.238.156c.243.161.482.323.569.405.175.165.16.293.14.452l-.002.02c-.014.115-.304 1.492-1.926 2.641a6 6 0 0 1-.51.327 7 7 0 0 1-.428.228c-.141.07-.388.217.045.459q.126.069.24.121h.001c.247.113.46.174.65.225l.035.01q.089.022.17.046c.14.042.267.088.382.163.16.104.182.274.203.432.018.133.035.258.133.326.117.082.333.091.623.103.375.015.873.036 1.443.225.287.097.536.253.8.416.514.322 1.08.674 2.075.674 1 0 1.572-.356 2.087-.677.261-.162.508-.315.788-.409.572-.192 1.073-.212 1.448-.226.289-.011.503-.02.617-.102.101-.068.118-.193.135-.328.021-.157.044-.328.206-.434.116-.075.244-.121.388-.163l.2-.056a4 4 0 0 0 .642-.222 4 4 0 0 0 .248-.124c.429-.242.186-.394.04-.468a7 7 0 0 1-.423-.223l-.01-.005a7 7 0 0 1-.5-.319c-1.629-1.145-1.916-2.526-1.93-2.649v-.002c-.024-.163-.044-.293.138-.465m-10.3 4.838h.002Zm.106-1.842h-.002Zm-.249 2.255" clip-rule="evenodd"/></svg> 96154</span> 96155 <span class="visually-hidden">Snapchat</span> 96156 </a> 96157 </li></ul> 96158 96159</div> 96160 </details> 96161 </div> 96162 <div class="footer-newsletter small-hide"> 96163 <div class="footer-block__newsletter"><h2 class="footer-block__heading inline-richtext">NEWSLETTER</h2><div class="newsletter-desc"> 96164 Subscribe to our Newsletter and we will send you information about our new products and trends. 96165 </div><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="contact[tags]" value="newsletter"> 96166 <div class="newsletter-form__field-wrapper"> 96167 <div class="field"> 96168 <input 96169 id="NewsletterForm--sections--27667674857768__footer_5" 96170 type="email" 96171 name="contact[email]" 96172 class="field__input" 96173 value="" 96174 aria-required="true" 96175 autocorrect="off" 96176 autocapitalize="off" 96177 autocomplete="email" 96178 96179 placeholder="Email" 96180 required 96181 > 96182 <label class="field__label" for="NewsletterForm--sections--27667674857768__footer_5"> 96183 Email 96184 </label> 96185 <button 96186 type="submit" 96187 class="newsletter-form__button field__button newsletter-btn" 96188 name="commit" 96189 id="Subscribe" 96190 aria-label="Subscribe" 96191 > 96192 <span class="hidden"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
96192ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 96193</span> 96194 SUBSCRIBE 96195 </button> 96196 </div> 96197 96198</div></form> 96199 </div> 96200 96201 96202 96203 <ul 96204 class="leisure_social_category list-unstyled list-social footer__list-social" 96205 role="list" 96206 data-social-category="slide_kids" 96207 ><li class="list-social__item"> 96208 <a href="https://www.facebook.com/leisureclubpk/" class="link list-social__link"> 96209 <span class="svg-wrapper "><svg class="icon icon-facebook" viewBox="0 0 20 20"><path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2s-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951"/></svg> 96210</span> 96211 <span class="visually-hidden">Facebook</span> 96212 </a> 96213 </li><li class="list-social__item"> 96214 <a href="https://www.instagram.com/leisure_club/" class="link list-social__link"> 96215 <span class="svg-wrapper "><svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg> 96216</span> 96217 <span class="visually-hidden">Instagram</span> 96218 </a> 96219 </li><li class="list-social__item"> 96220 <a href="https://www.youtube.com/channel/UCRT357dS1lW0BosRNTjtowA/featured" class="link list-social__link"> 96221 <span class="svg-wrapper "><svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"/></svg> 96222</span> 96223 <span class="visually-hidden">YouTube</span> 96224 </a> 96225 </li><li class="list-social__item"> 96226 <a href="https://www.tiktok.com/@leisureclubonline?_r=1&_t=ZS-99OJvTAEEIm" class="link list-social__link"> 96227 <span class="svg-wrapper "><svg class="icon icon-tiktok" viewBox="0 0 20 20"><path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205z"/></svg> 96228</span>
96229 <span class="visually-hidden">TikTok</span> 96230 </a> 96231 </li><li class="list-social__item"> 96232 <a href="https://www.snapchat.com/add/leisureclub.pk?share_id=ttb6bbskfXg&locale=en-US" class="link list-social__link"> 96233 <span class="svg-wrapper "><svg class="icon icon-snapchat" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M17.388 15.396a5 5 0 0 1-1.111.445c-.074.23-.236.564-.596.813a1.9 1.9 0 0 1-.9.308c-.14.015-.313.021-.443.026l-.092.004c-.317.014-.624.042-.958.154l-.002.001a1.7 1.7 0 0 0-.331.168l-.138.085c-.14.087-.33.205-.497.298a4.6 4.6 0 0 1-2.321.602 4.55 4.55 0 0 1-2.315-.602c-.164-.091-.355-.21-.495-.297l-.14-.086a2 2 0 0 0-.338-.172 3.4 3.4 0 0 0-.96-.154l-.09-.003c-.13-.006-.304-.013-.445-.027-.15-.016-.541-.06-.9-.31a1.56 1.56 0 0 1-.593-.809 4.8 4.8 0 0 1-1.112-.446 1.9 1.9 0 0 1-.628-.535 1.44 1.44 0 0 1-.21-1.306 1.5 1.5 0 0 1 .53-.724c.137-.104.27-.17.323-.196 1.23-.604 1.77-1.38 1.996-1.833l-.18-.118c-.167-.11-.342-.223-.438-.291-.252-.178-.572-.449-.779-.85a1.8 1.8 0 0 1-.087-1.473l.002-.005c.344-.922 1.2-1.14 1.704-1.14h.07q.005-.335.033-.678A4.6 4.6 0 0 1 6.132 3.35l.007-.007a5.1 5.1 0 0 1 1.773-1.247 5.1 5.1 0 0 1 2.108-.394c2.272.008 3.522 1.273 3.855 1.655a4.6 4.6 0 0 1 1.176 2.884c.019.227.028.456.032.678h.088c.521.005 1.346.242 1.684 1.133l.005.012a1.8 1.8 0 0 1-.09 1.477c-.209.401-.531.672-.786.85a19 19 0 0 1-.402.267l-.209.138c.224.45.76 1.226 1.994 1.827l.01.004.008.004c.056.029.188.097.325.203.12.093.388.323.52.724.16.493.028.963-.207 1.292a1.9 1.9 0 0 1-.627.541zm-3.315-5.268c.088-.083.33-.248.574-.41l.255-.169.084-.055.217-.144.018-.013.018-.012c.36-.25.514-.504.401-.811-.081-.214-.28-.295-.486-.295a.8.8 0 0 0-.194.02 3 3 0 0 0-.403.12l-.179.068-.013.005-.058.023q-.139.055-.248.093-.05.017-.091.027c-.029.012-.057.012-.082.012-.117 0-.161-.053-.153-.196l.003-.048.017-.264a20 20 0 0 0 .03-.785v-.03a10 10 0 0 0-.03-.943 3.3 3.3 0 0 0-.85-2.102c-.199-.23-1.13-1.217-2.904-1.217a3.8 3.8 0 0 0-1.583.292c-.5.21-.951.527-1.32.93a3.3 3.3 0 0 0-.851 2.101 10 10 0 0 0-.026 1.198l.01.246a22 22 0 0 0 .033.576q0 .028.003.054c.008.135-.
96233032.192-.154.192l-.08-.008-.087-.025a5 5 0 0 1-.254-.096l-.054-.022-.072-.029-.123-.046-.008-.003a3 3 0 0 0-.447-.128 1 1 0 0 0-.142-.011c-.207 0-.405.077-.486.295-.114.307.04.561.397.811l.089.061.274.181.238.156c.243.161.482.323.569.405.175.165.16.293.14.452l-.002.02c-.014.115-.304 1.492-1.926 2.641a6 6 0 0 1-.51.327 7 7 0 0 1-.428.228c-.141.07-.388.217.045.459q.126.069.24.121h.001c.247.113.46.174.65.225l.035.01q.089.022.17.046c.14.042.267.088.382.163.16.104.182.274.203.432.018.133.035.258.133.326.117.082.333.091.623.103.375.015.873.036 1.443.225.287.097.536.253.8.416.514.322 1.08.674 2.075.674 1 0 1.572-.356 2.087-.677.261-.162.508-.315.788-.409.572-.192 1.073-.212 1.448-.226.289-.011.503-.02.617-.102.101-.068.118-.193.135-.328.021-.157.044-.328.206-.434.116-.075.244-.121.388-.163l.2-.056a4 4 0 0 0 .642-.222 4 4 0 0 0 .248-.124c.429-.242.186-.394.04-.468a7 7 0 0 1-.423-.223l-.01-.005a7 7 0 0 1-.5-.319c-1.629-1.145-1.916-2.526-1.93-2.649v-.002c-.024-.163-.044-.293.138-.465m-10.3 4.838h.002Zm.106-1.842h-.002Zm-.249 2.255" clip-rule="evenodd"/></svg> 96234</span> 96235 <span class="visually-hidden">Snapchat</span> 96236 </a> 96237 </li></ul> 96238 96239</div> 96240 <!-- --> 96241 <div 96242 class="acceptance info" 96243 > 96244 PAYMENT METHODS 96245 <div class="cart-payment-icons"> 96246 <ul class="payment-icons inuse"> 96247 <li><svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778
9624716.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg> 96248</li> 96249 <li><svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg> 96250</li> 96251 <li><svg viewBox="-36 25 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-unionpay"><title id="pi-unionpay">Union Pay</title><path fill="#005B9A" d="M-36 46.8v.7-.7zM-18.3 25v24h-7.2c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h1.4zm12.6 0c-1.3 0-2.9 1-3.2 2.3l-4.5 19.4c-.3 1.3.5 2.3 1.8 2.3h-4.9V25h10.8z"/><path fill="#E9292D" d="M-19.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3h-8.9c-.8 0-1.5-.6-1.5-1.4v-21c0-.8.7-1.6 1.5-1.6h14.7z"/><path fill="#0E73B9" d="M-5.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3H-26h.5c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h14z"/><path fill="#059DA4" d="M2 26.6v21c0 .8-.6 1.4-1.5 1.4h-12.1c-1.3 0-2.1-1.1-1.8-2.3l4.5-19.4C-8.6 26-7 25-5.7 25H.5c.9 0 1.5.7 1.5 1.6z"/><path fill="#fff" d="M-21.122 38.645h.14c.14 0 .28-.07.28-.14l.42-.63h1.19l-.21.35h1.4l-.21.63h-1.68c-.21.28-.42.42-.7.42h-.84l.21-.63m-.21.91h3.01l-.21.7h-1.19l-.21.7h1.19l-.21.7h-1.19l-.28 1.05c-.07.14 0 .28.28.21h.98l-.21.7h-1.89c-.35 0-.49-.21-.35-.63l.35-1.33h-.77l.21-.7h.77l.21-.7h-.7l.21-.7zm4.83-1.75v.42s.56-.42 1.12-.42h1.96l-.77 2.66c-.07.28-.35.49-.77.49h-2.24l-.49 1.89c0 .07 0 .14.14.14h.42l-.14.56h-1.12c-.42 0-.56-.14-.49-.35l1.47-5.39h.91zm1.68.77h-1.75l-.21.7s.28-.21.77-.21h1.05l.14-.49zm-.63 1.68c.14 0 .21 0 .21-.14l.14-.35h-1.75l-.14.56 1.54-.07zm-1.19.84h.98v.42h.28c.14 0 .21-.07.21-.14l.07-.28h.84l-.14.49c-.07.35-.35.49-.77.56h-.56v.77c0 .14.07.21.35.21h.49l-.14.56h-1.19c-.35 0-.49-.14-.49-.49l.07-2.1zm4.2-2.45l.21-.84h1.19l-.07.28s.56-.28 1.05-.28h1.47l-.21.84h-.21l-1.12 3.85h.21l-.21.77h-.21l-.07.35h-1.19l.07-.35h-2.17l.21-.77h.21l1.12-3.85h-.28m1.26 0l-.28 1.05s.49-.21.91-.28c.07-.35.21-.77.21-.77h-.84zm-.49 1.54l-.28 1.12s.56-.28.98-.28c.14-.42.21-.77.21-.77l-.91-.07zm.21 2.31l.21-.77h-.84l-.21.77h.84zm2.87-4.69h1.12l.07.42c0 .07.07.14.21.14h.21l-.21.7h-.77c-.28 0-.49-.07-.49-.35l-.14-.91zm-.35 1.47h3.57l-.21.77h-1.19l-.21.7h1.12l-.21.77h-1.26l-.28.42h.63l.14.84c0 .07.07.14.21.14h.21l-.21.7h-.7c-.35 0-.56-.07-.56-.35l-.14-.77-.56.84c-.14.21-.35.35-.63.35h-1.05l.21-.7h.35c.14 0 .21-.07.35-.21l.84-1.26h-1.05l.21-.77h1.19l.21-.7h-1.19l.21-.77zm-19.74-5.04c-.14.7-.42 1.19-.91 1.54-.49.35-1.12.56-1.89.56-.7 0-1.26-.21-1.54-.56-.21-.28-.35-.56-.35-.98 0-.14 0-.35.07-.56l.84-3.92h1.19l-.77 3.92v.28c0 .21.07.35.14.49.14.21.35.28.7.28s.7-.07.91-.28c.21-.21.42-.42.49-.77l.77-3.92h1.19l-.84 3.92m1.12-1.54h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35.14.21.21.49.14.91l-.49 2.38h-.91l.42-2.17c.07-.28.07-.49 0-.56-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.63-3.57m9.8 0h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35s.21.49.14.91l-.49 2.38h-.91l.42-2.24c.07-.21 0-.42-.07-.49-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.7-3.57m-5.81 0h.98l-.77 3.5h-.98l.77-3.5m.35-1.33h.98l-.21.84h-.98l.21-.84zm1.4 4.55c-.21-.21-.35-.56-.35-.98v-.21c0-.07 0-.21.07-.28.14-.56.35-1.05.7-1.33.35-.35.84-.49 1.33-.49.42 0 .77.14 1.05.35.21.21.35.56.35.98v.21c0 .07 0 .21-.07.28-.14.56-.35.98-.7 1.33-.35.35-.84.49-1.33.49-.35 0-.7-.14-1.05-.35m1.89-.7c.14-.21.28-.49.35-.84v-.35c0-.21-.07-.35-.14-.49a.
96251635.635 0 0 0-.49-.21c-.28 0-.49.07-.63.28-.14.21-.28.49-.35.84v.28c0 .21.07.35.14.49.14.14.28.21.49.21.28.07.42 0 .63-.21m6.51-4.69h2.52c.49 0 .84.14 1.12.35.28.21.35.56.35.91v.28c0 .07 0 .21-.07.28-.07.49-.35.98-.7 1.26-.42.35-.84.49-1.4.49h-1.4l-.42 2.03h-1.19l1.19-5.6m.56 2.59h1.12c.28 0 .49-.07.7-.21.14-.14.28-.35.35-.63v-.28c0-.21-.07-.35-.21-.42-.14-.07-.35-.14-.7-.14h-.91l-.35 1.68zm8.68 3.71c-.35.77-.7 1.26-.91 1.47-.21.21-.63.7-1.61.7l.07-.63c.84-.28 1.26-1.4 1.54-1.96l-.28-3.78h1.19l.07 2.38.91-2.31h1.05l-2.03 4.13m-2.94-3.85l-.42.28c-.42-.35-.84-.56-1.54-.21-.98.49-1.89 4.13.91 2.94l.14.21h1.12l.7-3.29-.91.07m-.56 1.82c-.21.56-.56.84-.91.77-.28-.14-.35-.63-.21-1.19.21-.56.56-.84.91-.77.28.14.35.63.21 1.19"/></svg></li> 96252 <li><img src="https://cdn.shopify.com/s/files/1/0931/0860/1128/files/1-Link.webp?v=1757489571" alt="1-link" style="width: 30px;margin-top: -3px;" width="30px" height="30px"></li> 96253 96254 </ul> 96255 </div> 96256 </div> 96257 </div> 96258 </div> 96259</div> 96260 96261<div class="footer__content-top page-width hidden "><div 96262 class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet grid--3-col-tablet" 96263 96264 ><div 96265 class="footer-block grid__item" 96266 96267 96268 ><h2 class="footer-block__heading inline-richtext"><strong>CONTACT US </strong></h2><div class="footer-block__details-content rte"> 96269 96270 </div></div><div 96271 class="footer-block grid__item footer-block--menu" 96272 96273 96274 ><h2 class="footer-block__heading inline-richtext">Customer Care</h2><ul class="footer-block__details-content list-unstyled"><li> 96275 <a 96276 href="/pages/authenticity" 96277 class="link link--text list-menu__item list-menu__item--link" 96278 > 96279 Authenticity 96280 </a> 96281 </li><li> 96282 <a 96283 href="/pages/lc-return-exchange" 96284 class="link link--text list-menu__item list-menu__item--link" 96285 > 96286 Returns & Exchange Policy 96287 </a> 96288 </li><li> 96289 <a 96290 href="/pages/lc-faq" 96291 class="link link--text list-menu__item list-menu__item--link" 96292 > 96293 FAQ 96294 </a> 96295 </li><li> 96296 <a 96297 href="/pages/lc-privacy-policy" 96298 class="link link--text list-menu__item list-menu__item--link" 96299 > 96300 Privacy Policy 96301 </a> 96302 </li><li> 96303 <a 96304 href="/pages/lc-order-process" 96305 class="link link--text list-menu__item list-menu__item--link" 96306 > 96307 Order Process 96308 </a> 96309 </li></ul></div><div 96310 class="footer-block grid__item footer-block--menu" 96311 96312 96313 ><h2 class="footer-block__heading inline-richtext">brands</h2><ul class="footer-block__details-content list-unstyled"><li> 96314 <a 96315 href="/pages/kayseria" 96316 class="link link--text list-menu__item list-menu__item--link" 96317 > 96318 KAYSERIA 96319 </a> 96320 </li><li> 96321 <a 96322 href="/pages/masters-collection" 96323 class="link link--text list-menu__item list-menu__item--link" 96324 > 96325 MASTER'S 96326 </a> 96327 </li><li> 96328 <a 96329 href="/pages/leisure-club" 96330 class="link link--text list-menu__item list-menu__item--link" 96331 > 96332 LEISURE CLUB 96333 </a> 96334 </li><li> 96335 <a 96336 href="/pages/shahnameh" 96337 class="link link--text list-menu__item list-menu__item--link" 96338 > 96339 SHAHNAMEH 96340 </a> 96341 </li></ul></div><div 96342 class="footer-block grid__item footer-block--menu" 96343 96344 96345 ><h2 class="footer-block__heading inline-richtext">INFORMATION</h2><ul class="footer-block__details-content list-unstyled"><li> 96346 <a 96347 href="/pages/shop-locator" 96348 class="link link--text list-menu__item list-menu__item--link" 96349 > 96350 Shop Locations 96351 </a> 96352 </li><li> 96353 <a 96354 href="https://shopify.com/93108601128/account/orders?locale=en®ion_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJzZWZhbXBrLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc5MTU1MzA2MywibmJmIjoxNzkwOTQ4MjYzfQ.sB-525qH07V_YQfDK2YoxZWNYNZgG37SroopTzAAC5o" 96355 class="link link--text list-menu__item list-menu__item--link" 96356 > 96357 Orders 96358 </a> 96359 </li><li> 96360 <a 96361 href="/blogs/news" 96362 class="link link--text list-menu__item list-menu__item--link" 96363 > 96364 Editorial Blogs 96365 </a> 96366 </li><li> 96367 <a 96368 href="https://shopify.com/93108601128/account/profile?locale=en®ion_country=US&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJzZWZhbXBrLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc5MTU1MzA2MywibmJmIjoxNzkwOTQ4MjYzfQ.sB-525qH07V_YQfDK2YoxZWNYNZgG37SroopTzAAC5o" 96369 class="link link--text list-menu__item list-menu__item--link" 96370 > 96371 Profile 96372 </a> 96373 </li></ul></div><div 96374 class="footer-block grid__item" 96375 96376 96377 ><h2 class="footer-block__heading inline-richtext"><a href="/pages/affiliate-program" title="Affiliate Program">BECOME AN AFFILIATE</a></h2><div class="footer-block__details-content rte"> 96378 96379 </div></div><div 96380 class="footer-block grid__item" 96381 96382 96383 > 96384 <h2 class="footer-block__heading inline-richtext">Payment Methods</h2>
96385 <div class="footer__column footer__column--info"><div class="footer__payment"> 96386 <span class="visually-hidden">Payment methods</span> 96387 <ul class="list list-payment" role="list"> 96388 96389<li class="list-payment__item"> 96390 <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778
9639016.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg> 96391 96392 </li><li class="list-payment__item"> 96393 <svg class="icon icon--full-color" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg> 96394 96395 </li></ul> 96396 </div></div> 96397 </div> 96398 </div><div 96399 class="footer-block--newsletter" 96400 96401 ><div class="footer-block__newsletter"><h2 class="footer-block__heading inline-richtext">NEWSLETTER</h2><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="contact[tags]" value="newsletter"> 96402 <div class="newsletter-form__field-wrapper"> 96403 <div class="field"> 96404 <input 96405 id="NewsletterForm--sections--27667674857768__footer_5" 96406 type="email" 96407 name="contact[email]" 96408 class="field__input" 96409 value="" 96410 aria-required="true" 96411 autocorrect="off" 96412 autocapitalize="off" 96413 autocomplete="email" 96414 96415 placeholder="Email" 96416 required 96417 > 96418 <label class="field__label" for="NewsletterForm--sections--27667674857768__footer_5"> 96419 Email 96420 </label> 96421 <button 96422 type="submit" 96423 class="newsletter-form__button field__button" 96424 name="commit" 96425 id="Subscribe" 96426 aria-label="Subscribe" 96427 > 96428 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
96428ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 96429</span> 96430 </button> 96431 </div></div></form></div> 96432 96433 96434 96435 <ul 96436 class="leisure_social_category list-unstyled list-social footer__list-social" 96437 role="list" 96438 data-social-category="slide_kids" 96439 ><li class="list-social__item"> 96440 <a href="https://www.facebook.com/leisureclubpk/" class="link list-social__link"> 96441 <span class="svg-wrapper "><svg class="icon icon-facebook" viewBox="0 0 20 20"><path fill="currentColor" d="M18 10.049C18 5.603 14.419 2 10 2s-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951"/></svg> 96442</span> 96443 <span class="visually-hidden">Facebook</span> 96444 </a> 96445 </li><li class="list-social__item"> 96446 <a href="https://www.instagram.com/leisure_club/" class="link list-social__link"> 96447 <span class="svg-wrapper "><svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg> 96448</span> 96449 <span class="visually-hidden">Instagram</span> 96450 </a> 96451 </li><li class="list-social__item"> 96452 <a href="https://www.youtube.com/channel/UCRT357dS1lW0BosRNTjtowA/featured" class="link list-social__link"> 96453 <span class="svg-wrapper "><svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"/></svg> 96454</span> 96455 <span class="visually-hidden">YouTube</span> 96456 </a> 96457 </li><li class="list-social__item"> 96458 <a href="https://www.tiktok.com/@leisureclubonline?_r=1&_t=ZS-99OJvTAEEIm" class="link list-social__link"> 96459 <span class="svg-wrapper "><svg class="icon icon-tiktok" viewBox="0 0 20 20"><path fill="currentColor" d="M10.511 1.705h2.74s-.157 3.51 3.795 3.768v2.711s-2.114.129-3.796-1.158l.028 5.606A5.073 5.073 0 1 1 8.213 7.56h.708v2.785a2.298 2.298 0 1 0 1.618 2.205z"/></svg> 96460</span> 96461 <span class="visually-hidden">TikTok</span> 96462 </a> 96463 </li><li class="list-social__item"> 96464 <a href="https://www.snapchat.com/add/leisureclub.pk?share_id=ttb6bbskfXg&locale=en-US" class="link list-social__link">
96465 <span class="svg-wrapper "><svg class="icon icon-snapchat" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M17.388 15.396a5 5 0 0 1-1.111.445c-.074.23-.236.564-.596.813a1.9 1.9 0 0 1-.9.308c-.14.015-.313.021-.443.026l-.092.004c-.317.014-.624.042-.958.154l-.002.001a1.7 1.7 0 0 0-.331.168l-.138.085c-.14.087-.33.205-.497.298a4.6 4.6 0 0 1-2.321.602 4.55 4.55 0 0 1-2.315-.602c-.164-.091-.355-.21-.495-.297l-.14-.086a2 2 0 0 0-.338-.172 3.4 3.4 0 0 0-.96-.154l-.09-.003c-.13-.006-.304-.013-.445-.027-.15-.016-.541-.06-.9-.31a1.56 1.56 0 0 1-.593-.809 4.8 4.8 0 0 1-1.112-.446 1.9 1.9 0 0 1-.628-.535 1.44 1.44 0 0 1-.21-1.306 1.5 1.5 0 0 1 .53-.724c.137-.104.27-.17.323-.196 1.23-.604 1.77-1.38 1.996-1.833l-.18-.118c-.167-.11-.342-.223-.438-.291-.252-.178-.572-.449-.779-.85a1.8 1.8 0 0 1-.087-1.473l.002-.005c.344-.922 1.2-1.14 1.704-1.14h.07q.005-.335.033-.678A4.6 4.6 0 0 1 6.132 3.35l.007-.007a5.1 5.1 0 0 1 1.773-1.247 5.1 5.1 0 0 1 2.108-.394c2.272.008 3.522 1.273 3.855 1.655a4.6 4.6 0 0 1 1.176 2.884c.019.227.028.456.032.678h.088c.521.005 1.346.242 1.684 1.133l.005.012a1.8 1.8 0 0 1-.09 1.477c-.209.401-.531.672-.786.85a19 19 0 0 1-.402.267l-.209.138c.224.45.76 1.226 1.994 1.827l.01.004.008.004c.056.029.188.097.325.203.12.093.388.323.52.724.16.493.028.963-.207 1.292a1.9 1.9 0 0 1-.627.541zm-3.315-5.268c.088-.083.33-.248.574-.41l.255-.169.084-.055.217-.144.018-.013.018-.012c.36-.25.514-.504.401-.811-.081-.214-.28-.295-.486-.295a.8.8 0 0 0-.194.02 3 3 0 0 0-.403.12l-.179.068-.013.005-.058.023q-.139.055-.248.093-.05.017-.091.027c-.029.012-.057.012-.082.012-.117 0-.161-.053-.153-.196l.003-.048.017-.264a20 20 0 0 0 .03-.785v-.03a10 10 0 0 0-.03-.943 3.3 3.3 0 0 0-.85-2.102c-.199-.23-1.13-1.217-2.904-1.217a3.8 3.8 0 0 0-1.583.292c-.5.21-.951.527-1.32.93a3.3 3.3 0 0 0-.851 2.101 10 10 0 0 0-.026 1.198l.01.246a22 22 0 0 0 .033.576q0 .028.003.054c.008.135-.
96465032.192-.154.192l-.08-.008-.087-.025a5 5 0 0 1-.254-.096l-.054-.022-.072-.029-.123-.046-.008-.003a3 3 0 0 0-.447-.128 1 1 0 0 0-.142-.011c-.207 0-.405.077-.486.295-.114.307.04.561.397.811l.089.061.274.181.238.156c.243.161.482.323.569.405.175.165.16.293.14.452l-.002.02c-.014.115-.304 1.492-1.926 2.641a6 6 0 0 1-.51.327 7 7 0 0 1-.428.228c-.141.07-.388.217.045.459q.126.069.24.121h.001c.247.113.46.174.65.225l.035.01q.089.022.17.046c.14.042.267.088.382.163.16.104.182.274.203.432.018.133.035.258.133.326.117.082.333.091.623.103.375.015.873.036 1.443.225.287.097.536.253.8.416.514.322 1.08.674 2.075.674 1 0 1.572-.356 2.087-.677.261-.162.508-.315.788-.409.572-.192 1.073-.212 1.448-.226.289-.011.503-.02.617-.102.101-.068.118-.193.135-.328.021-.157.044-.328.206-.434.116-.075.244-.121.388-.163l.2-.056a4 4 0 0 0 .642-.222 4 4 0 0 0 .248-.124c.429-.242.186-.394.04-.468a7 7 0 0 1-.423-.223l-.01-.005a7 7 0 0 1-.5-.319c-1.629-1.145-1.916-2.526-1.93-2.649v-.002c-.024-.163-.044-.293.138-.465m-10.3 4.838h.002Zm.106-1.842h-.002Zm-.249 2.255" clip-rule="evenodd"/></svg> 96466</span> 96467 <span class="visually-hidden">Snapchat</span> 96468 </a> 96469 </li></ul> 96470 96471<div class="acceptance info"> 96472 <h2>PAYMENT METHODS</h2> 96473 <div class="cart-payment-icons"> 96474 <div class="payment-icons" style="display:flex;gap:5px;"> 96475 <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778
9647516.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg> 96476 96477 <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg> 96478 96479 <li><svg viewBox="-36 25 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-unionpay"><title id="pi-unionpay">Union Pay</title><path fill="#005B9A" d="M-36 46.8v.7-.7zM-18.3 25v24h-7.2c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h1.4zm12.6 0c-1.3 0-2.9 1-3.2 2.3l-4.5 19.4c-.3 1.3.5 2.3 1.8 2.3h-4.9V25h10.8z"/><path fill="#E9292D" d="M-19.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3h-8.9c-.8 0-1.5-.6-1.5-1.4v-21c0-.8.7-1.6 1.5-1.6h14.7z"/><path fill="#0E73B9" d="M-5.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3H-26h.5c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h14z"/><path fill="#059DA4" d="M2 26.6v21c0 .8-.6 1.4-1.5 1.4h-12.1c-1.3 0-2.1-1.1-1.8-2.3l4.5-19.4C-8.6 26-7 25-5.7 25H.5c.9 0 1.5.7 1.5 1.6z"/><path fill="#fff" d="M-21.122 38.645h.14c.14 0 .28-.07.28-.14l.42-.63h1.19l-.21.35h1.4l-.21.63h-1.68c-.21.28-.42.42-.7.42h-.84l.21-.63m-.21.91h3.01l-.21.7h-1.19l-.21.7h1.19l-.21.7h-1.19l-.28 1.05c-.07.14 0 .28.28.21h.98l-.21.7h-1.89c-.35 0-.49-.21-.35-.63l.35-1.33h-.77l.21-.7h.77l.21-.7h-.7l.21-.7zm4.83-1.75v.42s.56-.42 1.12-.42h1.96l-.77 2.66c-.07.28-.35.49-.77.49h-2.24l-.49 1.89c0 .07 0 .14.14.14h.42l-.14.56h-1.12c-.42 0-.56-.14-.49-.35l1.47-5.39h.91zm1.68.77h-1.75l-.21.7s.28-.21.77-.21h1.05l.14-.49zm-.63 1.68c.14 0 .21 0 .21-.14l.14-.35h-1.75l-.14.56 1.54-.07zm-1.19.84h.98v.42h.28c.14 0 .21-.07.21-.14l.07-.28h.84l-.14.49c-.07.35-.35.49-.77.56h-.56v.77c0 .14.07.21.35.21h.49l-.14.56h-1.19c-.35 0-.49-.14-.49-.49l.07-2.1zm4.2-2.45l.21-.84h1.19l-.07.28s.56-.28 1.05-.28h1.47l-.21.84h-.21l-1.12 3.85h.21l-.21.77h-.21l-.07.35h-1.19l.07-.35h-2.17l.21-.77h.21l1.12-3.85h-.28m1.26 0l-.28 1.05s.49-.21.91-.28c.07-.35.21-.77.21-.77h-.84zm-.49 1.54l-.28 1.12s.56-.28.98-.28c.14-.42.21-.77.21-.77l-.91-.07zm.21 2.31l.21-.77h-.84l-.21.77h.84zm2.87-4.69h1.12l.07.42c0 .07.07.14.21.14h.21l-.21.7h-.77c-.28 0-.49-.07-.49-.35l-.14-.91zm-.35 1.47h3.57l-.21.77h-1.19l-.21.7h1.12l-.21.77h-1.26l-.28.42h.63l.14.84c0 .07.07.14.21.14h.21l-.21.7h-.7c-.35 0-.56-.07-.56-.35l-.14-.77-.56.84c-.14.21-.35.35-.63.35h-1.05l.21-.7h.35c.14 0 .21-.07.35-.21l.84-1.26h-1.05l.21-.77h1.19l.21-.7h-1.19l.21-.77zm-19.74-5.04c-.14.7-.42 1.19-.91 1.54-.49.35-1.12.56-1.89.56-.7 0-1.26-.21-1.54-.56-.21-.28-.35-.56-.35-.98 0-.14 0-.35.07-.56l.84-3.92h1.19l-.77 3.92v.28c0 .21.07.35.14.49.14.21.35.28.7.28s.7-.07.91-.28c.21-.21.42-.42.49-.77l.77-3.92h1.19l-.84 3.92m1.12-1.54h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35.14.21.21.49.14.91l-.49 2.38h-.91l.42-2.17c.07-.28.07-.49 0-.56-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.63-3.57m9.8 0h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35s.21.49.14.91l-.49 2.38h-.91l.42-2.24c.07-.21 0-.42-.07-.49-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.7-3.57m-5.81 0h.98l-.77 3.5h-.98l.77-3.5m.35-1.33h.98l-.21.84h-.98l.21-.84zm1.4 4.55c-.21-.21-.35-.56-.35-.98v-.21c0-.07 0-.21.07-.28.14-.56.35-1.05.7-1.33.35-.35.84-.49 1.33-.49.42 0 .77.14 1.05.35.21.21.35.56.35.98v.21c0 .07 0 .21-.07.28-.14.56-.35.98-.7 1.33-.35.35-.84.49-1.33.49-.35 0-.7-.14-1.05-.35m1.89-.7c.14-.21.28-.49.35-.84v-.35c0-.21-.07-.35-.14-.49a.
96479635.635 0 0 0-.49-.21c-.28 0-.49.07-.63.28-.14.21-.28.49-.35.84v.28c0 .21.07.35.14.49.14.14.28.21.49.21.28.07.42 0 .63-.21m6.51-4.69h2.52c.49 0 .84.14 1.12.35.28.21.35.56.35.91v.28c0 .07 0 .21-.07.28-.07.49-.35.98-.7 1.26-.42.35-.84.49-1.4.49h-1.4l-.42 2.03h-1.19l1.19-5.6m.56 2.59h1.12c.28 0 .49-.07.7-.21.14-.14.28-.35.35-.63v-.28c0-.21-.07-.35-.21-.42-.14-.07-.35-.14-.7-.14h-.91l-.35 1.68zm8.68 3.71c-.35.77-.7 1.26-.91 1.47-.21.21-.63.7-1.61.7l.07-.63c.84-.28 1.26-1.4 1.54-1.96l-.28-3.78h1.19l.07 2.38.91-2.31h1.05l-2.03 4.13m-2.94-3.85l-.42.28c-.42-.35-.84-.56-1.54-.21-.98.49-1.89 4.13.91 2.94l.14.21h1.12l.7-3.29-.91.07m-.56 1.82c-.21.56-.56.84-.91.77-.28-.14-.35-.63-.21-1.19.21-.56.56-.84.91-.77.28.14.35.63.21 1.19"/></svg></li> 96480 96481 </div> 96482 </div> 96483 </div> 96484 </div> 96485 </div><div 96486 class="footer__content-bottom" 96487 96488 > 96489 <div class="footer__content-bottom-wrapper"> 96490 <div class="footer__column footer__localization isolate"></div> 96491 96492 </div> 96493 <div class="footer__content-bottom-wrapper"> 96494 <div class="footer__copyright caption"> 96495 <small class="copyright__content" 96496 >© 2026, <a href="/" title="">SEFAM PAKISTAN</a></small> 96497 <small class="copyright__content hidden hide " 96498 >Powered by <a href="https://technogroves.com/">TechnoGroves</a></small 96499 ></div> 96500 </div> 96501 </div> 96502</footer> 96503 96504 96505</div> 96506<!-- END sections: footer-group --> 96507 96508 96509 <ul hidden> 96510 <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> 96511 <li id="a11y-new-window-message">Opens in a new window.</li> 96512 </ul> 96513 96514
96514<script> 96515 window.shopUrl = 'https://sefam.com'; 96516 window.routes = { 96517 cart_add_url: '/cart/add', 96518 cart_change_url: '/cart/change', 96519 cart_update_url: '/cart/update', 96520 cart_url: '/cart', 96521 predictive_search_url: '/search/suggest', 96522 }; 96523 96524 window.cartStrings = { 96525 error: `There was an error while updating your cart. Please try again.`, 96526 quantityError: `You can only add [quantity] of this item to your cart.`, 96527 }; 96528 96529 window.variantStrings = { 96530 addToCart: `Add to Cart`, 96531 soldOut: `Sold out`, 96532 unavailable: `Unavailable`, 96533 unavailable_with_option: `[value] - Unavailable`, 96534 }; 96535 96536 window.quickOrderListStrings = { 96537 itemsAdded: `[quantity] items added`, 96538 itemAdded: `[quantity] item added`, 96539 itemsRemoved: `[quantity] items removed`, 96540 itemRemoved: `[quantity] item removed`, 96541 viewCart: `View cart`, 96542 each: `[money]/ea`, 96543 min_error: `This item has a minimum of [min]`, 96544 max_error: `This item has a maximum of [max]`, 96545 step_error: `You can only add this item in increments of [step]`, 96546 }; 96547 96548 window.accessibilityStrings = { 96549 imageAvailable: `Image [index] is now available in gallery view`, 96550 shareSuccess: `Link copied to clipboard`, 96551 pauseSlideshow: `Pause slideshow`, 96552 playSlideshow: `Play slideshow`, 96553 recipientFormExpanded: `Gift card recipient form expanded`, 96554 recipientFormCollapsed: `Gift card recipient form collapsed`, 96555 countrySelectorSearchCount: `[count] countries/regions found`, 96556 }; 96557 </script>
96557<script src="//sefam.com/cdn/shop/t/112/assets/predictive-search.js?v=57209189334897115771788152539" defer="defer"></script>
96557<script src="//sefam.com/cdn/shop/t/112/assets/cart-drawer.js?v=32320746326636578051788152451" defer="defer"></script>
96557 96558 96559 96560 96561 <style>section#shopify-pc__banner {display: none;}</style> 96562 <div id="shopify-block-AU3lEazhVcWdYUm5Db__16510219240223340300" class="shopify-block shopify-app-block"> 96563 96564 96565 96566 96567 96568 96569 96570<div class="whatmore-base" data-wht-widget="wgt_spotlight"> 96571 <div id="whatmoreShopId" data-wh="93108601128"> </div> 96572 <div id="whatmoreProductId" data-wh=""> </div> 96573 <div id="whatmoreCollectionId" data-wh="0"> </div> 96574 <div id="whatmoreExtensionType" data-wh="index"> </div> 96575 <div class="whatmore-template-type" data-wh="template-embed"> </div><div id="whatmoreVariantId" data-wh=""> </div><div id="whatmoreEmbedAppPositionPortrait" data-wh="right"> </div><div id="whatmoreEmbedAppHorizontalPaddingPortrait" data-wh="5"> </div><div id="whatmoreEmbedAppVerticalPaddingPortrait" data-wh="150"> </div><div id="whatmoreEmbedAppVideoPlayerSizePortrait" data-wh="50"> </div><div id="whatmoreEmbedAppPositionLandscape" data-wh="right"> </div><div id="whatmoreEmbedAppHorizontalPaddingLandscape" data-wh="5"> </div><div id="whatmoreEmbedAppVerticalPaddingLandscape" data-wh="150"> </div><div id="whatmoreEmbedAppVideoPlayerSizeLandscape" data-wh="50"> </div><div id="whatmoreEmbedAppUseVariant" data-wh="false"> </div><div id="whatmoreEmbedAppVideoTitle" data-wh=""> </div> 96576 <div id="whatmoreIsInDesignMode" data-wh='false'> </div> 96577 96578<div class="whatmore-widget" data-wh="embed"></div> 96579 96580 96581 96582 <div id="whatmore-anchor" style="width:0px; height: 0px;"> 96583 <a aria-label="Visit Whatmore homepage" href="https://apps.shopify.com/whatmore-live"></a> 96584 </div> 96585 96586 96587 <div class="whatmore-render-root"></div> 96588 96589</div> 96590 96591<!-- BEGIN app snippet: whatmore-init -->
96591<script>window.whatmore = window.whatmore || {}; 96592 if (!window.whatmore.__init) { 96593 window.whatmore.__init = 1;window.whatmore.storyEvents = {"events":[]};window.whatmore.frontendCustomizations = {"brand_name":"Sefam Pvt. Ltd. ","brand_theme_color":"#343434","brand_theme_font":"Poppins","brand_ui_theme":"round","brand_text_color":"#343434","brand_video_view_count":"hide","event_ordering_format":"none","collection_event_ordering_format":"order_by_recency","collection_product_sync":true,"is_event_tracked":false,"show_single_product_tile":false,"show_add_to_cart_on_card_template":false,"shuffle_batch_size":5,"add_to_cart_button_type":"basic","show_options_chart":false,"options_chart_image_link":"","is_multi_size_chart":false,"options_chart_name":"","default_swipe_direction":"vertical","add_navigation_buttons_for_swipe":false,"tertiary_color":"#bc2a8d","atc_button_text":"ADD TO CART","buy_now_button_text":"BUY NOW","show_open_close_products_button":false,"add_whatmore_tag_to_checkout_link":true,"add_to_cart_form_class_name":"","cart_icon_button_click_action":"open_cart_slider","initiate_cart_slider_event_on_atc_click":true,"initiate_product_ratings_loading_after_event_data_loaded":false,"show_swipe_indicator_in_landscape":false,"coverflow_effect_landscape_view":true,"brand_custom_css":"","swiper_arrow_color":"white","show_homepage_videos_in_pdp":false,"product_info_text_color":"#000","backlink_to_whatmoreai_enabled":true,"order_tracking":{"initiate_order_tracking_event_after_atc":false,"add_whatmore_line_item_property":false,"add_whatmore_attribute":true,"add_whatmore_attribute_on_cart_page":true,"disable_impression_order_tracking":false,"track_using_wtot":false},"atc_config":{"brand_atc_button_color":"#000000","brand_atc_button_padding_in_px":4,"brand_atc_button_text_color":"#ffffff","atc_buy_now_alignment":"horizontal"},"banner_config":{"is_banner_clickable":false,"show_cta":false,"landscape_multiplier":0.8,"portrait_multiplier":1.0,"landscape_aspect_ratio":0.5625,"portrait_aspect_ratio":1.77,"is_full_screen":false,"show_navigation_dots":true,"selected_dot_color":"#252525","min_height":"400","widget_aspect_ratios":{}},"buy_now_config":{"show_buy_now_button":true,"show_custom_buy_now_button":false,"show_add_to_cart_button":true,"show_view_more_inplace_of_buy_now":true,"view_more_button_text":"MORE INFO","enable_shopflo_checkout":false},"utm":{"activate_utm":true,"utm_source":"utm_source=whatmore-live","utm_campaign":"utm_campaign=video-shopping","utm_medium_product_page":"utm_medium=product-page","utm_medium_checkout_page":"utm_medium=checkout","utm_medium_cart_page":"utm_medium=cart"},"brand_fonts":{"carousel_title_font":null,"carousel_title_font_weight":"400","carousel_title_font_line_height":"normal","carousel_title_font_letter_spacing":"normal","brand_primary_font":null,"story_title_font":null},"carousel_config":{"width_multiplier":1.1,"show_navigation_arrows_in_portrait":false,"is_event_loop":false,"play_partially_visible_slides_in_portrait":false,"theme_horizontal_margin":0},"event_tracking":{"is_enabled":true,"push_time":14,"bulk_event_count":10,"enable_pdp_visit":true,"enable_clp_visit":true},"product_config":{"tile_type":"premium-tile","show_cta":true,"tile_bg_opacity":10,"details_api_available":true,"update_product_details_on_product_page_load":false,"use_product_page_link_as_client_product_id":false,"show_product_swiper_initially":true,"product_image_fit_type":"contain","show_cta_icon":true,"show_product_price":true,"get_price_and_currency_details_from_api":false,"currency_code_to_symbol_map":{},"add_currency_query_param_in_product_url":false,"variant_selection_tile_height_factor":4,"product_tile_bottom_margin":"5px","show_shop_now_button_only":false,"font_price_multiplicator":1.0,"product_tile_custom_text":"","product_tile_custom_text_color":"green","show_first_product_tile":false,"navigate_to_cart_page":false,"product_tile_shopnow_custom_text":"","product_tile_shopnow_custom_font_style":"","product_tile_shopnow_custom_text_color":"#343434","product_tile_discount_badge_color":null,"is_tile_width":false,"shop_now_text":"SHOP NOW","show_new_atc_tile":false,"show_view_product_text":false,"show_go_to_cart_text":false,"show_product_type":false,"enable_bulk_atc":false},"shimmer_config":{"enable_shimmer":true},"collections_config":{"story_tile_shape":"circle","use_page_link_as_collection_id":false,"multi_carousel_enabled":false,"story_tile_size_factor":1.0,"tile_margin_right":"5","remove_borders":false,"show_popup_out_of_view":false,"homepage_collection_ids":[],"set_tile_width_auto":false},"event_tile_config":{"view_count_template":"template-icon","show_views":"show","animate_on_focus":true,"space_between_tiles":1.0,"gap_between_tiles":0,"shadow_config":"0px 0px 5px 0px #B0B0B0","bg_config":"white","playback_icon_color":"#F5F5F5","min_height":"300","show_product_thumbnail":false,"show_heading_in_single_tile_carousel":false,"show_product_tile_thumbnail_template_a":true,"show_product_tile":false,"show_atc_on_hover_premium":false,"event_thumbnail_b_title_font_multiplier":1.0,"event_thumbnail_b_price_font_multiplier":1.0},"product_page_popup_config":{"show_product_page_popup":true,"ultra_minimize_on_scroll":false,"popUpZindex":2147483647,"show_popup_on_scroll":false,"show_product_page_popup_in_preview":true,"show_order_by_date_events":false,"auto_close_on_open":false,"exclude_image_events":false,"show_all_events":false},"collection_page_popup_config":{"show_collection_page_popup":false},"show_whatmore_label_in_landscape_view":false,"ga_tracking_id":null,"ga4_tracking_id":null,"ga_config":{"is_ga_4":false,"is_ga_3":true,"use_existing_ga_id":true},"stories_config":{"show_stories_in_landscape_mode":true,"show_stories_in_mobile_mode":true,"story_tile_size_factor_landscape":1.0,"landscape_bottom_margin":"0%","portrait_bottom_margin":"0%","stories_border_colors":null,"stories_title_font_factor":1.0,"stories_title_font_color":"#000000","story_tiles_spacing_factor":1.0,"story_show_navigation_arrows":false,"min_height":"120","is_story_tile_size_fixed":false},"backend_config":{"use_instance_endpoint_for_product_events":false,"use_cdn_cache_endpoint":false},"cdn_config":{"fallback_cdn":"BUNNYCDN"},"theme_config":{"event_tile_border_width":"0px","event_tile_border_color":"white","event_view_count_bg_color":"rgb(0, 0, 0, 0.6)","event_view_count_text_color":"white","event_tile_product_desc_border_width":"1px"},"brand_metadata":{"domain_context":"shopify"}
96593,"social_sharing":{"activate_link_sharing":true,"activate_likes":true,"link_sharing_title":"Whatmore","link_sharing_text":"Hey! Checkout the video of this amazing product I discovered!","show_share_text_below_button":true,"show_liked_text_below_button":true,"like_fill_color":"red","share_text_threshold_count":10,"like_text_threshold_count":1,"share_product_url_link":"","whatsapp_icon_active":false,"whatsapp_icon_redirect_url":"","whatsapp_icon_helper_text":"Talk to us","whatsapp_icon_helper_text_font_multiplier":0.3,"show_whatmore_branding":true,"social_icons_size_multiplier":1.0},"navigation_config":{"enable_browser_navigation_on_click":true,"navigation_label_name":"whatmoreLive"},"shopnow_config":{"CTA_border_width":"1px","CTA_border_color":"#343434","atc_color":"#343434","atc_text_color":"#ffffff","buy_now_button_color":"white","buy_now_button_text_color":"#343434","brand_selected_options_bg":"black","brand_options_bg":"#D3D3D3","brand_options_text_color":"black","brand_selected_options_text_color":"white","brand_color_option_border_radius":"50%","brand_color_option_border_color":"black","brand_divider_color":"#343434","brand_product_desc_shown":true,"is_discount_label_percent":true,"discount_percent_bg_color":"green","discount_text_color":"white","discount_label_border_radius":"4"},"spotlight_config":{"size_factor":1.8,"position":"left","horizontal_padding":10,"vertical_padding":10,"ultraminimize_on_scroll":false,"enable_spotlight":false,"show_once_to_user":false,"enable_in_homepage":true,"enable_page_id_set":[],"enable_collection_id_set":[],"enable_all_pages":false},"event_tile_with_product_info":{"landscape_font_multiplier":0.057,"portrait_font_multiplier":0.065,"show_discount_label":true,"show_thumbnail_image":true,"show_product_info":true,"show_price_info":true,"show_atc_button_outside_tile":false,"show_atc_on_hover":false,"show_atc_button_template_feed":false,"show_thumbnail_image_template_feed":false,"atc_button_color":"rgba(0, 0, 0, 0.75)","atc_button_text_color":"white"},"event_tile_product_card":{"navigate_to_product":false},"price_config":{"show_price_before_mrp":true,"price_text_color":"","mrp_text_color":"#808191","font_weight":"bold"},"preview_config":{"product_tile_custom_text":"","video_player_bg_color":"","video_player_height":"100%","event_tile_show_thumbnail_image":false},"video_player_config":{"pause_videos_after_delay_landscape":false,"video_player_bg_color":"","video_player_height":"100%","thumbnail_video_player_height":"100%","play_video_on_hover":false,"hide_mute_unmute_button":false,"set_height_as_auto":false,"keep_videos_muted":false},"device_config":{"hide_share_icon_in_mac_os":true},"lazy_load_config":{"block_widgets":true,"embed_widgets":true},"event_config":{"show_only_tagged_events":false},"meta_pixel_events":{"video_click_event":false,"video_atc_event":false,"video_like_event":false,"video_share_event":false,"video_product_tile_click_event":false,"video_watch_event":false},"quiz_config":{"is_active":false,"swipe_number_show_question":3,"lead_gen_coupon_code":"","lead_gen_heading":"","lead_gen_sub_heading":""},"recommendation_config":{"show_recommended_events":false,"show_collection_events":false,"collection_events_mode":"always"},"homepage_carousel":{"carousel_heading":"Watch and Buy","template_type":"template-f","carousel_heading_color":"#343434","carousel_title_font":"Poppins"},"homepage_stories":{"template_type":"template-stories-a"},"collection_carousel":{"carousel_heading":"W","template_type":"template-collections-b"},"collection_stories":{"template_type":"template-stories-a"},"pdp_carousel":{"carousel_heading":"","template_type":"template-f"},"pdp_stories":{"template_type":"template-stories-a"},"thank_you_page_carousel":{"show_carousel":false},"oos_config":{"show_oos_videos":false,"show_oos_product_tile":false,"show_sold_out_label_oos":false},"ab_testing_config":{"ab_test_id":null,"is_active":false,"group_config":{}},"thumbnail_config":{"thumbnail_duration_in_sec":3,"thumbnail_start_time_in_sec":2},"thumbnail_overlay_image_url":"","thumbnail_overlay_position":"bottom_right","thumbnail_overlay_width_percent":25,"video_overlay_image_url":"","video_overlay_position":"bottom_right","video_overlay_width_percent":25,"video_overlay_start_time":0.
965930,"video_overlay_end_time":null,"aeo_enabled":false,"neo":{"carousel":{"skin":"a","customCss":{}},"collections":{"skin":"a","customCss":{}},"stories":{"skin":"a","customCss":{}},"banner":{"skin":"a","customCss":{}},"floating":{"skin":"a","customCss":{},"enabled":false},"shopper":{}},"brand_billing":"Enterprise","brand_s3_directory":"sefampvtltd_93108601128"}; 96594 window.whatmore.abTestConfig = null; 96595 window.whatmore.collectionMetafields = {}; 96596 96597 96598 96599 96600 window.whatmore.collectionMetafields["c_0"] = {"498937692456":{"sc":7,"tc":7},"515085304104":{"sc":33,"tc":33}}; 96601 96602 96603 96604 96605 96606 window.whatmore.collectionMetafields["c_1"] = {"498981306664":{"sc":1,"tc":1},"498931761448":{"sc":42,"tc":42},"492482625832":{"sc":0,"tc":0}}; 96607 96608 96609 96610 96611 96612 window.whatmore.collectionMetafields["c_2"] = {"512751010088":{"sc":0,"tc":0},"507656110376":{"sc":49,"tc":49},"502024470824":{"sc":0,"tc":0}}; 96613 96614 96615 96616 96617 96618 window.whatmore.collectionMetafields["c_3"] = {"505926418728":{"sc":38,"tc":38},"507990802728":{"sc":0,"tc":0},"501205172520":{"sc":0,"tc":0},"512784302376":{"sc":0,"tc":0},"512751272232":{"sc":0,"tc":0}}; 96619 96620 96621 96622 96623 96624 window.whatmore.collectionMetafields["c_4"] = {"513936490792":{"sc":0,"tc":0}}; 96625 96626 96627 96628 96629 96630 window.whatmore.collectionMetafields["c_5"] = {"510402527528":{"sc":49,"tc":49},"506901332264":{"sc":1,"tc":1}}; 96631 96632 96633 96634 96635 96636 window.whatmore.collectionMetafields["c_6"] = {"513212416296":{"sc":0,"tc":0},"504907399464":{"sc":0,"tc":0},"504632836392":{"sc":0,"tc":0}}; 96637 96638 96639 96640 96641 96642 window.whatmore.collectionMetafields["c_7"] = {"513212678440":{"sc":0,"tc":0},"507331248424":{"sc":0,"tc":0},"493324402984":{"sc":0,"tc":0}}; 96643 96644 96645 96646 96647 96648 window.whatmore.collectionMetafields["c_8"] = {"505620136232":{"sc":49,"tc":49},"498937725224":{"sc":0,"tc":0},"513212940584":{"sc":0,"tc":0},"498931532072":{"sc":0,"tc":0}}; 96649 96650 96651 96652 96653 96654 96655 96656 96657 96658 window.whatmore.collectionMetafields["c_10"] = {"512751042856":{"sc":0,"tc":0}}; 96659 96660 96661 96662 96663 96664 window.whatmore.collectionMetafields["c_11"] = {"505926451496":{"sc":32,"tc":32},"507990835496":{"sc":0,"tc":0},"506407452968":{"sc":0,"tc":0}}; 96665 96666 96667 96668 96669 96670 window.whatmore.collectionMetafields["c_12"] = {"501583249704":{"sc":0,"tc":0},"503174889768":{"sc":0,"tc":0}}; 96671 96672 96673 96674 96675 96676 window.whatmore.collectionMetafields["c_13"] = {"513212186920":{"sc":0,"tc":0},"498982388008":{"sc":0,"tc":0},"498932842792":{"sc":0,"tc":0},"510974394664":{"sc":43,"tc":44}}; 96677 96678 96679 96680 96681 96682 window.whatmore.collectionMetafields["c_14"] = {"504907432232":{"sc":7,"tc":7}}; 96683 96684 96685 96686 96687 96688 window.whatmore.collectionMetafields["c_15"] = {"513212711208":{"sc":0,"tc":0},"508400632104":{"sc":4,"tc":4},"510483595560":{"sc":7,"tc":7}}; 96689 96690 96691 96692 96693 96694 window.whatmore.collectionMetafields["c_16"] = {"505620169000":{"sc":9,"tc":9},"498937757992":{"sc":0,"tc":0},"505519014184":{"sc":0,"tc":0}}; 96695 96696 96697 96698 96699 96700 96701 96702 96703 96704 window.whatmore.collectionMetafields["c_18"] = {"498932089128":{"sc":8,"tc":8},"507990606120":{"sc":0,"tc":0},"512751075624":{"sc":0,"tc":0},"509398516008":{"sc":0,"tc":0}}; 96705 96706 96707 96708 96709 96710 window.whatmore.collectionMetafields["c_19"] = {"507990868264":{"sc":0,"tc":0},"501205238056":{"sc":0,"tc":0}}; 96711 96712 96713 96714 96715 96716 window.whatmore.collectionMetafields["c_20"] = {"504349557032":{"sc":0,"tc":0}}; 96717 96718 96719 96720 96721 96722 window.whatmore.collectionMetafields["c_21"] = {"513212219688":{"sc":0,"tc":0},"498932875560":{"sc":1,"tc":1},"504907202856":{"sc":22,"tc":22},"510119772456":{"sc":0,"tc":0}}; 96723 96724 96725 96726 96727 96728 window.whatmore.collectionMetafields["c_22"] = {"504907465000":{"sc":2,"tc":2}}; 96729 96730 96731 96732 96733 96734 96735 96736 96737 96738 window.whatmore.collectionMetafields["c_24"] = {"498937790760":{"sc":6,"tc":6},"513213006120":{"sc":0,"tc":0}
96738,"498931597608":{"sc":0,"tc":0},"492265701672":{"sc":0,"tc":0}}; 96739 96740 96741 96742 96743 96744 window.whatmore.collectionMetafields["c_25"] = {"513213268264":{"sc":0,"tc":0},"504906187048":{"sc":0,"tc":0}}; 96745 96746 96747 96748 96749 96750 window.whatmore.collectionMetafields["c_26"] = {"502255780136":{"sc":0,"tc":0},"512751108392":{"sc":0,"tc":0}}; 96751 96752 96753 96754 96755 96756 window.whatmore.collectionMetafields["c_27"] = {"506287784232":{"sc":0,"tc":0},"505926517032":{"sc":2,"tc":2},"501205270824":{"sc":0,"tc":0},"512751370536":{"sc":0,"tc":0}}; 96757 96758 96759 96760 96761 96762 window.whatmore.collectionMetafields["c_28"] = {"512751632680":{"sc":0,"tc":0}}; 96763 96764 96765 96766 96767 96768 window.whatmore.collectionMetafields["c_29"] = {"504632672552":{"sc":0,"tc":0},"503811047720":{"sc":0,"tc":0},"511441010984":{"sc":0,"tc":0},"504907235624":{"sc":6,"tc":6}}; 96769 96770 96771 96772 96773 96774 96775 96776 96777 96778 window.whatmore.collectionMetafields["c_31"] = {"513212776744":{"sc":0,"tc":0}}; 96779 96780 96781 96782 96783 96784 window.whatmore.collectionMetafields["c_32"] = {"498937823528":{"sc":1,"tc":1},"505620234536":{"sc":7,"tc":7},"498935759144":{"sc":1,"tc":1},"502577332520":{"sc":0,"tc":0}}; 96785 96786 96787 96788 96789 96790 window.whatmore.collectionMetafields["c_33"] = {"507990409512":{"sc":0,"tc":0},"504906219816":{"sc":7,"tc":7},"503950410024":{"sc":0,"tc":0}}; 96791 96792 96793 96794 96795 96796 window.whatmore.collectionMetafields["c_34"] = {"504623661352":{"sc":4,"tc":4},"509398581544":{"sc":0,"tc":0}}; 96797 96798 96799 96800 96801 96802 window.whatmore.collectionMetafields["c_35"] = {"512751403304":{"sc":0,"tc":0}}; 96803 96804 96805 96806 96807 96808 window.whatmore.collectionMetafields["c_36"] = {"501583348008":{"sc":0,"tc":0}}; 96809 96810 96811 96812 96813 96814 window.whatmore.collectionMetafields["c_37"] = {"504907268392":{"sc":12,"tc":12},"506608320808":{"sc":1,"tc":1}}; 96815 96816 96817 96818 96819 96820 window.whatmore.collectionMetafields["c_38"] = {"504428593448":{"sc":0,"tc":0}}; 96821 96822 96823 96824 96825 96826 window.whatmore.collectionMetafields["c_39"] = {"513212809512":{"sc":0,"tc":0},"498937594152":{"sc":7,"tc":7},"508400730408":{"sc":38,"tc":38}}; 96827 96828 96829 96830 96831 96832 window.whatmore.collectionMetafields["c_40"] = {"498935791912":{"sc":9,"tc":9},"498931663144":{"sc":0,"tc":0},"507195392296":{"sc":43,"tc":44},"502577365288":{"sc":0,"tc":0}}; 96833 96834 96835 96836 96837 96838 window.whatmore.collectionMetafields["c_41"] = {"504906252584":{"sc":6,"tc":6}}; 96839 96840 96841 96842 96843 96844 window.whatmore.collectionMetafields["c_42"] = {"507990704424":{"sc":0,"tc":0},"512726401320":{"sc":0,"tc":0}}; 96845 96846 96847 96848 96849 96850 window.whatmore.collectionMetafields["c_43"] = {"503950967080":{"sc":0,"tc":0},"512751436072":{"sc":0,"tc":0}}; 96851 96852 96853 96854 96855 96856 window.whatmore.collectionMetafields["c_44"] = {"509316563240":{"sc":0,"tc":0},"513245085992":{"sc":0,"tc":0}}; 96857 96858 96859 96860 96861 96862 window.whatmore.collectionMetafields["c_45"] = {"498932973864":{"sc":42,"tc":42},"508041036072":{"sc":0,"tc":0},"504907301160":{"sc":4,"tc":4}}; 96863 96864 96865 96866 96867 96868 window.whatmore.collectionMetafields["c_46"] = {"503388176680":{"sc":0,"tc":0}}; 96869 96870 96871 96872 96873 96874 window.whatmore.collectionMetafields["c_47"] = {"513212842280":{"sc":0,"tc":0},"498937626920":{"sc":0,"tc":0},"503008592168":{"sc":0,"tc":0}}; 96875 96876 96877 96878 96879 96880 window.whatmore.collectionMetafields["c_48"] = {"498935824680":{"sc":32,"tc":32},"502577398056":{"sc":0,"tc":0}}; 96881 96882 96883 96884 96885 96886 window.whatmore.collectionMetafields["c_49"] = {"504906285352":{"sc":2,"tc":2},"494402699560":{"sc":0,"tc":0}}; 96887 96888 96889 96890 96891 96892 window.whatmore.collectionMetafields["c_50"] = {"494316257576":{"sc":0,"tc":0}}; 96893 96894 96895 96896 96897 96898 window.whatmore.collectionMetafields["c_51"] = {"512751468840":{"sc":0,"tc":0}}; 96899 96900 96901 96902 96903 96904 96905 96906 96907 96908 window.whatmore.collectionMetafields["c_53"] = {"498933006632":{"sc":33,"tc":33},"504632770856":{"sc":0,"tc":0},"504907333928":{"sc":6,"tc":6}}; 96909 96910 96911 96912 96913 96914 96915 96916 96917 96918 window.whatmore.collectionMetafields["c_55"] = {"513212875048":{"sc":0,"tc":0}}; 96919 96920 96921 96922 96923 96924 window.whatmore.collectionMetafields["c_56"] = {"513213137192":{"sc":0,"tc":0}}; 96925 96926 96927 96928 96929 96930 window.whatmore.collectionMetafields["c_57"] = {"507990507816":{"sc":0,"tc":0}}; 96931 96932 96933 96934 96935 96936 window.whatmore.collectionMetafields["c_58"] = {"505926385960":{"sc":4,"tc":4},"513663697192":{"sc":0,"tc":0},"507990769960":{"sc":0,"tc":0},"507332231464":{"sc":0,"tc":0}}; 96937 96938 96939 96940 96941 96942 window.whatmore.collectionMetafields["c_59"] = {"501583184168":{"sc":0,"tc":0}}; 96943 96944 96945 96946 96947 96948 window.whatmore.collectionMetafields["c_60"] = {"498932777256":{"sc":0,"tc":0}
96948,"514163802408":{"sc":0,"tc":0}}; 96949 96950 96951 96952 96953 96954 window.whatmore.collectionMetafields["c_61"] = {"513212383528":{"sc":0,"tc":0},"504632803624":{"sc":0,"tc":0},"504907366696":{"sc":2,"tc":2},"510402756904":{"sc":43,"tc":43}}; 96955 96956 96957 96958 96959 96960 96961 } 96962</script>
96962 96963<!-- END app snippet -->
96964<script> 96965 window.whatmore = window.whatmore || {}; 96966 window.whatmore.videoPageSignals = { 96967 stories_tc: 0,eventset: null, 96968 pdp: null,hp: { sc: 49, tc: 50 }, 96969 banner_tc: 0,quota_breached: false 96970 }; 96971</script>
96971 96972 96973</div><div id="shopify-block-AK2cvU1YxM2RudVVoa__17368511000352060744" class="shopify-block shopify-app-block">
96973<script type="text/javascript"> 96974 window.gfp_customer = { 96975 id: "", 96976 email: "", 96977 first_name: "", 96978 last_name: "" 96979 } 96980 function gfpLoadWidgets() { 96981 if (!document.querySelector('script[src="https://widgets.goaffpro.app/main.js"]')) { 96982 var s = document.createElement('script'); 96983 s.type = 'module'; 96984 s.src = 'https://widgets.goaffpro.app/main.js'; 96985 document.head.appendChild(s); 96986 } 96987 } 96988</script>
96988 96989 96990
96990<script type="text/javascript" async="true" src="/a/goaffpro/loader.js"></script>
96990 96991 96992 96993 96994 96995 96996 96997 96998 96999</div>
96999<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
96999 97000</body> 97001</html>
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.