/* ==========================================================================
   Parmeshwari Textile Overseas Pvt. Ltd. — shared stylesheet
   Sections: 1 Tokens · 2 Base · 3 Header/Nav · 4 Buttons · 5 Heroes
             6 Sections & Cards · 7 Category pages · 8 Forms · 9 Legal/About
             10 Footer · 11 Responsive
   ========================================================================== */

/* 1. TOKENS ---------------------------------------------------------------- */
:root{
  --g:#184136;      /* dark teal-green: text & headlines */
  --brand:#2B7878;  /* logo-ring teal: backgrounds, footer, banners */
  --brand-d:#236565;
  --g2:#2B7878;     /* footer (was deep green) */
  --y:#E5A83B;      /* warm gold     */
  --bg:#fff; --bg2:#f4f7f5;          /* neutral backgrounds */
  --tx:#15231e; --mu:#5a6b64; --bd:#dde6e1;
  --sh:0 6px 24px rgba(43,120,120,.14);
  --radius:14px;
}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]){--bg:#0f1a16;--bg2:#15231e;--tx:#e9f1ed;--mu:#9fb3aa;--bd:#25382f;--sh:0 6px 24px rgba(0,0,0,.4)}
}
:root[data-theme="dark"]{--bg:#0f1a16;--bg2:#15231e;--tx:#e9f1ed;--mu:#9fb3aa;--bd:#25382f;--sh:0 6px 24px rgba(0,0,0,.4)}

/* 2. BASE ------------------------------------------------------------------ */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif;background:var(--bg);color:var(--tx);line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:auto;padding:0 20px}
section{padding:72px 0}
h1,h2,h3{line-height:1.2;letter-spacing:-.01em}
h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 8px}
.sub{color:var(--mu);margin:0 0 28px}
.alt{background:var(--bg2)}
.skip{position:absolute;left:-999px;top:8px;background:var(--y);color:#111;padding:8px 14px;border-radius:8px;z-index:100}
.skip:focus{left:8px}

/* 3. HEADER & NAVIGATION --------------------------------------------------- */
.site-header{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--bd)}
.site-header .wrap{max-width:1440px}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:84px}
.brand{display:flex;align-items:center;flex-shrink:0}
.header-logo{height:64px;width:auto;background:#fff;border-radius:6px}
#site-nav{display:flex;align-items:center;gap:4px}
.nb{background:none;border:0;font:inherit;font-weight:600;font-size:.84rem;color:var(--tx);padding:10px 9px;cursor:pointer;position:relative;white-space:nowrap;transition:color .3s}
.nb::after{content:"";position:absolute;left:9px;right:9px;bottom:4px;height:2px;background:var(--y);transform:scaleX(0);transition:transform .3s}
.nb:hover,.nb.active,.dd:focus-within>.nb{color:var(--g)}
:root[data-theme="dark"] .nb:hover{color:#7fd1b4}
.nb:hover::after,.nb.active::after{transform:scaleX(1)}
.dd{position:relative}
.menu{position:absolute;top:100%;left:0;min-width:230px;max-height:78vh;overflow:auto;background:var(--bg);border:1px solid var(--bd);border-radius:12px;box-shadow:var(--sh);padding:8px;display:none}
.dd:hover>.menu,.dd:focus-within>.menu,.dd.open>.menu{display:block}
.menu a{display:block;padding:9px 12px;border-radius:8px;font-size:.9rem;transition:all .25s}
.menu a:hover,.menu a[aria-current="page"]{background:var(--brand);color:#fff;transform:translateX(3px)}
.burger{display:none;background:none;border:1px solid var(--bd);border-radius:8px;padding:8px 12px;font-size:1.1rem;color:var(--tx);cursor:pointer}

/* 4. BUTTONS --------------------------------------------------------------- */
.btn{display:inline-block;border:0;cursor:pointer;font:inherit;font-weight:700;padding:12px 24px;border-radius:999px;background:var(--y);color:#1a1a1a;box-shadow:0 4px 14px rgba(227,168,39,.35);transition:all .3s}
.btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 8px 20px rgba(227,168,39,.45)}
.btn.o{background:transparent;color:#fff;border:2px solid #fff;box-shadow:none}
.btn.o:hover{background:#fff;color:var(--g)}
.btn.block{display:block;width:100%;text-align:center}

/* 5. HEROES (home + category) ---------------------------------------------- */
.hero,.page-hero{position:relative;color:#fff;background-color:#2B7878;background-size:cover;background-position:center right;background-repeat:no-repeat}
.hero::before,.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(24,65,54,.84) 0%,rgba(43,120,120,.62) 55%,rgba(43,120,120,.20) 100%)}
.hero>.wrap,.page-hero>.wrap{position:relative}
.hero{padding:110px 0 100px}
.page-hero{padding:84px 0 76px}
.hero h1{font-size:clamp(1.9rem,4.6vw,3.3rem);margin:0 0 16px;max-width:820px}
.hero h1 span{color:var(--y)}
.hero p,.page-hero p{max-width:620px;font-size:1.1rem;opacity:.93;margin:0 0 28px}
.page-hero h1{font-size:clamp(2rem,4.4vw,3rem);margin:6px 0 12px}
.crumbs{font-size:.82rem;opacity:.85}
.crumbs a:hover{color:var(--y)}
.kicker{color:var(--y);font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.cta{display:flex;gap:14px;flex-wrap:wrap}
.stats{display:flex;gap:34px;flex-wrap:wrap;margin-top:44px;font-size:.9rem;opacity:.92}
.stats b{display:block;font-size:1.3rem;color:var(--y)}

/* 6. SECTIONS & CARDS ------------------------------------------------------ */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.card{background:var(--bg);border:1px solid var(--bd);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:all .3s}
.card:hover{transform:translateY(-5px);box-shadow:var(--sh)}
.card figure{margin:0;aspect-ratio:16/9;background:#f4f4f4;overflow:hidden}
.card img{width:100%;height:100%;object-fit:contain;transition:transform .35s}
.card:hover img{transform:scale(1.04)}
.cb{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1}
.cb h3{margin:0;font-size:1.05rem}
.cb p{margin:0;font-size:.85rem;color:var(--mu);flex:1}
.more{color:var(--g);font-weight:700;font-size:.85rem;margin-top:6px}
:root[data-theme="dark"] .more{color:#7fd1b4}
.group-title{margin:40px 0 16px;font-size:1.15rem;color:var(--g)}
.group-title:first-of-type{margin-top:0}
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.why div{background:var(--bg);border:1px solid var(--bd);border-radius:var(--radius);padding:22px;transition:all .3s}
.why div:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.why b{display:block;color:var(--g);margin-bottom:4px}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.pill{border:1px solid var(--bd);background:var(--bg);padding:8px 16px;border-radius:999px;font-size:.85rem;font-weight:600;transition:all .25s}
a.pill:hover{border-color:var(--brand);background:var(--brand);color:#fff}
.band{background:var(--brand);color:#fff;text-align:center}
.band h2{margin-bottom:10px}
.band p{margin:0 auto 24px;max-width:560px;opacity:.9}

/* 7. CATEGORY PAGE LAYOUT -------------------------------------------------- */
.cat-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
.overview h2{margin-top:0}
.overview h3{margin:30px 0 10px;font-size:1.1rem;color:var(--g)}
:root[data-theme="dark"] .overview h3{color:#7fd1b4}
.spec{width:100%;border-collapse:collapse;border:1px solid var(--bd);border-radius:var(--radius);overflow:hidden;font-size:.92rem}
.spec th,.spec td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--bd)}
.spec th{width:34%;background:var(--bg2);font-weight:700}
.spec tr:last-child th,.spec tr:last-child td{border-bottom:0}
.badges{display:flex;flex-wrap:wrap;gap:10px}
.badge{background:var(--bg2);border:1px solid var(--g);color:var(--g);font-weight:700;font-size:.8rem;padding:6px 14px;border-radius:999px}
:root[data-theme="dark"] .badge{color:#7fd1b4;border-color:#7fd1b4}
.badge.gold{border-color:var(--y);color:#8a6410;background:#fff8e6}
.note{font-size:.8rem;color:var(--mu);margin-top:14px}
.side{position:sticky;top:104px;background:var(--brand);color:#fff;border-radius:16px;padding:28px;box-shadow:var(--sh)}
.side h3{margin:0 0 8px;font-size:1.25rem}
.side p{margin:0 0 18px;font-size:.92rem;opacity:.9}
.side .line{margin-top:16px;font-size:.88rem;opacity:.92}
.side a.tel{color:var(--y);font-weight:700}

/* 8. FORMS ------------------------------------------------------------------ */
.eq{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:start}
.ct p{margin:6px 0;color:var(--mu)}
.ct b{color:var(--tx)}
form{display:grid;gap:12px}
label{font-size:.78rem;font-weight:600;display:grid;gap:4px}
input,select,textarea{font:inherit;padding:11px 12px;border:1px solid var(--bd);border-radius:10px;background:var(--bg);color:var(--tx);width:100%}
.r2{display:grid;grid-template-columns:130px 1fr;gap:10px}
/* Enquiry box (your custom gradient colour) */
#qf{background:linear-gradient(135deg,#3d3b5e 0%,#4f583e 50%,#768146 100%);border:1px solid rgba(255,255,255,.15);box-shadow:0 12px 32px rgba(0,0,0,.12);border-radius:16px;padding:28px}
#qf label{color:rgba(255,255,255,.95);font-weight:700}
#qf input,#qf select,#qf textarea{background:rgba(255,255,255,.95);color:#1a1a1a;border:1px solid #d0d5dd}
#qf input::placeholder,#qf textarea::placeholder{color:#6b7280}
input:focus,select:focus,textarea:focus{outline:2px solid var(--y);border-color:transparent}
#qf .btn{width:100%;margin-top:6px}

/* 9. LEGAL & ABOUT ---------------------------------------------------------- */
.legal{max-width:820px}
.legal h2{font-size:1.3rem;margin:34px 0 8px;color:var(--g)}
:root[data-theme="dark"] .legal h2{color:#7fd1b4}
.legal p,.legal li{color:var(--mu)}
.legal .updated{font-size:.85rem;color:var(--mu)}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.panel{background:var(--bg);border:1px solid var(--bd);border-radius:var(--radius);padding:26px}
.panel h3{margin-top:0;color:var(--g)}
.person{text-align:center}
.avatar{width:84px;height:84px;border-radius:50%;background:var(--bg2);border:2px dashed var(--bd);margin:0 auto 12px;display:grid;place-items:center;font-size:1.6rem}

/* 10. FOOTER --------------------------------------------------------------- */
.site-footer{background:var(--g2);color:#eaf6f4;font-size:.88rem}
.site-footer .wrap{padding-top:44px;padding-bottom:20px}
.f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.site-footer h4{color:#fff;margin:0 0 12px}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin:6px 0}
.site-footer a:hover{color:var(--y)}
.f-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid rgba(255,255,255,.15);margin-top:30px;padding-top:18px}
.wa{position:fixed;right:20px;bottom:20px;width:60px;height:60px;border-radius:50%;background:rgba(37,211,102,.95);display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.3);z-index:60;transition:transform .3s}
.wa:hover{transform:scale(1.1)}

/* 11. CATALOGUE ADDITIONS (badges, swatches, placeholders, wide menus) ---- */
.menu.r{left:auto;right:0}
.menu.cols{min-width:430px;column-count:2;column-gap:6px}
.menu.cols a{break-inside:avoid}
.menu a.all{font-weight:700;color:var(--g);border-bottom:1px solid var(--bd);border-radius:8px 8px 0 0;margin-bottom:4px;column-span:all}
.menu a.all:hover,.menu a.all[aria-current="page"]{color:#fff}
.card figure,.card .ph{position:relative}
.bdg{position:absolute;top:10px;left:10px;background:rgba(255,255,255,.93);color:#14382d;font-size:.64rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:999px;box-shadow:0 1px 4px rgba(0,0,0,.18)}
.meta{display:flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700}
.sw{width:13px;height:13px;border-radius:50%;border:1px solid rgba(0,0,0,.22);flex:none}
.ph{aspect-ratio:16/9;display:grid;place-items:center;background:linear-gradient(135deg,#2B7878,#5fa8a0)}
.ph b{font-size:3rem;color:rgba(255,255,255,.88)}
.ph-home{background:linear-gradient(135deg,#2B7878,#E5A83B)}
.ph-acc{background:linear-gradient(135deg,#236565,#6bb0aa)}
.ph-trim{background:linear-gradient(135deg,#3d3b5e,#768146)}
.page-hero.noimg{background-image:linear-gradient(135deg,#2B7878,#3a9090)}
.page-hero.noimg.ph-home{background-image:linear-gradient(135deg,#2B7878,#c08f2a)}
.page-hero.noimg.ph-acc{background-image:linear-gradient(135deg,#236565,#5fa8a0)}
.page-hero.noimg.ph-trim{background-image:linear-gradient(135deg,#3d3b5e,#4f583e)}
.page-hero.noimg::before{background:none}
.group-title a:hover{color:var(--y)}
.more:hover{color:var(--y)}

/* 12. RESPONSIVE ----------------------------------------------------------- */
@media(max-width:1240px){
  .burger{display:block}
  #site-nav{display:none;position:absolute;top:84px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--bg);padding:10px 20px;border-bottom:1px solid var(--bd);max-height:78vh;overflow:auto}
  #site-nav.show{display:flex}
  .nb{text-align:left;width:100%;padding:12px 4px;font-size:.95rem}
  .nb::after{display:none}
  .menu,.menu.r{position:static;box-shadow:none;border:0;padding:0 0 6px 12px;display:none;max-height:none;min-width:0}
  .menu.cols{column-count:1;min-width:0}
  .dd:hover>.menu,.dd:focus-within>.menu{display:none}
  .dd.open>.menu{display:block}
}
@media(max-width:960px){
  .cat-layout,.eq{grid-template-columns:1fr}
  .side{position:static}
  .f-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  section{padding:52px 0}
  .hero{padding:80px 0 70px}
  .header-logo{height:48px}
  .r2{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr 1fr;gap:12px}
  .cb{padding:12px}
}
@media(max-width:420px){.grid{grid-template-columns:1fr}}

/* 13. HEADER v2 — search + cart row, nav row, mega menu ------------------- */
.bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand search act";height:auto;min-height:84px;padding-top:8px;padding-bottom:8px;gap:20px}
.brand{grid-area:brand}
.h-actions{grid-area:act;display:flex;align-items:center;gap:10px}
.hsearch{grid-area:search;display:flex;gap:0;justify-self:center;width:100%;max-width:640px;position:relative}
.hsearch svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--mu);pointer-events:none}
.hsearch input{flex:1;min-width:0;padding:12px 14px 12px 42px;border-radius:10px 0 0 10px;border-right:0;font-size:.82rem;letter-spacing:.04em}
.hsearch button{flex:none;border:0;background:var(--g);color:#fff;font:inherit;font-weight:800;font-size:.78rem;letter-spacing:.08em;padding:0 24px;border-radius:0 10px 10px 0;cursor:pointer;transition:background .25s}
.hsearch button:hover{background:var(--brand)}
.cart-btn{position:relative;display:grid;place-items:center;width:46px;height:46px;background:none;border:1px solid var(--bd);border-radius:12px;color:var(--g);cursor:pointer;transition:all .25s}
.cart-btn:hover{border-color:var(--brand);background:var(--bg2)}
.cart-count{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--y);color:#1a1a1a;font-size:.7rem;font-weight:800;display:grid;place-items:center}
.navrow{border-top:1px solid var(--bd)}
.navrow .wrap{max-width:1440px;position:relative}
#site-nav{flex-wrap:wrap;justify-content:center;gap:0 2px}
.menu.mega-menu a{break-inside:avoid}
@media(min-width:1241px){
  .dd.mega{position:static}
  .dd.mega.sm{position:relative}
  .dd.mega>.menu{top:100%;left:0;right:0;min-width:0;max-height:none;overflow:visible;padding:14px 18px;border-radius:0 0 12px 12px;column-width:215px;column-gap:6px}
  .dd.mega.sm>.menu{right:auto;min-width:230px;column-width:auto;border-radius:12px}
  .menu.mega-menu a{font-size:.86rem;font-weight:600;padding:7px 10px}
}
@media(max-width:1240px){
  .bar{grid-template-columns:1fr auto;grid-template-areas:"brand act" "search search";gap:10px 12px}
  .navrow .wrap{position:static}
  #site-nav{top:100%}
  .menu.mega-menu{column-count:1}
}

/* 14. PRODUCT / CATEGORY CARDS with Add to Cart ---------------------------- */
.card-wrap{display:flex;flex-direction:column;gap:10px}
.card-wrap>.card{flex:1}
.pcard figure{aspect-ratio:4/5}
.pcard img{object-fit:cover}
.cb p.price{flex:none;font-weight:800;color:var(--g);font-size:.95rem}
.cb p.price:empty::before{content:"Price on request";color:var(--mu);font-weight:600}
.add-cart{border:0;cursor:pointer;font:inherit;font-weight:700;font-size:.85rem;padding:10px 16px;border-radius:999px;background:var(--y);color:#1a1a1a;box-shadow:0 3px 10px rgba(229,168,59,.35);transition:all .25s}
.add-cart:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(229,168,59,.45)}
.add-cart.added{background:var(--brand);color:#fff;box-shadow:none}

/* 15. SEARCH RESULTS + CART DRAWER (Part 2) -------------------------------- */
.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;background:var(--bg);border:1px solid var(--bd);border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.14);max-height:70vh;overflow:auto;padding:6px}
.sr-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px;border-radius:8px}
.sr-row:hover,.sr-row.on{background:var(--bg2)}
.sr-row a{flex:1;color:var(--g);font-weight:600;font-size:.9rem;text-decoration:none}
.sr-none,.sr-more{padding:12px;color:var(--mu);font-size:.85rem}
.add-cart.sm{padding:6px 12px;font-size:.78rem;white-space:nowrap}
.side .add-cart.block{display:block;width:100%;margin-top:10px;text-align:center}
.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .25s;z-index:200}
.cart-overlay.show{opacity:1;visibility:visible}
.cart-drawer{position:fixed;top:0;right:0;height:100%;width:min(420px,100%);background:var(--bg);color:var(--tx);z-index:201;display:flex;flex-direction:column;transform:translateX(100%);visibility:hidden;transition:transform .3s,visibility .3s;box-shadow:-10px 0 30px rgba(0,0,0,.2)}
.cart-drawer.show{transform:none;visibility:visible}
body.cart-open{overflow:hidden}
.cart-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--bd)}
.cart-head h2{margin:0;font-size:1.15rem;color:var(--g)}
.cart-close{background:none;border:0;font-size:1.8rem;line-height:1;cursor:pointer;color:var(--g)}
.cart-list{flex:1;overflow:auto;padding:10px 18px}
.cart-empty{color:var(--mu);padding:30px 0;text-align:center}
.cart-row{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--bd)}
.cart-th{width:56px;height:56px;border-radius:10px;background:var(--bg2);display:grid;place-items:center;font-weight:800;color:var(--brand);overflow:hidden}
.cart-th img{width:100%;height:100%;object-fit:cover}
.cart-info a{display:block;font-weight:700;color:var(--g);text-decoration:none;font-size:.92rem}
.cart-price{display:block;color:var(--mu);font-size:.78rem;margin:2px 0 6px}
.cart-qty{display:inline-flex;border:1px solid var(--bd);border-radius:8px;overflow:hidden}
.cart-qty button{width:30px;border:0;background:var(--bg2);cursor:pointer;font-size:1rem}
.cart-qty input{width:52px;border:0;text-align:center;font:inherit;padding:4px;-moz-appearance:textfield}
.cart-rm{background:none;border:0;color:#b3261e;cursor:pointer;font-size:.78rem;text-decoration:underline}
.cart-form{padding:14px 18px 18px;border-top:1px solid var(--bd);display:grid;gap:10px;max-height:55%;overflow:auto}
.cart-form label{display:grid;gap:4px;font-size:.78rem;font-weight:700;color:var(--g)}
.cart-form input,.cart-form textarea{background:var(--bg);color:var(--tx);font:inherit;font-weight:400;padding:9px 11px;border:1px solid var(--bd);border-radius:8px}
.cart-note{font-size:.76rem;color:var(--mu);margin:0}
.cart-send{width:100%;border:0;cursor:pointer}

/* 16. v3 — one font everywhere, dropdown fix, product cards, cart/checkout ----------- */
html{font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif}
body,button,input,select,textarea,.nb,.menu a,.btn,.add-cart,.buy-now,.cart-drawer,.cart-drawer *{font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif}
/* the same size/weight for every drop-down item, old categories and new ones */
.menu a,.menu.mega-menu a{font-size:.88rem;font-weight:600;line-height:1.35;padding:8px 11px;letter-spacing:0}
.menu a.all{font-weight:800}
.nb{font-size:.84rem;font-weight:700}
.dd:hover>.menu,.dd:focus-within>.menu{display:none}
.dd.open>.menu{display:block}
.dd>.menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.dd.mega.sm>.menu{min-width:260px}
@media(max-width:1240px){.dd>.menu::before{display:none}}

/* cards: the Add to Cart button now lives INSIDE the card */
.card-wrap{gap:0;background:var(--bg);border:1px solid var(--bd);border-radius:var(--radius);overflow:hidden;transition:transform .3s,box-shadow .3s}
.card-wrap:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.card-wrap>.card{border:0;border-radius:0;box-shadow:none;transform:none!important}
.card-wrap>.add-cart{margin:0 14px 14px;align-self:stretch}
.pcard figure{aspect-ratio:3/4;background:#f4f4f4;margin:0;position:relative;overflow:hidden}
.pcard img{width:100%;height:100%;object-fit:cover}
.pc figure{cursor:zoom-in}
.pc .cb{padding:12px 14px 6px;gap:4px}
.pc .cb h3{font-size:.92rem;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.pc .kv{font-size:.78rem;color:var(--mu);margin:0;flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc .kv b{color:var(--tx);font-weight:700}
.pc .price{margin-top:4px}
.pc .price .p1{font-size:1.15rem;font-weight:800;color:var(--g)}
.pc .price small{color:var(--mu);font-weight:600;font-size:.78rem}
.pc .setp{font-size:.78rem;color:var(--mu);margin:0;flex:none}
.moq-bar{position:absolute;left:0;right:0;bottom:0;background:rgba(18,18,18,.88);color:#fff;text-align:center;font-size:.78rem;font-weight:700;padding:6px 8px}
.pbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 14px 14px;margin-top:auto}
.pbtns .add-cart,.pbtns .buy-now{padding:10px 8px;font-size:.82rem;border-radius:10px;text-align:center}
.buy-now{border:0;cursor:pointer;font-weight:700;background:var(--brand);color:#fff;transition:all .25s}
.buy-now:hover{background:var(--brand-d);transform:translateY(-1px)}
.ptools{display:flex;justify-content:flex-end;margin:-8px 0 16px;font-size:.85rem;color:var(--mu)}
.ptools select{margin-left:8px;padding:8px 10px;border:1px solid var(--bd);border-radius:8px;background:var(--bg);color:var(--tx)}
.pmore{text-align:center;margin-top:28px}
.pmore .btn{border:0;cursor:pointer}
.pgrid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
@media(max-width:520px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pc .cb h3{font-size:.84rem}.pbtns{grid-template-columns:1fr}}
.zoom{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.85);display:grid;place-items:center;padding:20px;cursor:zoom-out}
.zoom img{max-height:92vh;max-width:min(92vw,720px);object-fit:contain;border-radius:8px}

/* search dropdown with thumbnails */
.sr-h{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);padding:8px 8px 2px}
.sr-link{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.sr-link img{width:36px;height:48px;object-fit:cover;border-radius:4px;background:#f4f4f4;flex:none}
.sr-t{display:flex;flex-direction:column;min-width:0}
.sr-n{font-size:.86rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-t small{color:var(--mu);font-size:.74rem}
.sr-more{display:block;text-align:center;padding:10px;font-weight:700;color:var(--g)}
.add-cart.sm{padding:6px 12px;font-size:.76rem;flex:none}

/* cart: prices, totals, pay buttons */
.cart-moq{display:block;font-size:.72rem;color:var(--mu)}
.cart-sum{padding:10px 18px;border-top:1px solid var(--bd)}
.cart-total{display:flex;justify-content:space-between;font-size:1rem}
.cart-pay{width:100%;border:0;cursor:pointer;background:var(--brand);color:#fff}
.cart-pay:hover{background:var(--brand-d)}
.cart-wa{width:100%;cursor:pointer;color:var(--g);border-color:var(--g);background:transparent}
.cart-pay[hidden]{display:none}
.cart-msg{font-size:.82rem;margin:0;color:var(--g)}.cart-msg.bad{color:#b3261e}
.cart-done{padding:30px 20px;text-align:center}
.cart-done .btn{border:0;cursor:pointer;margin-top:10px}

/* 17. v4 — photo-collage hero backgrounds (bright, photos left untinted) --------------- */
.page-hero.has-collage{overflow:hidden;background:#222;background-image:none}
.page-hero.has-collage::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.34) 38%,rgba(0,0,0,.04) 70%,rgba(0,0,0,0) 100%)}
.page-hero.has-collage>.wrap{z-index:2}
.page-hero.has-collage h1,.page-hero.has-collage p,.page-hero.has-collage .crumbs{text-shadow:0 2px 14px rgba(0,0,0,.55),0 1px 3px rgba(0,0,0,.45)}
.hero-collage{position:absolute;inset:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;z-index:0}
.hero-collage img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block;min-width:0;filter:saturate(1.1) brightness(1.06) contrast(1.03)}
@media(max-width:900px){.hero-collage img:nth-child(n+6){display:none}}
@media(max-width:560px){.hero-collage img:nth-child(n+4){display:none}.page-hero.has-collage::before{background:rgba(0,0,0,.45)}}

/* product details pop-up (wholesale designs) */
.pdm{position:fixed;inset:0;z-index:250;background:rgba(0,0,0,.6);display:grid;place-items:center;padding:20px;overflow:auto}
.pdm-box{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:32px;width:min(980px,100%);max-height:92vh;overflow:auto;background:var(--bg);color:var(--tx);border-radius:16px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.pdm-x{position:absolute;top:10px;right:14px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:var(--bg2,#f2f2f2);color:var(--tx);font-size:1.5rem;line-height:1;cursor:pointer}
.pdm-img{position:relative;align-self:start;border:1px solid var(--bd);border-radius:12px;overflow:hidden;background:#fff;aspect-ratio:3/4;cursor:zoom-in}
.pdm-img img{width:100%;height:100%;object-fit:cover}
.pdm-info h2{font-size:clamp(1.25rem,2.4vw,1.7rem);color:var(--g);margin:4px 36px 8px 0}
:root[data-theme="dark"] .pdm-info h2{color:#7fd1b4}
.pdm-tag{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}
.pdm-price .p1{font-size:1.8rem;font-weight:800;color:var(--g)}
:root[data-theme="dark"] .pdm-price .p1{color:#7fd1b4}
.pdm-price small{color:var(--mu);font-weight:600}
.pdm-btns{display:grid;grid-template-columns:auto 1fr 1fr;gap:10px;margin:14px 0 10px;align-items:stretch}
.pdm-btns .add-cart,.pdm-btns .buy-now{padding:12px 10px;border-radius:10px;font-size:.9rem;text-align:center}
.pdm-qty{display:flex;border:1px solid var(--bd);border-radius:10px;overflow:hidden}
.pdm-qty button{width:36px;border:0;background:var(--bg2,#f2f2f2);color:var(--tx);font-size:1.1rem;cursor:pointer}
.pdm-qty input{width:68px;min-width:0;padding:0 4px;border:0;text-align:center;background:var(--bg);color:var(--tx);font-weight:700}
.pdm-wa{display:inline-block;font-weight:700;color:var(--brand);margin-bottom:6px}
.pdm-info h3{font-size:1rem;margin:18px 0 6px;color:var(--g)}
:root[data-theme="dark"] .pdm-info h3{color:#7fd1b4}
.pdm-d{margin:0 0 8px;font-size:.92rem;line-height:1.6}
.pdm .spec{width:100%;border-collapse:collapse;margin-top:10px;font-size:.88rem}
.pdm .spec th,.pdm .spec td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--bd)}
.pdm .spec th{width:38%;color:var(--mu);font-weight:600}
.zoom{z-index:400}
@media(max-width:700px){.pdm{padding:0;align-items:end}.pdm-box{grid-template-columns:1fr;gap:16px;padding:16px;max-height:94vh;border-radius:16px 16px 0 0}.pdm-img{aspect-ratio:1/1;max-height:50vh}.pdm-btns{grid-template-columns:1fr 1fr}.pdm-qty{grid-column:1/-1;justify-content:center}}

/* home-textiles */
.menu{z-index:70}
.dd:hover,.dd:focus-within{z-index:60}
.ht-facts{list-style:none;margin:6px 0 28px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.ht-facts li{display:flex;flex-direction:column;gap:2px;padding:14px 16px;background:var(--bg2);border:1px solid var(--bd);border-left:4px solid var(--y);border-radius:10px}
.ht-facts b{font-size:.95rem;color:var(--g)}
.ht-facts span{font-size:.82rem;color:var(--mu)}


/* fabrics */
.sub .more{font-weight:700;margin-left:6px}
.fab-menu .fg,.fab-menu .fl{display:block}
.fab-menu a.mh{font-weight:800;color:var(--g);border-bottom:1px solid var(--bd);border-radius:8px 8px 0 0;margin:0 0 6px}
.fab-menu a.mh:hover,.fab-menu a.mh[aria-current="page"]{color:#fff}
@media(min-width:1241px){
  .dd.open>.menu.fab-menu{display:grid;grid-template-columns:2fr 1fr;gap:0 26px;align-items:start}
  .fab-menu a.all{grid-column:1/-1}
  .fab-menu .fl{column-count:4;column-gap:6px}
  .fab-menu .fg:last-of-type .fl{column-count:2}
  .fab-menu .fl a{break-inside:avoid}
}
/* end fabrics */


/* apparel */
.app-menu .fg,.app-menu .fl{display:block}
.app-menu a.mh{font-weight:800;color:var(--g);border-bottom:1px solid var(--bd);border-radius:8px 8px 0 0;margin:0 0 4px}
.app-menu a.mh:hover,.app-menu a.mh[aria-current="page"]{color:#fff}
@media(min-width:1241px){
  .dd.open>.menu.app-menu{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 22px;align-items:start}
  .app-menu a.all{grid-column:1/-1}
}
@media(max-width:1240px){.app-menu .fg{margin-bottom:6px}}
/* end apparel */

/* checkout */
.cart-steps{display:flex;gap:8px;padding:10px 18px;border-bottom:1px solid var(--bd);font-size:.74rem;font-weight:700;color:var(--mu)}
.cart-steps span{flex:1;text-align:center;padding:7px 4px;border-radius:8px;background:var(--bg2,#f4f4f4)}
.cart-steps .on{background:var(--brand);color:#fff}.cart-steps .done{color:var(--g)}
.cart-list{flex:1;overflow:auto}
.cart-go{padding:12px 18px 18px;border-top:1px solid var(--bd);display:grid;gap:8px}
.cart-cont,.cart-back{background:none;border:0;cursor:pointer;font:inherit;font-weight:700;font-size:.84rem;color:var(--g);padding:6px;text-align:center}
.cart-back{text-align:left;padding:0}
.cart-cont:hover,.cart-back:hover,.cart-wa-link:hover{text-decoration:underline}
.cart-wa-link{background:none;border:0;cursor:pointer;font:inherit;font-weight:700;font-size:.84rem;color:var(--g);padding:4px;text-align:center}
.cart-trust{margin:0;font-size:.76rem;font-weight:600;color:var(--g);text-align:center}
.cart-terms{margin:0;font-size:.72rem;color:var(--mu);text-align:center}.cart-terms a{text-decoration:underline}
.cart-tick{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:#1e8e5a;color:#fff;font-size:2rem;display:grid;place-items:center}
.cart-pid{font-size:.8rem;color:var(--mu);word-break:break-all}
.cart-pay:disabled{opacity:.6;cursor:wait}
.f-pay{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 6px;padding:18px 22px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(255,255,255,.07)}
.f-pay h4{margin:0 0 4px}.f-pay p{margin:0;font-size:.88rem;max-width:560px;opacity:.9}
.f-pay form{margin:0;min-height:44px}
.cart-form{max-height:none;flex:1 1 auto;overflow:auto}
.cart-form .cart-pay{position:sticky;bottom:0;box-shadow:0 -8px 12px var(--bg)}
/* end checkout */

/* backgrounds */
.bgx{background-color:#2B7878;background-size:cover;background-repeat:no-repeat;background-position:var(--bgpos,center)}
.bgx.bg-home{background-image:url(../backgrounds/bg-home.webp),url(data:image/webp;base64,UklGRggBAABXRUJQVlA4IPwAAADQBQCdASogABEAPt1apkyopSOiMAgBEBuJZACxHyIidjAKpocHiB8NE8wE6Pv5F/a30Se5z30wAN9MOk8F5ArkZ8KtpUgeD6ejIHGlK/2lAz3PeuTigHh5+Bd1FnmTJN6tHMCuo1u3BQNsRQLE4JiS1nwIxK3zDchHDjd1I94Kk5kS/Z8t3uTcfwcZbEHEwgAFVZX8lT8lii1wBF/2/GWXSztyFvmsqMiAVW7ByxLy0msL8jEuwms0Z6P7qVGrMbjUtpzNSrHH5us6PtdYNYmsMRdq/ugj6C7YVbtlCJyP568L5sIcN8c6IasJlZfhX7Rur+5gZB1+cMeIAAA=);--bgpos:center 38%}
.bgx.bg-fabrics{background-image:url(../backgrounds/bg-fabrics.webp),url(data:image/webp;base64,UklGRiABAABXRUJQVlA4IBQBAACQBgCdASogABIAPt1apkyopSOiMAgBEBuJZAC7OUAlAPgJAB1nDIqjwtXQBPzMSgOP7b2SH5SVFzlXk4cAAP5oqzLy11qtS/TwMSqZ76VSUuWSOqGsAEUeW5AhZjiV8FRlL22vb9+sm6OSQbfSgOOIGWFEbufFdxH39G5QT3xZa07stfkCdYXywExl4PuEZtK1/tWgWwNqyKB2sqhc+nm284j9+CTFH6sBZXaFbtLAMOSSZMmmrsD0bhIunXpWpoz5Y1FQujMyNgysDIu63U7oWRPCevqiNgaGaQyEJd8IYPP3/GX0NnFWiLp/QsrE4z8IQB5SY8WK2mYF5Im+kZpVlmCteNbF3uqTgLFaUc5KQyJAAAA=);--bgpos:center 30%}
.bgx.bg-yarns{background-image:url(../backgrounds/bg-yarns.webp),url(data:image/webp;base64,UklGRkABAABXRUJQVlA4IDQBAABQBgCdASogABIAPt1apEyopSOiMAgBEBuJbACdMuBWAHYEGBKge9IdLu55xgJVg9E5mWz1uzJMbVB/AAD+sj2T8nn9ZFfJEBiM9qk0Q9dyb72x6ob7YpFm2DxtpAYNn4/CVHO93bk5KEeIkbVvD78pq/AN/Sxx6KduflGIMC7Ar0V/o/4qS/RBjQlBjUVr47sScn1pXdMgPW/9dfSnEuOuJ5rflqQT2NwIpl1LTu+wUaMb/nmrzJ31nAfo+9us3MY4HK2ffMtppFJOHragO+3YDf0mWsTqZtyAhs7nRs9v1VdiAFKyIUx3mmR9Vj6R2NVGJaXrL0F+/fOswxC4R2qkH7OVc4EPcaw2yq5w8sjhFfo1e3PX0Q8LcIgHbQ2oM7+/eP4xA4JKRkCtcwH364IXeBgAAA==);--bgpos:center 42%}
.bgx.bg-apparel{background-image:url(../backgrounds/bg-apparel.webp),url(data:image/webp;base64,UklGRgABAABXRUJQVlA4IPQAAAAQBgCdASogABEAPt1apUyopSOiMAgBEBuJQBOmYZ6oxSt4hqAEX2vhRzsQt9fisb41+bZPfdHuVQAA/gnQSuWxbp5G4CwuPVEj0iQ/fggW4AIofTUEcZotEgZQIu5dyHoWXcPxob2gPONcHS7oSgXPda7Q1dOtUM9oQAuL5sjj7enMgBjgKzQdkeGQHriOPDJRKmleBlYm3ZvrNDRsSajbB3TjwiAPi1J46+RJs3DnSMkgi9beSQHSClTHfnxaQ5ie+Y4HOcv7e/taVQGeXqdbVl9ME6yzQZ+PEJukBKsHR3eh6IQ/7EIa4PgklZoNLK78gAAA);--bgpos:center 22%}
.bgx.bg-homeText{background-image:url(../backgrounds/bg-homeText.webp),url(data:image/webp;base64,UklGRpYAAABXRUJQVlA4IIoAAAAQBACdASogAAcAPt1cqUyopSQiMAgBEBuJQBOgMY7Wkd9qKKkCSawfMAD9+eXCzKBUyMqGU9E4OC7NC43Spg0XPCBTRKC96zAGU3AF+p//wBPrfXLaPjvwZDhACKIcKeLS/MuOenL/NKrjy11wINTCtQfQRsvqwrV887BYUktFawxcCysgr3za8AA=);--bgpos:center 50%}
.bgx.bg-salwar{background-image:url(../backgrounds/bg-salwar.webp),url(data:image/webp;base64,UklGRvAAAABXRUJQVlA4IOQAAACQBQCdASogABEAPt1apUyopSOiMAgBEBuJagCdM0MOAkWLJE35nLPvJRr0/1AOnRXOd7cjoAD8ZDZMf9nMFNZ5EU7e7wh5+kWVfPT7GsE2J1Xf3lv6J3b4X25vlLPf8FmSzmLQ37Q6TcCUnZIZIhVd4JvLishGM4D6P3qwmj9rNC2YabrIBamedMNOBLwdzkzQUQd/1niymNHL6a61ic8+vZb9bFg53al8A76QSeTIcftMw0xDPodAXOaIqMe408l0zWAIftdzQClPq6ZreW+uFZtdmrknHW7gRC19lWZfOuuTAAA=);--bgpos:center 22%}
.bgx.bg-kurtis{background-image:url(../backgrounds/bg-kurtis.webp),url(data:image/webp;base64,UklGRj4BAABXRUJQVlA4IDIBAABwCACdASogABEAPt1apUyopSOiMAgBEBuJYgCdMoM1+S36AP//MIH8A9QCGVpwRwLoB1AlQPeqeTg2o+p+QimwbkZt4LWq177LGchAAPRgesCgMn8+IBaM0GhyMZGcPCr0RDOxCoU66OB6aWMb86hiyP07DL87PkhJR4JzmhVMvPnTBOqJo2KScZPb01kgG1NQC/BxEz5AI4CO8eRPVQ4uDIeYnfkViYvOLlFgoXaZ70IZ5NSG6t1hWuG4QLMfe0kULgvu2AeCkyoTg2Nz7FAXkjN4MDQ/y0OOqw91ZzwklPXh7Ke3NVPoX5NCa1EZ4fvyxqZ8/SIZXrcoKHslQeiFmlBuIHyuZG4Ob9eewvX/ZV/5/bkNlFebv/kBFFhlv3Auil9wWFX8cFklMh2v9IAAAAA=);--bgpos:center 28%}
.bgx.bg-sarees{background-image:url(../backgrounds/bg-sarees.webp),url(data:image/webp;base64,UklGRgoBAABXRUJQVlA4IP4AAACwBQCdASogABEAPt1apkyopSOiMAgBEBuJbACdMoJY1LHKgAijgWcNcFEzApO+pKyQLpGCJIQA9obENBGxd2ltc8b1z8npoC0/GRzMaC7lz1MRvj2ge+0KfSSeytyqY+jKtS1IGT6/UihwfSelVbJee5TCKK1N2AHtrTHZgGEmzt8XNtiWCxwKwSYdx+KbseQjsMVwJiIqL3b37GzXGnLgnj+XQYPpZWcPkmkDHdWxbUeFXLA8f2YRO5bdt097niRS5hTAtyi9Cpi5NTor1sWJYAn/c8nzkSeV2RTajtxXKzS7P4xnqq5maKpp+Uty+gWEliyv1+xfCJSOvwAAAA==);--bgpos:center 30%}
.bgx.bg-dress{background-image:url(../backgrounds/bg-dress.webp),url(data:image/webp;base64,UklGRhwBAABXRUJQVlA4IBABAABwBgCdASogABEAPt1apUyopSOiMAgBEBuJbACdMt0VvS/6NmawIWBjPCBI/W53ZTTnCITXuG1HgSYLxAAA/sBKUQP0s5Q2I4qadWSbLvPG8MXGgIlheVLT5XC2Fx+5fJnuCL9hkQlHqnXh31LUHguTn2rBWFSM3FMfhmFScbvI9KDwVNfHppSB1x7LHSUoTv9tQFhYECWVh/NcuIHsWoPbP/IIJpiqNhwA3Jio7LcILGfd1GuSNQ80CwaeiUDSw3Mr8LEkSpLY4047v5w6blfiof0xO8qeyEvEeJRPCx8M2z9z+OHJgA3TsoCHO9hX8js2MPRsDT0mIgYLD8dSbIZ8Bv1AcAgk7vnaVMz+cBwAAA==);--bgpos:center 0%}
.bgx.bg-lehenga{background-image:url(../backgrounds/bg-lehenga.webp),url(data:image/webp;base64,UklGRuQAAABXRUJQVlA4INgAAACwAwCdASogABAAAwBSJaACdIDacAjgQgGsHWWqFTvXVyq5BYxqAADOMSvMI7apA2PbWdtlH5obbOrwuUP7YDMz+DpeaGymOAI57SLKV812q/6uS8Ykt+h3oZx8CdvPxUQV6O7JML8qSXHoohN9lSzbXK3GcfRbEFGuqvPPAob5KlXJvObmx96bJgqCeRAOxoB7x2rQGBL9RmgOdXH+2MnU+poyVIHx5z4TWhuFTCVZ6Ac2NkALO/k5fmJ/t/yXtd0XDzNYXhPyl6WCYSFNzY1aBdDREWG1AAA=);--bgpos:center 34%}
.bgx.bg-more{background-image:url(../backgrounds/bg-more.webp),url(data:image/webp;base64,UklGRg4BAABXRUJQVlA4IAIBAACwBgCdASogABEAPt1apUyopSOiMAgBEBuJZgCdM6T84THbcBdg3wNJq0MIys+KpLWd9/U3rp/NyFZUhZmEAAD+646XpZl5eYDEQwIQTru7N3CvnmCVWzadLXXnugvrW3t2EHd3GMzCgETOfQyALKHGcR4sJx2CWatR5t6ftDIb1oanQeDYLSEvdgqlawSfIpwxKQo0QWXh8EZJ5rUschlppbFVdSZmd4vZ/s9TnzQuG6/pkjy5u4p5TcU/77F0Ff8IQyrpJpbcFtvrZI5+P5B/JOATDJ2YU5uBnRBCtXhhTrA6zo5v0SantAR2m6eJ0iUo59hH4dUAcQ2gdjO2PsAAAAA=);--bgpos:center 72%}
.bgx::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.42) 38%,rgba(0,0,0,.10) 72%,rgba(0,0,0,0) 100%)}
.bgx>.wrap{position:relative;z-index:2}
.bgx h1,.bgx p,.bgx .crumbs,.bgx .stats{text-shadow:0 2px 14px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.5)}
@media(max-width:700px){.bgx::before{background:rgba(0,0,0,.52)}}

/* phones get a lighter version of each hero photo */
@media(max-width:700px){
.bgx.bg-apparel{background-image:url(../backgrounds/bg-apparel-m.webp),url(data:image/webp;base64,UklGRgABAABXRUJQVlA4IPQAAAAQBgCdASogABEAPt1apUyopSOiMAgBEBuJQBOmYZ6oxSt4hqAEX2vhRzsQt9fisb41+bZPfdHuVQAA/gnQSuWxbp5G4CwuPVEj0iQ/fggW4AIofTUEcZotEgZQIu5dyHoWXcPxob2gPONcHS7oSgXPda7Q1dOtUM9oQAuL5sjj7enMgBjgKzQdkeGQHriOPDJRKmleBlYm3ZvrNDRsSajbB3TjwiAPi1J46+RJs3DnSMkgi9beSQHSClTHfnxaQ5ie+Y4HOcv7e/taVQGeXqdbVl9ME6yzQZ+PEJukBKsHR3eh6IQ/7EIa4PgklZoNLK78gAAA)}
.bgx.bg-dress{background-image:url(../backgrounds/bg-dress-m.webp),url(data:image/webp;base64,UklGRhwBAABXRUJQVlA4IBABAABwBgCdASogABEAPt1apUyopSOiMAgBEBuJbACdMt0VvS/6NmawIWBjPCBI/W53ZTTnCITXuG1HgSYLxAAA/sBKUQP0s5Q2I4qadWSbLvPG8MXGgIlheVLT5XC2Fx+5fJnuCL9hkQlHqnXh31LUHguTn2rBWFSM3FMfhmFScbvI9KDwVNfHppSB1x7LHSUoTv9tQFhYECWVh/NcuIHsWoPbP/IIJpiqNhwA3Jio7LcILGfd1GuSNQ80CwaeiUDSw3Mr8LEkSpLY4047v5w6blfiof0xO8qeyEvEeJRPCx8M2z9z+OHJgA3TsoCHO9hX8js2MPRsDT0mIgYLD8dSbIZ8Bv1AcAgk7vnaVMz+cBwAAA==)}
.bgx.bg-fabrics{background-image:url(../backgrounds/bg-fabrics-m.webp),url(data:image/webp;base64,UklGRiABAABXRUJQVlA4IBQBAACQBgCdASogABIAPt1apkyopSOiMAgBEBuJZAC7OUAlAPgJAB1nDIqjwtXQBPzMSgOP7b2SH5SVFzlXk4cAAP5oqzLy11qtS/TwMSqZ76VSUuWSOqGsAEUeW5AhZjiV8FRlL22vb9+sm6OSQbfSgOOIGWFEbufFdxH39G5QT3xZa07stfkCdYXywExl4PuEZtK1/tWgWwNqyKB2sqhc+nm284j9+CTFH6sBZXaFbtLAMOSSZMmmrsD0bhIunXpWpoz5Y1FQujMyNgysDIu63U7oWRPCevqiNgaGaQyEJd8IYPP3/GX0NnFWiLp/QsrE4z8IQB5SY8WK2mYF5Im+kZpVlmCteNbF3uqTgLFaUc5KQyJAAAA=)}
.bgx.bg-home{background-image:url(../backgrounds/bg-home-m.webp),url(data:image/webp;base64,UklGRggBAABXRUJQVlA4IPwAAADQBQCdASogABEAPt1apkyopSOiMAgBEBuJZACxHyIidjAKpocHiB8NE8wE6Pv5F/a30Se5z30wAN9MOk8F5ArkZ8KtpUgeD6ejIHGlK/2lAz3PeuTigHh5+Bd1FnmTJN6tHMCuo1u3BQNsRQLE4JiS1nwIxK3zDchHDjd1I94Kk5kS/Z8t3uTcfwcZbEHEwgAFVZX8lT8lii1wBF/2/GWXSztyFvmsqMiAVW7ByxLy0msL8jEuwms0Z6P7qVGrMbjUtpzNSrHH5us6PtdYNYmsMRdq/ugj6C7YVbtlCJyP568L5sIcN8c6IasJlZfhX7Rur+5gZB1+cMeIAAA=)}
.bgx.bg-homeText{background-image:url(../backgrounds/bg-homeText-m.webp),url(data:image/webp;base64,UklGRpYAAABXRUJQVlA4IIoAAAAQBACdASogAAcAPt1cqUyopSQiMAgBEBuJQBOgMY7Wkd9qKKkCSawfMAD9+eXCzKBUyMqGU9E4OC7NC43Spg0XPCBTRKC96zAGU3AF+p//wBPrfXLaPjvwZDhACKIcKeLS/MuOenL/NKrjy11wINTCtQfQRsvqwrV887BYUktFawxcCysgr3za8AA=)}
.bgx.bg-kurtis{background-image:url(../backgrounds/bg-kurtis-m.webp),url(data:image/webp;base64,UklGRj4BAABXRUJQVlA4IDIBAABwCACdASogABEAPt1apUyopSOiMAgBEBuJYgCdMoM1+S36AP//MIH8A9QCGVpwRwLoB1AlQPeqeTg2o+p+QimwbkZt4LWq177LGchAAPRgesCgMn8+IBaM0GhyMZGcPCr0RDOxCoU66OB6aWMb86hiyP07DL87PkhJR4JzmhVMvPnTBOqJo2KScZPb01kgG1NQC/BxEz5AI4CO8eRPVQ4uDIeYnfkViYvOLlFgoXaZ70IZ5NSG6t1hWuG4QLMfe0kULgvu2AeCkyoTg2Nz7FAXkjN4MDQ/y0OOqw91ZzwklPXh7Ke3NVPoX5NCa1EZ4fvyxqZ8/SIZXrcoKHslQeiFmlBuIHyuZG4Ob9eewvX/ZV/5/bkNlFebv/kBFFhlv3Auil9wWFX8cFklMh2v9IAAAAA=)}
.bgx.bg-lehenga{background-image:url(../backgrounds/bg-lehenga-m.webp),url(data:image/webp;base64,UklGRuQAAABXRUJQVlA4INgAAACwAwCdASogABAAAwBSJaACdIDacAjgQgGsHWWqFTvXVyq5BYxqAADOMSvMI7apA2PbWdtlH5obbOrwuUP7YDMz+DpeaGymOAI57SLKV812q/6uS8Ykt+h3oZx8CdvPxUQV6O7JML8qSXHoohN9lSzbXK3GcfRbEFGuqvPPAob5KlXJvObmx96bJgqCeRAOxoB7x2rQGBL9RmgOdXH+2MnU+poyVIHx5z4TWhuFTCVZ6Ac2NkALO/k5fmJ/t/yXtd0XDzNYXhPyl6WCYSFNzY1aBdDREWG1AAA=)}
.bgx.bg-more{background-image:url(../backgrounds/bg-more-m.webp),url(data:image/webp;base64,UklGRg4BAABXRUJQVlA4IAIBAACwBgCdASogABEAPt1apUyopSOiMAgBEBuJZgCdM6T84THbcBdg3wNJq0MIys+KpLWd9/U3rp/NyFZUhZmEAAD+646XpZl5eYDEQwIQTru7N3CvnmCVWzadLXXnugvrW3t2EHd3GMzCgETOfQyALKHGcR4sJx2CWatR5t6ftDIb1oanQeDYLSEvdgqlawSfIpwxKQo0QWXh8EZJ5rUschlppbFVdSZmd4vZ/s9TnzQuG6/pkjy5u4p5TcU/77F0Ff8IQyrpJpbcFtvrZI5+P5B/JOATDJ2YU5uBnRBCtXhhTrA6zo5v0SantAR2m6eJ0iUo59hH4dUAcQ2gdjO2PsAAAAA=)}
.bgx.bg-salwar{background-image:url(../backgrounds/bg-salwar-m.webp),url(data:image/webp;base64,UklGRvAAAABXRUJQVlA4IOQAAACQBQCdASogABEAPt1apUyopSOiMAgBEBuJagCdM0MOAkWLJE35nLPvJRr0/1AOnRXOd7cjoAD8ZDZMf9nMFNZ5EU7e7wh5+kWVfPT7GsE2J1Xf3lv6J3b4X25vlLPf8FmSzmLQ37Q6TcCUnZIZIhVd4JvLishGM4D6P3qwmj9rNC2YabrIBamedMNOBLwdzkzQUQd/1niymNHL6a61ic8+vZb9bFg53al8A76QSeTIcftMw0xDPodAXOaIqMe408l0zWAIftdzQClPq6ZreW+uFZtdmrknHW7gRC19lWZfOuuTAAA=)}
.bgx.bg-sarees{background-image:url(../backgrounds/bg-sarees-m.webp),url(data:image/webp;base64,UklGRgoBAABXRUJQVlA4IP4AAACwBQCdASogABEAPt1apkyopSOiMAgBEBuJbACdMoJY1LHKgAijgWcNcFEzApO+pKyQLpGCJIQA9obENBGxd2ltc8b1z8npoC0/GRzMaC7lz1MRvj2ge+0KfSSeytyqY+jKtS1IGT6/UihwfSelVbJee5TCKK1N2AHtrTHZgGEmzt8XNtiWCxwKwSYdx+KbseQjsMVwJiIqL3b37GzXGnLgnj+XQYPpZWcPkmkDHdWxbUeFXLA8f2YRO5bdt097niRS5hTAtyi9Cpi5NTor1sWJYAn/c8nzkSeV2RTajtxXKzS7P4xnqq5maKpp+Uty+gWEliyv1+xfCJSOvwAAAA==)}
.bgx.bg-yarns{background-image:url(../backgrounds/bg-yarns-m.webp),url(data:image/webp;base64,UklGRkABAABXRUJQVlA4IDQBAABQBgCdASogABIAPt1apEyopSOiMAgBEBuJbACdMuBWAHYEGBKge9IdLu55xgJVg9E5mWz1uzJMbVB/AAD+sj2T8nn9ZFfJEBiM9qk0Q9dyb72x6ob7YpFm2DxtpAYNn4/CVHO93bk5KEeIkbVvD78pq/AN/Sxx6KduflGIMC7Ar0V/o/4qS/RBjQlBjUVr47sScn1pXdMgPW/9dfSnEuOuJ5rflqQT2NwIpl1LTu+wUaMb/nmrzJ31nAfo+9us3MY4HK2ffMtppFJOHragO+3YDf0mWsTqZtyAhs7nRs9v1VdiAFKyIUx3mmR9Vj6R2NVGJaXrL0F+/fOswxC4R2qkH7OVc4EPcaw2yq5w8sjhFfo1e3PX0Q8LcIgHbQ2oM7+/eP4xA4JKRkCtcwH364IXeBgAAA==)}
}
/* end backgrounds */

/* enquiry form status + legal line */
.qf-status{margin:14px 0 0;font-weight:700}.qf-status:empty{display:none}.qf-status.ok,.qf-status.bad{padding:12px 14px;border-radius:8px;background:#fff;line-height:1.45}.qf-status.ok{color:#14653a;border-left:5px solid #1b9a55}.qf-status.bad{color:#a8211a;border-left:5px solid #d93025}.qf-status a{color:#0b5c58;text-decoration:underline}
.f-legal{font-size:.85rem;opacity:.9;margin-top:10px}
.ct .legal{font-size:.9rem;color:var(--mu)}
#qf{position:relative}

/* ===== v21: numbered page buttons ===== */
[hidden]{display:none!important}
.pmore{margin-top:32px}
.pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}
.pg{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--bd);border-radius:10px;background:var(--bg);color:var(--g);font-weight:700;font-size:.92rem;line-height:1;user-select:none;transition:background .2s,color .2s,border-color .2s}
a.pg:hover,a.pg:focus-visible{background:var(--brand);border-color:var(--brand);color:#fff}
.pg.cur{background:var(--brand);border-color:var(--brand);color:#fff}
.pg.gap{border:0;background:none;min-width:auto;padding:0 2px;color:var(--mu)}
.pg.off{visibility:hidden}
.pg-arrow{font-size:1.4rem;padding-bottom:3px}
@media(max-width:420px){.pager{gap:6px}.pg{min-width:38px;height:40px;padding:0 8px}}
/* product-card buttons stay on one line */
.pbtns{padding:8px 10px 14px;gap:6px}
.pbtns .add-cart,.pbtns .buy-now{padding:10px 4px;font-size:.78rem;white-space:nowrap}
@media(max-width:520px){.pbtns{padding:8px 14px 14px}.pbtns .add-cart,.pbtns .buy-now{font-size:.85rem;padding:10px 8px}}
.pgrid:empty{min-height:75vh}
/* footer headings (h2 so heading levels never skip) + accessibility */
.site-footer .fh{font-size:1rem;line-height:1.3;letter-spacing:0;color:#fff;margin:0 0 12px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.crumbs.dark{opacity:1}

/* ===== v21c: mobile menu + scroll lock + clock ===== */
html{scrollbar-gutter:stable}
html.scroll-lock,body.scroll-lock{overflow:hidden!important;overscroll-behavior:none}
/* panels that scroll on their own never pass the scroll on to the page behind them */
#site-nav,.menu,.search-results,.cart-list,.cart-form,.pdm,.pdm-box,.cart-drawer{overscroll-behavior:contain}
.cart-overlay,.zoom{touch-action:none}
@media(max-width:1240px){
  /* the desktop rule (centre + wrap) was also applied here, which pushed the top of a tall menu out of reach: start at the top instead */
  #site-nav{flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:0 14px 28px rgba(0,0,0,.14)}
  #site-nav>*{flex:none}
  .dd{z-index:auto}
  .dd:hover,.dd:focus-within{z-index:auto}
  .menu{z-index:auto}
  .menu a{padding:11px 12px}
  .burger{min-width:44px;min-height:44px}
}
#pto-clock{position:fixed;left:10px;bottom:10px;z-index:40;pointer-events:none;user-select:none;padding:4px 10px;border-radius:999px;background:rgba(24,65,54,.82);color:#fff;font:600 .68rem/1.3 'Plus Jakarta Sans',system-ui,sans-serif;letter-spacing:.02em;white-space:nowrap;opacity:.9}
@media(max-width:420px){#pto-clock{font-size:.62rem;left:6px;bottom:6px;padding:3px 8px}}
@media print{#pto-clock{display:none}}

/* ===== v22: mobile menu scroll fix (final) =====
   - the menu is a FIXED panel from the bottom of the header to the bottom of the visible screen (never cut off by the browser's address bar)
   - category lists no longer trap the finger: the sub-list is NOT its own scroll box, the whole panel scrolls as one
   - the page behind is not locked by the menu (locking html/body was what froze the page after a fast scroll) - a backdrop blocks it instead */
#nav-backdrop{display:none}
@media(max-width:1240px){
  #nav-backdrop.show{display:block;position:fixed;left:0;right:0;bottom:0;top:var(--nav-top,84px);z-index:49;background:rgba(0,0,0,.28);touch-action:none}
  #site-nav{position:fixed;top:var(--nav-top,84px);left:0;right:0;bottom:0;height:auto;max-height:none!important;
    padding:6px 20px calc(120px + env(safe-area-inset-bottom,0px));
    overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scroll-behavior:auto;
    border-bottom:0;box-shadow:0 14px 28px rgba(0,0,0,.14)}
  .menu,.menu.r,.menu.cols,.dd.open>.menu{overflow:visible!important;max-height:none!important;overscroll-behavior:auto!important;touch-action:auto}
  .dd.open>.menu{padding-bottom:10px}
  .menu a:hover,.menu a[aria-current="page"]{transform:none}
  .nb{min-height:44px}
}