PageSourceSearch

https://sefam.com/

html sefam.com collected 2026-10-02 13:37:45 UTC 3,324,865 bytes, 97,001 lines download raw bytes

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 &amp; Men&#39;s Fashion Clothing Store!
15 &ndash; 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 &amp; Men&#39;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 &amp; Men&#39;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&region_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&#39;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&amp;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&region_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&amp;width=3840" alt="" srcset="//sefam.com/cdn/shop/files/Web_banner_2000x650_11.jpg?v=1790225157&amp;width=375 375w, //sefam.com/cdn/shop/files/Web_banner_2000x650_11.jpg?v=1790225157&amp;width=550 550w, //sefam.com/cdn/shop/files/Web_banner_2000x650_11.jpg?v=1790225157&amp;width=750 750w, //sefam.com/cdn/shop/files/Web_banner_2000x650_11.jpg?v=1790225157&amp;width=1100 1100w, //sefam.com/cdn/shop/files/Web_banner_2000x650_11.jpg?v=1790225157&amp;width=1500 1500w, //sefam.com/cdn/shop/files/Web_banner_2000x650_11.jpg?v=1790225157&amp;width=1780 1780w, //sefam.com/cdn/shop/files/Web_banner_2000x650_11.jpg?v=1790225157&amp;width=2000 2000w, //sefam.com/cdn/shop/files/Web_banner_2000x650_11.jpg?v=1790225157&amp;width=3000 3000w, //sefam.com/cdn/shop/files/Web_banner_2000x650_11.jpg?v=1790225157&amp;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&amp;width=749" alt="" srcset="//sefam.com/cdn/shop/files/Mobile_Banner_800x1000px_11.jpg?v=1790225475&amp;width=375 375w, //sefam.com/cdn/shop/files/Mobile_Banner_800x1000px_11.jpg?v=1790225475&amp;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&amp;width=1500" alt="" srcset="//sefam.com/cdn/shop/files/Sefam_page_top_section_7_d2bde42c-c5c3-4ee8-9caf-7d079c359244.jpg?v=1790224679&amp;width=400 400w, //sefam.com/cdn/shop/files/Sefam_page_top_section_7_d2bde42c-c5c3-4ee8-9caf-7d079c359244.jpg?v=1790224679&amp;width=600 600w, //sefam.com/cdn/shop/files/Sefam_page_top_section_7_d2bde42c-c5c3-4ee8-9caf-7d079c359244.jpg?v=1790224679&amp;width=800 800w, //sefam.com/cdn/shop/files/Sefam_page_top_section_7_d2bde42c-c5c3-4ee8-9caf-7d079c359244.jpg?v=1790224679&amp;width=1000 1000w, //sefam.com/cdn/shop/files/Sefam_page_top_section_7_d2bde42c-c5c3-4ee8-9caf-7d079c359244.jpg?v=1790224679&amp;width=1200 1200w, //sefam.com/cdn/shop/files/Sefam_page_top_section_7_d2bde42c-c5c3-4ee8-9caf-7d079c359244.jpg?v=1790224679&amp;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">&rarr;</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&amp;width=1500" alt="" srcset="//sefam.com/cdn/shop/files/Sefam_page_top_section_2_60014eb2-aeb1-4d72-ad3b-c374b7a80feb.jpg?v=1790224991&amp;width=400 400w, //sefam.com/cdn/shop/files/Sefam_page_top_section_2_60014eb2-aeb1-4d72-ad3b-c374b7a80feb.jpg?v=1790224991&amp;width=600 600w, //sefam.com/cdn/shop/files/Sefam_page_top_section_2_60014eb2-aeb1-4d72-ad3b-c374b7a80feb.jpg?v=1790224991&amp;width=800 800w, //sefam.com/cdn/shop/files/Sefam_page_top_section_2_60014eb2-aeb1-4d72-ad3b-c374b7a80feb.jpg?v=1790224991&amp;width=1000 1000w, //sefam.com/cdn/shop/files/Sefam_page_top_section_2_60014eb2-aeb1-4d72-ad3b-c374b7a80feb.jpg?v=1790224991&amp;width=1200 1200w, //sefam.com/cdn/shop/files/Sefam_page_top_section_2_60014eb2-aeb1-4d72-ad3b-c374b7a80feb.jpg?v=1790224991&amp;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">&rarr;</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&amp;width=1500" alt="" srcset="//sefam.com/cdn/shop/files/Sefam_page_top_section_1_4599d519-594f-4113-81d7-db04baa1708b.jpg?v=1790224992&amp;width=400 400w, //sefam.com/cdn/shop/files/Sefam_page_top_section_1_4599d519-594f-4113-81d7-db04baa1708b.jpg?v=1790224992&amp;width=600 600w, //sefam.com/cdn/shop/files/Sefam_page_top_section_1_4599d519-594f-4113-81d7-db04baa1708b.jpg?v=1790224992&amp;width=800 800w, //sefam.com/cdn/shop/files/Sefam_page_top_section_1_4599d519-594f-4113-81d7-db04baa1708b.jpg?v=1790224992&amp;width=1000 1000w, //sefam.com/cdn/shop/files/Sefam_page_top_section_1_4599d519-594f-4113-81d7-db04baa1708b.jpg?v=1790224992&amp;width=1200 1200w, //sefam.com/cdn/shop/files/Sefam_page_top_section_1_4599d519-594f-4113-81d7-db04baa1708b.jpg?v=1790224992&amp;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">&rarr;</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&amp;width=1500" alt="" srcset="//sefam.com/cdn/shop/files/Sefam_page_top_section_5_94306861-3fe1-4305-8a12-22eecf9bd89c.jpg?v=1790224679&amp;width=400 400w, //sefam.com/cdn/shop/files/Sefam_page_top_section_5_94306861-3fe1-4305-8a12-22eecf9bd89c.jpg?v=1790224679&amp;width=600 600w, //sefam.com/cdn/shop/files/Sefam_page_top_section_5_94306861-3fe1-4305-8a12-22eecf9bd89c.jpg?v=1790224679&amp;width=800 800w, //sefam.com/cdn/shop/files/Sefam_page_top_section_5_94306861-3fe1-4305-8a12-22eecf9bd89c.jpg?v=1790224679&amp;width=1000 1000w, //sefam.com/cdn/shop/files/Sefam_page_top_section_5_94306861-3fe1-4305-8a12-22eecf9bd89c.jpg?v=1790224679&amp;width=1200 1200w, //sefam.com/cdn/shop/files/Sefam_page_top_section_5_94306861-3fe1-4305-8a12-22eecf9bd89c.jpg?v=1790224679&amp;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">&rarr;</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">&#8594;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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">&nbsp;per&nbsp;</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&amp;width=1500" alt="" srcset="//sefam.com/cdn/shop/files/Sefam_page_top_section_5.jpg?v=1790141966&amp;width=400 400w, //sefam.com/cdn/shop/files/Sefam_page_top_section_5.jpg?v=1790141966&amp;width=600 600w, //sefam.com/cdn/shop/files/Sefam_page_top_section_5.jpg?v=1790141966&amp;width=800 800w, //sefam.com/cdn/shop/files/Sefam_page_top_section_5.jpg?v=1790141966&amp;width=1000 1000w, //sefam.com/cdn/shop/files/Sefam_page_top_section_5.jpg?v=1790141966&amp;width=1200 1200w, //sefam.com/cdn/shop/files/Sefam_page_top_section_5.jpg?v=1790141966&amp;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&amp;width=1500" alt="" srcset="//sefam.com/cdn/shop/files/Sefam_page_top_section_6.jpg?v=1790141966&amp;width=400 400w, //sefam.com/cdn/shop/files/Sefam_page_top_section_6.jpg?v=1790141966&amp;width=600 600w, //sefam.com/cdn/shop/files/Sefam_page_top_section_6.jpg?v=1790141966&amp;width=800 800w, //sefam.com/cdn/shop/files/Sefam_page_top_section_6.jpg?v=1790141966&amp;width=1000 1000w, //sefam.com/cdn/shop/files/Sefam_page_top_section_6.jpg?v=1790141966&amp;width=1200 1200w, //sefam.com/cdn/shop/files/Sefam_page_top_section_6.jpg?v=1790141966&amp;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&amp;width=1500" alt="" srcset="//sefam.com/cdn/shop/files/Sefam_page_top_section_7.jpg?v=1790141965&amp;width=400 400w, //sefam.com/cdn/shop/files/Sefam_page_top_section_7.jpg?v=1790141965&amp;width=600 600w, //sefam.com/cdn/shop/files/Sefam_page_top_section_7.jpg?v=1790141965&amp;width=800 800w, //sefam.com/cdn/shop/files/Sefam_page_top_section_7.jpg?v=1790141965&amp;width=1000 1000w, //sefam.com/cdn/shop/files/Sefam_page_top_section_7.jpg?v=1790141965&amp;width=1200 1200w, //sefam.com/cdn/shop/files/Sefam_page_top_section_7.jpg?v=1790141965&amp;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&amp;width=1500" alt="" srcset="//sefam.com/cdn/shop/files/Sefam_page_top_section_8.jpg?v=1790142017&amp;width=400 400w, //sefam.com/cdn/shop/files/Sefam_page_top_section_8.jpg?v=1790142017&amp;width=600 600w, //sefam.com/cdn/shop/files/Sefam_page_top_section_8.jpg?v=1790142017&amp;width=800 800w, //sefam.com/cdn/shop/files/Sefam_page_top_section_8.jpg?v=1790142017&amp;width=1000 1000w, //sefam.com/cdn/shop/files/Sefam_page_top_section_8.jpg?v=1790142017&amp;width=1200 1200w, //sefam.com/cdn/shop/files/Sefam_page_top_section_8.jpg?v=1790142017&amp;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 &amp; 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 &amp; 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&#39;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&#39;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&region_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&region_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&region_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&region_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 &amp; 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&#39;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&region_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&region_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          >&copy; 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.