.elementor-kit-13{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#11201A;}.elementor-kit-13 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Shaban Antiques & Gems Shop — Elementor theme CSS
   Paste into: Elementor > Site Settings > Custom CSS
   or Appearance > Customize > Additional CSS */

@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&family=Noto+Nastaliq+Urdu:wght@400;600&display=swap");
@import url("https://fonts.cdnfonts.com/css/rigata");

:root {
  --st-cream: #F8E8D2;
  --st-orange: #B57331;
  --st-dark: #20180C;
  --st-coffee: #5F4B2B;
  --st-latte: #A68F67;
  --st-bg: #20180C;
  --st-surface: #2a2114;
  --st-elev: #5F4B2B;
  --st-text: #F8E8D2;
  --st-muted: #A68F67;
  --st-brass: #B57331;
  --st-brass-deep: #5F4B2B;
  --st-accent: #B57331;
  --st-border: #5F4B2B;
  --st-maxw: 1400px;
  --st-pad: clamp(20px, 4vw, 64px);
  --st-header-offset: 80px;
  --st-header-stack: 116px;
  --font-display: "RIGATA", "Rigata", Georgia, serif;
  --font-sans: Raleway, system-ui, sans-serif;
  --font-urdu: "Noto Nastaliq Urdu", serif;
  --type-display-xl: 135px;
  --type-display-lg: 64px;
  --type-display-md: 48px;
  --type-display-sm: 36px;
  --type-sans-xl: 32px;
  --type-sans-lg: 28px;
  --type-sans-md: 18px;
  --type-sans-sm: 16px;
}

html, body, .st-site, body.elementor-page, .elementor-location-header, .elementor-location-footer {
  background: var(--st-bg);
  color: var(--st-text);
  font-family: var(--font-sans);
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}
html, body { overflow-x: clip; }
*, *::before, *::after { box-sizing: border-box; }

.st-site a,
.st-site a:link,
.st-site a:visited,
.elementor-widget-html a,
.elementor-widget-html a:link,
.elementor-widget-html a:visited {
  color: inherit;
  text-decoration: none;
}
.st-site img { max-width: 100%; height: auto; display: block; }
.urdu, [dir="rtl"], [lang="ur"] { font-family: var(--font-urdu); direction: rtl; }
.st-page__urdu,
.st-shop__urdu,
.st-hero__urdu,
.st-urdu-chip,
.st-loader__urdu,
.st-catchip__urdu {
  font-family: var(--font-urdu) !important;
  line-height: 2.2 !important;
  overflow: visible !important;
  padding-top: 0.15em;
  padding-bottom: 0.3em;
  text-rendering: optimizeLegibility;
  word-break: keep-all;
  overflow-wrap: normal;
  contain: none !important;
}

/* Buttons */
.st-btn {
  font-family: var(--font-sans);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  appearance: none;
  border-radius: 2px;
  align-items: center;
  gap: 10px;
  padding: 12px 22px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.2, 0.7, 0.2, 1);
  display: inline-flex;
  box-sizing: border-box;
}
.st-btn--lg { padding: 16px 32px; }
.st-btn--brass {
  background: var(--st-brass);
  color: var(--st-bg) !important;
  border: 1px solid var(--st-brass);
}
.st-btn--brass:hover {
  background: var(--st-brass-deep);
  border-color: var(--st-brass-deep);
  color: var(--st-text) !important;
}
.st-btn--brass:visited { color: var(--st-bg) !important; }
.st-btn--brass:hover:visited { color: var(--st-text) !important; }
.st-btn--ghost {
  color: var(--st-text) !important;
  border: 1px solid var(--st-border);
  background: transparent;
}
.st-btn--ghost:hover { border-color: var(--st-brass); color: var(--st-brass) !important; }
.st-btn__arrow { transition: transform 0.25s; }
.st-btn:hover .st-btn__arrow { transform: translateX(4px); }
.st-ico {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  display: block;
}
.st-btn .st-ico { width: 15px; height: 15px; }
.wa-dot { display: none !important; }

/* Header */
.st-header {
  z-index: 100;
  background: var(--st-bg);
  border-bottom: 1px solid var(--st-border);
  position: sticky;
  top: 0;
  width: 100%;
  overflow: visible;
}
.st-header__top {
  background: var(--st-bg);
  padding: 7px 0;
  border-bottom: 1px solid var(--st-border);
  justify-content: center;
  display: flex;
  overflow: hidden;
  width: 100%;
}
.st-header__announce {
  font-family: var(--font-sans);
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--st-muted);
  align-items: center;
  justify-content: center;
  font-size: 10px;
  display: flex;
  width: 100%;
  overflow: hidden;
}
.st-header__announce-track {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  width: 100%;
}
.st-header__announce-set {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  white-space: nowrap;
  flex-shrink: 0;
}
.st-header__announce-set[aria-hidden="true"] { display: none; }
.st-header__announce .dot { color: var(--st-brass); font-size: 7px; }
.st-header__announce .urdu,
.st-header__announce [lang="ur"] {
  font-family: var(--font-urdu);
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
  font-weight: 400;
  color: var(--st-brass);
  line-height: 1.8;
  padding: 0;
}
.st-header__main {
  max-width: var(--st-maxw);
  width: 100%;
  padding: 0 var(--st-pad);
  align-items: center;
  gap: 28px;
  height: 80px;
  min-height: 80px;
  margin: 0 auto;
  display: flex;
}
.st-logo {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  line-height: 1;
  display: flex;
  color: inherit;
  flex-shrink: 0;
  text-decoration: none;
}
.st-header .st-logo img,
.st-logo img {
  width: 56px;
  height: 56px;
  border-radius: 0;
  object-fit: contain;
  border: 0;
  background: transparent;
  flex-shrink: 0;
}
.st-logo__text { display: flex; flex-direction: column; gap: 4px; }
.st-logo__mark {
  font-family: var(--font-display);
  font-style: italic;
  font-size: 26px;
  color: var(--st-brass);
  line-height: 1;
  display: block;
  letter-spacing: 0.02em;
  text-transform: none;
  font-weight: 400;
}
.st-logo__sub {
  font-family: var(--font-sans);
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--st-muted);
  font-size: 8px;
  margin-top: 0;
  display: block;
  font-weight: 500;
}
.st-nav {
  justify-content: center;
  gap: 2px;
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
}
.st-navlink {
  font-family: var(--font-sans);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--st-muted);
  border-radius: 0;
  padding: 6px 10px;
  font-size: 11px;
  font-weight: 500;
  transition: color 0.2s, border-color 0.2s;
  border-bottom: 1px solid transparent;
  white-space: nowrap;
  background: transparent !important;
}
.st-navlink:hover, .st-navlink--active { color: var(--st-cream) !important; background: transparent !important; }
.st-navlink--active { border-bottom-color: var(--st-brass); }
body.home .st-navlink[href="/"],
body.woocommerce-shop .st-navlink[href="/shop"],
body.woocommerce-page.post-type-archive-product .st-navlink[href="/shop"],
body.tax-product_cat .st-navlink[href="/shop"],
body.single-product .st-navlink[href="/shop"] { color: var(--st-cream); border-bottom-color: var(--st-brass); }
.st-header__end {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.st-header-search {
  margin-left: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 42px;
  width: 240px;
  min-width: 200px;
  padding: 0 14px 0 16px;
  border-radius: 999px;
  background: #2a2114;
  border: 1px solid var(--st-border);
  flex: 0 0 240px;
  color: var(--st-muted);
}
.st-header-search .st-ico { width: 16px; height: 16px; flex-shrink: 0; }
.st-header-search input[type="search"] {
  width: 100%;
  min-width: 0;
  opacity: 1;
  border: 0 !important;
  background: transparent !important;
  color: var(--st-cream);
  font-family: var(--font-sans);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.01em;
  padding: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  appearance: none;
  -webkit-appearance: none;
}
.st-header-search input[type="search"]::placeholder { color: #A68F67; opacity: 0.85; }
.st-header-search input[type="search"]::-webkit-search-decoration,
.st-header-search input[type="search"]::-webkit-search-cancel-button { appearance: none; -webkit-appearance: none; }
.st-header-search button {
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--st-muted) !important;
  padding: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  display: inline-flex !important;
  cursor: pointer;
  flex-shrink: 0;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.st-header-search button:hover,
.st-header-search button:focus {
  background: transparent !important;
  color: var(--st-brass) !important;
}
.st-header__actions {
  align-items: center;
  gap: 4px;
  display: flex;
  flex-shrink: 0;
}
.st-iconbtn--wa { color: var(--st-brass); }
.st-iconbtn--wa .st-ico { width: 18px; height: 18px; }
.st-iconbtn .st-ico { width: 20px; height: 20px; }
.st-iconbtn {
  width: 36px;
  height: 36px;
  border: 0 !important;
  color: var(--st-brass) !important;
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0 !important;
  cursor: pointer;
  text-decoration: none;
  box-shadow: none !important;
}
.st-iconbtn:hover,
.st-iconbtn:focus,
.st-iconbtn:focus-visible {
  border: 0 !important;
  background: transparent !important;
  color: var(--st-cream) !important;
  box-shadow: none !important;
}
.st-header .st-search-toggle {
  display: none !important;
}
.st-cartbtn { position: relative; }
.st-cart-badge {
  position: absolute;
  top: 2px;
  right: 0;
  min-width: 15px;
  height: 15px;
  padding: 0 4px;
  border-radius: 99px;
  background: var(--st-latte);
  color: var(--st-bg);
  font-family: var(--font-sans);
  font-size: 9px;
  font-weight: 600;
  line-height: 15px;
  text-align: center;
}
body.st-cart-open { overflow: hidden; }
.st-cart {
  position: fixed;
  inset: 0;
  z-index: 240;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.28s ease, visibility 0.28s ease;
}
.st-cart.is-open {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
}
.st-cart.st-cart--lock .st-cart__veil {
  pointer-events: none !important;
}
.st-cart__veil {
  position: absolute;
  inset: 0;
  background: #0a0804cc;
  backdrop-filter: blur(4px);
}
.st-cart__panel {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: min(420px, 100vw);
  background: var(--st-bg);
  border-left: 1px solid color-mix(in srgb, var(--st-brass) 40%, transparent);
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.34s ease;
}
.st-cart.is-open .st-cart__panel { transform: translateX(0); }
.st-cart__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 28px 24px 18px;
  border-bottom: 1px solid color-mix(in srgb, var(--st-brass) 28%, transparent);
}
.st-cart__title {
  margin: 0;
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 400;
  font-size: 32px;
  color: var(--st-brass);
  line-height: 1.1;
}
.st-cart__count {
  margin: 8px 0 0;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-size: 11px;
  color: var(--st-latte);
}
.st-cart__close { flex-shrink: 0; margin-top: 4px; }
.st-cart__items {
  flex: 1;
  overflow: auto;
  padding: 8px 24px 16px;
}
.st-cart__empty {
  padding: 48px 8px;
  text-align: center;
  color: var(--st-muted);
}
.st-cart__empty a { color: var(--st-brass); }
.st-cart__item {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  gap: 12px;
  padding: 16px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--st-brass) 22%, transparent);
}
.st-cart__thumb {
  width: 72px;
  height: 72px;
  background: var(--st-surface) center / cover no-repeat;
  display: block;
}
.st-cart__name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: var(--font-display);
  font-style: italic;
  font-size: 16px;
  line-height: 1.3;
  color: var(--st-cream) !important;
}
.st-cart__line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  margin-top: 8px;
}
.st-cart__qtybox {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--st-muted);
  font-size: 12px;
}
.st-cart__qbtn {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--st-brass) 40%, transparent);
  color: var(--st-cream);
  cursor: pointer;
  user-select: none;
  line-height: 1;
}
.st-cart__qbtn:hover { border-color: var(--st-brass); color: var(--st-brass); }
.st-cart__qval { letter-spacing: 0.06em; min-width: 44px; }
.st-cart__remove {
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 10px;
  color: var(--st-muted);
  cursor: pointer;
}
.st-cart__remove:hover { color: var(--st-cream); }
.st-cart__price {
  font-size: 14px;
  font-weight: 600;
  color: var(--st-brass);
  white-space: nowrap;
}
.st-cart__foot {
  padding: 16px 24px 24px;
  border-top: 1px solid color-mix(in srgb, var(--st-brass) 28%, transparent);
}
.st-cart__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 8px;
  color: var(--st-muted);
  font-size: 14px;
}
.st-cart__row strong {
  color: var(--st-brass);
  font-size: 18px;
  font-weight: 600;
}
.st-cart__row em {
  font-style: normal;
  color: #3dba6a;
  font-weight: 600;
}
.st-cart__note {
  margin: 0 0 16px;
  font-size: 12px;
  color: var(--st-muted);
}
.st-cart__checkout {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 50px;
  background: var(--st-brass) !important;
  color: #F8E8D2 !important;
  -webkit-text-fill-color: #F8E8D2 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-family: var(--font-sans) !important;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 8px;
}
.st-cart__checkout:hover { filter: brightness(1.06); color: #F8E8D2 !important; -webkit-text-fill-color: #F8E8D2 !important; }
.st-cart__wa {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 46px;
  border: 1px solid color-mix(in srgb, var(--st-brass) 70%, transparent);
  color: var(--st-cream) !important;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  margin-bottom: 12px;
}
.st-cart__wa:hover { background: color-mix(in srgb, var(--st-brass) 14%, transparent); }
.st-cart__view {
  display: block;
  text-align: center;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 11px;
  color: var(--st-brass) !important;
}
.st-pdp-atc.is-in-cart {
  background: transparent !important;
  color: var(--st-brass) !important;
  border-color: var(--st-brass) !important;
}
.st-menu-btn { display: inline-flex; }
.st-mob-menu-btn { display: none; }
.st-menu[hidden] { display: none !important; }
.st-menu {
  position: fixed;
  inset: 0;
  z-index: 200;
}
.st-menu__veil {
  position: absolute;
  inset: 0;
  background: #00000080;
}
.st-menu__panel {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: min(380px, 92vw);
  background: var(--st-bg);
  border-left: 1px solid var(--st-border);
  padding: 28px 32px 40px;
  overflow: auto;
}
.st-menu__close { margin-left: auto; margin-bottom: 28px; display: flex; }
.st-menu__eyebrow {
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--st-muted);
  font-size: 10px;
  margin: 0 0 28px;
}
.st-menu__nav {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 36px;
}
.st-menu__nav a {
  font-family: var(--font-display);
  font-size: 28px;
  color: var(--st-cream);
  display: flex;
  align-items: baseline;
  gap: 16px;
  padding: 8px 0;
  border-bottom: 1px solid var(--st-border);
}
.st-menu__nav a span {
  font-family: var(--font-sans);
  font-size: 11px;
  letter-spacing: 0.16em;
  color: var(--st-brass);
}
.st-menu__nav a:hover { color: var(--st-brass); }
body.st-menu-open { overflow: hidden; }

.st-btn--wa {
  background: var(--st-brass);
  color: #20180C !important;
  -webkit-text-fill-color: #20180C !important;
  border: 1px solid var(--st-brass);
  padding: 8px 14px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  flex-shrink: 0;
  gap: 8px;
}
.st-btn--wa:hover,
.st-btn--wa:hover:visited {
  background: var(--st-brass-deep);
  border-color: var(--st-brass-deep);
  color: #F8E8D2 !important;
  -webkit-text-fill-color: #F8E8D2 !important;
}
.st-btn--wa:visited { color: #20180C !important; -webkit-text-fill-color: #20180C !important; }
.st-btn--wa::before,
.st-btn--lg.st-btn--wa::before {
  display: none !important;
  content: none;
}

.st-footer a.st-btn--wa,
.st-footer a.st-btn--wa:link,
.st-footer a.st-btn--wa:visited,
.st-footer a.st-btn--wa:hover,
.elementor-widget-html a.st-btn.st-btn--wa,
.elementor-widget-html a.st-btn.st-btn--wa:link,
.elementor-widget-html a.st-btn.st-btn--wa:visited,
body.elementor-page .elementor-widget-html a.st-btn.st-btn--wa,
body.elementor-page .elementor-widget-html a.st-btn.st-btn--wa:visited {
  background: var(--st-brass) !important;
  color: #20180C !important;
  -webkit-text-fill-color: #20180C !important;
  border: 1px solid var(--st-brass) !important;
}
body.elementor-page .elementor-widget-html a.st-btn.st-btn--wa:hover,
.st-footer a.st-btn--wa:hover {
  background: #8a5624 !important;
  border-color: #8a5624 !important;
  color: #F8E8D2 !important;
  -webkit-text-fill-color: #F8E8D2 !important;
}
.st-footer a.st-btn--wa .st-ico,
.elementor-widget-html a.st-btn--wa .st-ico {
  color: inherit !important;
}

/* Footer */
.st-footer {
  background: var(--st-bg);
  padding: 80px var(--st-pad) 30px;
  border-top: 1px solid var(--st-border);
}
.st-footer__grid {
  max-width: var(--st-maxw);
  grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr));
  gap: 42px;
  margin: 0 auto 60px;
  display: grid;
}
.st-footer .st-logo img,
.st-footer__logo {
  width: 48px !important;
  height: 48px !important;
  margin-bottom: 0;
  border-radius: 0;
  object-fit: contain;
  background: transparent !important;
  border: 0 !important;
}
.st-footer__mark {
  font-family: var(--font-display);
  color: var(--st-brass);
  font-size: clamp(36px, 4vw, 48px);
  font-style: normal;
  letter-spacing: 0.02em;
  line-height: 0.9;
  display: block;
  text-transform: uppercase;
}
.st-footer__mark-sub {
  color: var(--st-muted);
  letter-spacing: 0.3em;
  text-transform: uppercase;
  font-size: 9px;
  margin-top: 6px;
}
.st-footer__tag {
  font-family: var(--font-display);
  color: var(--st-text);
  margin: 20px 0 16px;
  font-size: clamp(20px, 2vw, 25px);
  font-style: italic;
  line-height: 1.35;
  max-width: 390px;
}
.st-footer__desc {
  color: var(--st-muted);
  font-size: 14px;
  line-height: 1.7;
  max-width: 390px;
}
.st-footer__contact {
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.st-footer__contact a {
  font-family: var(--font-display);
  color: var(--st-text);
  font-size: 22px;
  letter-spacing: 0.02em;
}
.st-footer__contact a[href^="mailto"] {
  font-family: var(--font-sans);
  font-size: 14px;
  letter-spacing: 0.04em;
  color: var(--st-muted);
}
.st-footer__contact a:hover { color: var(--st-brass); }
.st-footer__socials { display: flex; gap: 12px; margin-top: 22px; flex-wrap: wrap; align-items: center; }
.st-footer__soc {
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 11px;
  color: var(--st-muted);
  border: 1px solid var(--st-border);
  padding: 10px 14px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.st-footer__soc:hover { color: var(--st-text); border-color: var(--st-brass); }
.st-footer__pay {
  max-width: var(--st-maxw);
  margin: 0 auto 28px;
  padding-top: 8px;
  border-top: 1px solid var(--st-border);
}
.st-footer__pay h5 { margin-bottom: 14px; }
.st-footer__pay-row { display: flex; flex-wrap: wrap; gap: 10px; }
.st-footer__pay-row span {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 11px;
  color: var(--st-muted);
  border: 1px solid var(--st-border);
  padding: 8px 12px;
}
.st-footer h5 {
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--st-brass);
  font-size: 11px;
  font-weight: 600;
  margin: 0 0 18px;
}
.st-footer ul { list-style: none; margin: 0; padding: 0; }
.st-footer li { margin: 0 0 10px; }
.st-footer li a {
  color: var(--st-muted);
  font-size: 14px;
  transition: color 0.2s;
}
.st-footer li a:hover { color: var(--st-text); }
.st-footer__bottom {
  max-width: var(--st-maxw);
  margin: 0 auto;
  padding-top: 24px;
  border-top: 1px solid var(--st-border);
  display: flex;
  justify-content: space-between;
  gap: 16px;
  color: var(--st-muted);
  font-size: 12px;
  flex-wrap: wrap;
}
.st-footer__bottom .urdu { color: var(--st-brass); font-size: 16px; }

/* Page interiors */
.st-page {
  max-width: var(--st-maxw);
  padding: clamp(48px, 7vw, 96px) var(--st-pad) clamp(64px, 8vw, 120px);
  margin: 0 auto;
}
.st-page__head {
  text-align: center;
  max-width: 760px;
  margin: 0 auto clamp(36px, 5vw, 72px);
  overflow: visible !important;
  contain: none !important;
}
.st-page__crumb {
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--st-muted);
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 28px;
  font-size: 12px;
  display: flex;
}
.st-page__crumb a { color: var(--st-brass); }
.st-page__crumb a:hover { color: var(--st-text); }
.st-page__eyebrow {
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--st-brass);
  margin-bottom: 14px;
  font-size: 11px;
  display: block;
}
.st-page__title {
  font-family: var(--font-display);
  letter-spacing: 0.02em;
  margin: 0 0 12px;
  font-size: clamp(40px, 6vw, 64px);
  font-weight: 400;
  line-height: 1.05;
  text-transform: uppercase;
}
.st-page__title em { color: var(--st-brass); font-style: italic; }
.st-page__urdu {
  font-family: var(--font-urdu);
  color: var(--st-brass);
  margin: 0 0 10px;
  font-size: clamp(20px, 2.4vw, 28px);
  line-height: 2.2;
  direction: rtl;
  overflow: visible;
  display: block;
  padding: 0.15em 0 0.3em;
}
.st-page__lede {
  color: var(--st-muted);
  max-width: 540px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 1.7;
}
.st-page__body { max-width: 1100px; margin: 0 auto; }
.st-prose h2 {
  font-family: var(--font-display);
  color: var(--st-brass);
  font-size: 28px;
  font-weight: 400;
  margin: 40px 0 16px;
}
.st-prose p, .st-prose li {
  color: var(--st-muted);
  font-size: 16px;
  line-height: 1.85;
}
.st-prose p { margin: 0 0 16px; }
.st-prose ul { padding-left: 20px; margin: 0 0 16px; }
.st-updated { color: var(--st-muted); font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 32px; }

/* Hero — one screen: header + hero = 100vh */
.st-hero {
  justify-content: center;
  align-items: center;
  height: calc(100svh - var(--wp-admin--admin-bar--height, 0px) - var(--st-header-stack));
  min-height: 520px;
  max-height: calc(100svh - var(--wp-admin--admin-bar--height, 0px) - var(--st-header-stack));
  display: flex;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}
.st-hero__bg {
  filter: sepia(0.35) saturate(0.8) brightness(0.38);
  background-position: 50% 40%;
  background-size: cover;
  position: absolute;
  inset: 0;
}
.st-hero__vignette {
  background: radial-gradient(#20180c00 28%, #20180ce6 100%);
  position: absolute;
  inset: 0;
}
.st-hero__content {
  z-index: 2;
  text-align: center;
  max-width: 820px;
  width: 100%;
  margin: 0 auto;
  padding: 8px var(--st-pad) 56px;
  position: relative;
  box-sizing: border-box;
}
.st-hero__eyebrow {
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--st-brass);
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
  font-size: 11px;
  display: flex;
}
.st-rule { width: 40px; height: 1px; background: var(--st-brass); opacity: 0.5; }
.st-hero__title {
  font-family: var(--font-display);
  letter-spacing: 0.02em;
  flex-direction: column;
  margin: 0;
  font-size: clamp(28px, 4.6vw, 58px);
  font-weight: 400;
  line-height: 0.98;
  display: flex;
  text-transform: uppercase;
}
.st-hero__title em { color: var(--st-brass); font-style: italic; }
.st-enddot {
  display: inline-block;
  width: 0.2em;
  height: 0.2em;
  margin-left: 0.08em;
  border-radius: 50%;
  background: currentColor;
  vertical-align: 0.12em;
}
.st-hero__urdu {
  font-family: var(--font-urdu);
  color: var(--st-brass);
  opacity: 0.85;
  margin: 8px auto 0;
  font-size: clamp(16px, 2vw, 24px);
  display: block;
  direction: rtl;
  max-width: 640px;
  line-height: 2.45;
  overflow: visible;
}
.st-hero__sub {
  color: var(--st-muted);
  max-width: 560px;
  margin: 12px auto 0;
  font-size: 15px;
  line-height: 1.6;
}
.st-hero__proof {
  color: #f0e8d8c2;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px 18px;
  margin: 14px auto 0;
  font-size: 9px;
  display: flex;
}
.st-hero__proof span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.st-hero__proof span::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--st-brass);
  flex-shrink: 0;
}
.st-hero__cta { flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 18px; display: flex; }
.st-hero__stat { display: none; }
.st-hero__scroll {
  z-index: 4;
  position: absolute;
  left: 50%;
  bottom: 52px;
  width: 22px;
  height: 34px;
  border: 1px solid color-mix(in srgb, var(--st-brass) 55%, transparent);
  border-radius: 99px;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  padding-top: 7px;
}
.st-hero__scroll span {
  width: 4px;
  height: 8px;
  border-radius: 99px;
  background: var(--st-brass);
  animation: st-scroll-cue 1.6s ease-in-out infinite;
}
@keyframes st-scroll-cue {
  0%, 100% { transform: translateY(0); opacity: 0.35; }
  50% { transform: translateY(8px); opacity: 1; }
}
.st-hero__marquee {
  border-top: 1px solid var(--st-border);
  background: var(--st-surface);
  z-index: 3;
  align-items: center;
  height: 44px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0;
  overflow: hidden;
  box-sizing: border-box;
}
.st-hero__marquee-track {
  white-space: nowrap;
  width: max-content;
  animation: 38s linear infinite st-marquee;
  display: flex;
}
.st-hero__marquee-copy {
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--st-muted);
  align-items: center;
  gap: 32px;
  padding-right: 32px;
  font-size: 10px;
  display: inline-flex;
}
.st-hero__marquee-dot { color: var(--st-brass); font-size: 7px; }
@keyframes st-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-33.333%); }
}
@keyframes st-kenburns {
  from { transform: scale(1.14); }
  to { transform: scale(1.04); }
}
@keyframes st-rise {
  from { opacity: 0; transform: translateY(28px); }
  to { opacity: 1; transform: none; }
}
@keyframes st-announce {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* Sections */
.st-section-eyebrow {
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--st-brass);
  font-size: 11px;
  display: block;
}
.st-section-title {
  font-family: var(--font-display);
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0.02em;
  margin: 10px 0 0;
  text-transform: none;
}
.st-section-title em { color: var(--st-brass); font-style: italic; }
.st-section-lede {
  color: var(--st-muted);
  max-width: 560px;
  font-size: 18px;
  line-height: 1.7;
  margin: 14px 0 0;
}

.st-collections { max-width: var(--st-maxw); margin: 0 auto; padding: 56px var(--st-pad) 40px; position: relative; overflow: visible !important; contain: none !important; }
.st-collections__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  position: relative;
  margin-bottom: 20px;
  overflow: visible !important;
}
.st-collections__copy {
  flex: 1 1 auto;
  max-width: 640px;
  position: relative;
  z-index: 2;
}
.st-collections__aside {
  flex: 0 1 360px;
  position: relative;
  z-index: 1;
  overflow: visible !important;
  contain: none !important;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  min-height: 0;
  padding: 4px 0 0;
}
.st-collections__watermark {
  position: absolute;
  right: 0;
  bottom: -6px;
  font-family: var(--font-urdu);
  font-size: clamp(52px, 6.5vw, 92px);
  color: var(--st-brass);
  opacity: 0.16;
  line-height: 1 !important;
  pointer-events: none;
  user-select: none;
  direction: rtl;
  white-space: nowrap;
  z-index: 0;
  max-width: none;
  overflow: visible !important;
  display: block;
  padding: 0.5em 0.12em 0.58em;
  margin: 0;
  text-align: right;
}
.st-coll-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 210px;
  gap: 8px;
  isolation: isolate;
}
a.st-coll-card,
a.st-coll-card:link,
a.st-coll-card:visited,
a.st-coll-card:hover,
a.st-coll-card:focus,
a.st-coll-card:active {
  color: inherit !important;
  text-decoration: none !important;
}
.st-coll-card:first-child,
.st-coll-card:nth-child(2),
.st-coll-card--featured {
  grid-column: span 2;
  grid-row: span 2;
}
.st-coll-card {
  background-color: var(--st-surface);
  color: inherit;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}
.st-coll-card__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: scale(1);
  transition: transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.st-coll-card::before,
.st-coll-card::after { content: none; display: none; }
.st-coll-grid a,
.st-coll-grid .st-coll-card,
.elementor-widget-html .st-coll-card {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.st-coll-card:hover { border: 0 !important; }
.st-coll-card:hover .st-coll-card__bg { transform: scale(1.06); }
.st-coll-card__veil {
  display: block;
  background: linear-gradient(#20180c00 0%, #20180c33 50%, #20180cc7 100%);
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.st-coll-card:first-child .st-coll-card__badge,
.st-coll-card:nth-child(2) .st-coll-card__badge,
.st-coll-card--featured .st-coll-card__badge { display: none; }
.st-coll-card__badge {
  z-index: 2;
  width: 28px;
  height: 28px;
  font-family: var(--font-display);
  color: var(--st-cream) !important;
  letter-spacing: 0.08em;
  background: #20180cd1;
  border: 1px solid color-mix(in srgb, var(--st-brass) 55%, transparent);
  border-radius: 50%;
  place-items: center;
  font-size: 11px;
  display: grid;
  position: absolute;
  top: 12px;
  left: 12px;
}
.st-coll-card__body {
  z-index: 2;
  background: linear-gradient(#0000, #20180ce6 70%);
  border-top: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px;
  align-items: flex-end;
  gap: 10px;
  min-height: 72px;
  padding: 18px 16px 14px;
  position: relative;
}
.st-coll-card--featured .st-coll-card__body {
  min-height: 88px;
  padding: 16px 18px;
}
.st-coll-card:hover .st-coll-card__body { transform: none; }
.st-coll-card__title,
.st-coll-card h3 {
  font-family: var(--font-display) !important;
  color: var(--st-cream) !important;
  letter-spacing: 0;
  text-transform: none !important;
  text-shadow: none;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.st-coll-card--featured .st-coll-card__title,
.st-coll-card--featured h3 {
  font-size: 28px !important;
}
.st-coll-card:hover .st-coll-card__title,
.st-coll-card:hover h3 {
  color: var(--st-cream) !important;
}
.st-coll-card__count {
  color: var(--st-latte) !important;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-top: 5px;
  font-size: 9px;
  display: block;
}
.st-coll-card__cta {
  width: 34px; height: 34px;
  color: var(--st-brass) !important;
  border: 1px solid color-mix(in srgb, var(--st-brass) 55%, transparent);
  background: transparent;
  border-radius: 50%;
  display: grid; place-items: center; flex-shrink: 0;
  font-size: 14px;
  transition: color 0.25s, background 0.25s, border-color 0.25s;
}
.st-coll-card:hover .st-coll-card__cta {
  color: var(--st-bg) !important;
  background: var(--st-brass);
  transform: none;
}

.st-featured { padding: 100px var(--st-pad); max-width: var(--st-maxw); margin: 0 auto; text-align: center; }
.st-featured__grid { grid-template-columns: repeat(4, 1fr); gap: 40px 28px; margin-top: 48px; display: grid; text-align: left; overflow: visible; }
.st-featured__more { margin-top: 40px; }
.st-featured__hint {
  color: var(--st-muted);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.5;
  margin: 16px auto 0;
  max-width: 520px;
}

.st-pcard {
  display: flex;
  flex-direction: column;
  color: inherit;
  min-width: 0;
}
.st-pcard__media {
  aspect-ratio: 4/5;
  background: var(--st-surface);
  position: relative;
  overflow: hidden;
  display: block;
}
.st-pcard__img {
  background-position: 50% 50%;
  background-size: cover;
  position: absolute;
  inset: 0;
  transform: scale(1);
  transition: transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.st-pcard:hover .st-pcard__img { transform: scale(1.06); }
.st-pcard__badge { display: none; }
.st-pcard__cat {
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--st-muted);
  font-size: 10px;
  margin: 16px 0 8px;
}
.st-pcard__name {
  font-family: var(--font-display);
  font-style: italic;
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 10px;
  line-height: 1.28;
  min-height: 2.56em;
}
.st-pcard__name a { color: var(--st-text); }
.st-pcard__name a:hover { color: var(--st-brass); }
.st-pcard__price { font-size: 13px; letter-spacing: 0.02em; }
.st-pcard__now { color: var(--st-brass); }
.st-pcard__compare { color: var(--st-muted); text-decoration: line-through; margin-right: 10px; }
.st-pcard__cart {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 18px;
}
.st-pcard__cart > a:first-child {
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--st-muted);
  font-size: 10px;
}
.st-pcard__cart > a:first-child:hover { color: var(--st-brass); }
.st-pcard__plus {
  width: 32px;
  height: 32px;
  border: 1px solid color-mix(in srgb, var(--st-brass) 70%, transparent);
  border-radius: 50%;
  color: var(--st-brass) !important;
  display: grid;
  place-items: center;
  font-size: 18px;
  line-height: 1;
  flex-shrink: 0;
  padding-bottom: 2px;
  transition: background 0.25s, color 0.25s, border-color 0.25s;
}
.st-pcard__plus:hover {
  background: var(--st-brass);
  border-color: var(--st-brass);
  color: var(--st-bg) !important;
}

.testi-wrap { max-width: var(--st-maxw); margin: 0 auto; padding: 100px var(--st-pad); }
.st-testi-rating {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin: 22px 0 44px;
  padding: 10px 22px;
  border: 1px solid var(--st-border);
  border-radius: 99px;
  background: var(--st-surface);
}
.st-testi-rating__rule { width: 1px; height: 16px; background: var(--st-border); }
.st-testi-rating strong { font-family: var(--font-display); font-size: 16px; }
.st-testi-rating span span { color: var(--st-muted); }
.st-testi-slider {
  position: relative;
  text-align: left;
  padding: 0 52px;
}
.st-testi-viewport { overflow: hidden; }
.st-testi-track {
  display: flex;
  gap: 20px;
  transition: transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1);
  will-change: transform;
}
.st-testi-nav {
  position: absolute;
  top: 50%;
  z-index: 3;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  border-radius: 50%;
  border: 1px solid var(--st-brass);
  background: var(--st-bg);
  color: var(--st-brass);
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  display: grid;
  place-items: center;
  padding: 0 0 3px;
  transition: background 0.25s, color 0.25s, opacity 0.25s;
}
.st-testi-nav--prev { left: 0; }
.st-testi-nav--next { right: 0; }
.st-testi-nav:hover {
  background: var(--st-brass);
  color: var(--st-bg);
}
.st-testi-nav:disabled {
  opacity: 0.35;
  cursor: default;
  background: var(--st-bg);
  color: var(--st-brass);
}
.st-testi {
  position: relative;
  flex: 0 0 calc((100% - 40px) / 3);
  min-width: 0;
  background: var(--st-surface);
  border: 1px solid var(--st-border);
  border-radius: 6px;
  padding: 40px 28px 28px;
  display: flex;
  flex-direction: column;
  min-height: 280px;
  box-sizing: border-box;
  transition: transform 0.45s ease, border-color 0.45s ease, box-shadow 0.45s ease;
}
.st-testi__city {
  font-size: 11px;
  color: var(--st-muted);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.st-testi__verified {
  color: var(--st-brass);
  font-size: 9.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.st-testi:hover {
  transform: translateY(-6px);
  border-color: color-mix(in srgb, var(--st-brass) 55%, var(--st-border));
  box-shadow: 0 18px 40px #00000055;
}
.st-testi__q {
  position: absolute; top: 4px; left: 20px;
  font-family: var(--font-display); font-size: 96px; line-height: 1;
  color: var(--st-brass); opacity: 0.1; pointer-events: none;
}
.st-stars { color: var(--st-brass); font-size: 13px; letter-spacing: 3px; margin-bottom: 16px; }
.st-testi p { font-size: 14.5px; line-height: 1.85; margin: 0 0 24px; flex: 1; }
.st-testi__who {
  display: flex; align-items: center; gap: 12px;
  padding-top: 18px; border-top: 1px solid var(--st-border);
}
.st-avatar {
  width: 40px; height: 40px; border-radius: 50%;
  background: color-mix(in srgb, var(--st-brass) 12%, transparent); border: 1px solid var(--st-brass);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-display); font-style: italic; font-size: 18px; color: var(--st-brass);
}

.st-founder {
  max-width: var(--st-maxw);
  width: 100%;
  padding: clamp(48px, 8vw, 120px) var(--st-pad);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  align-items: center;
  gap: clamp(28px, 5vw, 80px);
  margin: 0 auto;
  display: grid;
  box-sizing: border-box;
}
.st-founder > * { min-width: 0; max-width: 100%; }
.st-founder__photo {
  aspect-ratio: 4/5;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.st-founder__photo-img {
  filter: sepia(0.18) saturate(0.9) brightness(0.9) contrast(1.08);
  z-index: 1; background-position: center 20%; background-size: cover; position: absolute; inset: 0;
}
.st-founder__demo-badge { display: none !important; }
.st-founder__demo-badge img {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  border: 1px solid var(--st-brass);
  object-fit: cover;
  box-shadow: 0 18px 40px #00000080;
}
.st-founder__demo-badge span {
  letter-spacing: 0.28em;
  text-transform: uppercase;
  font-size: 10px;
  color: var(--st-brass);
}
.st-founder__photo-overlay {
  z-index: 2; pointer-events: none;
  background: linear-gradient(#0000 42%, #20180c38 70%, #20180cc2 100%);
  position: absolute; inset: 0;
}
.st-founder__photo-frame {
  border: 1px solid color-mix(in srgb, var(--st-brass) 45%, transparent);
  position: absolute;
  inset: 10px;
  z-index: 2;
  pointer-events: none;
}
.st-founder__caption {
  z-index: 3; position: absolute; bottom: 20px; left: 20px; right: 20px;
  display: flex; flex-direction: column; gap: 6px;
}
.st-founder__caption-urdu { font-family: var(--font-urdu); color: var(--st-brass); font-size: 18px; direction: rtl; }
.st-founder__caption-rule { width: 40px; height: 1px; background: var(--st-brass); }
.st-founder__caption > span:last-child {
  color: var(--st-cream);
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.45;
}
.st-founder__text p { color: var(--st-muted); font-size: 15px; line-height: 1.8; margin: 0 0 14px; }
.st-founder__text p em { color: var(--st-text); font-style: italic; }
.st-founder__text .st-btn { margin: 8px 0 0; }
.st-founder__sig { font-family: var(--font-display); font-style: normal; letter-spacing: 0.04em; text-transform: uppercase; font-size: 22px; display: block; }
.st-founder__sig-sub { color: var(--st-muted); font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; }
.st-founder__stats {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
  margin-top: 32px; padding-top: 28px; border-top: 1px solid var(--st-border);
}
.st-founder__stats strong { font-family: var(--font-display); font-size: 32px; display: block; color: var(--st-brass); letter-spacing: 0.02em; }
.st-founder__stats span { color: var(--st-muted); font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; }

.st-provenance {
  background: radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--st-brass) 8%, transparent), transparent 34%), var(--st-surface);
  border-top: 1px solid var(--st-border);
  border-bottom: 1px solid var(--st-border);
  padding: 64px var(--st-pad);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.st-provenance__urdu {
  font-family: var(--font-urdu); color: var(--st-brass); opacity: 0.035;
  pointer-events: none; font-size: clamp(72px, 18vw, 220px); line-height: 1;
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  white-space: nowrap;
  max-width: 100%;
}
.st-provenance__grid {
  max-width: var(--st-maxw);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px; margin: 40px auto 0; display: grid; position: relative;
}
.st-provenance__item {
  background: var(--st-bg);
  border: 1px solid var(--st-border);
  padding: 28px 22px;
  text-align: left;
  transition: transform 0.4s ease, border-color 0.4s ease, background 0.4s ease;
}
.st-provenance__item:hover {
  transform: translateY(-4px);
  border-color: var(--st-brass);
  background: color-mix(in srgb, var(--st-elev) 80%, var(--st-bg));
}
.st-provenance__num { color: var(--st-brass); letter-spacing: 0.18em; font-size: 12px; }
.st-provenance__item h4 { font-family: var(--font-display); font-size: 22px; font-weight: 400; margin: 12px 0 8px; }
.st-provenance__item p { color: var(--st-muted); font-size: 14px; line-height: 1.7; margin: 0; }

.st-instagram { max-width: var(--st-maxw); margin: 0 auto; padding: 100px 0; }
.st-instagram__head {
  padding: 0 var(--st-pad) 48px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 32px;
}
.st-ig-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; padding: 0 var(--st-pad); }
.st-ig-tile { aspect-ratio: 1; overflow: hidden; background: var(--st-surface); display: block; }
.st-ig-tile img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.7s ease; }
.st-ig-tile:hover img { transform: scale(1.06); }

.st-wa-banner {
  background: radial-gradient(circle at 8% 20%, color-mix(in srgb, var(--st-brass) 14%, transparent), transparent 34%), var(--st-surface);
  border-top: 1px solid var(--st-border);
  border-bottom: 1px solid var(--st-border);
  padding: 64px var(--st-pad);
  position: relative;
  overflow: hidden;
}
.st-wa-banner__urdu {
  position: absolute;
  right: var(--st-pad);
  top: 12px;
  font-family: var(--font-urdu);
  font-size: clamp(40px, 8vw, 96px);
  color: var(--st-brass);
  opacity: 0.12;
  line-height: 1.4;
  pointer-events: none;
  user-select: none;
  direction: rtl;
  z-index: 0;
}
.st-wa-banner__inner {
  max-width: var(--st-maxw);
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: clamp(48px, 8vw, 120px);
  margin: 0 auto;
  display: grid;
  position: relative;
  z-index: 1;
}
.st-wa-banner h2 {
  font-family: var(--font-display);
  margin: 10px 0 24px;
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.st-wa-banner h2 em { color: var(--st-brass); font-style: italic; }
.st-wa-banner__copy p { color: var(--st-muted); font-size: 16px; line-height: 1.7; max-width: 520px; }
.st-wa-banner__proof {
  display: flex;
  gap: 22px;
  margin-top: 22px;
  color: var(--st-muted);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  flex-wrap: wrap;
}
.st-wa-banner__proof span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.st-wa-banner__proof span::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--st-brass);
  flex-shrink: 0;
}
.st-wa-banner__card {
  background: var(--st-bg);
  border: 1px solid var(--st-border);
  padding: 36px 32px;
  position: relative;
}
.st-wa-banner__card h3 { font-family: var(--font-display); font-size: 28px; font-weight: 400; margin: 16px 0 10px; }
.st-wa-banner__card p { color: var(--st-muted); font-size: 15px; line-height: 1.7; }
.st-wa-banner__action {
  display: inline-flex; align-items: center; gap: 10px;
  margin-top: 22px; padding: 14px 22px;
  background: var(--st-brass); color: var(--st-bg) !important;
  letter-spacing: 0.08em; text-transform: uppercase; font-size: 13px;
  text-decoration: none !important;
  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
.st-wa-banner__action:hover,
.st-wa-banner__action:visited {
  background: var(--st-brass-deep);
  color: var(--st-text) !important;
}
.st-wa-banner__meta { display: flex; gap: 18px; margin-top: 18px; color: var(--st-muted); font-size: 12px; flex-wrap: wrap; }
.st-wa-banner__status { color: #25d366; font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; }

.st-trust {
  border-top: 1px solid var(--st-border);
  background: var(--st-bg);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  max-width: var(--st-maxw);
  margin: 0 auto;
}
.st-trust__item {
  display: flex; align-items: center; gap: 14px;
  padding: 14px 20px;
  border-right: 1px solid var(--st-border);
}
.st-trust__item:last-child { border-right: 0; }
.st-trust__item strong { display: block; font-size: 12.5px; font-weight: 600; }
.st-trust__item span { display: block; font-size: 11px; color: var(--st-muted); margin-top: 3px; }
.st-trust__item::before {
  content: "";
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border: 1px solid var(--st-brass);
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, var(--st-brass) 0 3px, transparent 3.5px),
    linear-gradient(var(--st-brass), var(--st-brass)) center / 10px 1px no-repeat;
}

/* FAQ */
.st-faq { max-width: 800px; margin: 0 auto; }
.st-faq-page .st-page__title {
  text-transform: none;
  font-size: clamp(36px, 5.6vw, 56px);
  letter-spacing: 0.01em;
  line-height: 1.12;
}
.st-faq-page .st-page__title em {
  color: var(--st-brass);
  font-style: italic;
}
.st-faq-page .st-page__lede {
  max-width: 520px;
  font-size: 15px;
  color: var(--st-muted);
}
.st-faq-page .st-page__crumb span { color: var(--st-latte); }
.st-faq__group { margin-bottom: 48px; }
.st-faq__group-title {
  font-family: var(--font-display);
  border-bottom: 1px solid color-mix(in srgb, var(--st-brass) 40%, transparent);
  color: var(--st-brass);
  margin: 0 0 4px;
  padding-bottom: 14px;
  font-size: clamp(24px, 3vw, 28px);
  font-weight: 400;
}
.st-faq details { border-bottom: 1px solid color-mix(in srgb, var(--st-brass) 28%, transparent); }
.st-faq summary {
  font-family: var(--font-display);
  color: var(--st-cream);
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 20px 0;
  font-size: 20px;
  font-weight: 400;
}
.st-faq summary::-webkit-details-marker { display: none; }
.st-faq summary:hover,
.st-faq details[open] summary { color: var(--st-brass); }
.st-faq__plus {
  color: var(--st-brass);
  font-size: 22px;
  line-height: 1;
  flex-shrink: 0;
}
.st-faq details[open] .st-faq__plus::before { content: "−"; }
.st-faq__plus::before { content: "+"; }
.st-faq__a {
  color: var(--st-muted);
  max-width: 680px;
  padding: 0 0 22px;
  line-height: 1.75;
  font-size: 15px;
}
.st-faq__cta {
  text-align: center;
  margin-top: 48px;
  padding: 40px 28px;
  border: 1px solid color-mix(in srgb, var(--st-brass) 35%, transparent);
  background: var(--st-surface);
}
.st-faq__cta h3 {
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 400;
  color: var(--st-brass);
  margin: 0 0 10px;
}
.st-faq__cta p {
  color: var(--st-muted);
  margin: 0 0 22px;
  font-size: 14px;
  line-height: 1.7;
}
.st-faq__cta a.st-btn--brass,
.st-faq__cta a.st-btn--brass:link,
.st-faq__cta a.st-btn--brass:visited {
  color: #20180C !important;
  -webkit-text-fill-color: #20180C !important;
}

/* Contact */
.st-contact-page .st-page__title {
  text-transform: none;
  font-size: clamp(40px, 6vw, 64px);
  letter-spacing: 0.01em;
}
.st-contact-page .st-page__lede {
  max-width: 420px;
  font-size: 15px;
  color: var(--st-muted);
}
.st-contact { grid-template-columns: 1fr 1.1fr; gap: 64px; display: grid; align-items: start; }
.st-contact__block { border-bottom: 1px solid color-mix(in srgb, var(--st-brass) 28%, transparent); margin-bottom: 28px; padding-bottom: 28px; }
.st-contact__block:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.st-contact__block h3 { font-family: var(--font-display); color: var(--st-brass); margin: 0 0 8px; font-size: 24px; font-weight: 400; }
.st-contact__block p { color: var(--st-muted); margin: 0 0 12px; font-size: 14px; line-height: 1.6; }
.st-contact__link {
  font-family: var(--font-display);
  color: var(--st-cream) !important;
  border-bottom: 1px solid var(--st-brass);
  padding-bottom: 2px;
  font-size: 22px;
  display: inline-block;
}
.st-contact__link:hover { color: var(--st-brass) !important; }
.st-contact__follow {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
}
.st-contact__follow a {
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: var(--st-brass) !important;
  border-bottom: 1px solid var(--st-brass);
  padding-bottom: 2px;
}
.st-contact__follow a:hover { color: var(--st-cream) !important; }
.st-contact__panel {
  border: 1px solid color-mix(in srgb, var(--st-brass) 32%, transparent);
  background: var(--st-surface);
  padding: 28px 28px 32px;
}
.st-form { display: grid; gap: 16px; }
.st-form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.st-form__honey {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.st-form label { font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--st-latte); display: block; margin-bottom: 6px; }
.st-form input, .st-form select, .st-form textarea {
  width: 100%;
  background: var(--st-bg);
  border: 1px solid color-mix(in srgb, var(--st-brass) 28%, transparent);
  color: var(--st-cream);
  padding: 14px 16px;
  font-family: inherit;
  font-size: 15px;
  border-radius: 0;
  box-sizing: border-box;
}
.st-form input:focus, .st-form select:focus, .st-form textarea:focus {
  outline: none;
  border-color: var(--st-brass);
}
.st-form textarea { min-height: 140px; resize: vertical; }
.st-form select {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--st-brass) 50%), linear-gradient(135deg, var(--st-brass) 50%, transparent 50%);
  background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 36px;
}
.st-form select option { background: var(--st-bg); color: var(--st-cream); }
.st-contact__panel .st-btn--brass,
.st-contact__panel .st-btn--brass:link,
.st-contact__panel .st-btn--brass:visited {
  color: #20180C !important;
  -webkit-text-fill-color: #20180C !important;
  margin-top: 4px;
  justify-self: start;
}
.st-contact__sent {
  margin: 0;
  color: var(--st-latte);
  font-size: 15px;
  line-height: 1.7;
}
@media (max-width: 640px) {
  .st-form__row { grid-template-columns: 1fr; }
}

/* Legal / policy pages (shipping, returns, privacy, terms) */
.st-legal-page .st-page__title {
  text-transform: none;
  font-size: clamp(40px, 6vw, 64px);
  letter-spacing: 0.01em;
  line-height: 1.08;
}
.st-legal-page .st-page__crumb span { color: var(--st-latte); }
.st-legal-page .st-updated {
  color: var(--st-muted);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin: 18px 0 0;
}
.st-legal {
  max-width: 760px;
  margin: 0 auto;
  padding-top: 40px;
  border-top: 1px solid color-mix(in srgb, var(--st-brass) 28%, transparent);
  text-align: left;
}
.st-legal h2 {
  font-family: var(--font-display);
  color: var(--st-brass);
  font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 400;
  margin: 36px 0 14px;
}
.st-legal h2:first-child { margin-top: 0; }
.st-legal p,
.st-legal li {
  color: var(--st-muted);
  font-size: 15px;
  line-height: 1.85;
}
.st-legal p { margin: 0 0 14px; }
.st-legal ul { padding-left: 20px; margin: 0 0 16px; }
.st-legal a { color: var(--st-brass); }
.st-legal a:hover { color: var(--st-cream); }

/* Size tables */
.st-table { width: 100%; border-collapse: collapse; margin: 0 0 40px; }
.st-table th, .st-table td {
  border-bottom: 1px solid var(--st-border);
  padding: 14px 12px;
  text-align: left;
  font-size: 14px;
}
.st-table th { color: var(--st-brass); letter-spacing: 0.12em; text-transform: uppercase; font-size: 11px; font-weight: 600; }
.st-table td { color: var(--st-muted); }

/* About timeline */
.st-values { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 48px 0; }
.st-value { border: 1px solid var(--st-border); padding: 28px; background: var(--st-surface); }
.st-value span { color: var(--st-brass); letter-spacing: 0.18em; font-size: 12px; }
.st-value h3 { font-family: var(--font-display); font-size: 22px; font-weight: 400; margin: 10px 0 8px; }
.st-value p { color: var(--st-muted); font-size: 15px; line-height: 1.7; margin: 0; }
.st-timeline { max-width: 720px; margin: 0 auto; }
.st-tl {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 24px;
  padding: 28px 0;
  border-bottom: 1px solid var(--st-border);
}
.st-tl:last-child { border-bottom: 0; }
.st-tl__year { font-family: var(--font-display); color: var(--st-brass); font-size: 28px; }
.st-tl h3, .st-tl h4 { font-family: var(--font-display); font-size: 22px; font-weight: 400; margin: 0 0 8px; color: var(--st-cream); }
.st-tl p { color: var(--st-muted); margin: 0; line-height: 1.75; }

/* Our Story — Sidraz layout, Shaban brand */
.st-about {
  max-width: var(--st-maxw);
  margin: 0 auto;
  padding: clamp(56px, 8vw, 104px) var(--st-pad) clamp(72px, 10vw, 128px);
}
.st-about-hero {
  text-align: center;
  max-width: 760px;
  margin: 0 auto clamp(56px, 8vw, 96px);
}
.st-about-hero__urdu {
  font-family: var(--font-urdu);
  color: var(--st-brass);
  margin: 0 0 18px;
  font-size: clamp(22px, 2.6vw, 32px);
  line-height: 2.2;
}
.st-about-hero__title {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(36px, 5.6vw, 64px);
  line-height: 1.12;
  letter-spacing: 0.01em;
  text-transform: none;
  color: var(--st-cream);
  margin: 0;
}
.st-about-hero__title em {
  color: var(--st-brass);
  font-style: italic;
}
.st-about-hero__lede {
  margin: 28px auto 0;
  max-width: 680px;
  color: var(--st-latte);
  font-size: 17px;
  line-height: 1.9;
}
.st-about-hero__lede em { color: var(--st-cream); font-style: italic; }
.st-about-pillars {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 36px 28px;
  margin: 0 0 clamp(64px, 9vw, 112px);
  padding: 8px 0 8px;
}
.st-about-pillars span {
  display: block;
  color: var(--st-brass);
  letter-spacing: 0.18em;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 12px;
}
.st-about-pillars h2 {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: 22px;
  color: var(--st-cream);
  margin: 0 0 10px;
  line-height: 1.25;
}
.st-about-pillars p {
  margin: 0;
  color: var(--st-muted);
  font-size: 14px;
  line-height: 1.75;
}
.st-about .st-founder,
.st-about-story {
  padding: 8px 0 clamp(56px, 8vw, 96px);
  max-width: none;
}
.st-about-time {
  max-width: 760px;
  margin: 0 auto clamp(48px, 7vw, 80px);
}
.st-about-time__title {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(32px, 4.4vw, 48px);
  text-align: center;
  text-transform: none;
  color: var(--st-cream);
  margin: 0 0 40px;
}
.st-about-time__title em { color: var(--st-brass); font-style: italic; }
.st-about-cta {
  text-align: center;
  padding: clamp(48px, 7vw, 80px) 0 0;
}
.st-about-cta h2 {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(28px, 4.2vw, 48px);
  line-height: 1.2;
  text-transform: none;
  color: var(--st-cream);
  max-width: 820px;
  margin: 0 auto 28px;
}
.st-about-cta h2 em { color: var(--st-brass); font-style: italic; }
.st-about-cta__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 22px 28px;
}
.st-about-cta__link {
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: var(--st-brass) !important;
}
.st-about-cta__link:hover { color: var(--st-cream) !important; }
@media (max-width: 900px) {
  .st-about-pillars { grid-template-columns: 1fr 1fr; gap: 28px 20px; }
}
@media (max-width: 640px) {
  .st-about-pillars { grid-template-columns: 1fr; }
  .st-tl { grid-template-columns: 1fr; gap: 6px; padding: 22px 0; }
  .st-tl__year { font-size: 22px; }
}

.st-thankyou { text-align: center; padding: 80px var(--st-pad) 120px; }
.st-thankyou__title { font-family: var(--font-display); font-size: clamp(72px, 14vw, 135px); margin: 0; line-height: 1; letter-spacing: 0.02em; text-transform: uppercase; }
.st-thankyou__title em { color: var(--st-brass); font-style: italic; }

@media (max-width: 1200px) {
  .st-nav { display: none; }
}
@media (max-width: 1100px) {
  .st-coll-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 190px; }
  .st-coll-card:first-child,
  .st-coll-card:nth-child(2),
  .st-coll-card--featured { grid-column: span 2; grid-row: span 2; }
  .st-coll-card--featured .st-coll-card__title,
  .st-coll-card--featured h3 { font-size: 24px !important; }
  .st-coll-card__title,
  .st-coll-card h3 { font-size: 18px !important; }
  .st-featured__grid { grid-template-columns: repeat(2, 1fr); }
  .st-ig-grid { grid-template-columns: repeat(3, 1fr); }
  .st-footer__grid { grid-template-columns: 1fr 1fr; }
  .st-trust { grid-template-columns: 1fr 1fr; }
  .st-header__main { height: 76px; min-height: 76px; }
  .st-header-search { width: 220px; min-width: 180px; flex-basis: 220px; }
}
@media (max-width: 900px) {
  .st-collections__head { flex-direction: column; align-items: flex-start; gap: 4px; margin-bottom: 12px; }
  .st-collections__aside {
    width: 100%;
    align-items: flex-end;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .st-collections__watermark {
    font-size: 48px !important;
    line-height: 1 !important;
    opacity: 0.16;
    right: auto;
    left: 0;
    bottom: -4px;
    padding: 0.4em 0.1em 0.5em !important;
  }
  .st-urdu-chip {
    text-align: right;
    max-width: none;
    margin: 0;
  }
  .st-header__main { gap: 8px; height: 68px; min-height: 68px; }
  .st-nav { display: none; }
  .st-header-search { display: none; width: auto; min-width: 0; flex: 1; }
  .st-header .st-search-toggle { display: inline-flex !important; }
  body.st-search-open .st-header-search {
    display: flex !important;
    position: absolute;
    left: var(--st-pad);
    right: var(--st-pad);
    top: calc(100% + 6px);
    width: auto;
    min-width: 0;
    z-index: 20;
  }
  .st-logo__sub { display: none; }
  .st-founder,
  .st-wa-banner__inner,
  .st-contact,
  .st-values { grid-template-columns: 1fr; }
  .st-provenance__grid { grid-template-columns: 1fr 1fr; }
  .st-testi { flex-basis: calc((100% - 20px) / 2); }
  .st-hero { min-height: 0; }
  .st-coll-grid { grid-template-columns: 1fr 1fr; grid-auto-rows: 190px; }
  .st-coll-card { height: 100%; }
  .st-coll-card:first-child,
  .st-coll-card:nth-child(2),
  .st-coll-card--featured { grid-column: span 2; grid-row: span 2; }
}
@media (max-width: 640px) {
  .st-featured__grid, .st-coll-grid, .st-footer__grid, .st-trust { grid-template-columns: 1fr; }
  .st-ig-grid { grid-template-columns: repeat(2, 1fr); }
  .st-hero { min-height: 0; padding: 0; margin: 0; }
  .st-hero__title { font-size: clamp(24px, 8vw, 40px); }
  .st-hero__urdu { font-size: 16px; }
  .st-shop .st-shop__urdu,
  .st-shop p.st-page__urdu { font-size: 22px !important; }
  .st-hero__sub { font-size: 14px; }
  .st-hero__scroll { display: none; }
  .st-header .st-logo img,
  .st-logo img { width: 44px; height: 44px; }
  .st-logo__mark { font-size: 20px; }
  .st-coll-grid { grid-auto-rows: 200px; }
  .st-coll-card:first-child,
  .st-coll-card:nth-child(2),
  .st-coll-card--featured { grid-column: span 1; grid-row: span 2; }
  .st-testi-slider { padding: 0 40px; }
  .st-testi { flex-basis: 100%; }
}

/* Elementor: keep HTML widgets from clipping Nastaliq + hero */
.elementor-widget-html,
.elementor-widget-html .elementor-widget-container,
.elementor-element:has(.st-coll-grid),
.elementor-element:has(.st-featured__grid),
.elementor-element:has(.st-ig-grid),
.elementor-element:has(.st-shop),
.elementor-element:has(.st-collections),
.elementor-element:has(.st-shop__urdu),
.elementor-element:has(.st-collections__watermark),
.e-con:has(.st-shop),
.e-con:has(.st-collections),
.elementor-widget-wrap:has(.st-shop),
.elementor-widget-wrap:has(.st-collections) {
  overflow: visible !important;
  contain: none !important;
}
.elementor-element.e-con,
.elementor-section {
  background-color: transparent;
}
body.elementor-page,
body .elementor-location-header,
html {
  background: var(--st-bg) !important;
}
.st-footer__logo {
  width: 48px;
  height: 48px;
  border-radius: 0;
  object-fit: contain;
  border: 0;
  background: transparent;
  margin-bottom: 0;
}

/* One Shaban footer only: hide theme footer, blog widgets, and a second pasted footer */
body:has(.st-footer) #site-footer,
body:has(.st-footer) footer.site-footer,
body:has(.st-footer) .site-footer,
body:has(.st-footer) .footer-width-fixer {
  display: none !important;
}
.elementor-element:has(.st-footer) ~ .elementor-element:has(.st-footer) {
  display: none !important;
}

.elementor-location-header,
.elementor-location-footer,
.elementor-location-header .e-con,
.elementor-location-footer .e-con,
.elementor-location-header .elementor-section,
.elementor-location-footer .elementor-section,
.elementor-element:has(.st-hero),
.elementor-element:has(.st-hero) > .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
}
.elementor-location-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  width: 100% !important;
  overflow: visible !important;
}
.elementor-location-header .elementor-widget-search,
.elementor-location-header .elementor-widget-search-form,
.elementor-location-header .elementor-search-form,
.elementor-location-header .elementor-widget-woocommerce-product-search {
  display: none !important;
}
.elementor-location-header button,
.elementor-location-header .elementor-button,
.elementor-location-header input[type="submit"],
.st-header button,
.st-header .elementor-button {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
.elementor-location-header button:hover,
.elementor-location-header .elementor-button:hover,
.st-header button:hover {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--st-cream) !important;
}
body.elementor-page .site-main,
body.elementor-page #content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

/* Kill Elementor / WP default link + heading colors inside our widgets */
body.elementor-page .elementor-widget-html h1,
body.elementor-page .elementor-widget-html h2,
body.elementor-page .elementor-widget-html h3,
body.elementor-page .elementor-widget-html h4 {
  color: inherit;
}
body.elementor-page .elementor-widget-html a.st-btn:visited:not(.st-btn--wa):not(.st-btn--brass) {
  color: inherit;
}

.st-reveal {
  animation: st-rise 1s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@supports (animation-timeline: view()) {
  .st-reveal {
    animation: st-rise linear both;
    animation-timeline: view();
    animation-range: entry 6% entry 38%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .st-hero__bg,
  .st-hero__content,
  .st-hero__marquee-track,
  .st-header__announce-track,
  .st-founder__photo-img,
  .st-reveal,
  .st-coll-card::before {
    animation: none !important;
  }
  .st-coll-card:hover,
  .st-testi:hover,
  .st-provenance__item:hover {
    transform: none;
  }
}

/* Apply client schema across Elementor + WooCommerce */
body.elementor-page,
body .woocommerce,
body .woocommerce-page,
.elementor-widget,
.elementor-heading-title {
  font-family: var(--font-sans);
}
body.elementor-page h1,
body.elementor-page h2,
body.elementor-page .elementor-heading-title,
body.elementor-page .product_title,
body.elementor-page .woocommerce-loop-product__title,
body.elementor-page .woocommerce-loop-category__title {
  font-family: var(--font-display) !important;
  font-weight: 400;
  color: var(--st-text);
}
body.elementor-page,
body.elementor-page .woocommerce ul.products li.product .price,
body.elementor-page .woocommerce div.product p.price {
  color: var(--st-text);
}

/* WooCommerce loop cards → Sidraz layout, Shaban colors */
.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px 28px;
  margin: 0 auto !important;
  padding: 8px var(--st-pad) 96px;
  max-width: var(--st-maxw);
  list-style: none;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 0;
  text-align: left;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.woocommerce ul.products li.product .onsale,
.woocommerce ul.products li.product .button.loading::after {
  display: none !important;
}
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product img {
  width: 100%;
  aspect-ratio: 4/5;
  object-fit: cover;
  margin: 0 0 16px;
  background: var(--st-surface);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .elementor-heading-title {
  font-family: var(--font-display) !important;
  font-style: italic;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.28;
  color: var(--st-text) !important;
  margin: 8px 0 10px !important;
  padding: 0 !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title::before {
  content: "Antique";
  display: block;
  font-family: var(--font-sans);
  font-style: normal;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--st-muted);
  font-size: 10px;
  margin-bottom: 8px;
}
.woocommerce ul.products li.product .price {
  font-size: 13px;
  color: var(--st-brass) !important;
  display: block;
  margin: 0 0 18px;
}
.woocommerce ul.products li.product .price del {
  color: var(--st-muted);
  text-decoration: line-through;
  margin-right: 10px;
  opacity: 1;
}
.woocommerce ul.products li.product .price ins {
  text-decoration: none;
  color: var(--st-brass);
  background: none;
}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button.add_to_cart_button,
.woocommerce ul.products li.product a.button.product_type_simple {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--st-muted) !important;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 10px !important;
  font-weight: 400 !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
.woocommerce ul.products li.product .button::after {
  content: "+";
  width: 32px;
  height: 32px;
  border: 1px solid color-mix(in srgb, var(--st-brass) 70%, transparent);
  border-radius: 50%;
  color: var(--st-brass);
  display: grid;
  place-items: center;
  font-size: 18px;
  line-height: 1;
  padding-bottom: 2px;
}
.woocommerce ul.products li.product .button:hover {
  background: transparent !important;
  color: var(--st-brass) !important;
}
.woocommerce ul.products li.product .button:hover::after {
  background: var(--st-brass);
  border-color: var(--st-brass);
  color: var(--st-bg);
}
@media (max-width: 1100px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products { grid-template-columns: 1fr; }
}

/* Collections Urdu — gold calligraphy, no box */
.st-urdu-chip {
  position: relative;
  z-index: 1;
  display: block;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--st-brass) !important;
  font-family: var(--font-urdu);
  font-size: clamp(18px, 2.2vw, 26px);
  padding: 0.1em 0 0.2em;
  margin: 0;
  line-height: 2.15;
  max-width: 420px;
  text-align: right;
  overflow: visible !important;
  white-space: normal;
}
.st-instagram__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
  align-items: center;
}

/* Loading screen — logo + Searching the treasure */
.st-loader {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: var(--st-bg);
  display: grid;
  place-items: center;
  text-align: center;
  transition: opacity 0.65s ease, visibility 0.65s ease;
}
.st-loader.is-done {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.st-loader__inner { padding: 24px; }
.st-loader img {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: 1px solid var(--st-brass);
  object-fit: cover;
  margin: 0 auto 18px;
  background: #050505;
}
.st-loader__mark {
  display: block;
  font-family: var(--font-display);
  font-size: 28px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--st-brass);
}
.st-loader__sub {
  display: block;
  margin-top: 6px;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  font-size: 10px;
  color: var(--st-muted);
}
.st-loader__urdu {
  font-family: var(--font-urdu);
  color: var(--st-brass);
  font-size: 22px;
  margin: 22px 0 8px;
}
.st-loader__en {
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 11px;
  color: var(--st-muted);
  margin: 0;
}

/* Shop / The Collection — Sidraz layout, beat Elementor + Windows native controls */
body.woocommerce-shop,
body.woocommerce-page,
body.tax-product_cat,
.elementor-element:has(.st-shop),
.elementor-widget-html:has(.st-shop) {
  background: #20180C !important;
}
.st-shop {
  padding: 40px var(--st-pad) 80px;
  background: #20180C;
  color: #F8E8D2;
  color-scheme: dark;
}
.st-shop *,
.st-shop *::before,
.st-shop *::after { box-sizing: border-box; }
.st-shop button,
.st-shop select,
.st-shop input,
.st-shop .st-catwrap__btn,
.st-shop .st-view__btn {
  font-family: inherit;
  box-shadow: none !important;
  outline: none !important;
  float: none !important;
  max-width: none !important;
}
.st-shop__head {
  display: block;
  margin: 0 auto 28px !important;
  padding: 0;
  overflow: visible !important;
  contain: none !important;
}
.st-shop__watermark { display: none !important; }
.st-shop h1.st-page__title,
.st-shop .st-shop__title {
  text-transform: none !important;
  font-size: clamp(40px, 6vw, 64px) !important;
  letter-spacing: 0.01em;
  color: #F8E8D2 !important;
  margin: 0 0 4px !important;
  line-height: 1.12 !important;
  overflow-wrap: anywhere;
  padding: 0 12px;
}
.st-shop .st-page__crumb {
  color: #B57331;
  margin-bottom: 10px !important;
}
.st-shop .st-page__crumb a { color: #B57331 !important; }
.st-shop .st-shop__urdu,
.st-shop p.st-page__urdu {
  font-family: var(--font-urdu) !important;
  font-size: clamp(22px, 2.5vw, 30px) !important;
  color: #B57331 !important;
  margin: 0 auto 6px !important;
  line-height: 2.2 !important;
  overflow: visible !important;
  padding: 0.2em 0 0.35em !important;
  display: block;
  white-space: nowrap;
  word-break: keep-all;
}
.st-shop__note {
  color: #A68F67;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.5;
}
.st-shop__count {
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #A68F67;
  margin: 18px 0 36px;
  font-size: 11px;
}
.st-shop-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 48px 28px;
}
.st-shop.is-list .st-shop-grid,
body.st-shop-list .st-shop-grid {
  grid-template-columns: 1fr;
}
.st-shop.is-list .st-pcard,
body.st-shop-list .st-shop-grid .st-pcard {
  display: grid;
  grid-template-columns: 200px 1fr;
  column-gap: 28px;
  align-items: center;
  padding-bottom: 28px;
  border-bottom: 1px solid #5F4B2B;
}
.st-shop.is-list .st-pcard__media { grid-row: span 4; }
.st-shop-empty {
  grid-column: 1 / -1;
  text-align: center;
  padding: 48px 16px 80px;
  color: #A68F67;
}
.st-shop-empty p[dir="rtl"] {
  font-family: var(--font-urdu);
  color: #B57331;
  font-size: 28px;
  margin: 0 0 12px;
}
.st-shop-morewrap { text-align: center; margin: 56px 0 24px; }
.st-shop-skel {
  aspect-ratio: 4/5;
  background: linear-gradient(90deg, #2a2114 0%, #3a2d1c 50%, #2a2114 100%);
  background-size: 200% 100%;
  animation: st-skel 1.2s ease infinite;
}
@keyframes st-skel { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }
@media (max-width: 1100px) {
  .st-shop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .st-shop-grid { grid-template-columns: 1fr; }
  .st-shop.is-list .st-pcard,
  body.st-shop-list .st-shop-grid .st-pcard { grid-template-columns: 1fr; }
}

.st-catwrap {
  position: relative;
  display: block !important;
  width: 100%;
  margin: 0 0 8px;
}
.st-catwrap__btn {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  display: grid !important;
  place-items: center;
  border: 1px solid #B57331 !important;
  background: #20180C !important;
  color: #B57331 !important;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  border-radius: 50% !important;
  padding: 0 !important;
  margin: 0 !important;
  user-select: none;
}
.st-catwrap__btn[data-cat-scroll="prev"] { left: 0; }
.st-catwrap__btn[data-cat-scroll="next"] { right: 0; }
.st-catwrap__btn:hover { background: #2a2114 !important; }
.st-catbar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 10px;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 8px 56px 12px !important;
  margin: 0 !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  scroll-snap-type: x proximity;
}
.st-catbar::-webkit-scrollbar,
.st-catbar::-webkit-scrollbar-button,
.st-catbar::-webkit-scrollbar-thumb,
.st-catbar::-webkit-scrollbar-track {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}
.st-catchip {
  flex: 0 0 168px !important;
  width: 168px !important;
  height: 112px !important;
  border: 1px solid #5F4B2B !important;
  background: #2a2114;
  color: #F8E8D2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end;
  padding: 10px 12px !important;
  font-family: var(--font-display);
  font-size: 13px;
  line-height: 1.2;
  position: relative;
  overflow: hidden;
  scroll-snap-align: start;
  text-decoration: none !important;
}
.st-catchip--all {
  align-items: flex-start;
  justify-content: space-between;
  background: #20180C !important;
  color: #B57331 !important;
  padding: 12px 14px 10px !important;
  overflow: visible !important;
  height: auto !important;
  min-height: 112px;
}
.st-catchip__urdu {
  font-family: var(--font-urdu);
  font-size: 18px;
  letter-spacing: 0;
  text-transform: none;
  color: #B57331;
  line-height: 2.2 !important;
  position: relative;
  z-index: 1;
  overflow: visible !important;
  padding: 0.15em 0 0.35em;
}
.st-catchip__stack {
  display: flex;
  flex-direction: column;
  gap: 2px;
  position: relative;
  z-index: 1;
}
.st-catchip__check {
  font-size: 13px;
  color: #B57331;
}
.st-catchip:not(.is-active) .st-catchip__check { visibility: hidden; }
.st-catchip__name {
  position: relative;
  z-index: 1;
  color: inherit;
  text-shadow: 0 1px 8px #00000080;
}
.st-catchip--all .st-catchip__name {
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-family: var(--font-sans);
  font-size: 12px;
  text-shadow: none;
}
.st-catchip.is-active { border-color: #B57331 !important; box-shadow: inset 0 0 0 1px #B57331; }
.st-catchip:hover { border-color: #B57331 !important; }
.st-catchip__img {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: brightness(0.42) saturate(0.85);
  z-index: 0;
}
.st-catchip__img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, #20180ce6 0%, #20180c40 55%, transparent 100%);
}

.st-shopbar {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: nowrap !important;
  padding: 18px 0 10px;
  border-top: 1px solid #B57331;
  border-bottom: 1px solid #5F4B2B;
  margin-bottom: 8px;
}
.st-price {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 16px;
  flex: 1 1 auto;
  min-width: 0;
}
.st-price__label {
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 11px;
  color: #A68F67;
  white-space: nowrap;
}
.st-price__control {
  position: relative;
  flex: 1 1 220px;
  height: 18px;
  display: flex;
  align-items: center;
}
.st-price__control::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: #B57331;
  pointer-events: none;
}
.st-shop input.st-price__range,
.st-shop .st-price__range {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative;
  z-index: 1;
  width: 100% !important;
  height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  accent-color: #B57331;
  cursor: pointer;
}
.st-shop .st-price__range::-webkit-slider-runnable-track {
  height: 2px !important;
  background: #B57331 !important;
  border: none !important;
  color: transparent;
}
.st-shop .st-price__range::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 14px !important;
  height: 14px !important;
  margin-top: -6px;
  border-radius: 50%;
  background: #B57331 !important;
  border: 2px solid #F8E8D2 !important;
  box-shadow: none !important;
  cursor: pointer;
}
.st-shop .st-price__range::-moz-range-track {
  height: 2px !important;
  background: #B57331 !important;
  border: none !important;
}
.st-shop .st-price__range::-moz-range-thumb {
  width: 14px !important;
  height: 14px !important;
  border-radius: 50%;
  background: #B57331 !important;
  border: 2px solid #F8E8D2 !important;
  cursor: pointer;
}
.st-shopbar__tools {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
}
.st-sortwrap { position: relative; }
.st-shop select.st-sort,
.st-shop .st-sort {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: auto !important;
  min-width: 170px !important;
  background: #20180C !important;
  background-image: linear-gradient(45deg, transparent 50%, #B57331 50%), linear-gradient(135deg, #B57331 50%, transparent 50%) !important;
  background-position: calc(100% - 16px) 50%, calc(100% - 11px) 50% !important;
  background-size: 5px 5px, 5px 5px !important;
  background-repeat: no-repeat !important;
  border: 1px solid #B57331 !important;
  color: #F8E8D2 !important;
  font-family: var(--font-sans) !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 11px !important;
  padding: 10px 36px 10px 14px !important;
  border-radius: 2px !important;
  cursor: pointer;
  color-scheme: dark;
}
.st-shop .st-sort option { background: #20180C; color: #F8E8D2; }
.st-view { display: flex !important; gap: 6px; }
.st-view__btn {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border: 1px solid #5F4B2B !important;
  background: #20180C !important;
  color: #A68F67 !important;
  display: grid !important;
  place-items: center;
  cursor: pointer;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
.st-view__btn.is-active,
.st-view__btn:hover {
  border-color: #B57331 !important;
  color: #B57331 !important;
}

@media (max-width: 800px) {
  .st-shopbar { flex-wrap: wrap !important; }
  .st-price { flex: 1 1 100%; }
}

body.st-shop-list .woocommerce ul.products,
body.st-shop-list .woocommerce-page ul.products {
  grid-template-columns: 1fr !important;
}
body.st-shop-list .woocommerce ul.products li.product {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 0 24px;
  align-items: center;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--st-border);
}
body.st-shop-list .woocommerce ul.products li.product a img {
  margin: 0;
  aspect-ratio: 4 / 5;
}
body.st-shop-list .woocommerce ul.products li.product .button { grid-column: 2; }

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count,
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
  display: none !important;
}

.st-catgroups {
  display: grid;
  gap: 22px;
  margin: 0 0 40px;
}
.st-catgroup h2 {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 400;
  margin: 0 0 10px;
  color: var(--st-text);
}
.st-subcats { display: flex; flex-wrap: wrap; gap: 8px; }
.st-subcats a {
  border: 1px solid var(--st-border);
  padding: 8px 14px;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--st-muted) !important;
}
.st-subcats a:hover { border-color: var(--st-brass); color: var(--st-brass) !important; }
.st-coll-grid--shop .st-coll-card:first-child,
.st-coll-grid--shop .st-coll-card:nth-child(2),
.st-coll-grid--shop .st-coll-card--featured {
  grid-column: span 1;
  grid-row: span 1;
}

/* Sold / Found its home — same card, overlay only */
.woocommerce ul.products li.product.outofstock,
.st-pcard--sold { position: relative; }
.woocommerce ul.products li.product.outofstock a img,
.st-pcard--sold .st-pcard__img {
  filter: brightness(0.42) saturate(0.8);
}
.woocommerce ul.products li.product.outofstock::before,
.st-pcard--sold::before {
  content: "بک گیا";
  font-family: var(--font-urdu);
  color: var(--st-brass);
  opacity: 0.4;
  font-size: clamp(36px, 4vw, 56px);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  aspect-ratio: 4 / 5;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  pointer-events: none;
}
.woocommerce ul.products li.product.outofstock::after,
.st-pcard--sold::after {
  content: "Found its home.\A گھر مل گیا\A — ONE OF A KIND —";
  white-space: pre;
  text-align: center;
  font-family: var(--font-display);
  font-style: italic;
  color: var(--st-cream);
  font-size: 22px;
  line-height: 1.45;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  aspect-ratio: 4 / 5;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
  pointer-events: none;
  text-shadow: 0 8px 24px #00000080;
}
.woocommerce ul.products li.product.outofstock .button {
  pointer-events: none;
  opacity: 0.35;
}

/* Single product — Sidraz price + permanent Dispatch / Support */
.woocommerce div.product .product_title {
  font-family: var(--font-display) !important;
  font-style: italic;
  font-size: clamp(28px, 4vw, 42px) !important;
  font-weight: 400 !important;
  color: var(--st-text) !important;
}
.woocommerce div.product .sku_wrapper,
.woocommerce div.product .sku {
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 11px;
  color: var(--st-muted);
}
.woocommerce div.product p.price,
.woocommerce div.product .summary .price {
  font-family: var(--font-display);
  font-size: clamp(32px, 4vw, 48px);
  color: var(--st-brass) !important;
  margin: 12px 0 8px;
}
.woocommerce div.product p.price del,
.woocommerce div.product .summary .price del {
  font-size: 16px;
  color: var(--st-muted);
  margin-right: 10px;
}
.woocommerce div.product .stock {
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 11px;
  color: var(--st-muted);
}
.st-pdp { margin: 8px 0 24px; }
.st-pdp-meta {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--st-border);
  margin: 20px 0;
}
.st-pdp-meta > div {
  padding: 20px 22px;
  border-right: 1px solid var(--st-border);
  border-bottom: 1px solid var(--st-border);
}
.st-pdp-meta > div:nth-child(3n) { border-right: 0; }
.st-pdp-meta span {
  display: block;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 12px;
  color: var(--st-muted);
}
.st-pdp-meta strong {
  display: block;
  margin-top: 8px;
  font-size: 18px;
  color: var(--st-text);
  font-weight: 600;
}
.st-pdp-note {
  color: var(--st-muted);
  font-size: 14px;
  line-height: 1.75;
  margin: 0 0 18px;
}
.woocommerce div.product form.cart {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
}
.woocommerce div.product form.cart .quantity {
  border: 1px solid var(--st-brass);
  display: inline-flex;
  align-items: center;
}
.woocommerce div.product form.cart .qty {
  background: transparent;
  border: 0;
  color: var(--st-text);
  width: 48px;
  text-align: center;
}
.woocommerce div.product form.cart .single_add_to_cart_button {
  background: var(--st-brass) !important;
  color: var(--st-bg) !important;
  border: 1px solid var(--st-brass) !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 12px !important;
  padding: 14px 22px !important;
  border-radius: 2px !important;
}

@media (max-width: 1100px) {
  .st-coll-grid--shop .st-coll-card:first-child,
  .st-coll-grid--shop .st-coll-card:nth-child(2),
  .st-coll-grid--shop .st-coll-card--featured {
    grid-column: span 1;
    grid-row: span 1;
  }
}
@media (max-width: 900px) {
  .st-pdp-meta { grid-template-columns: 1fr 1fr; }
  .st-pdp-meta > div:nth-child(3n) { border-right: 1px solid var(--st-border); }
  .st-pdp-meta > div:nth-child(2n) { border-right: 0; }
  .st-instagram__head { grid-template-columns: 1fr; }
  .st-instagram__actions { justify-content: flex-start; }
  .st-pdp-trust { grid-template-columns: 1fr; }
  .woocommerce div.product div.images,
  .woocommerce div.product div.summary { width: 100% !important; float: none !important; }
}
@media (max-width: 640px) {
  .st-coll-grid--shop .st-coll-card:first-child,
  .st-coll-grid--shop .st-coll-card:nth-child(2) {
    grid-column: span 1;
    grid-row: span 1;
  }
  .st-pdp-meta { grid-template-columns: 1fr 1fr; }
  .st-pdp-meta > div { border-right: 1px solid var(--st-border); }
  .st-pdp-meta > div:nth-child(2n) { border-right: 0; }
  .st-footer__soc { font-size: 10px; padding: 10px 10px; }
  .st-pdp-trust { grid-template-columns: 1fr; }
  .woocommerce div.product div.images,
  .woocommerce div.product div.summary { width: 100% !important; float: none !important; }
  .st-catchip { flex-basis: 140px; width: 140px; height: 100px; font-size: 12px; }
  .st-price { min-width: 0; }
  body.st-shop-list .woocommerce ul.products li.product { grid-template-columns: 1fr; }
}

.woocommerce nav.woocommerce-pagination ul {
  border: 0;
  display: flex;
  gap: 8px;
  justify-content: center;
  margin: 48px 0 0;
}
.woocommerce nav.woocommerce-pagination ul li {
  border: 0;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background: transparent !important;
  border: 1px solid var(--st-border) !important;
  color: var(--st-text) !important;
  min-width: 42px;
  padding: 10px 14px !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  border-color: var(--st-brass) !important;
  color: var(--st-brass) !important;
}

.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--st-muted);
  font-size: 12px;
  margin: 24px auto 0;
  max-width: var(--st-maxw);
  padding: 0 var(--st-pad);
}
.woocommerce .woocommerce-breadcrumb a { color: var(--st-brass); }

/* Single product layout */
.woocommerce div.product { max-width: var(--st-maxw); margin: 0 auto; padding: 24px var(--st-pad) 80px; }
.woocommerce div.product div.images {
  width: 48% !important;
  float: left;
  margin-bottom: 40px;
}
.woocommerce div.product div.summary {
  width: 48% !important;
  float: right;
  margin-bottom: 40px;
}
.woocommerce div.product div.images img {
  border: 1px solid var(--st-border);
  background: var(--st-surface);
  aspect-ratio: 4 / 5;
  object-fit: cover;
  width: 100%;
}
.woocommerce div.product .flex-control-thumbs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-top: 10px;
}
.woocommerce div.product .flex-control-thumbs li { width: auto; margin: 0; }
.woocommerce div.product .onsale {
  background: var(--st-brass);
  color: var(--st-bg);
  border-radius: 0;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  padding: 8px 12px;
  min-height: 0;
  line-height: 1;
}
.woocommerce div.product.outofstock .woocommerce-product-gallery {
  position: relative;
}
.woocommerce div.product.outofstock .woocommerce-product-gallery::after {
  content: "Found its home.\A گھر مل گیا\A — ONE OF A KIND —";
  white-space: pre;
  text-align: center;
  font-family: var(--font-display);
  font-style: italic;
  color: var(--st-cream);
  font-size: 22px;
  line-height: 1.45;
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
  pointer-events: none;
  text-shadow: 0 8px 24px #00000080;
  background: #20180c66;
}

.woocommerce div.product .woocommerce-tabs {
  clear: both;
  padding-top: 24px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0;
  margin: 0 0 24px;
  border-bottom: 1px solid var(--st-border);
  display: flex;
  gap: 8px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: transparent;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: var(--st-muted) !important;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 11px;
  padding: 12px 18px;
  display: block;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--st-brass) !important;
  border-bottom: 1px solid var(--st-brass);
}
.woocommerce div.product .woocommerce-tabs .panel {
  background: transparent;
  color: var(--st-muted);
  line-height: 1.8;
}
.woocommerce div.product .woocommerce-tabs .panel h2 { display: none; }

.st-related-head {
  max-width: var(--st-maxw);
  margin: 0 auto;
  padding: 48px var(--st-pad) 8px;
  text-align: center;
}
.woocommerce .related.products,
.woocommerce .upsells.products {
  clear: both;
  max-width: var(--st-maxw);
  margin: 0 auto;
  padding: 8px var(--st-pad) 80px;
}
.woocommerce .related.products > h2,
.woocommerce .upsells.products > h2 {
  font-family: var(--font-display);
  font-weight: 400;
  text-align: center;
  font-size: clamp(28px, 4vw, 42px);
  margin: 0 0 32px;
}

.st-contact__hours {
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 11px;
  color: var(--st-brass) !important;
}
.st-contact__form-title {
  font-family: var(--font-display);
  color: var(--st-brass);
  font-size: 24px;
  font-weight: 400;
  margin: 0 0 22px;
}
.st-contact__form-lede {
  color: var(--st-muted);
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 20px;
}

.woocommerce-checkout .woocommerce,
.woocommerce-cart .woocommerce,
.woocommerce-account .woocommerce {
  max-width: 1100px;
  margin: 0 auto;
  padding: 48px var(--st-pad) 96px;
  color: var(--st-text);
}

body.woocommerce-cart:has(#st-cart-page) .woocommerce,
body.woocommerce-cart:has(#st-cart-page) .wp-block-woocommerce-cart,
body.woocommerce-cart:has(#st-cart-page) .wc-block-cart,
body.woocommerce-cart:has(#st-cart-page) .elementor-widget-woocommerce-cart,
body:not(.woocommerce-checkout) .woocommerce-notices-wrapper,
body:not(.woocommerce-checkout) .woocommerce-message,
body:not(.woocommerce-checkout) .woocommerce-error,
body:not(.woocommerce-checkout) .woocommerce-info,
body.single-product .woocommerce-notices-wrapper,
body.single-product .woocommerce-message,
body.single-product .woocommerce-error {
  display: none !important;
}

.st-cartpage {
  max-width: var(--st-maxw);
  margin: 0 auto;
  padding: 28px var(--st-pad) 80px;
  color: var(--st-cream);
}
.st-cartpage__hero { text-align: center; margin-bottom: 36px; }
.st-cartpage__crumb {
  margin: 0 0 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-size: 11px;
  color: var(--st-latte);
}
.st-cartpage__crumb a { color: var(--st-brass); }
.st-cartpage__title {
  margin: 0;
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 400;
  font-size: clamp(40px, 6vw, 64px);
  color: var(--st-brass);
  line-height: 1.1;
}
.st-cartpage__urdu {
  margin: 6px 0 10px;
  font-family: var(--font-urdu);
  font-size: 28px;
  color: var(--st-brass);
  line-height: 2;
}
.st-cartpage__sub {
  margin: 0;
  font-family: var(--font-display);
  font-style: italic;
  color: var(--st-latte);
  font-size: 16px;
}
.st-cartpage__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.7fr);
  gap: 28px;
  align-items: start;
}
.st-cartpage__list,
.st-cartpage__sum {
  border: 1px solid color-mix(in srgb, var(--st-brass) 32%, transparent);
  background: color-mix(in srgb, var(--st-surface) 80%, transparent);
  padding: 22px 24px 28px;
}
.st-cartpage__cols {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 120px 110px;
  gap: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 11px;
  color: var(--st-latte);
  padding-bottom: 12px;
  border-bottom: 1px solid color-mix(in srgb, var(--st-brass) 28%, transparent);
  margin-bottom: 4px;
}
.st-cartpage__cols span:nth-child(2),
.st-cartpage__cols span:nth-child(3) { text-align: center; }
.st-cartpage__item {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) 120px 110px;
  gap: 12px 14px;
  align-items: center;
  padding: 18px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--st-brass) 22%, transparent);
}
.st-cartpage__thumb {
  width: 72px;
  height: 72px;
  background: var(--st-surface) center / cover no-repeat;
  border-radius: 4px;
}
.st-cartpage__name {
  display: block;
  font-family: var(--font-display);
  font-style: italic;
  font-size: 18px;
  color: var(--st-cream) !important;
  line-height: 1.3;
  margin-bottom: 8px;
}
.st-cartpage__remove {
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 11px;
  color: var(--st-brass);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.st-cartpage__qty {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid color-mix(in srgb, var(--st-brass) 40%, transparent);
  min-height: 36px;
  padding: 0 8px;
  justify-self: center;
}
.st-cartpage__qty span {
  width: 22px;
  text-align: center;
  cursor: pointer;
  color: var(--st-cream);
  user-select: none;
}
.st-cartpage__qty em {
  font-style: normal;
  min-width: 18px;
  text-align: center;
  color: var(--st-cream);
}
.st-cartpage__qtyval,
.st-cartpage__price {
  text-align: center;
  color: var(--st-brass);
  font-family: var(--font-display);
  font-size: 20px;
}
.st-cartpage__sum h2 {
  margin: 0 0 18px;
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 400;
  font-size: 28px;
  color: var(--st-brass);
}
.st-cartpage__row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
  color: var(--st-latte);
}
.st-cartpage__row strong { color: var(--st-brass); }
.st-cartpage__row em { font-style: normal; color: #3dba6a; font-weight: 600; }
.st-cartpage__unlock {
  margin: 8px 0 8px;
  font-size: 13px;
  color: var(--st-muted);
}
.st-cartpage__unlock strong { color: #3dba6a; }
.st-cartpage__bar {
  height: 4px;
  background: color-mix(in srgb, var(--st-brass) 20%, transparent);
  margin-bottom: 18px;
}
.st-cartpage__bar span {
  display: block;
  width: 100%;
  height: 100%;
  background: #3dba6a;
}
.st-cartpage__grand {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 14px 0 18px;
  border-top: 1px solid color-mix(in srgb, var(--st-brass) 28%, transparent);
  color: var(--st-brass);
  font-family: var(--font-display);
  font-style: italic;
  font-size: 15px;
}
.st-cartpage__grand strong { font-size: 28px; font-weight: 400; }
.st-cartpage__go,
.st-cartpage__wa {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 50px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 8px;
}
.st-cartpage__go {
  background: var(--st-brass) !important;
  color: #F8E8D2 !important;
  -webkit-text-fill-color: #F8E8D2 !important;
  font-family: var(--font-sans) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  opacity: 1 !important;
}
.st-cartpage__wa {
  border: 1px solid color-mix(in srgb, var(--st-brass) 70%, transparent);
  color: var(--st-brass) !important;
}
.st-cartpage__trust {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  color: var(--st-muted);
  font-size: 13px;
}
.st-cartpage__trust li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 8px;
}
.st-cartpage__trust li::before {
  content: "◆";
  position: absolute;
  left: 0;
  top: 3px;
  color: var(--st-brass);
  font-size: 7px;
}
.st-cartpage__empty {
  padding: 48px 12px;
  text-align: center;
  color: var(--st-muted);
}
.st-cartpage__empty a { color: var(--st-brass); }
@media (max-width: 900px) {
  .st-cartpage__grid { grid-template-columns: 1fr; }
  .st-cartpage__cols { display: none; }
  .st-cartpage__item {
    grid-template-columns: 64px minmax(0, 1fr);
    grid-template-areas: "thumb name" "thumb qty" "thumb price";
  }
  .st-cartpage__thumb { grid-area: thumb; width: 64px; height: 64px; }
  .st-cartpage__qty, .st-cartpage__qtyval { justify-self: start; }
  .st-cartpage__price { text-align: left; }
}

body.woocommerce-checkout,
body.woocommerce-cart,
.woocommerce-checkout .wp-block-woocommerce-checkout,
.wc-block-checkout,
.wc-block-cart {
  background: var(--st-bg) !important;
  color: var(--st-cream) !important;
}
.woocommerce-checkout h1,
.woocommerce-checkout h2,
.woocommerce-checkout h3,
.wc-block-checkout h2,
.wc-block-components-title,
.wc-block-components-order-summary {
  color: var(--st-brass) !important;
  font-family: var(--font-display);
}
body.woocommerce-checkout a,
body.woocommerce-cart a,
.woocommerce-checkout a,
.wc-block-checkout a {
  color: var(--st-brass) !important;
}
body.woocommerce-cart a.st-cartpage__go,
body.woocommerce-cart a.st-cartpage__go:hover,
body.woocommerce-cart a.st-cartpage__go:visited,
body.woocommerce-cart a.st-cartpage__go:focus,
.st-cartpage a.st-cartpage__go,
a.st-cartpage__go,
.st-cart a.st-cart__checkout,
a.st-cart__checkout,
a.st-cart__checkout:hover,
a.st-cart__checkout:visited {
  background: var(--st-brass) !important;
  color: #F8E8D2 !important;
  -webkit-text-fill-color: #F8E8D2 !important;
}
body.woocommerce-cart a.st-cartpage__wa,
.st-cartpage a.st-cartpage__wa {
  background: transparent !important;
  color: var(--st-brass) !important;
  -webkit-text-fill-color: var(--st-brass) !important;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
.wc-block-components-notice-banner {
  background: var(--st-surface) !important;
  color: var(--st-cream) !important;
  border-color: var(--st-brass) !important;
}
.woocommerce-error { border-left-color: #c45c4a !important; }
.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea,
.wc-block-components-text-input input,
.wc-block-components-textarea textarea,
.wc-block-components-combobox input,
.wc-block-components-select select,
.wc-block-components-country-input select,
#billing_country,
#billing_state,
.woocommerce-checkout .select2-container .select2-selection--single {
  background: var(--st-surface) !important;
  border: 1px solid var(--st-border) !important;
  color: var(--st-cream) !important;
  border-radius: 0 !important;
  min-height: 46px;
  box-shadow: none !important;
}
.woocommerce-checkout label,
.wc-block-components-text-input label,
.wc-block-components-checkbox label {
  color: var(--st-latte) !important;
}
.select2-dropdown,
.select2-container--default .select2-results__option {
  background: var(--st-surface) !important;
  color: var(--st-cream) !important;
}
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order,
.wc-block-components-sidebar,
.wp-block-woocommerce-checkout-order-summary-block {
  background: var(--st-surface) !important;
  border: 1px solid color-mix(in srgb, var(--st-brass) 32%, transparent) !important;
  color: var(--st-cream) !important;
  padding: 16px;
}
.woocommerce-checkout table.shop_table,
.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td,
.wc-block-components-order-summary-item {
  background: transparent !important;
  color: var(--st-cream) !important;
  border-color: color-mix(in srgb, var(--st-brass) 25%, transparent) !important;
}
.woocommerce-checkout .wc-block-components-order-summary-item__quantity,
.woocommerce-checkout .wc-block-components-product-badge,
.woocommerce-checkout .wc-block-components-order-summary-item__image .wc-block-components-product-badge,
.woocommerce-checkout .wc-block-components-order-summary-item__quantity span,
.wc-block-components-order-summary-item__quantity {
  background: #F8E8D2 !important;
  color: #20180C !important;
  -webkit-text-fill-color: #20180C !important;
  font-weight: 700 !important;
  border-color: #20180C !important;
}
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #place_order,
.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button {
  background: var(--st-brass) !important;
  color: #20180c !important;
  border-radius: 2px !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border: 0 !important;
}
.woocommerce-checkout #payment,
.wc-block-checkout__payment-method {
  background: var(--st-surface) !important;
  color: var(--st-cream) !important;
}
.woocommerce-checkout #payment .payment_box {
  background: var(--st-bg) !important;
  color: var(--st-muted) !important;
}
.woocommerce-checkout #payment ul.payment_methods {
  list-style: none;
  margin: 0;
  padding: 0;
}
.woocommerce-checkout #payment ul.payment_methods > li {
  border: 1px solid color-mix(in srgb, var(--st-brass) 28%, transparent);
  background: color-mix(in srgb, var(--st-surface) 80%, transparent);
  margin: 0 0 10px !important;
  padding: 14px 16px !important;
}
.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method input[type="radio"]:checked + label {
  color: var(--st-cream) !important;
}
.woocommerce-checkout #payment .payment_method_cod .payment_box,
.woocommerce-checkout .payment_box.payment_method_cod {
  color: var(--st-latte) !important;
}
.woocommerce-checkout .payment_method_bacs .payment_box,
.woocommerce-checkout .payment_method_cheque .payment_box,
.woocommerce-checkout .wc_payment_method:not(.payment_method_cod) .payment_box {
  color: #9dba7a !important;
}
.woocommerce-checkout .fee th,
.woocommerce-checkout .fee td,
.woocommerce-checkout .cart-fee th,
.woocommerce-checkout .cart-fee td,
.wc-block-components-totals-fees,
.wc-block-components-totals-fees .wc-block-components-totals-item__label,
.wc-block-components-totals-fees .wc-block-components-totals-item__value {
  color: var(--st-brass) !important;
}
.wc-block-components-totals-fees {
  display: flex !important;
}
.woocommerce-checkout tr.fee {
  display: table-row !important;
}
.woocommerce-checkout tr.fee th,
.woocommerce-checkout tr.fee td {
  display: table-cell !important;
}
.woocommerce-checkout #payment div.payment_box p {
  font-size: 13px;
  line-height: 1.5;
  margin: 8px 0 0;
}

/* Checkout: keep the native remove control visible (Woo’s white chip hides the ×) */
.woocommerce-checkout .product-remove,
.woocommerce-checkout table.shop_table .product-remove,
.woocommerce-checkout-review-order-table .product-remove {
  display: table-cell !important;
  visibility: visible !important;
}
.woocommerce-checkout a.remove,
.woocommerce-checkout .product-remove a.remove,
.woocommerce-checkout .wc-block-cart-item__remove-link,
.woocommerce-checkout .wc-block-cart-item__remove-batch,
.woocommerce-checkout .wc-block-components-order-summary-item__image > button,
.wc-block-components-order-summary-item__image .wc-block-cart-item__remove-batch,
.wc-block-components-order-summary-item__image button[aria-label*="Remove"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute;
  top: -7px;
  right: -7px;
  z-index: 6;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: #20180C !important;
  color: #F8E8D2 !important;
  -webkit-text-fill-color: #F8E8D2 !important;
  border: 1px solid var(--st-brass) !important;
  font-size: 16px !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  overflow: visible !important;
  box-shadow: none !important;
  cursor: pointer !important;
}
.woocommerce-checkout table.shop_table a.remove {
  position: static;
}
.woocommerce-checkout a.remove svg,
.woocommerce-checkout .wc-block-cart-item__remove-batch svg,
.woocommerce-checkout .wc-block-cart-item__remove-link svg,
.woocommerce-checkout .wc-block-components-order-summary-item__image button svg {
  display: block !important;
  width: 12px !important;
  height: 12px !important;
  fill: #F8E8D2 !important;
  color: #F8E8D2 !important;
  stroke: #F8E8D2 !important;
}
.woocommerce-checkout a.remove:not(:has(svg))::after,
.woocommerce-checkout .wc-block-cart-item__remove-batch:not(:has(svg))::after,
.woocommerce-checkout .wc-block-components-order-summary-item__image > button:not(:has(svg))::after {
  content: "×";
  color: #F8E8D2;
  font-size: 16px;
  line-height: 1;
}
.woocommerce-checkout .wc-block-components-order-summary-item__image {
  position: relative !important;
  overflow: visible !important;
}
.woocommerce-checkout .wc-block-cart-item__remove-link {
  position: static;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--st-brass) !important;
  -webkit-text-fill-color: var(--st-brass) !important;
  font-size: 12px !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.st-checkout-remove {
  position: absolute;
  top: -8px;
  right: -8px;
  z-index: 8;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #20180C;
  color: #F8E8D2 !important;
  -webkit-text-fill-color: #F8E8D2 !important;
  border: 1px solid var(--st-brass);
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  display: grid;
  place-items: center;
  user-select: none;
}
.st-checkout-remove-txt {
  display: inline-block;
  margin-top: 8px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 11px;
  color: var(--st-brass) !important;
  -webkit-text-fill-color: var(--st-brass) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
body.woocommerce-checkout .elementor-widget-woocommerce-checkout-page,
body.woocommerce-cart .elementor-widget-woocommerce-cart-page {
  background: transparent !important;
}

/* ——— Mobile / tablet: full-site responsive ——— */
@media (max-width: 900px) {
  :root {
    --st-pad: 16px;
    --st-header-offset: 68px;
    --st-header-stack: 100px;
  }
  html, body, #page, .site, .elementor, .elementor-section, .e-con {
    overflow-x: clip;
    max-width: 100%;
  }
  .elementor-widget-html,
  .elementor-widget-html .elementor-widget-container,
  .elementor-location-header,
  .elementor-location-header .e-con {
    width: 100% !important;
    max-width: 100% !important;
  }
  .st-header__announce {
    font-size: 9px;
    letter-spacing: 0.1em;
    justify-content: flex-start;
    overflow: hidden;
  }
  .st-header__announce-track {
    justify-content: flex-start;
    width: max-content;
    gap: 0;
    animation: st-announce 28s linear infinite;
  }
  .st-header__announce-set[aria-hidden="true"] { display: inline-flex !important; }
  .st-header__announce-set { gap: 14px; padding-right: 28px; }
  .st-header__main {
    gap: 6px;
    height: 64px;
    min-height: 64px;
    padding: 0 12px;
  }
  .st-header .st-logo img,
  .st-logo img { width: 40px; height: 40px; }
  .st-logo__mark { font-size: 18px; }
  .st-logo__sub { display: none; }
  .st-nav { display: none !important; }
  .st-header-search { display: none; }
  .st-header .st-search-toggle { display: inline-flex !important; }
  .st-iconbtn { width: 34px; height: 34px; }
  .st-header__actions { gap: 0; }
  .st-header__actions a[href="/my-account"] { display: none !important; }

  .st-hero {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 24px 0 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .st-hero__content {
    padding: 12px 16px 28px;
    max-width: 100%;
  }
  .st-hero__eyebrow { font-size: 9px; letter-spacing: 0.16em; gap: 8px; }
  .st-hero__eyebrow .st-rule { width: 18px; }
  .st-hero__title { font-size: clamp(26px, 8vw, 38px); line-height: 1.08; }
  .st-hero__urdu {
    font-size: 15px !important;
    line-height: 2.2 !important;
    max-width: 100%;
    padding: 0.2em 0 0.35em;
    white-space: normal;
  }
  .st-hero__sub { font-size: 14px; max-width: 100%; }
  .st-hero__cta { flex-direction: column; align-items: stretch; margin-top: 16px; }
  .st-hero__cta .st-btn { width: 100%; justify-content: center; }
  .st-hero__proof { font-size: 8px; letter-spacing: 0.1em; gap: 8px 12px; }
  .st-hero__scroll { display: none; }

  .st-collections { padding: 28px 16px 20px !important; }
  .st-collections__head { margin-bottom: 12px !important; gap: 4px !important; }
  .st-section-title { font-size: clamp(28px, 8vw, 40px); }
  .st-section-lede { font-size: 15px; }
  .st-collections__watermark {
    font-size: 48px !important;
    line-height: 1 !important;
    max-width: 100%;
  }
  .st-urdu-chip { font-size: 18px !important; white-space: normal; max-width: 100%; margin: 0 !important; }
  .st-coll-grid { grid-template-columns: 1fr 1fr; grid-auto-rows: 160px; gap: 8px; }
  .st-coll-card:first-child,
  .st-coll-card:nth-child(2),
  .st-coll-card--featured { grid-column: span 2; grid-row: span 2; }

  .st-featured__grid { grid-template-columns: 1fr 1fr; gap: 20px 14px; }
  .st-ig-grid { grid-template-columns: 1fr 1fr; }
  .st-page { padding: 32px 16px 56px; }
  .st-page.st-shop,
  .st-shop { padding: 24px 16px 64px !important; }
  .st-shop .st-shop__title { font-size: clamp(32px, 10vw, 44px) !important; }
  .st-shop-grid { grid-template-columns: 1fr 1fr; gap: 28px 14px; }
  .st-shopbar { flex-wrap: wrap !important; gap: 12px; }
  .st-price { flex: 1 1 100%; }
  .st-shopbar__tools { width: 100%; justify-content: space-between; }
  .st-catchip { flex: 0 0 132px !important; width: 132px !important; height: 96px !important; }
  .st-catbar { padding: 8px 44px 10px !important; }

  .st-footer { padding: 48px 16px 24px; }
  .st-footer__grid { grid-template-columns: 1fr 1fr; gap: 28px 18px; margin-bottom: 36px; }
  .st-menu__panel { width: min(100vw, 360px); padding: 20px 20px 32px; }
  .st-menu__nav a { font-size: 22px; }
}

@media (max-width: 640px) {
  .st-featured__grid,
  .st-coll-grid,
  .st-footer__grid,
  .st-trust,
  .st-shop-grid { grid-template-columns: 1fr !important; }
  .st-coll-card:first-child,
  .st-coll-card:nth-child(2),
  .st-coll-card--featured {
    grid-column: span 1 !important;
    grid-row: span 1 !important;
  }
  .st-coll-grid { grid-auto-rows: 220px; }
  .st-ig-grid { grid-template-columns: 1fr 1fr; }
  .st-shop-grid { gap: 32px 0; }
  .st-hero__title { font-size: clamp(24px, 9vw, 34px); }
  .st-logo__mark { font-size: 16px; }
  .st-header__announce .urdu { font-size: 12px; }
  .st-btn { padding: 12px 16px; font-size: 12px; white-space: normal; }
  .st-footer__bottom { flex-direction: column; text-align: center; }
}

/* ——— Single product (Sidraz layout, Shaban tokens, live Woo data) ——— */
body.single-product:has(#st-pdp-root) .woocommerce-breadcrumb,
body.single-product:has(#st-pdp-root) .site-main > .product,
body.single-product:has(#st-pdp-root) .elementor-widget-woocommerce-breadcrumb,
body.single-product:has(#st-pdp-root) .elementor-widget-woocommerce-product-images,
body.single-product:has(#st-pdp-root) .elementor-widget-woocommerce-product-title,
body.single-product:has(#st-pdp-root) .elementor-widget-woocommerce-product-price,
body.single-product:has(#st-pdp-root) .elementor-widget-woocommerce-product-meta,
body.single-product:has(#st-pdp-root) .elementor-widget-woocommerce-product-short-description,
body.single-product:has(#st-pdp-root) .elementor-widget-woocommerce-product-add-to-cart,
body.single-product:has(#st-pdp-root) .elementor-widget-woocommerce-product-data-tabs,
body.single-product:has(#st-pdp-root) .elementor-widget-woocommerce-product-related,
body.single-product:has(#st-pdp-root) .elementor-widget-woocommerce-product-upsell,
body.single-product:has(#st-pdp-root) .elementor-widget-woocommerce-product-additional-information,
body.single-product:has(#st-pdp-root) .related.products {
  display: none !important;
}
body.single-product:has(#st-pdp-root) .elementor-location-single > .elementor-section,
body.single-product:has(#st-pdp-root) .elementor-location-single > .e-con,
body.single-product:has(#st-pdp-root) .elementor-location-single .e-con-boxed {
  padding: 0 !important;
  max-width: none !important;
}
body.single-product #st-pdp-root button {
  background: transparent;
  color: inherit;
}
body.single-product #st-pdp-root .st-pdp-acc summary {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: inherit;
}
body.single-product #st-pdp-root .st-rev-write,
body.single-product #st-pdp-root .st-rev-send {
  background: var(--st-cream) !important;
  color: #20180C !important;
}
body.single-product #st-pdp-root .st-pdp-atc:hover:not(:disabled) {
  background: var(--st-brass) !important;
  color: #fff !important;
  filter: brightness(1.06);
}

body.tax-product_cat:has(#st-shop-root) .woocommerce-products-header,
body.tax-product_cat:has(#st-shop-root) .woocommerce-result-count,
body.tax-product_cat:has(#st-shop-root) .woocommerce-ordering,
body.tax-product_cat:has(#st-shop-root) ul.products,
body.tax-product_cat:has(#st-shop-root) .woocommerce-pagination,
body.tax-product_cat:has(#st-shop-root) .elementor-widget-wc-archive-products,
body.tax-product_cat:has(#st-shop-root) .elementor-widget-woocommerce-products,
body.post-type-archive-product:has(#st-shop-root) ul.products,
body.post-type-archive-product:has(#st-shop-root) .woocommerce-products-header {
  display: none !important;
}

.st-pdp-page {
  max-width: var(--st-maxw);
  margin: 0 auto;
  padding: 16px var(--st-pad) 80px;
  color: var(--st-text);
  min-width: 0;
  overflow: visible;
}
.st-pdp-crumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 11px;
  color: var(--st-muted);
  margin: 0 0 14px;
}
.st-pdp-crumb a { color: var(--st-brass); }
.st-pdp-crumb a:hover { color: var(--st-cream); }

.st-pdp-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 28px 48px;
  align-items: start;
}
#st-pdp-view {
  display: block;
  min-width: 0;
}
#st-pdp-view .st-pdp-gallery,
#st-pdp-view .st-pdp-info,
#st-pdp-view .st-pdp-tabs,
#st-pdp-view .st-pdp-accs,
#st-pdp-view .st-rev,
#st-pdp-view .st-pdp-related {
  position: static;
  grid-column: auto;
  grid-row: auto;
}
.st-pdp-gallery__main {
  position: relative;
  background: var(--st-surface);
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
.st-pdp-gallery__main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.st-pdp-gallery__empty { width: 100%; height: 100%; background: var(--st-surface); }
.st-pdp-gallery__count {
  position: absolute;
  left: 16px;
  bottom: 16px;
  font-family: var(--font-display);
  font-style: italic;
  font-size: 15px;
  letter-spacing: 0.08em;
  color: var(--st-cream);
  text-shadow: 0 2px 12px #0008;
  pointer-events: none;
}
.st-pdp-gallery__sold {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: #20180c88;
  text-align: center;
  padding: 24px;
}
.st-pdp-gallery__sold em {
  font-family: var(--font-display);
  font-style: italic;
  font-size: 28px;
  color: var(--st-cream);
}
.st-pdp-gallery__sold span { font-family: var(--font-urdu); color: var(--st-brass); }
.st-pdp-gallery__sold small {
  letter-spacing: 0.22em;
  font-size: 10px;
  color: var(--st-muted);
}
.st-pdp-thumbs {
  display: flex;
  gap: 8px;
  margin-top: 10px;
  overflow-x: auto;
  scrollbar-width: thin;
}
.st-pdp-thumb {
  flex: 0 0 76px;
  width: 76px;
  aspect-ratio: 1 / 1;
  padding: 0;
  border: 1px solid transparent;
  background: var(--st-surface);
  cursor: pointer;
  overflow: hidden;
}
.st-pdp-thumb span {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.st-pdp-thumb.is-active { border-color: var(--st-brass); }
.st-pdp-thumb:hover { border-color: var(--st-latte); }

.st-pdp-cat {
  margin: 0 0 10px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-size: 11px;
  color: var(--st-brass);
}
.st-pdp-title {
  font-family: var(--font-display);
  font-style: italic;
  font-weight: 400;
  font-size: clamp(26px, 3.2vw, 42px);
  line-height: 1.22;
  color: var(--st-cream);
  margin: 0 0 10px;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  padding-right: 0.35em;
}
.st-pdp-sku {
  margin: 0 0 18px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 11px;
  color: var(--st-muted);
}
.st-pdp-price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 12px 16px;
  padding-bottom: 14px;
  margin-bottom: 0;
  border-bottom: 1px solid var(--st-border);
}
.st-pdp-price del {
  color: var(--st-brass);
  opacity: 0.7;
  font-size: 16px;
}
.st-pdp-price__now {
  font-family: var(--font-display);
  font-size: clamp(28px, 3vw, 40px);
  color: var(--st-cream);
  line-height: 1;
}
.st-pdp-save {
  border: 1px solid var(--st-brass);
  color: var(--st-brass);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 10px;
  padding: 8px 12px;
}

.st-pdp-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid var(--st-border);
  border-bottom: 0;
  margin: 0 0 16px;
}
.st-pdp-meta > div {
  padding: 20px 22px;
  border-right: 1px solid var(--st-border);
  border-bottom: 1px solid var(--st-border);
}
.st-pdp-meta > div:nth-child(3n) { border-right: 0; }
.st-pdp-meta span {
  display: block;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 12px;
  color: var(--st-brass);
}
.st-pdp-meta strong {
  display: block;
  margin-top: 8px;
  font-size: 18px;
  font-weight: 600;
  color: var(--st-cream);
  overflow-wrap: anywhere;
  line-height: 1.3;
}

.st-pdp-short {
  display: flex;
  gap: 10px;
  margin: 0 0 12px;
  color: var(--st-muted);
  font-size: 14px;
  line-height: 1.7;
}
.st-pdp-short span { color: var(--st-brass); flex-shrink: 0; }

.st-pdp-buy { display: flex; flex-direction: column; gap: 8px; }
.st-pdp-qtyrow {
  display: flex;
  align-items: center;
  gap: 14px;
}
.st-pdp-qty {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--st-border);
  min-height: 56px;
  position: relative;
  z-index: 2;
}
.st-pdp-qty__btn {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  background: transparent !important;
  color: var(--st-cream) !important;
  border: 0 !important;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  user-select: none;
  pointer-events: auto;
}
.st-pdp-qty__btn:hover { color: var(--st-brass) !important; background: transparent !important; }
.st-pdp-qty__btn:active { transform: scale(0.9); color: var(--st-brass) !important; }
.st-pdp-qty__btn.is-off { opacity: 0.35; }
.st-pdp-qty input,
.st-pdp-qty__val {
  width: 56px;
  height: 56px;
  background: transparent;
  border: 0;
  color: var(--st-cream);
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  padding: 0;
}
.st-pdp-left {
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  color: var(--st-brass);
  line-height: 1.3;
}
.st-pdp-atc,
.st-pdp-buynow {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 13px !important;
  font-weight: 700;
  padding: 15px 22px !important;
  cursor: pointer;
  border-radius: 3px !important;
  text-align: center;
  box-sizing: border-box;
  min-height: 50px;
}
.st-pdp-atc {
  background: var(--st-brass) !important;
  color: #fff !important;
  border: 1px solid var(--st-brass) !important;
}
.st-pdp-atc:hover { filter: brightness(1.06); color: #fff !important; }
.st-pdp-atc[aria-disabled="true"],
.st-pdp-atc[data-busy="1"] {
  opacity: 0.55;
  pointer-events: none;
}
.st-pdp-buynow {
  background: #e10600 !important;
  color: #fff !important;
  border: 1px solid #e10600 !important;
  letter-spacing: 0.08em;
  white-space: normal;
  line-height: 1.35;
  padding: 14px 16px !important;
  font-size: 12px !important;
}
.st-pdp-buynow:hover,
body.single-product #st-pdp-root .st-pdp-buynow:hover {
  background: #c10500 !important;
  color: #fff !important;
  filter: none;
}
.st-pdp-wa {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid color-mix(in srgb, var(--st-brass) 70%, transparent);
  color: var(--st-cream) !important;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 13px 36px 13px 20px;
  min-height: 46px;
  box-sizing: border-box;
  position: relative;
}
.st-pdp-wa:hover {
  background: color-mix(in srgb, var(--st-brass) 14%, transparent);
  border-color: var(--st-brass);
}
.st-pdp-wa__ico {
  width: 16px;
  height: 16px;
  color: #25d366;
  flex-shrink: 0;
}
.st-pdp-wa__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #25d366;
  box-shadow: 0 0 0 3px #25d36633;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}

.st-pdp-assure {
  margin-top: 6px;
  border: 1px solid color-mix(in srgb, var(--st-brass) 35%, transparent);
  background: color-mix(in srgb, var(--st-surface) 70%, transparent);
}
.st-pdp-ship {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px 14px;
  border-bottom: 1px solid color-mix(in srgb, var(--st-brass) 28%, transparent);
  color: var(--st-muted);
  font-size: 13px;
  line-height: 1.45;
}
.st-pdp-ship__ico {
  width: 32px;
  height: 32px;
  border: 1px solid color-mix(in srgb, var(--st-brass) 45%, transparent);
  display: grid;
  place-items: center;
  color: var(--st-brass);
  flex-shrink: 0;
}
.st-pdp-ship p { margin: 0; }
.st-pdp-ship strong {
  display: block;
  color: var(--st-cream);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 2px;
}
.st-pdp-page .st-pdp-trust,
.st-pdp-trust {
  list-style: none;
  margin: 0;
  padding: 10px 12px 12px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.st-pdp-trust li {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 8px;
  align-items: start;
  color: var(--st-muted);
  font-size: 13px;
  padding: 0;
  position: relative;
}
.st-pdp-trust li::before { content: none; }
.st-pdp-trust__mark {
  width: auto;
  height: auto;
  margin-top: 3px;
  border: 0;
  color: var(--st-brass) !important;
  font-size: 9px;
  font-weight: 400;
  display: grid;
  place-items: center;
  line-height: 1;
}
.st-pdp-trust strong {
  display: block;
  color: var(--st-cream);
  font-weight: 600;
  font-size: 13px;
  margin: 0 0 1px;
  letter-spacing: 0.02em;
}
.st-pdp-trust em {
  display: block;
  font-style: normal;
  font-size: 12px;
  color: var(--st-muted);
  line-height: 1.35;
}

.st-pdp-accs {
  margin-top: 56px;
  width: 100%;
}
.st-pdp-acc {
  border-bottom: 1px solid color-mix(in srgb, var(--st-brass) 28%, transparent);
}
.st-pdp-acc:first-child {
  border-top: 1px solid color-mix(in srgb, var(--st-brass) 28%, transparent);
}
.st-pdp-acc summary {
  font-family: var(--font-display);
  color: var(--st-cream);
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 18px 0;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0.04em;
}
.st-pdp-acc summary::-webkit-details-marker { display: none; }
.st-pdp-acc summary:hover,
.st-pdp-acc[open] summary { color: var(--st-brass); }
.st-pdp-acc__plus {
  color: var(--st-brass);
  font-size: 22px;
  line-height: 1;
  flex-shrink: 0;
}
.st-pdp-acc__plus::before { content: "+"; }
.st-pdp-acc[open] .st-pdp-acc__plus::before { content: "−"; }
.st-pdp-acc__body {
  color: var(--st-latte);
  font-size: 16px;
  line-height: 1.95;
  padding: 0 0 22px;
}
.st-pdp-acc__body p { margin: 0 0 18px; color: var(--st-latte); }
.st-pdp-acc__body > ul { margin: 0 0 16px; padding-left: 0; list-style: none; }
.st-pdp-acc__body > ul li {
  position: relative;
  padding-left: 22px;
  margin: 0 0 10px;
}
.st-pdp-acc__body > ul li::before {
  content: "◆";
  position: absolute;
  left: 0;
  top: 8px;
  color: var(--st-brass);
  font-size: 8px;
}
.st-pdp-acc__body a { color: var(--st-brass); }

.st-pdp-tabs {
  margin-top: 56px;
  width: 100%;
}
.st-pdp-tabs__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0 36px;
  border-bottom: 1px solid color-mix(in srgb, var(--st-brass) 35%, transparent);
  margin-bottom: 28px;
}
.st-pdp-tabs__nav button,
.st-pdp-tabs__nav .st-pdp-tab {
  background: transparent !important;
  border: 0 !important;
  color: var(--st-latte) !important;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  padding: 14px 0 16px !important;
  margin: 0 0 -1px !important;
  cursor: pointer;
  border-bottom: 1px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.st-pdp-tabs__nav button:hover,
.st-pdp-tabs__nav .st-pdp-tab:hover {
  color: var(--st-cream) !important;
  background: transparent !important;
}
.st-pdp-tabs__nav button.is-active,
.st-pdp-tabs__nav .st-pdp-tab.is-active {
  color: var(--st-brass) !important;
  border-bottom-color: var(--st-brass) !important;
}
.st-pdp-tabs__panel {
  display: none;
  color: var(--st-latte);
  font-size: 16px;
  line-height: 1.95;
  max-width: none;
}
.st-pdp-tabs__panel.is-active { display: block; }
.st-pdp-tabs__panel p { margin: 0 0 18px; color: var(--st-latte); }
.st-pdp-tabs__panel > ul { margin: 0 0 16px; padding-left: 0; list-style: none; }
.st-pdp-tabs__panel > ul li {
  position: relative;
  padding-left: 22px;
  margin: 0 0 10px;
}
.st-pdp-tabs__panel > ul li::before {
  content: "◆";
  position: absolute;
  left: 0;
  top: 8px;
  color: var(--st-brass);
  font-size: 8px;
}
.st-pdp-tabs__panel a { color: var(--st-brass); }

.st-pdp-acc__body .st-pdp-kf { margin-top: 24px; }
.st-pdp-kf { margin: 40px 0 0; max-width: none; }
.st-pdp-kf__label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  color: var(--st-brass);
  margin-bottom: 22px;
}
.st-pdp-kf__label span {
  flex: 1;
  height: 1px;
  background: color-mix(in srgb, var(--st-brass) 55%, transparent);
  max-width: none;
}
.st-pdp-kf ul { list-style: none; margin: 0; padding: 0; }
.st-pdp-kf li {
  position: relative;
  padding-left: 22px;
  color: var(--st-latte);
  font-size: 16px;
  line-height: 1.9;
  margin: 0 0 12px;
}
.st-pdp-kf li::before {
  content: "◆";
  position: absolute;
  left: 0;
  color: var(--st-brass);
  font-size: 8px;
  top: 9px;
}

.st-rev {
  margin-top: 56px;
  padding-top: 8px;
  width: 100%;
}
.st-rev__title {
  font-family: var(--font-display);
  font-weight: 400;
  font-size: clamp(28px, 4vw, 40px);
  color: var(--st-cream);
  margin: 0 0 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid color-mix(in srgb, var(--st-brass) 32%, transparent);
}
.st-rev-sum {
  display: grid;
  grid-template-columns: minmax(140px, 0.7fr) minmax(0, 1.4fr) minmax(160px, 0.7fr);
  gap: 28px;
  align-items: center;
  padding: 8px 0 28px;
  border-bottom: 1px solid color-mix(in srgb, var(--st-brass) 22%, transparent);
  margin-bottom: 28px;
}
.st-rev-score { text-align: left; }
.st-rev-score strong {
  display: block;
  font-family: var(--font-display);
  font-size: clamp(36px, 5vw, 52px);
  font-weight: 400;
  color: var(--st-brass);
  line-height: 1;
}
.st-rev-score strong span {
  font-size: 0.45em;
  color: var(--st-latte);
}
.st-rev-stars {
  display: inline-flex;
  gap: 2px;
  margin: 10px 0 8px;
  color: color-mix(in srgb, var(--st-brass) 28%, transparent);
  font-size: 16px;
  letter-spacing: 0;
}
.st-rev-stars .is-on { color: var(--st-brass); }
.st-rev-score small {
  display: block;
  color: var(--st-muted);
  font-size: 13px;
}
.st-rev-dist {
  display: grid;
  gap: 7px;
  padding: 4px 28px;
  border-left: 1px dotted color-mix(in srgb, var(--st-brass) 42%, transparent);
  border-right: 1px dotted color-mix(in srgb, var(--st-brass) 42%, transparent);
}
.st-rev-bar {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  color: var(--st-latte);
}
.st-rev-bar i {
  display: block;
  height: 6px;
  border-radius: 99px;
  background: color-mix(in srgb, var(--st-brass) 18%, transparent);
  overflow: hidden;
}
.st-rev-bar b {
  display: block;
  height: 100%;
  border-radius: 99px;
  background: var(--st-brass);
}
.st-rev-bar em {
  font-style: normal;
  text-align: right;
  color: var(--st-muted);
}
.st-rev-sum__act { justify-self: end; }
.st-rev-write,
.st-rev-send {
  appearance: none;
  border: 0;
  cursor: pointer;
  background: var(--st-cream) !important;
  color: var(--st-dark) !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 12px !important;
  font-weight: 600;
  padding: 14px 22px !important;
  min-height: 48px;
}
.st-rev-write:hover,
.st-rev-send:hover {
  background: var(--st-brass) !important;
  color: var(--st-dark) !important;
}
.st-rev-thanks {
  margin: 0;
  color: var(--st-latte);
  font-size: 14px;
  line-height: 1.6;
  max-width: 240px;
}
.st-rev-form {
  display: grid;
  gap: 14px;
  max-width: 560px;
  margin: 0 0 36px;
  padding: 22px 22px 24px;
  border: 1px solid color-mix(in srgb, var(--st-brass) 32%, transparent);
  background: color-mix(in srgb, var(--st-surface) 80%, transparent);
}
.st-rev-form[hidden] { display: none !important; }
.st-rev-form label {
  display: grid;
  gap: 6px;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--st-latte);
}
.st-rev-form input,
.st-rev-form textarea {
  width: 100%;
  background: var(--st-bg);
  border: 1px solid color-mix(in srgb, var(--st-brass) 28%, transparent);
  color: var(--st-cream);
  padding: 12px 14px;
  font-family: inherit;
  font-size: 15px;
  letter-spacing: 0;
  text-transform: none;
  box-sizing: border-box;
}
.st-rev-form textarea { min-height: 120px; resize: vertical; }
.st-rev-form input:focus,
.st-rev-form textarea:focus {
  outline: none;
  border-color: var(--st-brass);
}
.st-rev-rate span {
  display: block;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--st-latte);
  margin-bottom: 8px;
}
.st-rev-rate__stars { display: flex; gap: 4px; align-items: center; }
.st-rev-rate__stars button {
  background: transparent !important;
  border: 0 !important;
  color: color-mix(in srgb, var(--st-brass) 30%, transparent) !important;
  font-size: 28px !important;
  line-height: 1;
  padding: 0 !important;
  cursor: pointer;
  box-shadow: none !important;
}
.st-rev-rate__stars button.is-on { color: var(--st-brass) !important; }
.st-rev-rate em {
  display: inline-block;
  margin-top: 6px;
  font-style: normal;
  color: var(--st-muted);
  font-size: 13px;
}
.st-rev-photos {
  margin: 0;
  color: var(--st-muted);
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
}
.st-rev-photos a { color: var(--st-brass); }
.st-rev-send { justify-self: start; }
.st-rev-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}
.st-rev-card {
  border: 1px solid color-mix(in srgb, var(--st-brass) 26%, transparent);
  background: color-mix(in srgb, var(--st-surface) 70%, transparent);
  padding: 20px 20px 22px;
}
.st-rev-card__who {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.st-rev-card__who strong {
  font-size: 15px;
  color: var(--st-cream);
}
.st-rev-verified {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #7dba7a;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 600;
}
.st-rev-verified::before {
  content: "✓";
  font-size: 12px;
}
.st-rev-card .st-rev-stars { margin: 0 0 10px; font-size: 14px; }
.st-rev-card__text {
  margin: 0;
  color: var(--st-latte);
  font-size: 14px;
  line-height: 1.7;
}
.st-rev-more {
  background: none !important;
  border: 0 !important;
  color: var(--st-brass) !important;
  padding: 0 !important;
  font-size: 13px !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: none !important;
}
.st-rev-empty {
  grid-column: 1 / -1;
  color: var(--st-muted);
  font-size: 15px;
  margin: 0;
}

.st-pdp-related { margin-top: 64px; }
.st-pdp-related__head {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
  margin-bottom: 28px;
}
.st-pdp-related__head .st-section-title { margin: 8px 0 8px; }
.st-pdp-related__lede { margin: 0; color: var(--st-muted); font-size: 14px; }
.st-pdp-related__all {
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: var(--st-brass) !important;
  white-space: nowrap;
}
.st-pdp-related__all:hover { color: var(--st-cream) !important; }
.st-pdp-related__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px 24px;
}
.st-pdp-related__grid .st-pcard__cart { display: none; }
.st-pdp-related__grid .st-pcard__cat { color: var(--st-brass); }

.st-pdp-skel__crumb {
  height: 12px;
  width: 280px;
  background: var(--st-surface);
  margin-bottom: 28px;
}
.st-pdp-skel__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
}
.st-pdp-skel__media { aspect-ratio: 1 / 1; background: var(--st-surface); }
.st-pdp-skel__copy span {
  display: block;
  height: 16px;
  background: var(--st-surface);
  margin-bottom: 14px;
}
.st-pdp-empty {
  text-align: center;
  padding: 80px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  color: var(--st-muted);
}

@media (max-width: 1100px) {
  .st-pdp-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .st-rev-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .st-pdp-page { padding: 12px 16px 64px; }
  .st-pdp-hero,
  .st-pdp-skel__grid { grid-template-columns: 1fr; gap: 18px; }
  .st-pdp-gallery__main { aspect-ratio: 1 / 1; }
  .st-pdp-meta { grid-template-columns: 1fr 1fr; }
  .st-pdp-meta > div { padding: 16px 14px; }
  .st-pdp-meta > div:nth-child(3n) { border-right: 1px solid var(--st-border); }
  .st-pdp-meta > div:nth-child(2n) { border-right: 0; }
  .st-pdp-related__head { justify-content: flex-start; }
  .st-pdp-qty { width: 100%; }
  .st-pdp-qtyrow { width: 100%; }
  .st-pdp-qty__val { flex: 1; }
  .st-pdp-tabs { margin-top: 32px; }
  .st-pdp-accs { margin-top: 28px; }
  .st-pdp-acc summary { font-size: 20px; padding: 16px 0; }
  .st-rev { margin-top: 36px; }
  .st-rev-sum {
    grid-template-columns: 1fr;
    gap: 20px;
    text-align: left;
  }
  .st-rev-dist {
    border: 0;
    padding: 0;
  }
  .st-rev-sum__act { justify-self: start; }
  .st-rev-grid { grid-template-columns: 1fr; }
  .st-rev-form { padding: 16px; }
  .st-pdp-related { margin-top: 40px; }
}
@media (max-width: 640px) {
  .st-pdp-meta { grid-template-columns: 1fr 1fr; }
  .st-pdp-meta > div:nth-child(2n) { border-right: 0; }
  .st-pdp-related__grid { grid-template-columns: 1fr; gap: 24px; }
  .st-pdp-tabs__nav { gap: 0 22px; overflow-x: auto; flex-wrap: nowrap; }
  .st-pdp-tabs__nav button,
  .st-pdp-tabs__nav .st-pdp-tab { padding: 12px 0 14px !important; font-size: 11px; white-space: nowrap; }
  .st-pdp-title { font-size: 24px; }
  .st-pdp-price__now { font-size: 28px; }
  .st-pdp-crumb { font-size: 10px; margin-bottom: 10px; }
  .st-pdp-thumb { flex-basis: 64px; width: 64px; }
  .st-pdp-atc,
  .st-pdp-buynow,
  .st-pdp-wa { min-height: 48px; font-size: 12px !important; }
}

/* Home collections: English, then Urdu — no overlap, no empty stretch */
@media (max-width: 900px) {
  .st-collections.st-reveal {
    animation: none !important;
    animation-timeline: auto !important;
  }
  .elementor-element:has(.st-collections),
  .e-con:has(.st-collections),
  .elementor-widget:has(.st-collections),
  .elementor-widget-html:has(.st-collections) {
    min-height: 0 !important;
    height: auto !important;
  }
  .st-collections__head {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
    margin-bottom: 18px !important;
    min-height: 0 !important;
  }
  .st-collections__copy {
    position: relative;
    z-index: 2;
    max-width: 100% !important;
  }
  .st-collections__copy .st-section-lede {
    margin-bottom: 0;
  }
  .st-collections__aside {
    position: relative !important;
    z-index: 1;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 0 8px !important;
    overflow: hidden !important;
  }
  .st-collections__watermark {
    position: absolute !important;
    left: auto !important;
    right: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    transform: none !important;
    font-size: 28px !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0.12 !important;
    max-width: 90% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    pointer-events: none;
  }
  .st-collections .st-urdu-chip {
    position: relative;
    z-index: 1;
    line-height: 2.15 !important;
    padding: 0.2em 0 0.45em !important;
    margin: 0 !important;
    font-size: 16px !important;
    white-space: normal !important;
    max-width: 100% !important;
    text-align: right !important;
  }
}

/* Product page — phone layout */
@media (max-width: 900px) {
  .st-pdp-page {
    padding: 8px 14px 56px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  #st-pdp-view {
    display: block !important;
    width: 100%;
    min-width: 0;
  }
  #st-pdp-view .st-pdp-hero {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    width: 100%;
    min-width: 0;
  }
  #st-pdp-view .st-pdp-gallery,
  #st-pdp-view .st-pdp-info,
  #st-pdp-view .st-pdp-tabs,
  #st-pdp-view .st-pdp-accs,
  #st-pdp-view .st-rev,
  #st-pdp-view .st-pdp-related,
  #st-pdp-view .st-pdp-crumb {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .st-pdp-gallery__main {
    aspect-ratio: 1 / 1;
    width: 100%;
  }
  .st-pdp-crumb {
    font-size: 10px;
    letter-spacing: 0.1em;
    gap: 6px;
    margin: 0 0 4px !important;
    line-height: 1.4;
  }
  .st-pdp-cat {
    font-size: 10px;
    letter-spacing: 0.14em;
    margin: 0 0 6px;
  }
  .st-pdp-title {
    font-size: clamp(22px, 7vw, 28px) !important;
    line-height: 1.28 !important;
    margin: 0 0 8px !important;
  }
  .st-pdp-sku { margin: 0 0 12px; }
  .st-pdp-price {
    gap: 8px 12px;
    padding-bottom: 12px;
  }
  .st-pdp-price__now { font-size: 26px; }
  .st-pdp-save {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }
  .st-pdp-meta {
    grid-template-columns: 1fr 1fr !important;
    margin-bottom: 16px;
  }
  .st-pdp-meta > div {
    padding: 16px 14px;
    border-right: 1px solid var(--st-border);
  }
  .st-pdp-meta span { font-size: 11px; }
  .st-pdp-meta strong { font-size: 16px; }
  .st-pdp-meta > div:nth-child(2n) { border-right: 0; }
  .st-pdp-meta > div:nth-child(3n) { border-right: 1px solid var(--st-border); }
  .st-pdp-short { font-size: 13px; margin-bottom: 12px; }
  .st-pdp-thumbs { margin-top: 8px; }
  .st-pdp-thumb { flex-basis: 56px; width: 56px; }
}

@media (max-width: 400px) {
  .st-header__main {
    padding: 0 8px !important;
    gap: 4px !important;
    height: 58px !important;
    min-height: 58px !important;
  }
  .st-header .st-logo img,
  .st-logo img { width: 32px !important; height: 32px !important; }
  .st-logo__mark { font-size: 15px !important; }
  .st-iconbtn { width: 30px !important; height: 30px !important; }
  .st-iconbtn .st-ico { width: 16px; height: 16px; }
  .st-header__announce {
    font-size: 8px !important;
    letter-spacing: 0.06em !important;
    padding: 5px 8px;
  }
  .st-pdp-page { padding: 8px 12px 48px !important; }
}

/* ——— Site-wide phone / tablet pass ——— */
@media (max-width: 900px) {
  html { -webkit-text-size-adjust: 100%; }
  img, video, iframe, svg { max-width: 100%; height: auto; }
  .elementor-section,
  .elementor-container,
  .e-con,
  .e-con-inner,
  .elementor-widget,
  .elementor-widget-html,
  .elementor-widget-html .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .elementor-section.elementor-section-boxed > .elementor-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .st-header__announce {
    overflow: hidden;
    justify-content: flex-start;
  }
  .st-header__announce-track {
    width: max-content;
    justify-content: flex-start;
    gap: 0;
    animation: st-announce 28s linear infinite;
  }
  .st-header__announce-set { padding-right: 28px; }
  .st-header__announce-set[aria-hidden="true"] { display: inline-flex !important; }

  .st-menu__panel {
    width: 100% !important;
    max-width: 100vw;
    padding: 16px 18px 32px;
  }
  .st-cart__panel { width: 100vw !important; max-width: 100vw; }

  .st-hero__content { padding: 16px 16px 24px; }
  .st-hero__cta .st-btn { min-height: 48px; }

  .st-featured { padding: 48px 16px !important; }
  .st-featured__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px 12px !important;
  }
  .st-shop-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 28px 12px !important;
  }
  .st-pcard__name { font-size: 14px; }
  .st-ig-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px; }

  .st-wa-banner { padding: 40px 16px !important; }
  .st-wa-banner__inner { gap: 28px !important; }
  .st-wa-banner h2 { font-size: clamp(28px, 8vw, 40px) !important; text-transform: none; }
  .st-wa-banner__card { padding: 24px 18px; }
  .st-wa-banner__urdu { font-size: 36px !important; top: 4px; right: 12px; }

  .st-trust {
    display: flex !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    grid-template-columns: none !important;
  }
  .st-trust::-webkit-scrollbar { display: none; }
  .st-trust__item {
    flex: 0 0 72%;
    border-right: 1px solid var(--st-border);
    border-bottom: 0;
  }

  .st-footer { padding: 40px 16px 20px !important; }
  .st-footer__grid { grid-template-columns: 1fr 1fr !important; gap: 28px 16px; }
  .st-footer__bottom { flex-direction: column; align-items: center; text-align: center; gap: 10px; }
  .st-footer__bottom .urdu { font-size: 15px; line-height: 2.1; white-space: normal; }

  .st-about { padding: 36px 16px 64px !important; }
  .st-about-hero { margin-bottom: 40px; }
  .st-about-hero__title { font-size: clamp(28px, 8vw, 40px) !important; }
  .st-about-hero__lede { font-size: 15px; }
  .st-about-pillars { grid-template-columns: 1fr 1fr; gap: 24px 16px; }
  .st-founder,
  .st-about-story {
    grid-template-columns: 1fr !important;
    padding: 40px 16px 56px !important;
    gap: 22px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .st-about .st-founder,
  .st-about-story {
    padding: 16px 0 40px !important;
  }
  .st-founder__photo {
    overflow: hidden !important;
    width: 100%;
    max-height: 420px;
    aspect-ratio: 3 / 4;
  }
  .st-founder__photo-frame { inset: 8px; }
  .st-founder__caption { left: 14px; right: 14px; bottom: 14px; }
  .st-founder__caption-urdu { font-size: 16px; }
  .st-founder__text p { font-size: 14px; line-height: 1.7; }
  .st-founder__text .st-btn { width: 100%; justify-content: center; }
  .st-founder__stats { grid-template-columns: 1fr 1fr 1fr; gap: 8px; }
  .st-founder__stats strong { font-size: 20px; }
  .st-founder__stats span { font-size: 10px; letter-spacing: 0.06em; }
  .st-provenance { padding: 40px 16px !important; }
  .st-provenance__grid { grid-template-columns: 1fr 1fr !important; gap: 10px; }
  .st-provenance__item { padding: 18px 14px; }
  .st-instagram { padding: 48px 0 !important; }
  .st-instagram__head { grid-template-columns: 1fr !important; padding: 0 16px 24px; gap: 16px; }
  .st-instagram__actions { justify-content: flex-start; }
  .st-reveal {
    animation: none !important;
    animation-timeline: auto !important;
    opacity: 1 !important;
    transform: none !important;
  }
  .st-founder__stats strong { font-size: 22px; }

  .st-contact { gap: 32px; }
  .st-contact__panel { padding: 20px 16px 24px; }
  .st-form__row { grid-template-columns: 1fr; }

  .st-page { padding: 28px 16px 56px !important; }
  .st-legal { padding-top: 28px; }
  .st-legal h2 { font-size: 22px; }
  .st-faq summary { font-size: 17px; padding: 16px 0; }

  .st-cartpage { padding: 24px 16px 56px; }
  .st-cartpage__title { font-size: clamp(32px, 10vw, 48px); }
  .st-cartpage__list,
  .st-cartpage__sum { padding: 16px; }

  .st-table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

  .st-pdp-left { font-size: 15px !important; }
  .st-pdp-qtyrow { flex-wrap: wrap; gap: 10px; }
  .st-pdp-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px 12px; }
}

@media (max-width: 640px) {
  .st-shop-grid,
  .st-featured__grid,
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .st-coll-grid {
    grid-template-columns: 1fr 1fr !important;
    grid-auto-rows: 160px !important;
    gap: 6px !important;
  }
  .st-coll-card:first-child,
  .st-coll-card:nth-child(2),
  .st-coll-card--featured {
    grid-column: span 2 !important;
    grid-row: span 2 !important;
  }
  .st-footer__grid { grid-template-columns: 1fr !important; }
  .st-about-pillars { grid-template-columns: 1fr; }
  .st-provenance__grid { grid-template-columns: 1fr !important; }
  .st-footer__contact a { font-size: 18px; word-break: break-word; }
  .st-trust__item { flex-basis: 80%; padding: 14px 16px; }
  .st-hero__title { font-size: clamp(26px, 8.5vw, 34px) !important; }
  .st-section-title { font-size: clamp(26px, 8vw, 36px) !important; }
  .st-btn { min-height: 46px; }
  .st-pdp-meta span { font-size: 11px !important; }
  .st-pdp-meta strong { font-size: 16px !important; }
  .st-pdp-left { font-size: 15px !important; }
}/* End custom CSS */