:root {
  --bg: #fbf6ed;
  --surface: rgba(255, 255, 255, 0.9);
  --surface-strong: #fffdf8;
  --surface-dark: #4a2e21;
  --surface-dark-2: #6c3d21;
  --text: #2b211c;
  --muted: #73645a;
  --line: rgba(92, 58, 32, 0.12);
  --saffron: #c87100;
  --saffron-deep: #964f00;
  --gold: #efc66b;
  --green: #315744;
  --danger: #ab4536;
  --shadow: 0 22px 46px rgba(78, 44, 18, 0.09);
  --radius-xl: 30px;
  --radius-lg: 22px;
  --radius-md: 16px;
  --content: 1320px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--text);
  font-family: "Segoe UI", "Trebuchet MS", Verdana, sans-serif;
  background:
    radial-gradient(circle at top left, rgba(239, 198, 107, 0.22), transparent 24%),
    radial-gradient(circle at top right, rgba(200, 113, 0, 0.1), transparent 20%),
    linear-gradient(180deg, #fffdf9 0%, #fdf5e8 48%, #f7ead4 100%);
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select,
textarea {
  font: inherit;
}

.site-shell {
  max-width: var(--content);
  margin: 0 auto;
  padding: 0 18px 42px;
}

.promo-bar {
  margin-top: 10px;
  border-radius: 18px;
  padding: 12px 18px;
  background: linear-gradient(135deg, var(--surface-dark), var(--surface-dark-2));
  color: #fff7ea;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  font-size: 13px;
  box-shadow: 0 18px 36px rgba(78, 44, 18, 0.12);
}

.promo-bar strong {
  color: white;
}

.topbar {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  padding: 12px 0;
  color: var(--muted);
  font-size: 13px;
}

.topbar-links {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.topbar strong,
.brand-wordmark {
  color: var(--surface-dark);
}

.site-nav {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  padding: 18px 22px;
  border-radius: var(--radius-xl);
  background: rgba(255, 255, 255, 0.76);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  position: sticky;
  top: 8px;
  z-index: 15;
  backdrop-filter: blur(12px);
}

.nav-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.nav-search {
  width: 260px;
  border: 1px solid rgba(92, 58, 32, 0.12);
  background: rgba(255, 255, 255, 0.9);
  color: var(--text);
  border-radius: 999px;
  padding: 11px 14px;
}

.brand-lockup {
  display: flex;
  align-items: center;
  gap: 14px;
}

.home-logo-image {
  width: 74px;
  height: 74px;
  object-fit: contain;
  display: block;
  border-radius: 10px;
}

.home-logo-image-page {
  width: 82px;
  height: 58px;
  border-radius: 0;
  background: transparent;
}

.brand-logo-image {
  width: 64px;
  height: 46px;
  object-fit: contain;
  display: block;
  border-radius: 8px;
}

.brand-mark {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 32% 30%, rgba(255, 255, 255, 0.85), transparent 24%),
    linear-gradient(145deg, var(--gold), var(--saffron));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
  position: relative;
}

.brand-mark::after {
  content: "K";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-size: 28px;
  font-weight: 700;
  color: white;
}

.brand-wordmark {
  display: block;
  font-size: 25px;
  line-height: 1;
  letter-spacing: -0.03em;
  font-weight: 800;
}

.brand-sub {
  display: block;
  color: var(--muted);
  margin-top: 3px;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
}

.nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.nav-links a {
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
}

.nav-links a:hover,
.nav-links a.active {
  background: rgba(200, 113, 0, 0.1);
  color: var(--saffron-deep);
}

.home-action-link.active {
  background: rgba(200, 113, 0, 0.14);
  color: var(--saffron-deep);
}

.hero-panel,
.content-panel,
.feature-card,
.info-card,
.contact-card,
.category-card,
.stat-card,
.product-card {
  background: var(--surface);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}

.site-shell-page {
  padding-top: 20px;
}

.page-hero-compact {
  display: flex;
  justify-content: space-between;
  gap: 22px;
  align-items: flex-end;
  padding: 28px 30px;
  border-radius: var(--radius-xl);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  background:
    radial-gradient(circle at top right, rgba(239, 198, 107, 0.22), transparent 28%),
    linear-gradient(145deg, rgba(255, 252, 246, 0.96), rgba(248, 235, 207, 0.94));
}

.page-hero-title {
  margin: 12px 0 10px;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.page-hero-copy {
  margin: 0;
  max-width: 760px;
  color: var(--muted);
  line-height: 1.7;
}

.page-hero-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.content-panel-products {
  padding: 24px;
}

.simple-info-grid,
.contact-simple-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 24px;
}

.simple-info-card,
.contact-detail-card {
  padding: 24px;
  border-radius: var(--radius-lg);
  background: var(--surface);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}

.simple-info-card span,
.contact-detail-card span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.simple-info-card strong,
.contact-detail-card strong {
  display: block;
  margin-top: 10px;
  font-size: 20px;
  line-height: 1.25;
}

.simple-info-card p,
.contact-detail-card p {
  margin: 12px 0 0;
  color: var(--muted);
  line-height: 1.7;
}

.contact-detail-card a {
  color: var(--saffron-deep);
  font-weight: 700;
}

.about-note-panel {
  margin-top: 24px;
  padding: 24px;
}

.hero-grid {
  display: grid;
  grid-template-columns: 1.4fr .85fr;
  gap: 24px;
  margin-top: 22px;
}

.about-grid-clean {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.clean-panel {
  padding: 24px;
}

.clean-panel-note {
  margin: 0;
  color: var(--muted);
  line-height: 1.8;
}

.hero-commerce {
  display: grid;
  grid-template-columns: 1.45fr .82fr;
  gap: 22px;
  margin-top: 22px;
}

.hero-main-card,
.promo-tile,
.quick-link-card {
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}

.hero-main-card {
  border-radius: var(--radius-xl);
  padding: 34px;
  min-height: 420px;
  background:
    radial-gradient(circle at top right, rgba(239, 198, 107, 0.32), transparent 24%),
    linear-gradient(145deg, rgba(255, 252, 246, 0.98), rgba(245, 231, 202, 0.94));
}

.hero-searchbar {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  margin-top: 24px;
  max-width: 720px;
}

.hero-searchbar input {
  border: 1px solid rgba(92, 58, 32, 0.12);
  background: white;
  color: var(--text);
  border-radius: 999px;
  padding: 14px 16px;
}

.hero-promos {
  display: grid;
  gap: 16px;
}

.promo-tile {
  border-radius: 22px;
  padding: 22px;
  background: rgba(255, 255, 255, 0.92);
}

.promo-tile-accent {
  background: linear-gradient(145deg, rgba(74, 46, 33, 0.98), rgba(108, 61, 33, 0.96));
  color: #fff8ec;
}

.promo-tile span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.promo-tile-accent span {
  color: rgba(255, 248, 236, 0.72);
}

.promo-tile strong {
  display: block;
  margin-top: 12px;
  color: var(--surface-dark);
  font-size: 22px;
  line-height: 1.18;
  font-family: "Segoe UI", "Trebuchet MS", Verdana, sans-serif;
  font-weight: 800;
}

.promo-tile-accent strong {
  color: #fff9ef;
}

.promo-tile p {
  margin: 10px 0 0;
  color: var(--muted);
  line-height: 1.65;
}

.promo-tile-accent p {
  color: rgba(255, 248, 236, 0.82);
}

.quick-links-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.quick-link-card {
  border-radius: 18px;
  padding: 16px 14px;
  background: rgba(255, 255, 255, 0.88);
}

.quick-link-card span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.quick-link-card strong {
  display: block;
  margin-top: 12px;
  color: var(--surface-dark);
  font-size: 20px;
  line-height: 1.1;
  font-family: "Segoe UI", "Trebuchet MS", Verdana, sans-serif;
  font-weight: 800;
}

.hero-panel {
  border-radius: var(--radius-xl);
  overflow: hidden;
  position: relative;
  min-height: 430px;
  padding: 38px;
  background:
    radial-gradient(circle at top right, rgba(239, 198, 107, 0.32), transparent 24%),
    linear-gradient(145deg, rgba(255, 251, 244, 0.98), rgba(245, 230, 198, 0.94));
}

.hero-panel::after {
  content: "";
  position: absolute;
  right: -70px;
  bottom: -90px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(200, 113, 0, 0.18), transparent 70%);
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(200, 113, 0, 0.08);
  color: var(--saffron-deep);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.eyebrow::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: linear-gradient(180deg, var(--gold), var(--saffron));
}

.hero-title {
  margin: 18px 0 12px;
  max-width: 720px;
  font-size: clamp(42px, 6vw, 74px);
  line-height: 0.96;
  letter-spacing: -0.05em;
  color: var(--surface-dark);
  font-family: "Segoe UI", "Trebuchet MS", Verdana, sans-serif;
  font-weight: 900;
}

.hero-copy {
  max-width: 710px;
  margin: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.68;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

.btn {
  border: 0;
  border-radius: 999px;
  padding: 14px 18px;
  cursor: pointer;
  transition: transform .16s ease, opacity .16s ease, box-shadow .16s ease;
}

.btn:hover {
  transform: translateY(-1px);
}

.btn-primary {
  color: white;
  background: linear-gradient(135deg, var(--saffron), var(--saffron-deep));
  box-shadow: 0 14px 30px rgba(150, 79, 0, 0.2);
  font-weight: 700;
}

.btn-secondary {
  color: var(--surface-dark);
  background: rgba(255, 255, 255, 0.76);
  border: 1px solid rgba(111, 97, 88, 0.15);
  font-weight: 700;
}

.hero-side {
  display: grid;
  gap: 18px;
}

.offer-stack {
  display: grid;
  gap: 16px;
}

.offer-card {
  border-radius: var(--radius-lg);
  padding: 22px;
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  background: linear-gradient(145deg, rgba(255, 251, 245, 0.98), rgba(246, 234, 209, 0.94));
}

.offer-card strong {
  display: block;
  font-size: 24px;
  line-height: 1.15;
  color: var(--surface-dark);
}

.offer-card span {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--saffron-deep);
  font-weight: 700;
}

.offer-card p {
  margin: 10px 0 0;
  color: var(--muted);
  line-height: 1.65;
}

.feature-card,
.info-card,
.contact-card,
.content-panel {
  border-radius: var(--radius-lg);
}

.loyalty-panel,
.offers-panel {
  margin-top: 22px;
  padding: 24px;
}

.loyalty-form {
  display: grid;
  gap: 12px;
}

.loyalty-actions {
  grid-template-columns: 1fr;
  max-width: 240px;
}

.offers-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.offer-card {
  padding: 18px;
  border-radius: 18px;
  border: 1px solid rgba(92, 58, 32, 0.1);
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0 12px 28px rgba(78, 44, 18, 0.06);
}

.offer-card h3 {
  margin: 10px 0 6px;
  color: var(--surface-dark);
  font-size: 21px;
}

.offer-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}

.offer-code {
  display: inline-block;
  margin-top: 12px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(200, 113, 0, 0.1);
  color: var(--saffron-deep);
}

.cart-meta-badge {
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(200, 113, 0, 0.12);
  color: var(--saffron-deep);
  font-weight: 700;
  white-space: nowrap;
}

.feature-card {
  min-height: 206px;
  padding: 26px;
  background: linear-gradient(145deg, rgba(73, 46, 34, 0.98), rgba(108, 61, 33, 0.95));
  color: #fff8ec;
}

.feature-card h2,
.content-panel h2,
.section-title {
  margin: 0;
  font-size: 30px;
  line-height: 1.1;
  font-family: "Segoe UI", "Trebuchet MS", Verdana, sans-serif;
  font-weight: 800;
}

.feature-card p,
.content-panel p,
.info-card p,
.contact-card p {
  margin: 12px 0 0;
  line-height: 1.7;
}

.feature-card p {
  color: rgba(255, 248, 236, 0.82);
}

.feature-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.feature-links a {
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  font-size: 13px;
  font-weight: 700;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.stat-card {
  border-radius: 20px;
  padding: 18px;
}

.stat-label {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.stat-value {
  display: block;
  margin-top: 10px;
  color: var(--saffron-deep);
  font-size: 34px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.03em;
  font-family: "Segoe UI", "Trebuchet MS", Verdana, sans-serif;
}

.stat-card p {
  color: var(--muted);
  font-size: 14px;
  margin: 10px 0 0;
}

.section-block {
  margin-top: 24px;
}

.section-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: end;
  margin-bottom: 16px;
}

.section-head p {
  margin: 6px 0 0;
  color: var(--muted);
}

.cart-summary {
  margin: 18px 0 20px;
  padding: 18px;
  border-radius: 20px;
  border: 1px solid rgba(92, 58, 32, 0.12);
  background: linear-gradient(180deg, rgba(255, 252, 246, 0.96), rgba(248, 240, 223, 0.92));
}

.cart-summary-head,
.cart-summary-foot,
.cart-line {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}

.cart-summary-head h3 {
  margin: 8px 0 0;
  font-size: 22px;
  color: var(--surface-dark);
}

.cart-summary-list {
  margin-top: 14px;
  display: grid;
  gap: 10px;
}

.cart-line {
  padding: 12px 0;
  border-top: 1px solid rgba(92, 58, 32, 0.08);
}

.cart-line:first-child {
  border-top: 0;
}

.cart-line-copy {
  display: grid;
  gap: 4px;
}

.cart-line-copy strong {
  color: var(--surface-dark);
}

.cart-line-copy span {
  color: var(--muted);
  font-size: 13px;
}

.cart-offer-note {
  display: inline-flex;
  width: fit-content;
  margin-top: 4px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #fff4d8;
  color: var(--saffron-deep);
  font-size: 12px;
  font-weight: 800;
}

.cart-offer-note.applied {
  background: rgba(20, 83, 61, 0.1);
  color: var(--green);
}

.cart-line-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cart-qty-btn {
  width: 32px;
  height: 32px;
  border: 1px solid rgba(92, 58, 32, 0.14);
  border-radius: 10px;
  background: white;
  color: var(--surface-dark);
  font-weight: 800;
  cursor: pointer;
}

.cart-line-qty,
.cart-line-total {
  min-width: 42px;
  text-align: center;
}

.cart-line-total {
  min-width: 82px;
  text-align: right;
  color: var(--saffron-deep);
}

.cart-line-total span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  text-decoration: line-through;
}

.cart-summary-foot {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(92, 58, 32, 0.1);
  color: var(--surface-dark);
}

.pill {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(200, 113, 0, 0.08);
  color: var(--saffron-deep);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.category-card {
  border-radius: 22px;
  padding: 22px;
  min-height: 170px;
  cursor: pointer;
  text-align: left;
  transition: transform .16s ease, box-shadow .16s ease;
  background:
    radial-gradient(circle at top right, rgba(239, 198, 107, 0.36), transparent 28%),
    linear-gradient(145deg, rgba(255, 251, 245, 0.98), rgba(245, 233, 210, 0.96));
}

.category-card:hover {
  transform: translateY(-2px);
}

.category-card span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.category-card strong {
  display: block;
  margin-top: 18px;
  color: var(--surface-dark);
  font-size: 24px;
  line-height: 1.08;
  font-family: "Segoe UI", "Trebuchet MS", Verdana, sans-serif;
  font-weight: 800;
}

.category-card small {
  display: block;
  margin-top: 12px;
  color: var(--muted);
  font-size: 13px;
}

.brand-grid,
.promise-grid,
.contact-grid,
.about-grid {
  display: grid;
  gap: 16px;
}

.brand-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.promise-grid,
.contact-grid,
.about-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.brand-card,
.info-card,
.contact-card {
  border-radius: 22px;
  padding: 22px;
}

.brand-card {
  cursor: pointer;
}

.brand-card span,
.info-card span,
.contact-card span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.brand-card strong,
.info-card strong,
.contact-card strong {
  display: block;
  color: var(--surface-dark);
  margin-top: 14px;
  font-size: 22px;
  line-height: 1.18;
  font-family: "Segoe UI", "Trebuchet MS", Verdana, sans-serif;
  font-weight: 800;
}

.page-grid {
  display: grid;
  grid-template-columns: 290px minmax(0, 1fr);
  gap: 22px;
  margin-top: 22px;
  align-items: start;
}

.sidebar {
  border-radius: var(--radius-lg);
  padding: 22px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  position: sticky;
  top: 104px;
}

.sidebar h3 {
  margin: 0 0 18px;
  color: var(--surface-dark);
  font-size: 24px;
  font-family: "Segoe UI", "Trebuchet MS", Verdana, sans-serif;
  font-weight: 800;
}

.sidebar-section + .sidebar-section {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(92, 58, 32, 0.08);
}

.filter-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.filter-label {
  display: block;
  margin-bottom: 6px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.field,
.select,
.textarea {
  width: 100%;
  border: 1px solid rgba(92, 58, 32, 0.12);
  background: white;
  color: var(--text);
  border-radius: var(--radius-md);
  padding: 12px 14px;
}

.textarea {
  resize: vertical;
  min-height: 130px;
}

.toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  color: var(--surface-dark);
}

.stack-list {
  display: grid;
  gap: 8px;
  max-height: 420px;
  overflow: auto;
  padding-right: 4px;
}

.stack-list button {
  border: 0;
  border-radius: 14px;
  padding: 11px 12px;
  text-align: left;
  cursor: pointer;
  background: rgba(239, 198, 107, 0.16);
  color: var(--surface-dark);
  font-weight: 700;
}

.stack-list button:hover {
  background: rgba(200, 113, 0, 0.14);
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 22px;
  overflow: hidden;
  background: #fffdfa;
}

.product-top {
  min-height: 236px;
  padding: 18px;
  background:
    radial-gradient(circle at top right, rgba(239, 198, 107, 0.28), transparent 24%),
    linear-gradient(180deg, rgba(255, 252, 247, 1), rgba(248, 239, 220, 0.9));
  display: grid;
  gap: 10px;
}

.product-topbar {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 10px;
}

.product-image-wrap {
  min-height: 156px;
  padding: 14px;
  display: grid;
  place-items: center;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 248, 234, 0.92));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.75),
    0 10px 24px rgba(107, 62, 19, 0.08);
}

.product-image {
  width: 100%;
  height: 128px;
  object-fit: contain;
  object-position: center;
  display: block;
}

.product-image-placeholder {
  width: 100%;
  min-height: 128px;
  padding: 16px;
  display: grid;
  place-items: center;
  text-align: center;
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(255,255,255,0.88), rgba(243, 214, 154, 0.95));
  color: #8e4300;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.product-badge {
  display: inline-flex;
  align-items: center;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(92, 58, 32, 0.08);
  color: var(--surface-dark);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.product-body {
  flex: 1;
  display: grid;
  gap: 10px;
  padding: 18px;
  grid-template-rows: auto auto 1fr auto;
}

.product-actions-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.product-title {
  margin: 0;
  color: var(--surface-dark);
  font-size: 18px;
  line-height: 1.3;
  font-family: "Segoe UI", "Trebuchet MS", Verdana, sans-serif;
  font-weight: 800;
  min-height: calc(1.3em * 2);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--muted);
  font-size: 13px;
}

.product-bottom {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: end;
}

.product-price {
  color: var(--saffron-deep);
  font-size: 28px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.03em;
  font-family: "Segoe UI", "Trebuchet MS", Verdana, sans-serif;
}

.stock-badge {
  padding: 8px 11px;
  border-radius: 999px;
  background: rgba(49, 87, 68, 0.12);
  color: var(--green);
  font-size: 12px;
  font-weight: 700;
}

.stock-badge.out {
  background: rgba(171, 69, 54, 0.12);
  color: var(--danger);
}

.product-add-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #da8b07, #b65900);
  color: #fffdf8;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 12px 22px rgba(173, 88, 6, 0.16);
}

.product-add-btn.notify {
  background: linear-gradient(135deg, #8f4500, #b85c00);
}

.product-add-btn:disabled {
  background: #d5c8b8;
  color: #7b6a5d;
  cursor: not-allowed;
  box-shadow: none;
}

.product-cart-qty {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.empty-state {
  padding: 34px;
  border-radius: 22px;
  border: 1px dashed rgba(92, 58, 32, 0.2);
  background: rgba(255, 255, 255, 0.72);
  color: var(--muted);
  text-align: center;
}

.storefront-banner {
  margin-bottom: 16px;
  padding: 14px 18px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(239, 198, 107, 0.28), rgba(255, 247, 231, 0.95));
  border: 1px solid rgba(92, 58, 32, 0.1);
  color: var(--surface-dark);
  font-weight: 700;
}

.modal-shell[hidden] {
  display: none;
}

.modal-shell {
  position: fixed;
  inset: 0;
  z-index: 40;
}

.modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(39, 24, 14, 0.45);
}

.modal-card {
  position: relative;
  width: min(560px, calc(100% - 24px));
  margin: 7vh auto 0;
  padding: 24px;
  border-radius: 28px;
  background: #fffdf8;
  box-shadow: 0 30px 60px rgba(78, 44, 18, 0.22);
  border: 1px solid rgba(92, 58, 32, 0.08);
}

.modal-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: start;
}

.modal-head h3 {
  margin: 8px 0 0;
  color: var(--surface-dark);
  font-size: 28px;
  line-height: 1.1;
}

.modal-close {
  border: 0;
  background: transparent;
  color: var(--muted);
  font-size: 28px;
  cursor: pointer;
}

.modal-copy {
  color: var(--muted);
  line-height: 1.7;
}

.notify-form {
  display: grid;
  gap: 10px;
}

.textarea-field {
  resize: vertical;
  min-height: 96px;
}

.form-message {
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(171, 69, 54, 0.1);
  color: #8b2c20;
  font-size: 14px;
  font-weight: 700;
}

.modal-actions {
  display: flex;
  justify-content: end;
  gap: 10px;
  margin-top: 8px;
}

.site-footer {
  margin-top: 24px;
  border-radius: var(--radius-xl);
  padding: 24px 28px;
  background: linear-gradient(145deg, rgba(74, 46, 33, 0.98), rgba(108, 61, 33, 0.96));
  color: #fff7ea;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin-top: 10px;
}

.footer-links a {
  color: rgba(255, 247, 234, 0.88);
  font-size: 14px;
}

.site-footer strong {
  display: block;
  font-size: 22px;
  margin-bottom: 8px;
  font-family: "Segoe UI", "Trebuchet MS", Verdana, sans-serif;
  font-weight: 800;
}

.site-footer p {
  margin: 0;
  color: rgba(255, 247, 234, 0.82);
  line-height: 1.7;
}

.storefront-home {
  background:
    radial-gradient(circle at 0% 0%, rgba(255, 216, 146, 0.34), transparent 18%),
    radial-gradient(circle at 100% 0%, rgba(231, 153, 35, 0.16), transparent 22%),
    linear-gradient(180deg, #fffdf9 0%, #fff7eb 48%, #f7e5c1 100%);
}

.home-utility-bar {
  background: #fffdf8;
  border-bottom: 1px solid rgba(92, 58, 32, 0.08);
}

.home-utility-inner,
.home-header-main,
.home-category-nav,
.home-page-shell {
  width: min(1440px, calc(100% - 30px));
  margin: 0 auto;
}

.home-utility-inner {
  min-height: 52px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  color: var(--surface-dark);
  font-size: 14px;
}

.utility-message,
.utility-social {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.utility-social a {
  color: var(--surface-dark);
  font-weight: 700;
}

.home-header-shell {
  position: sticky;
  top: 0;
  z-index: 20;
  backdrop-filter: blur(14px);
}

.home-header-main {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  min-height: 94px;
  padding: 0 0 10px;
}

.home-logo-lockup {
  display: flex;
  align-items: center;
  gap: 14px;
}

.home-logo-badge {
  width: 70px;
  height: 70px;
  border-radius: 22px;
  display: grid;
  place-items: center;
  color: #fffdf8;
  font-size: 36px;
  font-weight: 800;
  line-height: 1;
  flex: 0 0 auto;
}

.home-logo-badge-saffron {
  background:
    radial-gradient(circle at 28% 28%, rgba(255,255,255,0.72), transparent 22%),
    linear-gradient(145deg, #f5c45b, #d98200 52%, #b85c00 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.55),
    0 16px 28px rgba(185, 95, 0, 0.18);
}

.home-logo-copy strong {
  display: block;
  font-size: 29px;
  line-height: 1;
  letter-spacing: -.04em;
  background: linear-gradient(135deg, #8e4300 0%, #d98200 48%, #b85c00 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-transform: uppercase;
  font-weight: 900;
}

.home-search-wrap {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
}

.home-search-input {
  min-height: 54px;
  border-radius: 999px;
  border: 1px solid rgba(92, 58, 32, 0.12);
  padding: 0 20px;
  background: rgba(255,255,255,0.92);
  color: var(--text);
  font-size: 16px;
}

.home-search-button {
  min-width: 116px;
  border: 0;
  border-radius: 999px;
  padding: 0 18px;
  background: linear-gradient(135deg, #da8b07, #b65900);
  color: #fffdf8;
  font-weight: 800;
  cursor: pointer;
}

.home-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.home-action-link {
  padding: 11px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.7);
  border: 1px solid rgba(92, 58, 32, 0.1);
  color: var(--surface-dark);
  font-size: 14px;
  font-weight: 700;
}

.home-category-nav {
  min-height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  border-radius: 28px;
  padding: 0 18px;
  background: linear-gradient(90deg, #8a4a00 0%, #cc7600 50%, #a95500 100%);
  color: #fff9f1;
  box-shadow: 0 20px 42px rgba(129, 71, 12, 0.18);
}

.home-category-nav a {
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}

.home-page-shell {
  padding: 22px 0 0;
}

.hero-stage {
  min-height: 540px;
  border-radius: 38px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  background:
    radial-gradient(circle at 12% 20%, rgba(255, 244, 214, 0.95), transparent 16%),
    radial-gradient(circle at 24% 48%, rgba(249, 211, 125, 0.88), transparent 18%),
    radial-gradient(circle at 52% 24%, rgba(246, 185, 54, 0.85), transparent 17%),
    radial-gradient(circle at 72% 42%, rgba(255, 225, 160, 0.92), transparent 18%),
    radial-gradient(circle at 86% 24%, rgba(214, 129, 10, 0.55), transparent 16%),
    linear-gradient(135deg, #fffdf8 0%, #fff3dc 50%, #f0cb80 100%);
  border: 1px solid rgba(164, 92, 10, 0.12);
  box-shadow: 0 30px 60px rgba(119, 67, 17, 0.13);
  position: relative;
  isolation: isolate;
}

.hero-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.26), transparent 25%, transparent 75%, rgba(255,255,255,0.26)),
    radial-gradient(circle at 50% 100%, rgba(255, 248, 229, 0.78), transparent 30%);
  z-index: -1;
}

.hero-stage-copy,
.hero-stage-visual {
  padding: 56px 52px;
}

.hero-stage-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero-kicker,
.home-mini-label {
  display: inline-block;
  color: #8d5d05;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .2em;
  text-transform: uppercase;
}

.hero-stage-copy h1 {
  margin: 14px 0 14px;
  max-width: 560px;
  color: #5b391e;
  font-size: clamp(48px, 6vw, 84px);
  line-height: .92;
  letter-spacing: -.06em;
  font-weight: 300;
}

.hero-stage-copy p {
  max-width: 460px;
  margin: 0;
  color: #735c4d;
  font-size: 17px;
  line-height: 1.7;
}

.hero-stage-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 28px;
}

.hero-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 800;
}

.hero-btn-primary {
  background: linear-gradient(135deg, #df8e09, #b95b00);
  color: #fffdf8;
  box-shadow: 0 18px 30px rgba(173, 88, 6, 0.22);
}

.hero-btn-secondary {
  background: rgba(255,255,255,0.72);
  color: var(--surface-dark);
  border: 1px solid rgba(92, 58, 32, 0.1);
}

.hero-stage-visual {
  position: relative;
  min-height: 420px;
}

.saffron-orb {
  position: absolute;
  border-radius: 999px;
  filter: blur(1px);
}

.saffron-orb-a {
  top: 56px;
  right: 72px;
  width: 260px;
  height: 260px;
  background: radial-gradient(circle, rgba(255, 238, 194, 0.88), rgba(242, 181, 63, 0.44) 56%, transparent 72%);
}

.saffron-orb-b {
  bottom: 84px;
  right: 170px;
  width: 210px;
  height: 210px;
  background: radial-gradient(circle, rgba(255, 231, 170, 0.96), rgba(222, 141, 11, 0.54) 58%, transparent 72%);
}

.saffron-orb-c {
  bottom: 40px;
  right: 30px;
  width: 290px;
  height: 290px;
  background: radial-gradient(circle, rgba(255, 248, 230, 0.95), rgba(228, 152, 19, 0.48) 58%, transparent 76%);
}

.home-section {
  margin-top: 26px;
}

.home-section-head {
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: end;
}

.home-section-head h2,
.feature-brand-panel h2,
.feature-contact-panel h2 {
  margin: 8px 0 0;
  color: var(--surface-dark);
  font-size: 34px;
  line-height: 1.05;
  letter-spacing: -.04em;
}

.home-inline-link {
  color: var(--saffron-deep);
  font-weight: 800;
}

.home-category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.home-category-grid .category-card,
.brand-card {
  min-height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  border-radius: 28px;
  padding: 22px;
  color: var(--surface-dark);
  background:
    radial-gradient(circle at top right, rgba(255, 231, 177, 0.72), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,0.96), rgba(251, 238, 206, 0.98));
  border: 1px solid rgba(92, 58, 32, 0.08);
  box-shadow: 0 18px 36px rgba(114, 65, 18, 0.08);
}

.home-category-grid .category-card span,
.brand-card span {
  color: #93620c;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.home-category-grid .category-card strong,
.brand-card strong {
  margin-top: 10px;
  font-size: 28px;
  line-height: 1;
  letter-spacing: -.05em;
}

.home-category-grid .category-card small,
.brand-card p {
  margin-top: 10px;
  color: var(--muted);
  line-height: 1.6;
}

.home-feature-split {
  margin-top: 26px;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 18px;
}

.feature-brand-panel,
.feature-contact-panel {
  border-radius: 30px;
  padding: 30px;
  background: rgba(255, 253, 248, 0.85);
  border: 1px solid rgba(92, 58, 32, 0.08);
  box-shadow: 0 22px 40px rgba(110, 62, 17, 0.08);
}

.feature-brand-panel p,
.feature-contact-panel p {
  color: var(--muted);
  line-height: 1.8;
}

.feature-contact-links {
  margin-top: 20px;
  display: grid;
  gap: 12px;
}

.feature-contact-links a {
  min-height: 52px;
  display: flex;
  align-items: center;
  padding: 0 18px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(251, 236, 204, 0.92));
  border: 1px solid rgba(92, 58, 32, 0.08);
  color: var(--surface-dark);
  font-weight: 700;
}

.home-trust-band {
  margin-top: 26px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.home-simple-band {
  margin-top: 26px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.simple-note-card {
  min-height: 160px;
  border-radius: 28px;
  padding: 24px;
  background: linear-gradient(160deg, rgba(255,248,235,0.96), rgba(247, 223, 174, 0.92));
  border: 1px solid rgba(92, 58, 32, 0.08);
  box-shadow: 0 18px 34px rgba(113, 64, 16, 0.08);
}

.simple-note-card strong {
  display: block;
  margin-top: 10px;
  color: var(--surface-dark);
  font-size: 24px;
  line-height: 1.18;
}

.simple-note-card p {
  margin: 10px 0 0;
  color: var(--muted);
  line-height: 1.7;
}

.home-trust-band article {
  min-height: 190px;
  border-radius: 28px;
  padding: 24px;
  background: linear-gradient(160deg, rgba(255,248,235,0.96), rgba(247, 223, 174, 0.92));
  border: 1px solid rgba(92, 58, 32, 0.08);
  box-shadow: 0 18px 34px rgba(113, 64, 16, 0.08);
}

.home-trust-band span {
  color: #96600b;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.home-trust-band strong {
  display: block;
  margin-top: 10px;
  color: var(--surface-dark);
  font-size: 24px;
  line-height: 1.18;
}

.home-trust-band p {
  margin: 10px 0 0;
  color: var(--muted);
  line-height: 1.7;
}

.home-header-main-clean {
  grid-template-columns: 340px minmax(0, 1fr);
  min-height: 82px;
  padding: 10px 0;
}

.home-logo-lockup-clean {
  gap: 12px;
}

.home-logo-image-clean {
  width: 88px;
  height: 58px;
  object-fit: contain;
  border-radius: 0;
  background: transparent;
  mix-blend-mode: multiply;
}

.home-logo-copy-clean strong {
  font-size: 25px;
  letter-spacing: -0.04em;
  color: var(--surface-dark);
}

.home-logo-copy-clean small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.home-search-wrap-clean {
  grid-template-columns: 1fr auto;
}

.home-actions-clean .home-action-link {
  background: #fffdf8;
}

.home-category-nav-clean {
  min-height: 56px;
  justify-content: flex-start;
  padding: 0 18px;
  overflow-x: auto;
  flex-wrap: nowrap;
  border-radius: 4px;
  scrollbar-width: none;
}

.home-category-nav-clean::-webkit-scrollbar {
  display: none;
}

.home-page-shell-clean {
  padding: 24px 0 0;
}

.home-showcase {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 18px;
  align-items: stretch;
}

.home-showcase-copy,
.home-showcase-panels {
  border-radius: 30px;
  box-shadow: 0 22px 44px rgba(100, 57, 15, 0.1);
}

.home-showcase-copy {
  padding: 42px 38px;
  border: 1px solid rgba(92, 58, 32, 0.08);
  background:
    radial-gradient(circle at 12% 16%, rgba(255, 244, 211, 0.86), transparent 20%),
    radial-gradient(circle at 84% 12%, rgba(239, 198, 107, 0.34), transparent 22%),
    linear-gradient(135deg, rgba(255, 253, 248, 0.98), rgba(249, 233, 198, 0.95));
}

.home-showcase-copy h1 {
  margin: 14px 0 12px;
  max-width: 560px;
  color: var(--surface-dark);
  font-size: clamp(46px, 6vw, 76px);
  line-height: 0.95;
  letter-spacing: -0.06em;
  font-weight: 900;
}

.home-showcase-copy p {
  max-width: 520px;
  margin: 0;
  color: var(--muted);
  line-height: 1.75;
  font-size: 17px;
}

.home-showcase-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 24px;
}

.home-showcase-points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.home-showcase-points span {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(92, 58, 32, 0.08);
  color: var(--surface-dark);
  font-size: 13px;
  font-weight: 700;
}

.home-trade-hero {
  min-height: 420px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  display: block;
  padding: 0;
  background:
    url("/assets/kesar-storefront.jpg") center / cover no-repeat;
  box-shadow: 0 14px 28px rgba(80, 45, 18, 0.12);
}

.home-showcase-panels {
  display: grid;
  gap: 14px;
}

.showcase-panel {
  min-height: 160px;
  padding: 24px;
  border-radius: 28px;
  border: 1px solid rgba(92, 58, 32, 0.08);
  background:
    radial-gradient(circle at top right, rgba(255, 237, 187, 0.55), transparent 24%),
    linear-gradient(150deg, rgba(255, 253, 248, 0.98), rgba(246, 230, 198, 0.94));
  box-shadow: 0 18px 34px rgba(110, 62, 17, 0.08);
}

.showcase-panel-primary {
  background:
    radial-gradient(circle at top right, rgba(255, 211, 122, 0.34), transparent 24%),
    linear-gradient(135deg, rgba(255, 248, 232, 0.98), rgba(241, 203, 128, 0.92));
}

.showcase-panel span,
.catalog-glance-card span,
.service-card span {
  display: block;
  color: #926109;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.showcase-panel strong,
.catalog-glance-card strong,
.service-card strong {
  display: block;
  margin-top: 12px;
  color: var(--surface-dark);
  font-size: 24px;
  line-height: 1.16;
}

.showcase-panel p,
.catalog-glance-card p,
.service-card p {
  margin: 10px 0 0;
  color: var(--muted);
  line-height: 1.7;
}

.home-strip-intro {
  margin-top: 18px;
  min-height: 78px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  padding: 18px 22px;
  border-radius: 24px;
  border: 1px solid rgba(92, 58, 32, 0.08);
  background: rgba(255, 253, 248, 0.82);
  box-shadow: 0 16px 30px rgba(111, 64, 20, 0.06);
}

.home-strip-copy {
  display: grid;
  gap: 8px;
}

.home-strip-copy strong {
  color: var(--surface-dark);
  font-size: 20px;
  line-height: 1.3;
}

.trade-home-grid {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 18px;
  margin-top: 18px;
}

.trade-home-panel {
  padding: 18px;
  border-radius: 4px;
  border: 1px solid rgba(92, 58, 32, 0.08);
  background: #fffdf8;
  box-shadow: 0 10px 22px rgba(113, 64, 16, 0.06);
}

.trade-home-panel-wide {
  margin-top: 24px;
}

.trade-category-list {
  display: grid;
  gap: 10px;
}

.trade-category-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 46px;
  padding: 0 12px;
  border-radius: 3px;
  background: #fff8ea;
  border: 1px solid rgba(92, 58, 32, 0.08);
  color: var(--surface-dark);
  font-weight: 700;
}

.trade-category-link span {
  color: var(--muted);
  font-size: 13px;
}

.trade-product-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.trade-product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid rgba(92, 58, 32, 0.08);
  background: #fff;
  box-shadow: 0 8px 18px rgba(113, 64, 16, 0.05);
}

.trade-product-top {
  min-height: 166px;
  padding: 12px;
  display: grid;
  align-items: center;
  background:
    radial-gradient(circle at top right, rgba(239, 198, 107, 0.28), transparent 24%),
    linear-gradient(180deg, rgba(255, 252, 247, 1), rgba(248, 239, 220, 0.9));
}

.trade-product-top img {
  width: 100%;
  height: 122px;
  object-fit: contain;
  object-position: center;
}

.trade-product-top .product-image-placeholder {
  min-height: 122px;
  width: 100%;
}

.trade-product-body {
  flex: 1;
  padding: 12px;
  display: grid;
  gap: 8px;
  grid-template-rows: auto 1fr auto;
}

.trade-product-body h3 {
  margin: 0;
  color: var(--surface-dark);
  font-size: 14px;
  line-height: 1.35;
  min-height: calc(1.35em * 2);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.trade-product-copy {
  color: var(--muted);
  font-size: 13px;
}

.trade-product-meta {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.trade-product-price {
  color: var(--saffron-deep);
  font-size: 18px;
  font-weight: 800;
}

.home-catalog-glance,
.home-service-cards,
.home-loyalty-offers {
  display: grid;
  gap: 16px;
  margin-top: 24px;
}

.home-catalog-glance,
.home-service-cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-loyalty-offers {
  grid-template-columns: 1fr 1fr;
}

.catalog-glance-card,
.service-card {
  min-height: 220px;
  padding: 26px;
  border-radius: 28px;
  border: 1px solid rgba(92, 58, 32, 0.08);
  background:
    radial-gradient(circle at top right, rgba(255, 234, 175, 0.5), transparent 24%),
    linear-gradient(155deg, rgba(255, 253, 248, 0.98), rgba(248, 234, 202, 0.94));
  box-shadow: 0 18px 34px rgba(113, 64, 16, 0.08);
}

.catalog-glance-card a {
  display: inline-flex;
  margin-top: 18px;
  color: var(--saffron-deep);
  font-weight: 800;
}

.home-brand-ribbon {
  margin-top: 24px;
  padding: 24px;
  border-radius: 28px;
  border: 1px solid rgba(92, 58, 32, 0.08);
  background: rgba(255, 253, 248, 0.82);
  box-shadow: 0 18px 34px rgba(113, 64, 16, 0.07);
}

.section-head-tight {
  align-items: center;
}

.brand-pill-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.brand-pill-row a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248, 233, 199, 0.95));
  border: 1px solid rgba(92, 58, 32, 0.08);
  color: var(--surface-dark);
  font-size: 14px;
  font-weight: 800;
}

@media (max-width: 1160px) {
  .trade-home-grid {
    grid-template-columns: 1fr;
  }

  .trade-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-header-main-clean {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 14px 0 10px;
  }

  .home-logo-lockup-clean,
  .home-actions-clean {
    width: 100%;
  }

  .home-actions-clean {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .home-search-wrap-clean {
    width: 100%;
  }

  .page-hero-compact {
    align-items: flex-start;
  }

  .home-showcase,
  .home-loyalty-offers {
    grid-template-columns: 1fr;
  }

  .home-catalog-glance,
  .home-service-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-header-main,
  .hero-stage,
  .home-feature-split {
    grid-template-columns: 1fr;
  }

  .home-category-grid,
  .home-simple-band,
  .home-trust-band {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero-commerce,
  .hero-grid,
  .page-grid {
    grid-template-columns: 1fr;
  }

  .quick-links-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .promo-bar {
    flex-direction: column;
    align-items: flex-start;
  }

  .stats-grid,
  .category-grid,
  .brand-grid,
  .promise-grid,
  .contact-grid,
  .about-grid,
  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-grid-clean {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: static;
  }
}

@media (max-width: 980px) {
  .site-shell,
  .site-shell-page {
    padding-left: 14px;
    padding-right: 14px;
  }

  .home-category-nav-clean {
    justify-content: flex-start;
    padding: 10px 16px;
    min-height: auto;
  }

  .page-grid {
    gap: 16px;
  }

  .sidebar {
    top: auto;
    padding: 18px;
  }

  .filter-actions {
    grid-template-columns: 1fr 1fr;
  }

  .cart-summary-head,
  .cart-summary-foot,
  .cart-line {
    flex-direction: column;
    align-items: flex-start;
  }

  .cart-line-actions {
    width: 100%;
    justify-content: space-between;
  }

  .section-head {
    align-items: flex-start;
  }

  .page-hero-compact {
    padding: 24px 22px;
  }

  .home-showcase-copy,
  .home-showcase-panels,
  .feature-brand-panel,
  .feature-contact-panel {
    padding: 24px 22px;
  }
}

@media (max-width: 760px) {
  .home-header-main-clean,
  .home-showcase,
  .home-catalog-glance,
  .home-service-cards,
  .home-loyalty-offers {
    grid-template-columns: 1fr;
  }

  .home-strip-intro {
    flex-direction: column;
    align-items: flex-start;
  }

  .home-utility-inner,
  .home-header-main,
  .home-category-nav,
  .home-page-shell {
    width: min(100%, calc(100% - 18px));
  }

  .home-utility-inner,
  .home-actions,
  .home-section-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .home-header-main,
  .home-search-wrap,
  .home-category-grid,
  .home-simple-band,
  .home-trust-band {
    grid-template-columns: 1fr;
  }

  .trade-home-panel {
    padding: 18px;
  }

  .trade-product-grid {
    grid-template-columns: 1fr;
  }

  .home-logo-lockup-clean {
    align-items: flex-start;
  }

  .home-logo-image-clean,
  .home-logo-image-page {
    width: 74px;
    height: auto;
    max-height: 52px;
  }

  .home-logo-copy-clean strong {
    font-size: 22px;
  }

  .home-actions-clean {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 8px;
  }

  .home-action-link {
    flex: 0 0 auto;
    text-align: center;
    padding: 9px 13px;
    font-size: 13px;
  }

  .home-search-wrap-clean {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
  }

  .home-search-button {
    min-height: 50px;
    min-width: 88px;
  }

  .home-category-nav,
  .home-category-nav-clean {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    overflow-x: auto;
    justify-content: flex-start;
    min-height: 52px;
    border-radius: 18px;
    padding: 8px 12px;
    gap: 10px;
  }

  .home-category-nav a,
  .home-category-nav-clean a {
    flex: 0 0 auto;
    padding: 8px 2px;
  }

  .hero-stage-copy,
  .hero-stage-visual,
  .feature-brand-panel,
  .feature-contact-panel {
    padding: 24px;
  }

  .home-trade-hero {
    min-height: 330px;
    padding: 0;
    border-radius: 16px;
    background:
      url("/assets/kesar-storefront.jpg") center / cover no-repeat;
  }

  .hero-stage {
    min-height: auto;
  }

  .hero-stage-copy h1 {
    font-size: 44px;
  }

  .site-shell {
    padding: 0 12px 28px;
  }

  .topbar,
  .site-nav,
  .section-head,
  .site-footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .nav-right {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .nav-search {
    width: 100%;
  }

  .hero-panel,
  .hero-main-card,
  .feature-card,
  .content-panel,
  .sidebar {
    padding: 20px;
  }

  .hero-searchbar {
    grid-template-columns: 1fr;
  }

  .quick-links-strip {
    grid-template-columns: 1fr 1fr;
  }

  .hero-actions,
  .topbar-links,
  .nav-links {
    width: 100%;
  }

  .sidebar h3 {
    font-size: 21px;
  }

  .content-panel-products {
    padding: 18px;
  }

  .stats-grid,
  .category-grid,
  .brand-grid,
  .promise-grid,
  .contact-grid,
  .about-grid,
  .product-grid,
  .simple-info-grid,
  .contact-simple-grid {
    grid-template-columns: 1fr;
  }

  .page-hero-compact,
  .page-hero-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .cart-meta-badge {
    align-self: flex-start;
  }

  .modal-card {
    width: min(100% - 16px, 560px);
    margin-top: 4vh;
    padding: 18px;
    border-radius: 22px;
  }

  .modal-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .hero-title {
    font-size: 38px;
    line-height: 1.02;
  }
}

@media (max-width: 560px) {
  .site-shell,
  .site-shell-page {
    padding-left: 10px;
    padding-right: 10px;
  }

  .home-utility-inner {
    min-height: auto;
    padding: 10px 0;
    font-size: 12px;
  }

  .home-category-nav-clean {
    gap: 10px;
    padding: 10px 12px;
    border-radius: 18px;
  }

  .home-category-nav-clean a {
    font-size: 14px;
  }

  .home-showcase-copy h1,
  .hero-stage-copy h1 {
    font-size: 34px;
  }

  .home-trade-hero {
    min-height: 260px;
    padding: 0;
    border-radius: 8px;
  }

  .page-hero-title,
  .section-title,
  .home-section-head h2,
  .feature-brand-panel h2,
  .feature-contact-panel h2 {
    font-size: 28px;
  }

  .filter-actions {
    grid-template-columns: 1fr;
  }

  .trade-category-link {
    min-height: 50px;
    padding: 0 14px;
  }

  .product-top {
    min-height: 206px;
    padding: 14px;
  }

  .product-image-wrap {
    min-height: 144px;
    padding: 12px;
  }

  .product-image,
  .trade-product-top img,
  .trade-product-top .product-image-placeholder,
  .product-image-placeholder {
    height: 116px;
    min-height: 116px;
  }

  .product-card-copy,
  .product-card-foot {
    padding-left: 14px;
    padding-right: 14px;
  }

  .simple-info-card,
  .contact-detail-card,
  .service-card,
  .catalog-glance-card,
  .showcase-panel {
    padding: 18px;
    border-radius: 22px;
  }
}

/* Final home-page trade catalogue polish */
.storefront-home {
  background: #fbf4e5;
}

.storefront-home .home-utility-bar {
  background: #ffffff;
}

.storefront-home .home-utility-inner {
  min-height: 38px;
  font-size: 13px;
}

.storefront-home .home-header-shell {
  background: #fbf4e5;
  border-bottom: 1px solid rgba(92, 58, 32, 0.08);
}

.storefront-home .home-header-main-clean {
  grid-template-columns: 330px minmax(0, 1fr);
  min-height: 74px;
  gap: 20px;
  padding: 8px 0;
}

.storefront-home .home-logo-image-clean {
  width: 72px;
  height: 48px;
}

.storefront-home .home-logo-copy-clean strong {
  font-size: 22px;
  letter-spacing: 0;
  line-height: 1.05;
}

.storefront-home .home-logo-copy-clean small {
  font-size: 11px;
  letter-spacing: 0.08em;
}

.storefront-home .home-search-input {
  min-height: 46px;
  border-radius: 4px;
  font-size: 15px;
}

.storefront-home .home-search-button {
  min-width: 100px;
  min-height: 46px;
  border-radius: 4px;
  background: #a95600;
}

.storefront-home .home-category-nav-clean {
  min-height: 46px;
  border-radius: 4px;
  background: #8a3f00;
  box-shadow: none;
}

.storefront-home .home-category-nav-clean a {
  padding: 10px 6px;
  font-size: 14px;
  font-weight: 800;
}

.storefront-home .home-page-shell-clean {
  padding-top: 16px;
}

.storefront-home .home-trade-hero {
  min-height: 360px;
  border-radius: 4px;
  background-position: center;
  box-shadow: none;
}

.storefront-home .trade-home-grid {
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 14px;
  margin-top: 14px;
}

.storefront-home .trade-home-panel {
  border-radius: 4px;
  padding: 14px;
  background: #fffdf8;
  box-shadow: none;
}

.storefront-home .section-title {
  font-size: 24px;
  letter-spacing: 0;
}

.storefront-home .pill {
  border-radius: 4px;
  padding: 6px 9px;
}

.storefront-home .trade-category-list {
  gap: 6px;
}

.storefront-home .trade-category-link {
  min-height: 40px;
  border-radius: 4px;
  background: #fff8ea;
}

.storefront-home .trade-product-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.storefront-home .trade-product-card {
  border-radius: 4px;
  box-shadow: none;
}

.storefront-home .trade-product-top {
  min-height: 138px;
}

.storefront-home .trade-product-top img {
  max-height: 112px;
}

.storefront-home .trade-product-body h3 {
  font-size: 13px;
  line-height: 1.35;
}

.storefront-home .trade-product-copy {
  font-size: 12px;
}

.storefront-home .trade-product-price {
  font-size: 16px;
}

.storefront-home .site-footer {
  border-radius: 4px;
}

@media (max-width: 980px) {
  .storefront-home .home-header-main-clean,
  .storefront-home .trade-home-grid {
    grid-template-columns: 1fr;
  }

  .storefront-home .trade-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .storefront-home .home-utility-inner {
    min-height: 34px;
    gap: 8px;
    font-size: 12px;
    overflow-x: auto;
    flex-direction: row;
    align-items: center;
  }

  .storefront-home .utility-message,
  .storefront-home .utility-social {
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: 10px;
  }

  .storefront-home .home-header-main-clean {
    gap: 10px;
  }

  .storefront-home .home-logo-image-clean {
    width: 64px;
    height: 42px;
  }

  .storefront-home .home-logo-copy-clean strong {
    font-size: 18px;
  }

  .storefront-home .home-logo-copy-clean small {
    font-size: 10px;
  }

  .storefront-home .home-search-wrap-clean {
    grid-template-columns: minmax(0, 1fr) 86px;
  }

  .storefront-home .home-search-input,
  .storefront-home .home-search-button {
    min-height: 42px;
  }

  .storefront-home .home-search-button {
    min-width: 86px;
    padding: 0 10px;
  }

  .storefront-home .home-category-nav-clean {
    min-height: 44px;
    padding: 0 10px;
    border-radius: 4px;
  }

  .storefront-home .home-category-nav-clean a {
    font-size: 13px;
    padding: 9px 4px;
  }

  .storefront-home .home-trade-hero {
    min-height: 230px;
    background-position: center top;
  }

  .storefront-home .trade-home-panel {
    padding: 12px;
  }

  .storefront-home .section-head {
    margin-bottom: 10px;
  }

  .storefront-home .section-title {
    font-size: 21px;
  }

  .storefront-home .trade-category-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .storefront-home .trade-category-link {
    min-height: 38px;
    padding: 0 9px;
    font-size: 13px;
  }

  .storefront-home .trade-category-link span {
    font-size: 11px;
  }

  .storefront-home .trade-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .storefront-home .trade-product-top {
    min-height: 122px;
  }

  .storefront-home .trade-product-top img {
    max-height: 98px;
  }

  .storefront-home .trade-product-body {
    padding: 10px;
  }

  .storefront-home .trade-product-meta {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Premium saffron homepage finish */
.storefront-home {
  color: #3f2418;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 8% 4%, rgba(239, 175, 58, 0.28) 0 15%, transparent 30%),
    radial-gradient(circle at 88% 0%, rgba(184, 92, 0, 0.14) 0 18%, transparent 32%),
    linear-gradient(180deg, #fffdf8 0%, #fff4da 48%, #fff8ee 100%);
}

.storefront-home .home-utility-bar {
  background: linear-gradient(90deg, #fffdf8 0%, #fff3d4 52%, #ffd98c 100%);
  border-bottom: 1px solid rgba(217, 130, 0, 0.18);
  color: #4a2e21;
}

.storefront-home .home-header-shell {
  background:
    linear-gradient(135deg, rgba(255, 253, 248, 0.96), rgba(255, 238, 198, 0.92)),
    radial-gradient(circle at 8% 0%, rgba(239, 175, 58, 0.32), transparent 30%);
  border-bottom: 1px solid rgba(184, 92, 0, 0.14);
  box-shadow: 0 14px 30px rgba(142, 67, 0, 0.08);
}

.storefront-home .home-logo-copy-clean strong {
  color: #6d2622;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72);
}

.storefront-home .home-logo-copy-clean small {
  color: #8e4300;
}

.storefront-home .home-search-input {
  background: #fffdf8;
  border: 1px solid rgba(184, 92, 0, 0.24);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.storefront-home .home-search-input:focus {
  border-color: #d98200;
  box-shadow: 0 0 0 4px rgba(239, 175, 58, 0.18);
  outline: none;
}

.storefront-home .home-search-button {
  background: linear-gradient(135deg, #efa826 0%, #d98200 48%, #a95600 100%);
  color: #fffdf8;
  box-shadow: 0 12px 22px rgba(169, 86, 0, 0.22);
}

.storefront-home .home-category-nav-clean {
  background: linear-gradient(90deg, #7a2f1e 0%, #a95600 45%, #d98200 100%);
  border: 1px solid rgba(255, 216, 145, 0.28);
  box-shadow: 0 16px 34px rgba(106, 48, 0, 0.18);
}

.storefront-home .home-category-nav-clean a {
  color: #fff8e8;
  border-radius: 3px;
}

.storefront-home .home-category-nav-clean a:hover {
  background: rgba(255, 253, 248, 0.16);
  color: #ffffff;
}

.storefront-home .home-trade-hero {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(217, 130, 0, 0.24);
  box-shadow: 0 24px 52px rgba(74, 46, 33, 0.16);
}

.storefront-home .home-trade-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255, 246, 232, 0.08), transparent 45%),
    linear-gradient(0deg, rgba(74, 46, 33, 0.18), transparent 34%);
}

.storefront-home .trade-home-panel {
  background:
    linear-gradient(180deg, rgba(255, 253, 248, 0.98), rgba(255, 245, 221, 0.94)),
    radial-gradient(circle at top right, rgba(239, 175, 58, 0.18), transparent 34%);
  border: 1px solid rgba(217, 130, 0, 0.18);
  border-radius: 12px;
  box-shadow: 0 18px 38px rgba(142, 67, 0, 0.1);
}

.storefront-home .section-title {
  color: #4a2e21;
}

.storefront-home .pill {
  background: rgba(217, 130, 0, 0.1);
  border: 1px solid rgba(217, 130, 0, 0.18);
  color: #8e4300;
}

.storefront-home .trade-category-link {
  background: linear-gradient(135deg, #fffdf8 0%, #fff0c8 100%);
  border: 1px solid rgba(217, 130, 0, 0.16);
  color: #4a2e21;
  transition: transform 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}

.storefront-home .trade-category-link:hover {
  border-color: rgba(217, 130, 0, 0.36);
  box-shadow: 0 10px 22px rgba(142, 67, 0, 0.1);
  transform: translateY(-1px);
}

.storefront-home .trade-category-link span {
  color: #9b5a13;
}

.storefront-home .trade-product-card {
  background: #fffdf8;
  border: 1px solid rgba(217, 130, 0, 0.16);
  border-radius: 12px;
  box-shadow: 0 14px 28px rgba(142, 67, 0, 0.08);
  overflow: hidden;
}

.storefront-home .trade-product-top {
  background:
    radial-gradient(circle at 30% 20%, rgba(239, 175, 58, 0.22), transparent 30%),
    linear-gradient(180deg, #fff8e8, #fffdf8);
}

.storefront-home .trade-product-body h3 {
  color: #3f2418;
}

.storefront-home .trade-product-copy {
  color: #806454;
}

.storefront-home .trade-product-price {
  color: #a95600;
}

.storefront-home .site-footer {
  background:
    radial-gradient(circle at 12% 0%, rgba(239, 175, 58, 0.18), transparent 30%),
    linear-gradient(135deg, #4a2e21 0%, #6d2622 48%, #8e4300 100%);
  border: 1px solid rgba(255, 216, 145, 0.18);
  box-shadow: 0 18px 42px rgba(74, 46, 33, 0.18);
}

@media (max-width: 640px) {
  .storefront-home .home-utility-inner {
    justify-content: center;
    overflow: hidden;
    text-align: center;
  }

  .storefront-home .utility-message {
    flex: 1 1 auto;
    justify-content: center;
    white-space: normal;
  }

  .storefront-home .utility-social {
    display: none;
  }

  .storefront-home .trade-home-panel,
  .storefront-home .trade-product-card {
    border-radius: 10px;
  }

  .storefront-home .home-trade-hero {
    box-shadow: 0 16px 32px rgba(74, 46, 33, 0.14);
  }
}

/* Saffron flex border accents */
.storefront-home {
  --kesar-flex-border:
    linear-gradient(115deg, rgba(255, 253, 248, 0.75), rgba(249, 216, 155, 0.78) 18%, rgba(239, 175, 58, 0.95) 38%, rgba(184, 92, 0, 0.9) 56%, rgba(109, 38, 34, 0.88) 72%, rgba(239, 175, 58, 0.9) 100%);
  --kesar-flex-thread:
    repeating-linear-gradient(128deg, rgba(255, 255, 255, 0.34) 0 1px, transparent 1px 9px);
}

.storefront-home .home-header-shell,
.storefront-home .home-category-nav-clean,
.storefront-home .home-trade-hero,
.storefront-home .trade-home-panel,
.storefront-home .trade-product-card,
.storefront-home .site-footer {
  position: relative;
}

.storefront-home .home-header-shell::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 7px;
  pointer-events: none;
  background:
    var(--kesar-flex-thread),
    linear-gradient(90deg, #fff6e8 0%, #efa826 24%, #d98200 48%, #8e4300 70%, #f9d89b 100%);
  box-shadow: 0 8px 18px rgba(184, 92, 0, 0.16);
}

.storefront-home .home-category-nav-clean::before,
.storefront-home .home-trade-hero::before,
.storefront-home .trade-home-panel::before,
.storefront-home .site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  padding: 2px;
  pointer-events: none;
  background:
    var(--kesar-flex-thread),
    var(--kesar-flex-border);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.storefront-home .home-category-nav-clean::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 4px;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 246, 232, 0.7), transparent);
}

.storefront-home .trade-home-panel::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 42%;
  height: 90px;
  pointer-events: none;
  border-top-right-radius: inherit;
  background:
    radial-gradient(circle at top right, rgba(239, 175, 58, 0.22), transparent 58%),
    linear-gradient(135deg, transparent 26%, rgba(249, 216, 155, 0.24) 26% 29%, transparent 29% 46%, rgba(217, 130, 0, 0.14) 46% 49%, transparent 49%);
}

.storefront-home .trade-product-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(239, 175, 58, 0.78), rgba(255, 253, 248, 0.2) 42%, rgba(184, 92, 0, 0.45));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.storefront-home .trade-product-card::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  top: 0;
  height: 3px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, #efa826, #d98200, transparent);
  border-radius: 999px;
}

@media (max-width: 640px) {
  .storefront-home .home-header-shell::after {
    height: 5px;
  }

  .storefront-home .home-category-nav-clean::before,
  .storefront-home .home-trade-hero::before,
  .storefront-home .trade-home-panel::before,
  .storefront-home .site-footer::before {
    padding: 1px;
  }
}

/* Premium Kesar homepage composition */
.storefront-home .home-page-shell-clean {
  width: min(1280px, calc(100% - 28px));
  padding-top: 18px;
}

.kesar-premium-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.96fr) minmax(360px, 0.78fr);
  gap: 22px;
  min-height: 540px;
  padding: 28px;
  overflow: hidden;
  border-radius: 26px;
  background:
    linear-gradient(105deg, rgba(255, 253, 248, 0.94) 0%, rgba(255, 247, 229, 0.9) 44%, rgba(255, 221, 154, 0.66) 100%),
    url("/assets/kesar-saffron-flex.svg") center / cover no-repeat;
  border: 1px solid rgba(217, 130, 0, 0.24);
  box-shadow: 0 30px 70px rgba(106, 48, 0, 0.18);
}

.kesar-premium-hero::before {
  content: "";
  position: absolute;
  inset: 10px;
  pointer-events: none;
  border-radius: 20px;
  border: 1px solid rgba(255, 253, 248, 0.72);
  box-shadow:
    inset 0 0 0 1px rgba(217, 130, 0, 0.14),
    inset 0 -90px 120px rgba(255, 246, 232, 0.45);
}

.kesar-premium-hero::after {
  content: "";
  position: absolute;
  left: -8%;
  right: -8%;
  bottom: -16px;
  height: 72px;
  pointer-events: none;
  background:
    repeating-linear-gradient(126deg, rgba(255, 255, 255, 0.34) 0 1px, transparent 1px 10px),
    linear-gradient(90deg, transparent 0%, rgba(239, 175, 58, 0.34) 18%, rgba(184, 92, 0, 0.28) 48%, rgba(249, 216, 155, 0.36) 78%, transparent 100%);
  transform: rotate(-2deg);
}

.kesar-hero-copy,
.kesar-store-photo-card {
  position: relative;
  z-index: 1;
}

.kesar-hero-copy {
  align-self: center;
  max-width: 690px;
  padding: 28px 12px 28px 10px;
}

.kesar-eyebrow {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  margin-bottom: 16px;
  padding: 8px 13px;
  border-radius: 999px;
  background: rgba(255, 253, 248, 0.74);
  border: 1px solid rgba(217, 130, 0, 0.24);
  color: #8e4300;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.kesar-hero-copy h1 {
  max-width: 720px;
  margin: 0;
  color: #3f2418;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 5.4vw, 78px);
  line-height: 0.96;
  letter-spacing: -0.055em;
}

.kesar-hero-copy p {
  max-width: 620px;
  margin: 22px 0 0;
  color: #6f5141;
  font-size: 18px;
  line-height: 1.65;
}

.kesar-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.kesar-primary-cta,
.kesar-secondary-cta,
.kesar-delivery-panel a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 20px;
  border-radius: 999px;
  font-weight: 900;
}

.kesar-primary-cta {
  background: linear-gradient(135deg, #efa826, #d98200 48%, #8e4300);
  color: #fffdf8;
  box-shadow: 0 16px 28px rgba(169, 86, 0, 0.26);
}

.kesar-secondary-cta,
.kesar-delivery-panel a {
  background: rgba(255, 253, 248, 0.72);
  border: 1px solid rgba(184, 92, 0, 0.22);
  color: #7a2f1e;
}

.kesar-hero-notes {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 24px;
}

.kesar-hero-notes span {
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255, 253, 248, 0.68);
  border: 1px solid rgba(217, 130, 0, 0.16);
  color: #6a4737;
  font-size: 13px;
  font-weight: 800;
}

.kesar-store-photo-card {
  align-self: stretch;
  display: flex;
  min-height: 430px;
  align-items: flex-end;
  padding: 18px;
  overflow: hidden;
  border-radius: 22px;
  background:
    linear-gradient(180deg, transparent 0 46%, rgba(63, 36, 24, 0.14) 66%, rgba(63, 36, 24, 0.72) 100%),
    url("/assets/kesar-storefront.jpg") center / cover no-repeat;
  border: 1px solid rgba(255, 253, 248, 0.74);
  box-shadow: 0 22px 46px rgba(74, 46, 33, 0.22);
}

.kesar-store-photo-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  padding: 2px;
  background:
    repeating-linear-gradient(128deg, rgba(255, 255, 255, 0.32) 0 1px, transparent 1px 9px),
    linear-gradient(135deg, #fff6e8, #efa826 30%, #d98200 56%, #6d2622);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.kesar-store-photo-card span {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 13px 15px;
  border-radius: 16px;
  background: rgba(255, 253, 248, 0.9);
  color: #6d2622;
  font-weight: 900;
  text-align: center;
  box-shadow: 0 12px 24px rgba(63, 36, 24, 0.16);
}

.kesar-shop-entry {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.kesar-shop-entry a {
  position: relative;
  min-height: 124px;
  overflow: hidden;
  padding: 18px;
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(255, 253, 248, 0.96), rgba(255, 239, 201, 0.94)),
    url("/assets/kesar-saffron-flex.svg") center / 220% auto no-repeat;
  border: 1px solid rgba(217, 130, 0, 0.18);
  box-shadow: 0 16px 34px rgba(142, 67, 0, 0.09);
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.kesar-shop-entry a::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 0;
  height: 4px;
  background: linear-gradient(90deg, #f9d89b, #d98200, #8e4300);
  border-radius: 999px 999px 0 0;
}

.kesar-shop-entry a:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 42px rgba(142, 67, 0, 0.14);
}

.kesar-shop-entry span {
  display: block;
  color: #9b5a13;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.kesar-shop-entry strong {
  display: block;
  margin-top: 20px;
  color: #3f2418;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 28px;
  line-height: 1;
}

.kesar-delivery-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr) auto;
  gap: 22px;
  align-items: center;
  margin-top: 18px;
  padding: 22px;
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(74, 46, 33, 0.95), rgba(109, 38, 34, 0.94) 48%, rgba(142, 67, 0, 0.92)),
    url("/assets/kesar-saffron-flex.svg") center / cover no-repeat;
  color: #fff8e8;
  box-shadow: 0 22px 48px rgba(74, 46, 33, 0.2);
}

.kesar-delivery-panel .kesar-eyebrow {
  margin-bottom: 10px;
  background: rgba(255, 253, 248, 0.12);
  border-color: rgba(255, 216, 145, 0.28);
  color: #ffe3a7;
}

.kesar-delivery-panel h2 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 34px;
  line-height: 1.05;
  letter-spacing: -0.03em;
}

.kesar-delivery-panel p {
  margin: 0;
  color: rgba(255, 248, 232, 0.84);
  line-height: 1.6;
}

.kesar-delivery-panel a {
  background: #fffdf8;
  color: #7a2f1e;
}

@media (max-width: 980px) {
  .kesar-premium-hero {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 20px;
  }

  .kesar-hero-copy {
    padding: 12px 4px;
  }

  .kesar-store-photo-card {
    min-height: 330px;
  }

  .kesar-shop-entry {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kesar-delivery-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .storefront-home .home-page-shell-clean {
    width: min(100%, calc(100% - 20px));
    padding-top: 14px;
  }

  .kesar-premium-hero {
    border-radius: 18px;
    gap: 16px;
    padding: 14px;
  }

  .kesar-premium-hero::before {
    inset: 7px;
    border-radius: 14px;
  }

  .kesar-hero-copy h1 {
    font-size: 40px;
  }

  .kesar-hero-copy p {
    font-size: 15px;
  }

  .kesar-hero-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .kesar-store-photo-card {
    min-height: 255px;
    border-radius: 16px;
  }

  .kesar-shop-entry {
    grid-template-columns: 1fr;
  }

  .kesar-shop-entry a {
    min-height: 94px;
    border-radius: 16px;
  }

  .kesar-shop-entry strong {
    margin-top: 12px;
    font-size: 25px;
  }

  .kesar-delivery-panel {
    padding: 18px;
    border-radius: 18px;
  }

  .kesar-delivery-panel h2 {
    font-size: 29px;
  }
}

/* Fudco-inspired clean premium framing */
.storefront-home {
  --kesar-frame-dark: #2a1712;
  --kesar-frame-maroon: #6d2622;
  --kesar-frame-saffron: #d98200;
  --kesar-frame-gold: #f4c76f;
}

.storefront-home .home-header-shell::after,
.storefront-home .home-category-nav-clean::before,
.storefront-home .home-category-nav-clean::after,
.storefront-home .home-trade-hero::before,
.storefront-home .trade-home-panel::before,
.storefront-home .trade-home-panel::after,
.storefront-home .trade-product-card::before,
.storefront-home .trade-product-card::after,
.storefront-home .site-footer::before,
.kesar-premium-hero::after {
  display: none;
}

.storefront-home .home-header-shell {
  background: #fff8e9;
  border-top: 4px solid var(--kesar-frame-maroon);
  border-bottom: 3px solid var(--kesar-frame-saffron);
  box-shadow: 0 12px 26px rgba(42, 23, 18, 0.08);
}

.storefront-home .home-header-main-clean {
  border-left: 1px solid rgba(217, 130, 0, 0.18);
  border-right: 1px solid rgba(217, 130, 0, 0.18);
}

.storefront-home .home-category-nav-clean {
  border-radius: 0;
  background: linear-gradient(90deg, var(--kesar-frame-dark), var(--kesar-frame-maroon) 46%, #9b4a00 100%);
  border-top: 2px solid var(--kesar-frame-gold);
  border-bottom: 2px solid var(--kesar-frame-gold);
  box-shadow: 0 14px 26px rgba(42, 23, 18, 0.14);
}

.storefront-home .home-category-nav-clean a {
  border-left: 1px solid rgba(244, 199, 111, 0.18);
  border-radius: 0;
}

.storefront-home .home-category-nav-clean a:first-child {
  border-left: 0;
}

.storefront-home .home-category-nav-clean a:hover {
  background: rgba(244, 199, 111, 0.16);
}

.storefront-home .home-category-nav-clean {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  justify-content: stretch;
  overflow: hidden;
  padding: 0;
}

.storefront-home .home-category-nav-clean a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 14px;
  text-align: center;
}

.storefront-page {
  background:
    radial-gradient(circle at 8% 4%, rgba(239, 175, 58, 0.18) 0 15%, transparent 30%),
    radial-gradient(circle at 88% 0%, rgba(184, 92, 0, 0.1) 0 18%, transparent 32%),
    linear-gradient(180deg, #fffdf8 0%, #fff4da 48%, #fff8ee 100%);
  color: #3f2418;
}

.storefront-page .home-header-shell {
  background: #fff8e9;
  border-top: 4px solid #6d2622;
  border-bottom: 3px solid #d98200;
  box-shadow: 0 12px 26px rgba(42, 23, 18, 0.08);
}

.storefront-page .home-header-main-clean {
  grid-template-columns: 1fr;
  min-height: 74px;
  padding: 8px 0;
  border-left: 1px solid rgba(217, 130, 0, 0.18);
  border-right: 1px solid rgba(217, 130, 0, 0.18);
}

.site-primary-nav {
  width: min(1440px, calc(100% - 30px));
  min-height: 54px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  justify-content: stretch;
  overflow: hidden;
  padding: 0;
  border-radius: 0;
  background: linear-gradient(90deg, #2a1712, #6d2622 46%, #9b4a00 100%);
  border-top: 2px solid #f4c76f;
  border-bottom: 2px solid #f4c76f;
  box-shadow: 0 14px 26px rgba(42, 23, 18, 0.14);
}

.site-primary-nav a {
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  color: #fff8e8;
  border-left: 1px solid rgba(244, 199, 111, 0.18);
  border-radius: 0;
  font-size: 14px;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.site-primary-nav a:first-child {
  border-left: 0;
}

.site-primary-nav a:hover {
  background: rgba(244, 199, 111, 0.16);
  color: #ffffff;
}

.product-category-nav {
  min-height: 48px;
  justify-content: flex-start;
  overflow-x: auto;
  flex-wrap: nowrap;
  padding: 0 18px;
  border-radius: 0;
  background: #fff8e9;
  border-bottom: 1px solid rgba(217, 130, 0, 0.18);
  box-shadow: none;
  scrollbar-width: none;
}

.product-category-nav::-webkit-scrollbar {
  display: none;
}

.product-category-nav a {
  flex: 0 0 auto;
  color: #6d2622;
  font-size: 13px;
  font-weight: 800;
}

.product-category-nav a:hover {
  color: #a95600;
}

@media (max-width: 560px) {
  .site-primary-nav {
    width: min(100%, calc(100% - 18px));
    min-height: 48px;
  }

  .site-primary-nav a {
    min-height: 48px;
    padding: 0 8px;
    font-size: 12px;
    letter-spacing: 0.01em;
  }

  .product-category-nav {
    min-height: 44px;
    padding: 0 12px;
  }
}

.kesar-premium-hero {
  border-radius: 0;
  border: 8px solid #fffdf8;
  outline: 2px solid var(--kesar-frame-saffron);
  box-shadow:
    0 0 0 1px rgba(109, 38, 34, 0.5),
    0 28px 58px rgba(42, 23, 18, 0.16);
}

.kesar-premium-hero::before {
  inset: 0;
  border-radius: 0;
  border: 0;
  box-shadow:
    inset 0 5px 0 var(--kesar-frame-maroon),
    inset 0 -5px 0 var(--kesar-frame-saffron),
    inset 5px 0 0 rgba(244, 199, 111, 0.7),
    inset -5px 0 0 rgba(244, 199, 111, 0.7);
}

.kesar-store-photo-card {
  border-radius: 0;
  border: 6px solid #fffdf8;
  outline: 2px solid var(--kesar-frame-gold);
  box-shadow:
    0 0 0 1px rgba(109, 38, 34, 0.55),
    0 22px 42px rgba(42, 23, 18, 0.18);
}

.kesar-store-photo-card::before {
  display: none;
}

.kesar-shop-entry a,
.kesar-delivery-panel,
.storefront-home .site-footer {
  border-radius: 0;
  border: 5px solid #fffdf8;
  outline: 2px solid rgba(217, 130, 0, 0.65);
  box-shadow:
    0 0 0 1px rgba(109, 38, 34, 0.28),
    0 16px 34px rgba(42, 23, 18, 0.11);
}

.kesar-shop-entry a::after {
  left: 0;
  right: 0;
  bottom: 0;
  height: 6px;
  border-radius: 0;
  background: linear-gradient(90deg, var(--kesar-frame-maroon), var(--kesar-frame-saffron), var(--kesar-frame-gold));
}

.kesar-delivery-panel {
  border-color: #fff4d6;
}

.storefront-home .site-footer {
  margin-top: 24px;
  border-color: #fff4d6;
}

@media (max-width: 640px) {
  .kesar-premium-hero {
    border-width: 5px;
  }

  .kesar-premium-hero::before {
    box-shadow:
      inset 0 4px 0 var(--kesar-frame-maroon),
      inset 0 -4px 0 var(--kesar-frame-saffron),
      inset 4px 0 0 rgba(244, 199, 111, 0.68),
      inset -4px 0 0 rgba(244, 199, 111, 0.68);
  }

  .kesar-store-photo-card,
  .kesar-shop-entry a,
  .kesar-delivery-panel,
  .storefront-home .site-footer {
    border-width: 4px;
  }
}

/* Softer premium saffron theme */
:root {
  --font-body: "Nunito Sans", "Aptos", "Trebuchet MS", sans-serif;
  --font-display: "Fraunces", Georgia, serif;
  --bg: #fff7e6;
  --surface: rgba(255, 253, 247, 0.94);
  --surface-strong: #fffdf7;
  --surface-dark: #4b2a18;
  --surface-dark-2: #70401f;
  --text: #3d291d;
  --muted: #7b6452;
  --line: rgba(196, 111, 18, 0.18);
  --saffron: #e6a01a;
  --saffron-deep: #b95f06;
  --gold: #f7d47a;
  --green: #3f6b3d;
  --shadow: 0 22px 46px rgba(153, 82, 8, 0.1);
}

body,
button,
input,
select,
textarea {
  font-family: var(--font-body);
}

body [class] {
  font-family: var(--font-body);
}

body,
.storefront-home,
.storefront-page {
  color: var(--text);
  background:
    radial-gradient(circle at 8% 0%, rgba(247, 212, 122, 0.42) 0 13%, transparent 31%),
    radial-gradient(circle at 92% 3%, rgba(230, 160, 26, 0.2) 0 16%, transparent 34%),
    linear-gradient(180deg, #fffdf7 0%, #fff4d8 50%, #fff9eb 100%);
}

.page-hero-title,
.section-title,
.home-section-head h2,
.feature-brand-panel h2,
.feature-contact-panel h2,
.brand-wordmark,
.hero-title,
.home-logo-copy-clean strong,
.product-body h3,
.trade-product-body h3,
.cart-panel h2,
.checkout-panel h2,
.site-footer strong,
.kesar-hero-copy h1,
.kesar-shop-entry strong,
.kesar-delivery-panel strong,
.simple-info-card strong,
.contact-detail-card strong {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: -0.035em;
}

.home-header-shell,
.storefront-home .home-header-shell,
.storefront-page .home-header-shell {
  background:
    linear-gradient(135deg, rgba(255, 253, 247, 0.98), rgba(255, 240, 204, 0.94)),
    radial-gradient(circle at 10% 0%, rgba(247, 212, 122, 0.34), transparent 30%);
  border-top: 4px solid #d99014;
  border-bottom: 2px solid rgba(185, 95, 6, 0.48);
  box-shadow: 0 14px 30px rgba(153, 82, 8, 0.09);
}

.home-logo-copy-clean strong {
  color: #7a2d21;
}

.home-logo-copy-clean small {
  color: #a76012;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.site-primary-nav,
.storefront-home .home-category-nav-clean {
  background:
    linear-gradient(90deg, #fff1c3 0%, #f1b43a 30%, #dd8612 66%, #bd6410 100%);
  border-top: 1px solid rgba(255, 253, 247, 0.86);
  border-bottom: 2px solid rgba(126, 58, 10, 0.32);
  box-shadow: 0 14px 28px rgba(177, 96, 8, 0.16);
}

.site-primary-nav a,
.storefront-home .home-category-nav-clean a {
  color: #472817;
  border-left: 1px solid rgba(255, 253, 247, 0.34);
  font-weight: 900;
  text-shadow: 0 1px 0 rgba(255, 250, 235, 0.42);
}

.site-primary-nav a:hover,
.storefront-home .home-category-nav-clean a:hover {
  background: rgba(255, 253, 247, 0.3);
  color: #5f210f;
}

.product-category-nav {
  background: rgba(255, 250, 236, 0.92);
  border-bottom: 1px solid rgba(185, 95, 6, 0.16);
}

.product-category-nav a {
  color: #8a4d13;
}

.home-search-input,
.field,
.select,
.checkout-input,
.checkout-textarea {
  background: #fffdf7;
  border-color: rgba(185, 95, 6, 0.2);
}

.home-search-button,
.btn-primary,
.product-add-btn,
.kesar-primary-cta {
  background: linear-gradient(135deg, #f4bf47 0%, #dd8612 48%, #b95f06 100%);
  color: #fffdf7;
  box-shadow: 0 14px 28px rgba(185, 95, 6, 0.18);
}

.pill {
  background: rgba(230, 160, 26, 0.12);
  border: 1px solid rgba(185, 95, 6, 0.18);
  color: #9a570e;
}

.page-hero-compact,
.content-panel,
.simple-info-card,
.contact-detail-card,
.sidebar,
.products-panel,
.cart-panel,
.checkout-panel,
.kesar-delivery-panel,
.kesar-shop-entry a,
.trade-product-card,
.storefront-home .trade-product-card,
.storefront-home .trade-home-panel {
  background:
    linear-gradient(180deg, rgba(255, 253, 247, 0.98), rgba(255, 246, 224, 0.9));
  border-color: rgba(185, 95, 6, 0.16);
}

.kesar-premium-hero,
.kesar-store-photo-card,
.kesar-shop-entry a,
.kesar-delivery-panel,
.storefront-home .site-footer {
  outline-color: rgba(230, 160, 26, 0.58);
  box-shadow:
    0 0 0 1px rgba(185, 95, 6, 0.2),
    0 22px 46px rgba(153, 82, 8, 0.13);
}

.kesar-premium-hero::before {
  box-shadow:
    inset 0 5px 0 #e6a01a,
    inset 0 -5px 0 #bd6410,
    inset 5px 0 0 rgba(247, 212, 122, 0.72),
    inset -5px 0 0 rgba(247, 212, 122, 0.72);
}

.site-footer,
.storefront-home .site-footer {
  background:
    radial-gradient(circle at 12% 0%, rgba(247, 212, 122, 0.18), transparent 30%),
    linear-gradient(135deg, #70401f 0%, #8c4b1f 46%, #b95f06 100%);
}

/* Clean home finish: remove the heavy framed borders from the homepage. */
.storefront-home .kesar-premium-hero,
.storefront-home .kesar-store-photo-card,
.storefront-home .kesar-shop-entry a,
.storefront-home .kesar-delivery-panel,
.storefront-home .site-footer {
  border: 0;
  outline: 0;
}

.storefront-home .kesar-premium-hero {
  border-radius: 26px;
  box-shadow: 0 24px 58px rgba(153, 82, 8, 0.14);
}

.storefront-home .kesar-premium-hero::before {
  border: 0;
  border-radius: 22px;
  box-shadow: inset 0 -90px 120px rgba(255, 246, 232, 0.42);
}

.storefront-home .kesar-store-photo-card {
  border-radius: 22px;
  box-shadow: 0 20px 42px rgba(74, 46, 33, 0.18);
}

.storefront-home .kesar-shop-entry a,
.storefront-home .kesar-delivery-panel {
  box-shadow: 0 16px 34px rgba(142, 67, 0, 0.1);
}

/* 2026 clean storefront redesign */
.storefront-clean {
  --bg: #f6f2ea;
  --surface: #ffffff;
  --surface-strong: #fcfaf6;
  --surface-dark: #1d2a24;
  --surface-dark-2: #31433a;
  --text: #18211d;
  --muted: #61716a;
  --line: #d9d3c8;
  --saffron: #b67b2d;
  --saffron-deep: #8d5c19;
  --gold: #e6c998;
  --green: #29473a;
  --danger: #9d4b3d;
  --shadow: 0 14px 32px rgba(27, 39, 33, 0.06);
  background:
    linear-gradient(180deg, rgba(255, 253, 248, 0.92) 0%, rgba(248, 245, 239, 0.95) 48%, rgba(243, 238, 228, 0.98) 100%),
    url("/assets/kesar-saffron-safe-bg.svg") center top / cover fixed no-repeat,
    linear-gradient(180deg, #f8f5ef 0%, #f3eee4 100%);
  color: var(--text);
  font-family: "Source Sans 3", "Segoe UI", sans-serif;
}

.storefront-clean button,
.storefront-clean input,
.storefront-clean select,
.storefront-clean textarea {
  font-family: "Source Sans 3", "Segoe UI", sans-serif;
}

.storefront-clean h1,
.storefront-clean h2,
.storefront-clean h3,
.storefront-clean .section-title,
.storefront-clean .page-hero-title,
.storefront-clean .product-title,
.storefront-clean .trade-product-body h3 {
  font-family: "Source Serif 4", Georgia, serif;
  letter-spacing: -0.02em;
}

.storefront-clean .home-utility-bar,
.storefront-clean .home-header-shell,
.storefront-clean .site-footer,
.storefront-clean .clean-panel,
.storefront-clean .clean-products-panel,
.storefront-clean .clean-sidebar,
.storefront-clean .clean-hero-panel,
.storefront-clean .clean-products-intro,
.storefront-clean .clean-info-card,
.storefront-clean .clean-products-meta-card,
.storefront-clean .trade-product-card,
.storefront-clean .product-card,
.storefront-clean .modal-card {
  box-shadow: none;
  border: 1px solid var(--line);
  background: var(--surface);
}

.storefront-clean .clean-utility-bar {
  background: #f1ece2;
  border-bottom: 1px solid var(--line);
}

.storefront-clean .clean-utility-inner {
  max-width: var(--content);
  margin: 0 auto;
  padding: 10px 18px;
  min-height: 0;
  color: var(--muted);
  font-size: 14px;
}

.storefront-clean .utility-social a {
  color: var(--surface-dark);
  font-weight: 600;
}

.storefront-clean .clean-header-shell {
  background: transparent;
  border: 0;
  margin: 0 auto;
  padding: 18px 18px 0;
  max-width: var(--content);
}

.storefront-clean .clean-header-main {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  padding: 22px 26px;
  border: 1px solid rgba(92, 58, 32, 0.16);
  background:
    linear-gradient(135deg, rgba(255, 253, 248, 0.96), rgba(250, 239, 220, 0.92)),
    radial-gradient(circle at 100% 0, rgba(239, 198, 107, 0.24), transparent 34%);
  box-shadow: 0 18px 44px rgba(78, 44, 18, 0.08);
  position: relative;
  overflow: hidden;
}

.storefront-clean .clean-header-main::after {
  content: "";
  position: absolute;
  right: -120px;
  top: -120px;
  width: 260px;
  height: 260px;
  border: 1px solid rgba(200, 113, 0, 0.14);
  border-radius: 50%;
  pointer-events: none;
}

.storefront-clean .clean-logo-lockup {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
  position: relative;
  z-index: 1;
}

.storefront-clean .clean-logo-image,
.storefront-clean .clean-logo-image-page {
  width: 178px;
  height: 114px;
  object-fit: contain;
  padding: 8px;
  border: 1px solid rgba(255, 246, 232, 0.42);
  background: #6f2b27;
  box-shadow: 0 16px 32px rgba(78, 44, 18, 0.16);
}

.storefront-clean .clean-logo-copy strong {
  display: block;
  font-family: "Source Serif 4", Georgia, serif;
  max-width: 430px;
  font-size: clamp(24px, 2.5vw, 36px);
  line-height: 0.98;
  color: var(--surface-dark);
}

.storefront-clean .clean-logo-copy small {
  display: block;
  margin-top: 5px;
  color: var(--green);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.storefront-clean .clean-header-search {
  display: flex;
  align-items: center;
  gap: 10px;
  width: min(460px, 100%);
  position: relative;
  z-index: 1;
}

.storefront-clean .clean-search-input,
.storefront-clean .clean-field,
.storefront-clean .clean-select {
  border: 1px solid var(--line);
  border-radius: 0;
  background: #fff;
  color: var(--text);
  box-shadow: none;
}

.storefront-clean .clean-search-input {
  flex: 1;
  min-height: 46px;
  padding: 0 14px;
}

.storefront-clean .clean-search-button,
.storefront-clean .clean-btn-primary,
.storefront-clean .clean-primary-link,
.storefront-clean .product-add-btn,
.storefront-clean .cart-qty-btn {
  border-radius: 0;
}

.storefront-clean .clean-search-button,
.storefront-clean .clean-btn-primary,
.storefront-clean .clean-primary-link {
  background: var(--green);
  color: #fff;
  border: 1px solid var(--green);
}

.storefront-clean .clean-search-button:hover,
.storefront-clean .clean-btn-primary:hover,
.storefront-clean .clean-primary-link:hover {
  background: #1f352c;
  border-color: #1f352c;
}

.storefront-clean .clean-btn-secondary,
.storefront-clean .clean-secondary-link,
.storefront-clean .clean-header-cta {
  border-radius: 0;
  border: 1px solid var(--line);
  background: #fffdfa;
  color: var(--surface-dark);
}

.storefront-clean .clean-header-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 18px;
  font-weight: 700;
}

.storefront-clean .clean-primary-nav {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 0;
  border: 1px solid var(--line);
  background: #fffdfa;
  box-shadow: 0 10px 28px rgba(78, 44, 18, 0.05);
}

.storefront-clean .clean-primary-nav a {
  padding: 15px 18px;
  text-align: center;
  font-weight: 700;
  font-size: 15px;
  border-right: 1px solid var(--line);
}

.storefront-clean .clean-primary-nav a:last-child {
  border-right: 0;
}

.storefront-clean .clean-primary-nav a:hover,
.storefront-clean .clean-primary-nav a.active {
  background: #f4efe5;
  color: var(--surface-dark);
}

.storefront-clean .clean-category-strip {
  margin-top: 12px;
  display: flex;
  gap: 0;
  overflow-x: auto;
  border: 1px solid var(--line);
  background: #fffdfa;
}

.storefront-clean .clean-category-strip a {
  flex: 0 0 auto;
  padding: 12px 16px;
  border-right: 1px solid var(--line);
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
  color: var(--surface-dark);
}

.storefront-clean .clean-home-shell,
.storefront-clean .clean-products-shell {
  padding-top: 22px;
}

.storefront-clean .clean-hero-panel,
.storefront-clean .clean-products-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.8fr);
  gap: 24px;
  padding: 28px;
  border-radius: 0;
}

.storefront-clean .clean-hero-copy h1,
.storefront-clean .clean-products-intro h1 {
  margin: 10px 0 14px;
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1.04;
  color: var(--surface-dark);
}

.storefront-clean .clean-hero-copy p,
.storefront-clean .clean-products-intro p {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  font-size: 19px;
  line-height: 1.65;
}

.storefront-clean .clean-eyebrow {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 800;
  color: var(--saffron-deep);
}

.storefront-clean .clean-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.storefront-clean .clean-primary-link,
.storefront-clean .clean-secondary-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 20px;
  font-weight: 700;
}

.storefront-clean .clean-hero-side {
  display: grid;
  gap: 16px;
}

.storefront-clean .clean-info-card,
.storefront-clean .clean-products-meta-card {
  padding: 18px 20px;
  border-radius: 0;
}

.storefront-clean .simple-info-card,
.storefront-clean .contact-detail-card {
  border-radius: 0;
  border: 1px solid var(--line);
  background: #fffdfa;
  box-shadow: none;
}

.storefront-clean .clean-info-label,
.storefront-clean .clean-products-meta-card span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;
}

.storefront-clean .clean-info-card strong,
.storefront-clean .clean-products-meta-card strong {
  display: block;
  margin-top: 8px;
  color: var(--surface-dark);
  font-size: 24px;
  font-family: "Source Serif 4", Georgia, serif;
}

.storefront-clean .clean-info-card p,
.storefront-clean .clean-products-meta-card span {
  margin-top: 10px;
}

.storefront-clean .clean-home-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
  margin-top: 22px;
}

.storefront-clean .clean-panel {
  margin-top: 22px;
  padding: 22px;
  border-radius: 0;
}

.storefront-clean .clean-section-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: end;
  margin-bottom: 18px;
}

.storefront-clean .clean-section-head h2 {
  margin: 8px 0 0;
  font-size: 32px;
  color: var(--surface-dark);
}

.storefront-clean .clean-inline-link {
  color: var(--green);
  font-weight: 700;
}

.storefront-clean .clean-section-note {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 16px;
}

.storefront-clean .clean-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.storefront-clean .clean-brand-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.storefront-clean .clean-brand-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid var(--line);
  background: #fffdfa;
  color: var(--surface-dark);
  font-weight: 800;
}

.storefront-clean .clean-brand-pill:hover {
  background: #f8f4ed;
  border-color: #b7b0a3;
}

.storefront-clean .clean-brand-pill strong {
  min-width: 28px;
  padding: 4px 8px;
  background: #f1e8d8;
  color: var(--muted);
  text-align: center;
  font-size: 12px;
}

.storefront-clean .trade-category-link {
  min-height: 0;
  padding: 16px 18px;
  border-radius: 0;
  border: 1px solid var(--line);
  background: #fffdfa;
  box-shadow: none;
}

.storefront-clean .trade-category-link:hover {
  border-color: #b7b0a3;
  background: #f8f4ed;
}

.storefront-clean .trade-category-link strong {
  font-size: 17px;
}

.storefront-clean .trade-category-link span {
  color: var(--muted);
}

.storefront-clean .clean-trade-grid {
  gap: 14px;
}

.storefront-clean .trade-product-card,
.storefront-clean .product-card {
  border-radius: 0;
  background: #fff;
}

.storefront-clean .trade-product-top,
.storefront-clean .product-top {
  background: #fbf9f5;
  border-bottom: 1px solid var(--line);
}

.storefront-clean .trade-product-top {
  min-height: 180px;
}

.storefront-clean .trade-product-top img,
.storefront-clean .product-image {
  mix-blend-mode: multiply;
}

.storefront-clean .product-grid {
  gap: 14px;
}

.storefront-clean .product-card {
  border: 1px solid var(--line);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.storefront-clean .product-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(78, 44, 18, 0.08);
}

.storefront-clean .product-card.has-promotion,
.storefront-clean .trade-product-card.has-promotion {
  border-color: rgba(182, 123, 45, 0.48);
}

.storefront-clean .product-card.out-of-stock {
  border-color: rgba(171, 69, 54, 0.26);
  background: #fffaf8;
}

.storefront-clean .product-card.out-of-stock .product-top {
  background: #fbf2ef;
}

.storefront-clean .product-card.out-of-stock .product-image-wrap {
  opacity: 0.78;
}

.storefront-clean .product-top {
  min-height: 230px;
}

.storefront-clean .product-topbar {
  align-items: start;
}

.storefront-clean .product-badge {
  border-radius: 0;
  background: #fff;
  border: 1px solid var(--line);
  color: var(--surface-dark);
}

.storefront-clean .product-badge-promo {
  background: var(--green);
  border-color: var(--green);
  color: #fff;
}

.storefront-clean .product-image-wrap {
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  border: 1px solid #ebe5d8;
}

.storefront-clean .product-image-placeholder {
  border-radius: 0;
  background: #f4efe6;
  color: var(--saffron-deep);
}

.storefront-clean .product-body,
.storefront-clean .trade-product-body {
  padding: 16px;
}

.storefront-clean .product-title,
.storefront-clean .trade-product-body h3 {
  color: var(--surface-dark);
}

.storefront-clean .product-meta,
.storefront-clean .trade-product-copy {
  color: var(--muted);
}

.storefront-clean .product-promo-strip,
.storefront-clean .trade-product-promo {
  display: grid;
  gap: 3px;
  margin: 12px 0 0;
  padding: 10px 12px;
  border: 1px solid rgba(182, 123, 45, 0.34);
  background: #fff4d8;
  color: var(--surface-dark);
}

.storefront-clean .product-promo-strip span,
.storefront-clean .trade-product-promo span {
  color: var(--saffron-deep);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.storefront-clean .product-promo-strip strong,
.storefront-clean .trade-product-promo strong {
  color: var(--green);
  font-size: 15px;
  line-height: 1.25;
}

.storefront-clean .trade-product-promo {
  margin-top: 10px;
  padding: 8px 10px;
}

.storefront-clean .product-price,
.storefront-clean .trade-product-price {
  color: var(--green);
}

.storefront-clean .stock-badge {
  border-radius: 0;
  border: 1px solid #cfe0d6;
  background: #edf7f1;
  color: #29543b;
}

.storefront-clean .stock-badge.out {
  border-color: #e4c7c1;
  background: #fcf0ee;
  color: #8f493d;
}

.storefront-clean .product-add-btn {
  background: var(--green);
  border: 1px solid var(--green);
  color: #fff;
}

.storefront-clean .product-add-btn.notify {
  background: #8f493d;
  color: #fff;
  border-color: #8f493d;
}

.storefront-clean .product-add-btn.notify:hover {
  background: #6e3129;
  border-color: #6e3129;
}

.storefront-clean .product-card.out-of-stock .product-cart-qty {
  color: #8f493d;
  font-weight: 700;
}

.storefront-clean .clean-products-layout {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 22px;
  align-items: start;
  margin-top: 22px;
}

.storefront-clean .clean-sidebar,
.storefront-clean .clean-products-panel {
  border-radius: 0;
}

.storefront-clean .clean-sidebar {
  position: sticky;
  top: 14px;
  padding: 20px;
}

.storefront-clean .clean-filter-block h2 {
  margin: 0;
  font-size: 30px;
  color: var(--surface-dark);
  font-family: "Source Serif 4", Georgia, serif;
}

.storefront-clean .clean-filter-block p,
.storefront-clean .filter-label,
.storefront-clean .toggle,
.storefront-clean .clean-sidebar-categories {
  color: var(--muted);
}

.storefront-clean .clean-field,
.storefront-clean .clean-select {
  min-height: 46px;
  padding: 0 12px;
}

.storefront-clean .clean-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
}

.storefront-clean .clean-filter-actions {
  grid-template-columns: 1fr;
}

.storefront-clean .clean-stack-list {
  gap: 8px;
}

.storefront-clean .clean-stack-list button {
  border-radius: 0;
  border: 1px solid var(--line);
  background: #fffdfa;
  font-weight: 600;
}

.storefront-clean .clean-quick-filter-list {
  display: grid;
  gap: 8px;
}

.storefront-clean .clean-quick-filter-list a,
.storefront-clean .clean-quick-filter-list button {
  display: grid;
  gap: 2px;
  width: 100%;
  padding: 11px 12px;
  border: 1px solid var(--line);
  background: #fffdfa;
  color: var(--surface-dark);
  text-align: left;
  font: inherit;
  cursor: pointer;
}

.storefront-clean .clean-quick-filter-list a:hover,
.storefront-clean .clean-quick-filter-list button:hover {
  background: #f4efe5;
}

.storefront-clean .clean-quick-filter-list strong {
  font-size: 14px;
}

.storefront-clean .clean-quick-filter-list span {
  color: var(--muted);
  font-size: 12px;
}

.storefront-clean .clean-brand-list {
  max-height: 260px;
}

.storefront-clean .clean-products-panel {
  padding: 20px;
}

.storefront-clean .clean-load-more {
  display: flex;
  justify-content: center;
  margin: 20px 0 4px;
}

.storefront-clean .clean-load-more[hidden] {
  display: none;
}

.storefront-clean .clean-products-toolbar {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  margin-bottom: 14px;
}

.storefront-clean .clean-banner,
.storefront-clean .clean-cart-badge {
  border-radius: 0;
  border: 1px solid var(--line);
  background: #fffdfa;
  color: var(--surface-dark);
}

.storefront-clean .clean-cart-summary {
  border-radius: 0;
  border: 1px solid var(--line);
  background: #fbf9f5;
}

.storefront-clean .clean-scroll-anchor {
  scroll-margin-top: 18px;
}

.storefront-clean .clean-empty-cart-head {
  border-bottom: 0;
}

.storefront-clean .clean-empty-cart-copy {
  margin: 0;
}

.storefront-clean .clean-customer-panel,
.storefront-clean .clean-checkout-panel {
  margin-bottom: 14px;
  padding: 18px;
  border-radius: 0;
  border: 1px solid var(--line);
  background: #fffdfa;
}

.storefront-clean .account-panel-head,
.storefront-clean .checkout-panel-head,
.storefront-clean .customer-history-head {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 14px;
  margin-bottom: 12px;
}

.storefront-clean .account-panel-head h3,
.storefront-clean .checkout-panel-head h3,
.storefront-clean .customer-history-head h4 {
  margin: 8px 0 0;
  color: var(--surface-dark);
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 26px;
}

.storefront-clean .checkout-panel-head strong {
  color: var(--green);
  font-size: 24px;
}

.storefront-clean .checkout-help,
.storefront-clean .checkout-signin-note {
  margin: 0 0 14px;
  color: var(--muted);
  line-height: 1.5;
}

.storefront-clean .customer-history-head {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

.storefront-clean .customer-history-stack {
  display: grid;
  gap: 12px;
}

.storefront-clean .customer-history-card {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fbf9f5;
}

.storefront-clean .customer-history-card h4 {
  margin: 0;
  color: var(--surface-dark);
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 20px;
}

.storefront-clean .customer-history-order {
  border: 1px solid rgba(40, 63, 52, 0.14);
  border-radius: 14px;
  background: #fffdfa;
  overflow: hidden;
}

.storefront-clean .customer-history-order summary {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  cursor: pointer;
  list-style: none;
}

.storefront-clean .customer-history-order summary::-webkit-details-marker {
  display: none;
}

.storefront-clean .customer-history-order summary span {
  display: grid;
  gap: 4px;
}

.storefront-clean .customer-history-order summary small,
.storefront-clean .customer-history-line small,
.storefront-clean .customer-history-meta {
  color: var(--muted);
}

.storefront-clean .customer-history-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 14px 10px;
  font-size: 13px;
}

.storefront-clean .customer-history-meta span {
  padding: 4px 8px;
  border: 1px solid rgba(40, 63, 52, 0.12);
  border-radius: 999px;
  background: #f6f1e7;
}

.storefront-clean .customer-history-lines {
  display: grid;
  gap: 1px;
  padding: 0 14px 14px;
}

.storefront-clean .customer-history-line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 12px;
  padding: 8px 0;
  border-top: 1px solid rgba(40, 63, 52, 0.10);
}

.storefront-clean .customer-history-line small {
  grid-column: 1 / 2;
  font-size: 12px;
}

.storefront-clean .customer-history-line strong {
  grid-column: 2 / 3;
  grid-row: 1 / span 2;
  align-self: center;
  color: var(--green);
  white-space: nowrap;
}

.storefront-clean .customer-history-empty,
.storefront-clean .customer-history-error {
  margin: 0;
  color: var(--muted);
}

.storefront-clean .customer-history-error {
  color: #8f241d;
}

.storefront-clean .customer-form-grid,
.storefront-clean .checkout-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.storefront-clean .customer-form-grid label,
.storefront-clean .checkout-form-grid label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-weight: 700;
}

.storefront-clean .customer-address-field,
.storefront-clean .checkout-wide {
  grid-column: 1 / -1;
}

.storefront-clean .delivery-risk-note {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid rgba(188, 124, 42, 0.24);
  background: #fff7e6;
  color: #654012;
  font-size: 14px;
  line-height: 1.45;
}

.storefront-clean .delivery-risk-note strong {
  color: #4d2f0c;
}

.storefront-clean .delivery-risk-note span {
  display: inline-flex;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(188, 124, 42, 0.12);
  color: #5d390e;
  font-weight: 700;
}

.storefront-clean .notify-checkout-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
}

.storefront-clean .checkout-online-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 14px;
}

.storefront-clean .checkout-online-note {
  margin-top: 12px;
  margin-bottom: 0;
  font-size: 14px;
}

.storefront-clean .notify-checkout-list span {
  display: inline-flex;
  padding: 7px 10px;
  border: 1px solid #e4c7c1;
  background: #fcf0ee;
  color: #8f493d;
  font-weight: 700;
  font-size: 13px;
}

.storefront-clean .modal-card.clean-modal-card {
  border-radius: 0;
  background: #fffdfa;
  border: 1px solid rgba(92, 58, 32, 0.16);
  box-shadow: 0 24px 70px rgba(42, 25, 16, 0.24);
}

.storefront-clean .clean-modal-actions {
  grid-template-columns: 1fr 1fr;
}

.storefront-clean .clean-site-footer {
  margin-top: 22px;
  border-radius: 0;
  background: #fbf9f5;
}

.storefront-clean .site-footer strong,
.storefront-clean .site-footer p,
.storefront-clean .site-footer a {
  color: var(--surface-dark);
}

.storefront-clean .footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 12px;
}

.storefront-clean .footer-links a {
  color: var(--surface-dark);
  font-weight: 600;
}

.storefront-clean .clean-empty-state {
  border-radius: 0;
  border: 1px solid var(--line);
  background: #fffdfa;
}

.storefront-clean .clean-policy-copy {
  color: var(--surface-dark);
  line-height: 1.7;
  font-size: 17px;
}

.storefront-clean .clean-policy-copy h2 {
  margin: 24px 0 8px;
  color: var(--surface-dark);
  font-family: "Source Serif 4", Georgia, serif;
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1.1;
}

.storefront-clean .clean-policy-copy h2:first-child {
  margin-top: 0;
}

.storefront-clean .clean-policy-copy p {
  margin: 0 0 14px;
}

@media (max-width: 1180px) {
  .storefront-clean .clean-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .storefront-clean .clean-products-layout,
  .storefront-clean .clean-hero-panel,
  .storefront-clean .clean-products-intro {
    grid-template-columns: 1fr;
  }

  .storefront-clean .clean-sidebar {
    position: static;
  }

  .storefront-clean .clean-header-main {
    flex-direction: column;
    align-items: stretch;
  }

  .storefront-clean .clean-logo-lockup {
    justify-content: center;
  }

  .storefront-clean .clean-header-search {
    width: 100%;
  }
}

@media (max-width: 760px) {
  .storefront-clean .clean-utility-inner,
  .storefront-clean .clean-header-shell,
  .storefront-clean .site-shell,
  .storefront-clean .site-shell-page {
    padding-left: 12px;
    padding-right: 12px;
  }

  .storefront-clean .clean-primary-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .storefront-clean .clean-utility-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
  }

  .storefront-clean .utility-social {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  .storefront-clean .clean-header-main,
  .storefront-clean .clean-hero-panel,
  .storefront-clean .clean-products-intro,
  .storefront-clean .clean-panel,
  .storefront-clean .clean-sidebar,
  .storefront-clean .clean-products-panel {
    padding: 16px;
  }

  .storefront-clean .clean-logo-lockup {
    flex-direction: column;
    gap: 12px;
    text-align: center;
  }

  .storefront-clean .clean-logo-image,
  .storefront-clean .clean-logo-image-page {
    width: 168px;
    height: 108px;
    padding: 7px;
  }

  .storefront-clean .clean-logo-copy strong {
    font-size: 25px;
    line-height: 1.06;
  }

  .storefront-clean .clean-logo-copy small {
    font-size: 12px;
  }

  .storefront-clean .clean-primary-nav a {
    border-bottom: 1px solid var(--line);
  }

  .storefront-clean .clean-primary-nav a:nth-child(even) {
    border-right: 0;
  }

  .storefront-clean .clean-primary-nav a:last-child {
    border-bottom: 0;
  }

  .storefront-clean .clean-category-grid,
  .storefront-clean .product-grid,
  .storefront-clean .trade-product-grid {
    grid-template-columns: 1fr;
  }

  .storefront-clean .clean-category-strip a {
    padding: 10px 14px;
    font-size: 13px;
  }

  .storefront-clean .clean-hero-copy h1,
  .storefront-clean .clean-products-intro h1 {
    font-size: 28px;
    line-height: 1.08;
  }

  .storefront-clean .clean-hero-copy p,
  .storefront-clean .clean-products-intro p {
    font-size: 16px;
    line-height: 1.55;
  }

  .storefront-clean .clean-section-head,
  .storefront-clean .clean-products-toolbar,
  .storefront-clean .clean-modal-actions,
  .storefront-clean .clean-header-search,
  .storefront-clean .account-panel-head,
  .storefront-clean .checkout-panel-head,
  .storefront-clean .customer-history-head {
    flex-direction: column;
    align-items: stretch;
  }

  .storefront-clean .customer-form-grid,
  .storefront-clean .checkout-form-grid {
    grid-template-columns: 1fr;
  }

  .storefront-clean .customer-history-order summary,
  .storefront-clean .customer-history-line {
    grid-template-columns: 1fr;
  }

  .storefront-clean .customer-history-order summary {
    flex-direction: column;
  }

  .storefront-clean .customer-history-line strong {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
  }

  .storefront-clean .clean-products-layout {
    gap: 16px;
  }

  .storefront-clean .clean-filter-block h2,
  .storefront-clean .clean-section-head h2 {
    font-size: 24px;
  }
}

/* 2026 trade grocery polish: Fudco-style departments + Shayona-style speed. */
.storefront-clean {
  --bg: #f4f0e7;
  --surface: #fffdf8;
  --surface-strong: #ffffff;
  --surface-dark: #172a22;
  --surface-dark-2: #244437;
  --text: #1d2822;
  --muted: #66756c;
  --line: #ddd5c7;
  --saffron: #c78b31;
  --saffron-deep: #9b651c;
  --gold: #f1d69d;
  --green: #1f4c3c;
  --danger: #a84f3e;
  --shadow: 0 18px 42px rgba(40, 50, 41, 0.08);
  --content: 1440px;
  background:
    radial-gradient(circle at 0% 0%, rgba(241, 214, 157, 0.56), transparent 26%),
    linear-gradient(180deg, #fbf8f1 0%, var(--bg) 58%, #eee7db 100%);
}

.storefront-clean .clean-utility-bar {
  background: var(--surface-dark);
  border: 0;
  color: #fff4dc;
}

.storefront-clean .clean-utility-inner {
  padding-block: 8px;
  font-size: 13px;
  color: rgba(255, 247, 229, 0.86);
}

.storefront-clean .utility-message strong,
.storefront-clean .utility-social a {
  color: #fff7e6;
}

.storefront-clean .utility-social a {
  border-left: 1px solid rgba(255, 255, 255, 0.18);
  padding-left: 12px;
}

.storefront-clean .clean-header-shell {
  padding-top: 14px;
}

.storefront-clean .clean-header-main {
  display: grid;
  grid-template-columns: minmax(250px, 360px) minmax(300px, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 16px 18px;
  border-radius: 18px 18px 0 0;
  border: 1px solid var(--line);
  border-bottom: 0;
  background:
    linear-gradient(180deg, rgba(255, 253, 248, 0.98), rgba(255, 249, 237, 0.96)),
    radial-gradient(circle at 92% 0%, rgba(199, 139, 49, 0.18), transparent 34%);
  box-shadow: var(--shadow);
}

.storefront-clean .clean-header-main::after {
  display: none;
}

.storefront-clean .clean-logo-lockup {
  gap: 12px;
}

.storefront-clean .clean-logo-image,
.storefront-clean .clean-logo-image-page {
  width: 128px;
  height: 82px;
  padding: 7px;
  border-radius: 14px;
  border: 1px solid rgba(111, 43, 39, 0.18);
  background: #fffaf0;
  box-shadow: 0 10px 24px rgba(62, 40, 22, 0.1);
}

.storefront-clean .clean-logo-copy strong {
  max-width: 280px;
  font-size: clamp(20px, 2vw, 27px);
  line-height: 1.02;
}

.storefront-clean .clean-logo-copy small {
  margin-top: 6px;
  color: var(--saffron-deep);
  letter-spacing: 0.12em;
}

.storefront-clean .clean-header-search {
  width: 100%;
  max-width: 680px;
  gap: 0;
}

.storefront-clean .clean-search-input {
  min-height: 48px;
  border-radius: 999px 0 0 999px;
  border-color: #cfc4b3;
  padding-inline: 18px;
  background: #fff;
}

.storefront-clean .clean-search-input:focus {
  outline: 2px solid rgba(199, 139, 49, 0.28);
  outline-offset: 2px;
}

.storefront-clean .clean-search-button {
  min-height: 48px;
  border-radius: 0 999px 999px 0;
  padding-inline: 22px;
  background: var(--green);
  border-color: var(--green);
}

.storefront-clean .clean-header-cta {
  min-height: 48px;
  border-radius: 999px;
  padding-inline: 18px;
  border-color: #cfc4b3;
  background: #fff8eb;
  white-space: nowrap;
}

.storefront-clean .clean-primary-nav {
  margin-top: 0;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  border-radius: 0;
  border-color: var(--green);
  background: var(--green);
  box-shadow: 0 14px 30px rgba(23, 42, 34, 0.13);
}

.storefront-clean .clean-primary-nav a {
  color: #fff7e6;
  border-color: rgba(255, 255, 255, 0.14);
  padding-block: 13px;
}

.storefront-clean .clean-primary-nav a:hover,
.storefront-clean .clean-primary-nav a.active {
  background: #fff6e3;
  color: var(--surface-dark);
}

.storefront-clean .clean-category-strip {
  margin-top: 0;
  border-radius: 0 0 18px 18px;
  border-color: var(--line);
  background: #fff9ea;
  box-shadow: 0 14px 30px rgba(40, 50, 41, 0.06);
}

.storefront-clean .clean-category-strip a {
  padding: 11px 15px;
  color: #5d3d16;
  border-color: #eadfc9;
}

.storefront-clean .clean-home-shell,
.storefront-clean .clean-products-shell {
  padding-top: 20px;
}

.storefront-clean .clean-hero-panel,
.storefront-clean .clean-products-intro {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  border-color: var(--line);
  background:
    linear-gradient(110deg, rgba(255, 253, 248, 0.96) 0 56%, rgba(255, 246, 224, 0.9) 56% 100%),
    radial-gradient(circle at 96% 10%, rgba(199, 139, 49, 0.22), transparent 34%);
  box-shadow: var(--shadow);
}

.storefront-clean .clean-hero-panel {
  grid-template-columns: minmax(0, 1.35fr) minmax(310px, 0.65fr);
  padding: clamp(24px, 4vw, 46px);
}

.storefront-clean .clean-products-intro {
  padding: 28px;
}

.storefront-clean.storefront-page .clean-products-intro {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 450px);
  align-items: center;
  padding: 24px 28px;
}

.storefront-clean.storefront-page .clean-products-intro h1 {
  font-size: clamp(32px, 3.7vw, 52px);
}

.storefront-clean.storefront-page .clean-products-meta-card {
  align-self: center;
  min-height: 0;
  padding: 26px 28px;
}

.storefront-clean .clean-hero-copy h1,
.storefront-clean .clean-products-intro h1 {
  max-width: 920px;
  font-size: clamp(36px, 4.4vw, 62px);
  color: var(--surface-dark);
}

.storefront-clean .clean-hero-copy p,
.storefront-clean .clean-products-intro p {
  max-width: 780px;
  color: #52645a;
}

.storefront-clean .clean-primary-link,
.storefront-clean .clean-secondary-link,
.storefront-clean .clean-btn-primary,
.storefront-clean .clean-btn-secondary {
  border-radius: 999px;
}

.storefront-clean .clean-primary-link,
.storefront-clean .clean-btn-primary,
.storefront-clean .product-add-btn {
  background: var(--green);
  border-color: var(--green);
}

.storefront-clean .clean-secondary-link,
.storefront-clean .clean-btn-secondary {
  background: #fff8eb;
  border-color: #cabda8;
}

.storefront-clean .clean-shop-departments {
  align-content: stretch;
}

.storefront-clean .clean-info-card {
  border-radius: 18px;
  background: #fffdf8;
  border-color: var(--line);
  box-shadow: 0 14px 30px rgba(40, 50, 41, 0.06);
}

.storefront-clean .clean-department-card {
  background:
    linear-gradient(180deg, #173128, #22493a),
    radial-gradient(circle at 100% 0%, rgba(241, 214, 157, 0.18), transparent 42%);
  color: #fff7e6;
  border-color: rgba(255, 255, 255, 0.16);
}

.storefront-clean .clean-department-card .clean-info-label,
.storefront-clean .clean-department-card strong {
  color: #fff7e6;
}

.storefront-clean .clean-department-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 16px;
}

.storefront-clean .clean-department-links a {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 9px 11px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff7e6;
  font-size: 13px;
  font-weight: 800;
}

.storefront-clean .clean-contact-card p {
  color: var(--muted);
}

.storefront-clean .clean-mini-contact {
  display: inline-flex;
  margin-top: 14px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #eef7f1;
  color: var(--green);
  font-weight: 800;
}

.storefront-clean .clean-service-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.storefront-clean .clean-service-strip a {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 14px;
  row-gap: 2px;
  align-items: center;
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fffdf8;
  box-shadow: 0 12px 28px rgba(40, 50, 41, 0.05);
}

.storefront-clean .clean-service-strip span {
  grid-row: span 2;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #fff3d6;
  color: var(--saffron-deep);
  font-weight: 900;
}

.storefront-clean .clean-service-strip strong {
  color: var(--surface-dark);
  font-size: 18px;
}

.storefront-clean .clean-service-strip small {
  color: var(--muted);
  line-height: 1.35;
}

.storefront-clean .clean-panel {
  border-radius: 22px;
  padding: 24px;
  background: #fffdf8;
  box-shadow: 0 12px 30px rgba(40, 50, 41, 0.05);
}

.storefront-clean .clean-section-head h2 {
  font-size: clamp(26px, 3vw, 38px);
}

.storefront-clean .clean-category-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.storefront-clean .trade-category-link {
  min-height: 70px;
  padding: 15px;
  border-radius: 16px;
  background: linear-gradient(180deg, #fffdf8, #fff8eb);
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.storefront-clean .trade-category-link:hover {
  transform: translateY(-2px);
  border-color: rgba(199, 139, 49, 0.45);
  box-shadow: 0 12px 24px rgba(40, 50, 41, 0.07);
}

.storefront-clean .trade-category-link span {
  display: grid;
  place-items: center;
  min-width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #f4ead8;
  color: #6b4b22;
  font-weight: 900;
}

.storefront-clean .clean-brand-pill {
  min-height: 40px;
  border-radius: 999px;
  background: #fff;
}

.storefront-clean .trade-product-grid {
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 14px;
}

.storefront-clean .clean-trade-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.storefront-clean .trade-product-card,
.storefront-clean .product-card {
  border-radius: 16px;
  border-color: #ddd4c4;
  background: #fff;
  box-shadow: 0 8px 22px rgba(40, 50, 41, 0.05);
  overflow: hidden;
}

.storefront-clean .trade-product-top,
.storefront-clean .product-top {
  background: linear-gradient(180deg, #fffaf0, #f8f1e3);
  border-bottom-color: #e3dacb;
}

.storefront-clean .trade-product-top {
  min-height: 166px;
  padding: 14px;
}

.storefront-clean .trade-product-top img {
  height: 124px;
  object-fit: contain;
}

.storefront-clean .product-grid,
.storefront-clean .clean-product-grid {
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 16px;
}

.storefront-clean .product-top {
  min-height: 200px;
  padding: 13px;
}

.storefront-clean .product-topbar {
  min-height: 31px;
}

.storefront-clean .product-badge {
  max-width: 100%;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.86);
  font-size: 10px;
  line-height: 1.1;
}

.storefront-clean .product-image-wrap {
  min-height: 136px;
  height: 136px;
  padding: 12px;
  border-radius: 14px;
  background: #fff;
}

.storefront-clean .product-image {
  height: 112px;
  object-fit: contain;
}

.storefront-clean .product-image-placeholder {
  min-height: 112px;
  border-radius: 12px;
  font-size: 13px;
  background: #f4ead8;
}

.storefront-clean .product-body,
.storefront-clean .trade-product-body {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.storefront-clean .product-title,
.storefront-clean .trade-product-body h3 {
  font-family: "Source Sans 3", "Segoe UI", sans-serif;
  font-weight: 900;
  letter-spacing: 0;
}

.storefront-clean .product-title {
  font-size: 16px;
}

.storefront-clean .product-meta {
  font-size: 12px;
}

.storefront-clean .product-bottom {
  margin-top: auto;
  align-items: center;
}

.storefront-clean .product-price,
.storefront-clean .trade-product-price {
  color: var(--green);
  font-size: 24px;
  font-weight: 900;
}

.storefront-clean .trade-product-price {
  font-size: 19px;
}

.storefront-clean .stock-badge {
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 11px;
}

.storefront-clean .product-add-btn {
  width: auto;
  min-height: 40px;
  border-radius: 999px;
  box-shadow: none;
}

.storefront-clean .product-add-btn.online-checkout {
  width: 100%;
}

.storefront-clean .clean-products-layout {
  grid-template-columns: 292px minmax(0, 1fr);
  gap: 20px;
}

.storefront-clean .clean-sidebar,
.storefront-clean .clean-products-panel,
.storefront-clean .clean-customer-panel,
.storefront-clean .clean-checkout-panel,
.storefront-clean .clean-cart-summary,
.storefront-clean .clean-empty-state,
.storefront-clean .modal-card.clean-modal-card {
  border-radius: 18px;
}

.storefront-clean .clean-sidebar {
  top: 12px;
  background: #fffdf8;
}

.storefront-clean .clean-products-panel {
  background: rgba(255, 253, 248, 0.92);
}

.storefront-clean .clean-field,
.storefront-clean .clean-select {
  border-radius: 12px;
}

.storefront-clean .clean-filter-actions {
  display: grid;
  gap: 8px;
}

.storefront-clean .clean-stack-list button,
.storefront-clean .clean-quick-filter-list a,
.storefront-clean .clean-quick-filter-list button {
  border-radius: 14px;
}

.storefront-clean .clean-site-footer {
  border-radius: 22px;
  background:
    linear-gradient(135deg, #142921, #244739),
    radial-gradient(circle at 90% 0%, rgba(241, 214, 157, 0.12), transparent 30%);
}

.storefront-clean .site-footer strong,
.storefront-clean .site-footer p,
.storefront-clean .site-footer a {
  color: #fff7e6;
}

@media (max-width: 1180px) {
  .storefront-clean .clean-header-main {
    grid-template-columns: 1fr;
  }

  .storefront-clean .clean-hero-panel,
  .storefront-clean .clean-products-intro {
    grid-template-columns: 1fr;
  }

  .storefront-clean.storefront-page .clean-products-intro {
    grid-template-columns: 1fr;
  }

  .storefront-clean .clean-logo-lockup {
    justify-content: flex-start;
  }

  .storefront-clean .clean-primary-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .storefront-clean .clean-category-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .storefront-clean .clean-trade-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .storefront-clean .clean-header-main {
    border-radius: 16px 16px 0 0;
  }

  .storefront-clean .clean-logo-lockup {
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
  }

  .storefront-clean .clean-logo-image,
  .storefront-clean .clean-logo-image-page {
    width: 104px;
    height: 70px;
  }

  .storefront-clean .clean-search-input,
  .storefront-clean .clean-search-button {
    min-height: 46px;
    width: 100%;
    border-radius: 999px;
  }

  .storefront-clean .clean-primary-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .storefront-clean .clean-hero-panel,
  .storefront-clean .clean-products-intro {
    border-radius: 18px;
  }

  .storefront-clean .clean-hero-copy h1,
  .storefront-clean .clean-products-intro h1 {
    font-size: clamp(28px, 8.6vw, 36px);
    line-height: 1.06;
  }

  .storefront-clean .clean-department-links,
  .storefront-clean .clean-service-strip {
    grid-template-columns: 1fr;
  }

  .storefront-clean .clean-category-grid,
  .storefront-clean .product-grid,
  .storefront-clean .clean-product-grid,
  .storefront-clean .trade-product-grid,
  .storefront-clean .clean-trade-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .storefront-clean .product-top {
    min-height: 176px;
  }

  .storefront-clean .product-image-wrap {
    height: 118px;
    min-height: 118px;
  }

  .storefront-clean .product-image,
  .storefront-clean .product-image-placeholder {
    height: 96px;
    min-height: 96px;
  }

  .storefront-clean .product-price {
    font-size: 21px;
  }

  .storefront-clean .product-bottom,
  .storefront-clean .product-actions-row {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 500px) {
  .storefront-clean .clean-category-grid,
  .storefront-clean .product-grid,
  .storefront-clean .clean-product-grid,
  .storefront-clean .trade-product-grid,
  .storefront-clean .clean-trade-grid {
    grid-template-columns: 1fr;
  }

  .storefront-clean .clean-logo-copy strong {
    font-size: 21px;
  }

  .storefront-clean .clean-primary-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .storefront-clean .clean-primary-nav a {
    padding: 11px 8px;
    font-size: 13px;
  }
}

/* Backend-powered Kesar homepage */
.backend-home {
  --backend-cream: #fffaf0;
  --backend-paper: rgba(255, 253, 247, 0.96);
  --backend-green: #173128;
  --backend-green-2: #244d3c;
  --backend-saffron: #c77d16;
  --backend-saffron-2: #f0b650;
  --backend-ink: #26362e;
  --backend-muted: #647469;
  --backend-line: rgba(76, 95, 83, 0.16);
  --backend-shadow: 0 24px 60px rgba(31, 49, 40, 0.11);
  margin: 0;
  color: var(--backend-ink);
  background:
    radial-gradient(circle at 10% 0%, rgba(240, 182, 80, 0.22), transparent 28%),
    radial-gradient(circle at 90% 4%, rgba(23, 49, 40, 0.12), transparent 30%),
    linear-gradient(180deg, #fffdf8 0%, #fff6e7 48%, #f7ead2 100%);
}

.backend-home a {
  color: inherit;
  text-decoration: none;
}

.backend-topbar,
.backend-header,
.backend-home-shell {
  width: min(1380px, calc(100% - 32px));
  margin-left: auto;
  margin-right: auto;
}

.backend-topbar {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-top: 14px;
  padding: 11px 18px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--backend-green), var(--backend-green-2));
  color: #fff7e8;
  font-size: 14px;
  font-weight: 800;
}

.backend-topbar div,
.backend-topbar nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  align-items: center;
}

.backend-topbar span {
  color: rgba(255, 247, 232, 0.78);
  font-weight: 700;
}

.backend-topbar a {
  color: #fff7e8;
  font-weight: 900;
}

.backend-header {
  margin-top: 12px;
  border: 1px solid var(--backend-line);
  border-radius: 28px;
  background: rgba(255, 253, 248, 0.9);
  box-shadow: 0 14px 44px rgba(31, 49, 40, 0.08);
  backdrop-filter: blur(10px);
  overflow: hidden;
}

.backend-header-main {
  display: grid;
  grid-template-columns: minmax(280px, 0.55fr) minmax(300px, 1fr);
  gap: 22px;
  align-items: center;
  padding: 18px;
}

.backend-logo {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.backend-logo img {
  width: 78px;
  height: 78px;
  border-radius: 22px;
  object-fit: contain;
  background: #fff;
  border: 1px solid rgba(199, 125, 22, 0.18);
  box-shadow: 0 10px 24px rgba(31, 49, 40, 0.08);
}

.backend-logo strong {
  display: block;
  color: var(--backend-green);
  font-family: "Source Serif 4", Georgia, serif;
  font-size: clamp(24px, 2.5vw, 36px);
  line-height: 0.98;
  letter-spacing: -0.04em;
}

.backend-logo small {
  display: block;
  margin-top: 6px;
  color: var(--backend-saffron);
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.backend-header-search,
.backend-hero-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.backend-header-search input,
.backend-hero-search input {
  width: 100%;
  min-height: 52px;
  border: 1px solid rgba(76, 95, 83, 0.18);
  border-radius: 999px;
  background: #fffdf8;
  padding: 0 18px;
  color: var(--backend-ink);
  font: inherit;
  font-weight: 800;
  outline: none;
}

.backend-header-search input:focus,
.backend-hero-search input:focus {
  border-color: rgba(199, 125, 22, 0.7);
  box-shadow: 0 0 0 4px rgba(199, 125, 22, 0.13);
}

.backend-header-search button,
.backend-hero-search button {
  min-height: 52px;
  border: 0;
  border-radius: 999px;
  background: var(--backend-green);
  color: #fff7e8;
  padding: 0 22px;
  font: inherit;
  font-weight: 1000;
  cursor: pointer;
}

.backend-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 18px 18px;
}

.backend-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid rgba(76, 95, 83, 0.16);
  border-radius: 999px;
  background: #fff7e8;
  color: var(--backend-ink);
  font-weight: 900;
}

.backend-nav a.active,
.backend-nav a:hover {
  background: var(--backend-saffron);
  border-color: var(--backend-saffron);
  color: #fffdf8;
}

.backend-home-shell {
  padding: 16px 0 34px;
}

.backend-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.72fr);
  gap: clamp(18px, 3vw, 34px);
  align-items: stretch;
  padding: clamp(24px, 4vw, 52px);
  border: 1px solid rgba(76, 95, 83, 0.16);
  border-radius: 34px;
  background:
    radial-gradient(circle at 7% 12%, rgba(240, 182, 80, 0.28), transparent 26%),
    radial-gradient(circle at 78% 18%, rgba(23, 49, 40, 0.12), transparent 34%),
    linear-gradient(135deg, #fffdf8 0%, #fff1d9 58%, #f8e0aa 100%);
  box-shadow: var(--backend-shadow);
  overflow: hidden;
}

.backend-eyebrow {
  display: inline-flex;
  align-items: center;
  color: var(--backend-saffron);
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.backend-hero h1,
.backend-section-head h2,
.backend-contact-strip h2 {
  margin: 0;
  color: var(--backend-green);
  font-family: "Source Serif 4", Georgia, serif;
  letter-spacing: -0.045em;
}

.backend-hero h1 {
  max-width: 900px;
  margin-top: 10px;
  font-size: clamp(40px, 6vw, 86px);
  line-height: 0.9;
}

.backend-hero p {
  max-width: 760px;
  margin: 18px 0 0;
  color: var(--backend-muted);
  font-size: clamp(17px, 1.5vw, 20px);
  font-weight: 700;
  line-height: 1.65;
}

.backend-hero-search {
  max-width: 780px;
  margin-top: 24px;
  padding: 8px;
  border: 1px solid rgba(76, 95, 83, 0.12);
  border-radius: 999px;
  background: rgba(255, 253, 248, 0.78);
}

.backend-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.backend-primary-link,
.backend-secondary-link,
.backend-contact-strip a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 17px;
  border-radius: 999px;
  font-weight: 1000;
}

.backend-primary-link,
.backend-contact-strip a:first-child {
  background: var(--backend-green);
  color: #fff7e8 !important;
}

.backend-secondary-link,
.backend-contact-strip a:last-child {
  border: 1px solid rgba(76, 95, 83, 0.18);
  background: #fffdf8;
  color: var(--backend-ink) !important;
}

.backend-live-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 24px;
  max-width: 760px;
}

.backend-live-stats a {
  padding: 15px;
  border: 1px solid rgba(199, 125, 22, 0.2);
  border-radius: 20px;
  background: rgba(255, 253, 248, 0.72);
}

.backend-live-stats strong {
  display: block;
  color: var(--backend-green);
  font-family: "Source Serif 4", Georgia, serif;
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1;
}

.backend-live-stats span {
  display: block;
  margin-top: 6px;
  color: var(--backend-muted);
  font-weight: 900;
}

.backend-hero-card {
  display: grid;
  grid-template-rows: minmax(300px, 1fr) auto;
  gap: 14px;
  min-width: 0;
  padding: 14px;
  border-radius: 26px;
  background:
    radial-gradient(circle at top right, rgba(240, 182, 80, 0.18), transparent 34%),
    linear-gradient(180deg, var(--backend-green), var(--backend-green-2));
  color: #fff7e8;
}

.backend-hero-card figure {
  position: relative;
  margin: 0;
  min-height: 300px;
  border-radius: 22px;
  overflow: hidden;
}

.backend-hero-card img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 300px;
  object-fit: cover;
}

.backend-hero-card figcaption {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 18px;
  background: rgba(23, 49, 40, 0.72);
  backdrop-filter: blur(8px);
}

.backend-hero-card figcaption strong,
.backend-hero-card figcaption span {
  display: block;
}

.backend-hero-card figcaption strong {
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 24px;
  line-height: 1;
}

.backend-hero-card figcaption span {
  margin-top: 6px;
  color: rgba(255, 247, 232, 0.78);
  font-weight: 800;
}

.backend-quick-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.backend-quick-links a {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff7e8;
  font-weight: 900;
}

.backend-category-section,
.backend-panel,
.backend-products-section,
.backend-contact-strip,
.backend-footer {
  margin-top: 18px;
  border: 1px solid var(--backend-line);
  border-radius: 28px;
  background: var(--backend-paper);
  box-shadow: 0 16px 46px rgba(31, 49, 40, 0.07);
}

.backend-category-section,
.backend-panel,
.backend-products-section {
  padding: clamp(20px, 3vw, 32px);
}

.backend-section-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: end;
  margin-bottom: 18px;
}

.backend-section-head h2 {
  margin-top: 6px;
  font-size: clamp(30px, 3.4vw, 48px);
  line-height: 0.98;
}

.backend-section-head p,
.backend-empty-note {
  margin: 8px 0 0;
  color: var(--backend-muted);
  font-weight: 750;
  line-height: 1.55;
}

.backend-section-head > a {
  flex: 0 0 auto;
  color: var(--backend-saffron);
  font-weight: 1000;
}

.backend-category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.backend-category-card {
  min-height: 132px;
  padding: 18px;
  border: 1px solid rgba(76, 95, 83, 0.14);
  border-radius: 22px;
  background: #fff8ea;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.backend-category-card:hover {
  transform: translateY(-3px);
  border-color: rgba(199, 125, 22, 0.36);
  box-shadow: 0 18px 32px rgba(31, 49, 40, 0.09);
}

.backend-category-card small,
.backend-offer-card span {
  display: block;
  color: var(--backend-saffron);
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.backend-category-card strong,
.backend-offer-card strong {
  display: block;
  margin-top: 8px;
  color: var(--backend-green);
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 23px;
  line-height: 1.06;
}

.backend-category-card span,
.backend-offer-card small {
  display: block;
  margin-top: 8px;
  color: var(--backend-muted);
  font-weight: 850;
}

.backend-home-columns {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 18px;
}

.backend-offer-list {
  display: grid;
  gap: 10px;
}

.backend-offer-card {
  display: block;
  padding: 16px;
  border: 1px solid rgba(199, 125, 22, 0.2);
  border-radius: 20px;
  background: #fff8ea;
}

.backend-brand-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.backend-brand-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 13px;
  border: 1px solid rgba(76, 95, 83, 0.14);
  border-radius: 999px;
  background: #fff8ea;
  color: var(--backend-ink);
  font-weight: 1000;
}

.backend-brand-pill strong {
  min-width: 28px;
  padding: 3px 7px;
  border-radius: 999px;
  background: var(--backend-green);
  color: #fff7e8;
  text-align: center;
  font-size: 12px;
}

.backend-product-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.backend-home .trade-product-card {
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid rgba(76, 95, 83, 0.14);
  background: #fffdf8;
  box-shadow: 0 14px 34px rgba(31, 49, 40, 0.07);
}

.backend-home .trade-product-top {
  min-height: 190px;
  background: #fff8ea;
}

.backend-home .trade-product-top img,
.backend-home .product-image-placeholder {
  width: 100%;
  height: 178px;
  object-fit: contain;
  padding: 16px;
}

.backend-home .trade-product-body {
  padding: 16px;
}

.backend-home .trade-product-body h3 {
  min-height: 48px;
  margin: 0;
  color: var(--backend-green);
  font-size: 16px;
  line-height: 1.22;
}

.backend-home .trade-product-copy {
  min-height: 20px;
  color: var(--backend-muted);
  font-weight: 850;
}

.backend-home .trade-product-price {
  color: var(--backend-saffron);
  font-size: 22px;
}

.backend-contact-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: clamp(22px, 3vw, 34px);
  background:
    radial-gradient(circle at 90% 0%, rgba(240, 182, 80, 0.2), transparent 32%),
    linear-gradient(135deg, var(--backend-green), var(--backend-green-2));
}

.backend-contact-strip h2 {
  max-width: 760px;
  margin-top: 6px;
  color: #fff7e8;
  font-size: clamp(28px, 3vw, 42px);
}

.backend-contact-strip .backend-eyebrow {
  color: var(--backend-saffron-2);
}

.backend-contact-strip > div:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.backend-footer {
  padding: clamp(22px, 3vw, 32px);
}

@media (max-width: 1050px) {
  .backend-header-main,
  .backend-hero,
  .backend-home-columns,
  .backend-contact-strip {
    grid-template-columns: 1fr;
  }

  .backend-category-grid,
  .backend-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .backend-contact-strip > div:last-child {
    justify-content: flex-start;
  }
}

@media (max-width: 680px) {
  .backend-topbar,
  .backend-header,
  .backend-home-shell {
    width: min(100% - 18px, 1380px);
  }

  .backend-topbar,
  .backend-topbar div,
  .backend-topbar nav,
  .backend-section-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .backend-topbar {
    gap: 12px;
    padding: 14px 16px;
    border-radius: 22px;
  }

  .backend-topbar div,
  .backend-topbar nav {
    flex-direction: row;
    gap: 7px 13px;
  }

  .backend-topbar span {
    display: none;
  }

  .backend-header-main {
    padding: 14px;
  }

  .backend-logo img {
    width: 64px;
    height: 64px;
    border-radius: 18px;
  }

  .backend-header-search,
  .backend-hero-search,
  .backend-live-stats,
  .backend-category-grid,
  .backend-product-grid {
    grid-template-columns: 1fr;
  }

  .backend-header-search button,
  .backend-hero-search button {
    width: 100%;
  }

  .backend-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .backend-nav a {
    justify-content: center;
    padding: 0 10px;
    font-size: 13px;
  }

  .backend-hero {
    padding: 20px;
    border-radius: 26px;
  }

  .backend-hero h1 {
    font-size: clamp(36px, 11vw, 54px);
  }

  .backend-hero-card {
    grid-template-rows: auto auto;
  }

  .backend-hero-card figure,
  .backend-hero-card img {
    min-height: 240px;
  }

  .backend-category-section,
  .backend-panel,
  .backend-products-section,
  .backend-contact-strip,
  .backend-footer {
    border-radius: 22px;
  }
}

/* FudcoShop-inspired home refresh for the custom Kesar storefront. */
.fudco-style-home {
  --backend-cream: #fff9ee;
  --backend-paper: rgba(255, 253, 248, 0.98);
  --backend-green: #173126;
  --backend-green-2: #284c38;
  --backend-brown: #5f3516;
  --backend-brown-2: #8b4d18;
  --backend-saffron: #bd7416;
  --backend-saffron-2: #efbd58;
  --backend-ink: #2d241c;
  --backend-muted: #746a5e;
  --backend-line: rgba(95, 53, 22, 0.16);
  --backend-shadow: 0 22px 54px rgba(95, 53, 22, 0.11);
  background:
    radial-gradient(circle at 8% 0%, rgba(239, 189, 88, 0.25), transparent 27%),
    radial-gradient(circle at 95% 6%, rgba(23, 49, 38, 0.12), transparent 29%),
    linear-gradient(180deg, #fffdf8 0%, #fff7e9 55%, #f4e2bd 100%);
}

.fudco-style-home .backend-topbar {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 11px max(18px, calc((100vw - 1380px) / 2 + 18px));
  border-radius: 0;
  background: linear-gradient(90deg, var(--backend-brown), var(--backend-brown-2));
  box-shadow: 0 10px 28px rgba(95, 53, 22, 0.16);
}

.fudco-style-home .backend-header {
  border-radius: 0 0 30px 30px;
  background: rgba(255, 253, 248, 0.96);
}

.fudco-style-home .backend-header-main {
  grid-template-columns: minmax(280px, 0.55fr) minmax(320px, 1fr) auto;
  padding: 20px 22px 16px;
}

.fudco-style-home .backend-logo img {
  width: 92px;
  height: 72px;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}

.fudco-style-home .backend-logo strong {
  color: var(--backend-brown);
  font-size: clamp(28px, 2.6vw, 40px);
}

.fudco-style-home .backend-logo small {
  color: var(--backend-green);
}

.backend-header-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  justify-content: flex-end;
}

.backend-header-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 15px;
  border-radius: 999px;
  border: 1px solid rgba(95, 53, 22, 0.15);
  background: #fff8e8;
  color: var(--backend-brown);
  font-weight: 1000;
}

.backend-header-actions a:last-child {
  background: var(--backend-green);
  color: #fff8e8;
  border-color: var(--backend-green);
}

.fudco-style-home .backend-header-search {
  padding: 6px;
  border: 1px solid rgba(95, 53, 22, 0.12);
  border-radius: 999px;
  background: #fff8e8;
}

.fudco-style-home .backend-header-search input {
  min-height: 48px;
  border-color: transparent;
  background: #fffdf8;
}

.fudco-style-home .backend-header-search button,
.fudco-style-home .backend-hero-search button {
  background: linear-gradient(135deg, var(--backend-green), var(--backend-green-2));
}

.fudco-style-home .backend-nav {
  justify-content: center;
  padding: 14px 18px;
  background: linear-gradient(90deg, var(--backend-brown), var(--backend-brown-2));
}

.fudco-style-home .backend-nav a {
  min-height: 38px;
  border-color: transparent;
  background: transparent;
  color: #fff9ee;
  font-size: 15px;
}

.fudco-style-home .backend-nav a.active,
.fudco-style-home .backend-nav a:hover {
  background: #fff8e8;
  color: var(--backend-brown);
}

.backend-department-nav {
  display: flex;
  gap: 16px;
  align-items: center;
  margin: 16px 0;
  padding: 14px 18px;
  border: 1px solid var(--backend-line);
  border-radius: 22px;
  background: #fffdf8;
  box-shadow: 0 12px 32px rgba(95, 53, 22, 0.07);
}

.backend-department-nav strong {
  flex: 0 0 auto;
  color: var(--backend-brown);
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 24px;
  line-height: 1;
}

.backend-department-nav div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
}

.backend-department-nav a {
  color: var(--backend-ink);
  font-weight: 950;
}

.backend-department-nav a:hover {
  color: var(--backend-saffron);
}

.fudco-style-home .backend-hero {
  position: relative;
  isolation: isolate;
  min-height: 610px;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 0.46fr);
  align-items: end;
  border-color: rgba(189, 116, 22, 0.22);
  background:
    radial-gradient(circle at 9% 16%, rgba(239, 189, 88, 0.55), transparent 9%),
    radial-gradient(circle at 18% 30%, rgba(255, 227, 164, 0.72), transparent 10%),
    radial-gradient(circle at 33% 12%, rgba(239, 189, 88, 0.36), transparent 10%),
    radial-gradient(circle at 46% 34%, rgba(255, 239, 201, 0.82), transparent 12%),
    radial-gradient(circle at 62% 15%, rgba(205, 125, 24, 0.34), transparent 10%),
    radial-gradient(circle at 78% 36%, rgba(255, 226, 157, 0.7), transparent 12%),
    radial-gradient(circle at 90% 18%, rgba(189, 116, 22, 0.28), transparent 10%),
    linear-gradient(180deg, #fffdf8 0%, #fff1d6 68%, #edcc83 100%);
}

.fudco-style-home .backend-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.2), transparent 18%, transparent 82%, rgba(255, 255, 255, 0.2)),
    radial-gradient(circle at 50% 100%, rgba(255, 252, 244, 0.74), transparent 33%);
}

.fudco-style-home .backend-hero-copy {
  max-width: 970px;
  align-self: end;
}

.fudco-style-home .backend-hero h1 {
  max-width: 920px;
  color: var(--backend-brown);
  font-size: clamp(48px, 7.4vw, 104px);
  font-weight: 700;
  line-height: 0.9;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
}

.fudco-style-home .backend-hero p {
  max-width: 790px;
  color: #685744;
}

.fudco-style-home .backend-eyebrow {
  color: var(--backend-saffron);
}

.fudco-style-home .backend-hero-search {
  background: rgba(255, 253, 248, 0.88);
  box-shadow: 0 16px 34px rgba(95, 53, 22, 0.09);
}

.fudco-style-home .backend-primary-link {
  background: linear-gradient(135deg, var(--backend-saffron), var(--backend-brown-2));
}

.fudco-style-home .backend-hero-card {
  grid-template-rows: auto minmax(280px, 1fr) auto;
  background:
    radial-gradient(circle at top right, rgba(239, 189, 88, 0.22), transparent 34%),
    linear-gradient(180deg, var(--backend-green), var(--backend-green-2));
}

.backend-premium-note {
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.08);
}

.backend-premium-note span {
  display: block;
  color: var(--backend-saffron-2);
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.backend-premium-note strong {
  display: block;
  margin-top: 6px;
  color: #fff8e8;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 24px;
  line-height: 1.08;
}

.backend-trust-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.backend-trust-strip article {
  padding: 18px 20px;
  border: 1px solid var(--backend-line);
  border-radius: 20px;
  background: #fffdf8;
  box-shadow: 0 12px 32px rgba(95, 53, 22, 0.06);
}

.backend-trust-strip strong {
  display: block;
  color: var(--backend-brown);
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 22px;
  line-height: 1.08;
}

.backend-trust-strip span {
  display: block;
  margin-top: 7px;
  color: var(--backend-muted);
  font-weight: 800;
  line-height: 1.45;
}

.backend-order-flow {
  margin-top: 16px;
  padding: clamp(20px, 3vw, 32px);
  border: 1px solid rgba(95, 53, 22, 0.15);
  border-radius: 28px;
  background:
    radial-gradient(circle at 96% 0%, rgba(239, 189, 88, 0.22), transparent 28%),
    linear-gradient(135deg, rgba(255, 253, 248, 0.98), rgba(255, 244, 218, 0.96));
  box-shadow: 0 16px 46px rgba(95, 53, 22, 0.07);
}

.backend-order-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.backend-order-steps article {
  position: relative;
  min-height: 158px;
  padding: 18px;
  border: 1px solid rgba(95, 53, 22, 0.13);
  border-radius: 22px;
  background: #fffdf8;
  overflow: hidden;
}

.backend-order-steps article::after {
  content: "";
  position: absolute;
  right: -32px;
  bottom: -42px;
  width: 118px;
  height: 118px;
  border-radius: 999px;
  background: rgba(189, 116, 22, 0.08);
}

.backend-order-steps span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: var(--backend-brown);
  color: #fff8e8;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 18px;
  font-weight: 800;
}

.backend-order-steps strong {
  display: block;
  margin-top: 14px;
  color: var(--backend-brown);
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 24px;
  line-height: 1.05;
}

.backend-order-steps p {
  margin: 8px 0 0;
  color: var(--backend-muted);
  font-weight: 800;
  line-height: 1.45;
}

.fudco-style-home .backend-category-section,
.fudco-style-home .backend-panel,
.fudco-style-home .backend-products-section,
.fudco-style-home .backend-footer {
  background: rgba(255, 253, 248, 0.97);
}

.fudco-style-home .backend-section-head h2,
.fudco-style-home .backend-contact-strip h2 {
  color: var(--backend-brown);
}

.fudco-style-home .backend-category-card,
.fudco-style-home .backend-offer-card,
.fudco-style-home .backend-brand-pill,
.fudco-style-home .backend-home .trade-product-card {
  border-color: rgba(95, 53, 22, 0.14);
  background:
    radial-gradient(circle at top right, rgba(239, 189, 88, 0.16), transparent 30%),
    linear-gradient(145deg, #fffdf8, #fff5df);
}

.fudco-style-home .backend-category-card strong,
.fudco-style-home .backend-offer-card strong,
.fudco-style-home .backend-home .trade-product-body h3 {
  color: var(--backend-brown);
}

.fudco-style-home .backend-home .trade-product-top {
  min-height: 205px;
  background: linear-gradient(180deg, #fffaf0, #f7ebd2);
}

.fudco-style-home .backend-home .trade-product-top img,
.fudco-style-home .backend-home .product-image-placeholder {
  height: 192px;
}

.fudco-style-home .backend-home .trade-product-body {
  min-height: 185px;
}

.fudco-style-home .backend-home .trade-product-price {
  color: var(--backend-green);
}

.fudco-style-home .backend-contact-strip {
  background:
    radial-gradient(circle at 90% 0%, rgba(239, 189, 88, 0.18), transparent 32%),
    linear-gradient(135deg, var(--backend-brown), var(--backend-brown-2));
}

@media (max-width: 1180px) {
  .fudco-style-home .backend-header-main {
    grid-template-columns: 1fr;
  }

  .backend-header-actions {
    justify-content: flex-start;
  }

  .fudco-style-home .backend-hero {
    min-height: auto;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .backend-department-nav,
  .backend-department-nav div {
    align-items: flex-start;
    flex-direction: column;
  }

  .backend-department-nav {
    border-radius: 18px;
  }

  .backend-trust-strip {
    grid-template-columns: 1fr;
  }

  .backend-order-steps {
    grid-template-columns: 1fr;
  }

  .fudco-style-home .backend-hero h1 {
    font-size: clamp(42px, 12vw, 62px);
  }

  .backend-header-actions a {
    flex: 1 1 140px;
  }
}

/* Simple, modern home page */
.simple-home {
  --backend-cream: #fbf6ec;
  --backend-paper: #fffaf2;
  --backend-green: #173128;
  --backend-green-2: #244d3c;
  --backend-saffron: #b86f12;
  --backend-saffron-2: #f4c76d;
  --backend-ink: #22352c;
  --backend-muted: #68776d;
  --backend-line: rgba(34, 53, 44, 0.12);
  background:
    radial-gradient(circle at 12% 0%, rgba(244, 199, 109, 0.28), transparent 24%),
    linear-gradient(180deg, #fffdf7 0%, #fbf6ec 100%);
}

.simple-home .backend-topbar,
.simple-home .backend-header,
.simple-home .backend-home-shell {
  width: min(1160px, calc(100% - 32px));
}

.simple-home .backend-topbar {
  margin-top: 12px;
  padding: 9px 16px;
  background: var(--backend-green);
  box-shadow: none;
}

.simple-home .backend-header {
  border-radius: 24px;
  box-shadow: 0 16px 42px rgba(23, 49, 40, 0.08);
}

.simple-home .backend-header-main {
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 16px 18px;
}

.simple-home .backend-logo img {
  width: 64px;
  height: 64px;
  border-radius: 18px;
}

.simple-home .backend-logo strong {
  font-size: clamp(22px, 2.4vw, 32px);
}

.simple-home .backend-logo small {
  letter-spacing: 0.1em;
}

.simple-home .backend-nav {
  justify-content: center;
  padding: 0 16px 16px;
}

.simple-home .backend-nav a {
  background: transparent;
}

.simple-home .backend-nav a.active,
.simple-home .backend-nav a:hover {
  background: var(--backend-green);
  border-color: var(--backend-green);
  color: #fffaf2;
}

.simple-home .backend-home-shell {
  padding-top: 16px;
}

.simple-home .backend-hero {
  display: block;
  padding: clamp(32px, 6vw, 72px) clamp(20px, 5vw, 72px);
  border-radius: 34px;
  background:
    radial-gradient(circle at 85% 18%, rgba(244, 199, 109, 0.24), transparent 28%),
    linear-gradient(135deg, #fffaf2 0%, #fff2d9 100%);
  box-shadow: 0 22px 70px rgba(23, 49, 40, 0.1);
  text-align: center;
}

.simple-home .backend-hero-copy {
  max-width: 860px;
  margin: 0 auto;
}

.simple-home .backend-hero h1 {
  max-width: 780px;
  margin: 12px auto 0;
  color: var(--backend-green);
  font-size: clamp(40px, 7vw, 76px);
  line-height: 0.94;
}

.simple-home .backend-hero p {
  max-width: 620px;
  margin: 18px auto 0;
  color: var(--backend-muted);
  font-size: clamp(17px, 2vw, 21px);
  line-height: 1.55;
}

.simple-home .backend-hero-search {
  max-width: 680px;
  margin: 26px auto 0;
  background: #fffdf8;
}

.simple-home .backend-hero-search button,
.simple-home .backend-header-actions a:first-child,
.simple-home .backend-primary-link {
  background: var(--backend-green);
  color: #fffaf2 !important;
}

.simple-home .backend-hero-actions {
  justify-content: center;
  margin-top: 18px;
}

.simple-home .backend-secondary-link {
  background: rgba(255, 253, 248, 0.72);
}

.simple-home .backend-live-stats {
  max-width: 620px;
  margin: 26px auto 0;
}

.simple-home .backend-live-stats a {
  background: rgba(255, 253, 248, 0.66);
}

.simple-home-section,
.simple-home .backend-contact-strip,
.simple-home .backend-footer {
  margin-top: 18px;
  padding: clamp(20px, 3vw, 30px);
  border: 1px solid var(--backend-line);
  border-radius: 28px;
  background: rgba(255, 250, 242, 0.94);
  box-shadow: 0 14px 44px rgba(23, 49, 40, 0.07);
}

.simple-home .backend-section-head {
  align-items: center;
}

.simple-home .backend-section-head h2 {
  font-size: clamp(28px, 4vw, 44px);
}

.simple-category-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.simple-category-chips a {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0 18px;
  border: 1px solid rgba(23, 49, 40, 0.14);
  border-radius: 999px;
  background: #fffdf8;
  color: var(--backend-ink);
  font-weight: 950;
}

.simple-category-chips a:hover {
  border-color: var(--backend-green);
  background: var(--backend-green);
  color: #fffaf2;
}

.simple-home .backend-contact-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  color: #fffaf2;
  background: linear-gradient(135deg, var(--backend-green), var(--backend-green-2));
}

.simple-home .backend-contact-strip h2 {
  max-width: 760px;
  color: #fffaf2;
  font-size: clamp(26px, 3.6vw, 42px);
}

.simple-home .backend-contact-strip .backend-eyebrow {
  color: var(--backend-saffron-2);
}

.simple-home .backend-contact-strip a {
  background: #fffaf2;
  color: var(--backend-green) !important;
}

.simple-home .backend-footer {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}

@media (max-width: 900px) {
  .simple-home .backend-header-main,
  .simple-home .backend-contact-strip,
  .simple-home .backend-footer {
    grid-template-columns: 1fr;
  }

  .simple-home .backend-header-actions {
    justify-content: flex-start;
  }

  .simple-home .backend-contact-strip,
  .simple-home .backend-footer {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 620px) {
  .simple-home .backend-topbar,
  .simple-home .backend-header,
  .simple-home .backend-home-shell {
    width: min(100% - 20px, 1160px);
  }

  .simple-home .backend-topbar {
    border-radius: 18px;
  }

  .simple-home .backend-hero {
    border-radius: 26px;
    text-align: left;
  }

  .simple-home .backend-hero-copy,
  .simple-home .backend-hero h1,
  .simple-home .backend-hero p,
  .simple-home .backend-hero-search,
  .simple-home .backend-live-stats {
    margin-left: 0;
    margin-right: 0;
  }

  .simple-home .backend-hero-actions {
    justify-content: flex-start;
  }

  .simple-home .backend-hero-search,
  .simple-home .backend-live-stats,
  .simple-home .backend-section-head {
    grid-template-columns: 1fr;
  }

  .simple-home .backend-hero-search button {
    width: 100%;
  }

}

/* Premium saffron refresh: brighter Kesar palette + cleaner product images. */
.storefront-clean {
  --bg: #f8f6ef;
  --surface: #fffdf8;
  --surface-strong: #ffffff;
  --surface-dark: #0b3d31;
  --surface-dark-2: #17624f;
  --text: #14241d;
  --muted: #607166;
  --line: rgba(20, 36, 29, 0.12);
  --saffron: #f2a51e;
  --saffron-deep: #b96f02;
  --gold: #ffe5a4;
  --green: #135544;
  --green-soft: #e7f3ec;
  --ruby: #a83a2a;
  --shadow-soft: 0 18px 50px rgba(11, 61, 49, 0.1);
  --shadow-card: 0 16px 38px rgba(11, 61, 49, 0.08);
  background:
    radial-gradient(circle at 12% -4%, rgba(242, 165, 30, 0.22), transparent 26%),
    radial-gradient(circle at 88% 8%, rgba(23, 98, 79, 0.14), transparent 24%),
    linear-gradient(180deg, #fffdf8 0%, var(--bg) 52%, #f4efe3 100%);
  color: var(--text);
}

.storefront-clean .clean-utility-bar {
  background: linear-gradient(90deg, #08352b 0%, var(--surface-dark) 52%, #115342 100%);
  color: #fff9ea;
}

.storefront-clean .utility-message strong,
.storefront-clean .utility-social a {
  color: var(--gold);
}

.storefront-clean .utility-social a {
  border-color: rgba(255, 229, 164, 0.3);
  background: rgba(255, 255, 255, 0.08);
}

.storefront-clean .clean-header-shell,
.storefront-clean .home-header-shell {
  border: 1px solid rgba(19, 85, 68, 0.12);
  background: rgba(255, 253, 248, 0.96);
  box-shadow: var(--shadow-soft);
}

.storefront-clean .clean-header-main {
  background:
    linear-gradient(90deg, rgba(255, 229, 164, 0.5), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #fffaf0 100%);
}

.storefront-clean .clean-header-main::after {
  background: linear-gradient(90deg, var(--saffron), #ffd56f 42%, var(--green));
}

.storefront-clean .clean-logo-image,
.storefront-clean .clean-logo-image-page {
  border-color: rgba(242, 165, 30, 0.34);
  background: #ffffff;
  box-shadow: 0 12px 24px rgba(11, 61, 49, 0.1);
}

.storefront-clean .clean-logo-copy strong,
.storefront-clean .backend-logo strong {
  color: var(--surface-dark);
}

.storefront-clean .clean-logo-copy small,
.storefront-clean .backend-logo small {
  color: var(--saffron-deep);
  letter-spacing: 0.14em;
}

.storefront-clean .clean-header-search {
  border-color: rgba(19, 85, 68, 0.14);
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(255, 229, 164, 0.6);
}

.storefront-clean .clean-search-input,
.storefront-clean .clean-field,
.storefront-clean .clean-select,
.storefront-clean .backend-hero-search input {
  color: var(--text);
}

.storefront-clean .clean-search-input:focus,
.storefront-clean .clean-field:focus,
.storefront-clean .clean-select:focus,
.storefront-clean .backend-hero-search input:focus {
  border-color: rgba(242, 165, 30, 0.68);
  box-shadow: 0 0 0 4px rgba(242, 165, 30, 0.16);
}

.storefront-clean .clean-search-button,
.storefront-clean .clean-btn-primary,
.storefront-clean .clean-primary-link,
.storefront-clean .product-add-btn,
.storefront-clean .backend-primary-link,
.storefront-clean .backend-hero-search button {
  border: 0;
  background: linear-gradient(135deg, var(--saffron) 0%, #ffc44f 48%, var(--saffron-deep) 100%);
  color: #172116 !important;
  box-shadow: 0 12px 28px rgba(185, 111, 2, 0.22);
}

.storefront-clean .clean-search-button:hover,
.storefront-clean .clean-btn-primary:hover,
.storefront-clean .clean-primary-link:hover,
.storefront-clean .product-add-btn:hover,
.storefront-clean .backend-primary-link:hover,
.storefront-clean .backend-hero-search button:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(185, 111, 2, 0.28);
}

.storefront-clean .clean-btn-secondary,
.storefront-clean .clean-secondary-link,
.storefront-clean .clean-header-cta,
.storefront-clean .backend-secondary-link,
.storefront-clean .clean-header-auth {
  border-color: rgba(19, 85, 68, 0.18);
  background: #ffffff;
  color: var(--surface-dark) !important;
}

.storefront-clean .clean-header-auth.signed-in,
.storefront-clean .clean-header-cta:hover,
.storefront-clean .clean-header-auth:hover,
.storefront-clean .clean-btn-secondary:hover,
.storefront-clean .clean-secondary-link:hover,
.storefront-clean .backend-secondary-link:hover {
  border-color: rgba(242, 165, 30, 0.5);
  background: var(--green-soft);
  color: var(--green) !important;
}

.storefront-clean .clean-primary-nav {
  background: var(--surface-dark);
}

.storefront-clean .clean-primary-nav a {
  color: #f8fff8;
}

.storefront-clean .clean-primary-nav a:hover,
.storefront-clean .clean-primary-nav a.active {
  background: var(--saffron);
  color: #10251d;
}

.storefront-clean .clean-home-shell,
.storefront-clean .clean-products-shell,
.storefront-clean .site-shell,
.storefront-clean .site-shell-page {
  width: min(1200px, calc(100% - 36px));
}

.storefront-clean .backend-hero,
.storefront-clean .clean-hero-panel,
.storefront-clean .clean-products-intro {
  border: 1px solid rgba(19, 85, 68, 0.12);
  background:
    radial-gradient(circle at 14% 18%, rgba(255, 229, 164, 0.66), transparent 28%),
    radial-gradient(circle at 88% 10%, rgba(19, 85, 68, 0.16), transparent 30%),
    linear-gradient(135deg, #fffdf8 0%, #fff5df 50%, #eef6ef 100%);
  box-shadow: var(--shadow-soft);
}

.storefront-clean .backend-hero h1,
.storefront-clean .clean-hero-copy h1,
.storefront-clean .clean-products-intro h1 {
  color: var(--surface-dark);
  letter-spacing: -0.045em;
}

.storefront-clean .backend-hero p,
.storefront-clean .clean-hero-copy p,
.storefront-clean .clean-products-intro p {
  color: var(--muted);
}

.storefront-clean .backend-eyebrow,
.storefront-clean .clean-eyebrow,
.storefront-clean .clean-info-label,
.storefront-clean .clean-products-meta-card span {
  color: var(--saffron-deep);
}

.storefront-clean .backend-hero-search {
  border: 1px solid rgba(19, 85, 68, 0.13);
  background: #ffffff;
  box-shadow: 0 18px 44px rgba(11, 61, 49, 0.1);
}

.storefront-home.storefront-clean .backend-hero {
  position: relative;
  display: flex;
  justify-content: flex-end;
  min-height: clamp(430px, 46vw, 620px);
  align-items: center;
  padding: clamp(34px, 6vw, 78px);
  border-color: rgba(190, 142, 39, 0.24);
  background:
    linear-gradient(90deg, rgba(255, 253, 248, 0.18) 0%, rgba(255, 253, 248, 0.22) 42%, rgba(255, 253, 248, 0.78) 70%, rgba(255, 253, 248, 0.96) 100%),
    url("/assets/kesar-saffron-safe-bg.svg") left center / cover no-repeat,
    linear-gradient(135deg, #fffdf8 0%, #fff2d8 55%, #f3ecff 100%);
  box-shadow: 0 28px 76px rgba(94, 63, 38, 0.14);
}

.storefront-home.storefront-clean .backend-hero::after {
  content: "";
  position: absolute;
  right: clamp(-34px, -2vw, -12px);
  bottom: clamp(-28px, -2vw, -12px);
  width: clamp(220px, 26vw, 360px);
  height: clamp(190px, 23vw, 320px);
  background: none;
  opacity: 0;
  pointer-events: none;
}

.storefront-home.storefront-clean .backend-hero-copy {
  position: relative;
  z-index: 1;
  max-width: 610px;
  padding: clamp(16px, 2vw, 28px);
  border: 1px solid rgba(190, 142, 39, 0.22);
  border-radius: 28px;
  background: rgba(255, 253, 248, 0.86);
  box-shadow: 0 20px 50px rgba(62, 36, 71, 0.14);
  backdrop-filter: blur(7px);
}

.storefront-home.storefront-clean .backend-hero h1 {
  max-width: 620px;
  font-size: clamp(42px, 6vw, 82px);
}

.storefront-home.storefront-clean .backend-hero p {
  max-width: 540px;
  color: #536357;
}

.storefront-clean .simple-home-section,
.storefront-clean .clean-panel,
.storefront-clean .clean-sidebar,
.storefront-clean .clean-products-panel,
.storefront-clean .clean-customer-panel,
.storefront-clean .clean-checkout-panel,
.storefront-clean .clean-cart-summary,
.storefront-clean .clean-empty-state,
.storefront-clean .clean-products-meta-card,
.storefront-clean .modal-card.clean-modal-card {
  border: 1px solid rgba(19, 85, 68, 0.12);
  background: rgba(255, 253, 248, 0.96);
  box-shadow: 0 14px 36px rgba(11, 61, 49, 0.07);
}

.storefront-clean .backend-contact-strip,
.storefront-clean .clean-site-footer {
  border-color: rgba(255, 229, 164, 0.24);
  background:
    radial-gradient(circle at 8% 0%, rgba(255, 229, 164, 0.18), transparent 28%),
    linear-gradient(135deg, #08352b 0%, var(--surface-dark) 52%, var(--surface-dark-2) 100%);
  color: #fff9ea;
}

.storefront-clean .backend-contact-strip h2,
.storefront-clean .site-footer strong,
.storefront-clean .site-footer p,
.storefront-clean .site-footer a {
  color: #fff9ea;
}

.storefront-clean .backend-contact-strip a,
.storefront-clean .footer-links a {
  border-color: rgba(255, 229, 164, 0.28);
  background: rgba(255, 255, 255, 0.1);
}

.storefront-clean .backend-section-head h2,
.storefront-clean .clean-section-head h2,
.storefront-clean .clean-filter-block h2 {
  color: var(--surface-dark);
}

.storefront-clean .simple-category-chips a,
.storefront-clean .trade-category-link,
.storefront-clean .clean-brand-pill,
.storefront-clean .clean-stack-list button,
.storefront-clean .clean-quick-filter-list a,
.storefront-clean .clean-quick-filter-list button {
  border-color: rgba(19, 85, 68, 0.14);
  background: #ffffff;
  color: var(--text);
}

.storefront-clean .simple-category-chips a:hover,
.storefront-clean .trade-category-link:hover,
.storefront-clean .clean-brand-pill:hover,
.storefront-clean .clean-stack-list button:hover,
.storefront-clean .clean-quick-filter-list a:hover,
.storefront-clean .clean-quick-filter-list button:hover {
  border-color: rgba(242, 165, 30, 0.52);
  background: var(--green-soft);
  color: var(--green);
}

.storefront-clean .product-grid,
.storefront-clean .clean-product-grid,
.storefront-clean .trade-product-grid,
.storefront-clean .clean-trade-grid {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 18px;
}

.storefront-clean .trade-product-card,
.storefront-clean .product-card {
  overflow: hidden;
  border: 1px solid rgba(19, 85, 68, 0.12);
  border-radius: 24px;
  background: #ffffff;
  box-shadow: var(--shadow-card);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.storefront-clean .trade-product-card:hover,
.storefront-clean .product-card:hover {
  transform: translateY(-3px);
  border-color: rgba(242, 165, 30, 0.42);
  box-shadow: 0 20px 46px rgba(11, 61, 49, 0.12);
}

.storefront-clean .product-card.has-promotion,
.storefront-clean .trade-product-card.has-promotion {
  border-color: rgba(242, 165, 30, 0.48);
}

.storefront-clean .product-card.out-of-stock {
  opacity: 0.82;
}

.storefront-clean .trade-product-top,
.storefront-clean .product-top {
  min-height: auto;
  padding: 14px;
  border-bottom: 1px solid rgba(19, 85, 68, 0.08);
  background:
    radial-gradient(circle at 50% 34%, rgba(255, 255, 255, 0.94), transparent 42%),
    linear-gradient(180deg, #fff7df 0%, #f2f8f1 100%);
}

.storefront-clean .product-image-wrap,
.storefront-clean .trade-product-top {
  display: grid;
  place-items: center;
}

.storefront-clean .product-image-wrap {
  width: 100%;
  min-height: 0;
  height: auto;
  aspect-ratio: 1 / 1;
  padding: 18px;
  border: 1px solid rgba(19, 85, 68, 0.1);
  border-radius: 20px;
  background:
    radial-gradient(circle at 50% 43%, #ffffff 0 48%, rgba(255, 229, 164, 0.34) 49% 100%),
    linear-gradient(180deg, #ffffff 0%, #fff7e5 100%);
}

.storefront-clean .trade-product-top {
  aspect-ratio: 1 / 0.8;
}

.storefront-clean .product-image,
.storefront-clean .trade-product-image,
.storefront-clean .trade-product-top img {
  width: 100%;
  height: 100%;
  max-width: 158px;
  max-height: 158px;
  object-fit: contain;
  filter: drop-shadow(0 12px 16px rgba(11, 61, 49, 0.12));
}

.storefront-clean .product-image-placeholder,
.storefront-clean .product-image-fallback {
  width: 100%;
  min-height: 100%;
  display: grid;
  place-items: center;
  gap: 4px;
  padding: 16px;
  border: 1px dashed rgba(19, 85, 68, 0.26);
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 20%, rgba(255, 229, 164, 0.62), transparent 46%),
    linear-gradient(135deg, #fffdf7 0%, #eef7ef 100%);
  color: var(--surface-dark);
  text-align: center;
  text-transform: uppercase;
}

.storefront-clean .product-image-placeholder span,
.storefront-clean .product-image-fallback span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  font-size: clamp(15px, 1.8vw, 20px);
  font-weight: 950;
  letter-spacing: 0.03em;
  text-overflow: ellipsis;
}

.storefront-clean .product-image-placeholder small,
.storefront-clean .product-image-fallback small {
  color: var(--saffron-deep);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.18em;
}

.storefront-clean .product-body,
.storefront-clean .trade-product-body {
  gap: 10px;
  padding: 16px;
}

.storefront-clean .product-title,
.storefront-clean .trade-product-body h3 {
  color: var(--surface-dark);
  font-size: 18px;
  line-height: 1.18;
}

.storefront-clean .product-meta,
.storefront-clean .trade-product-copy {
  color: var(--muted);
}

.storefront-clean .product-tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.storefront-clean .product-badge,
.storefront-clean .stock-badge {
  border-color: rgba(19, 85, 68, 0.14);
  background: var(--green-soft);
  color: var(--green);
}

.storefront-clean .product-badge-promo,
.storefront-clean .product-promo-strip span,
.storefront-clean .trade-product-promo span {
  background: var(--saffron);
  color: #172116;
}

.storefront-clean .product-promo-strip,
.storefront-clean .trade-product-promo {
  border-color: rgba(242, 165, 30, 0.36);
  background: linear-gradient(135deg, #fff8e3 0%, #fff1c5 100%);
}

.storefront-clean .product-promo-strip strong,
.storefront-clean .trade-product-promo strong {
  color: var(--surface-dark);
}

.storefront-clean .product-price,
.storefront-clean .trade-product-price {
  color: var(--surface-dark);
  font-size: 24px;
}

.storefront-clean .guest-price-lock {
  border: 1px solid rgba(19, 85, 68, 0.16);
  background: linear-gradient(135deg, var(--green-soft) 0%, #fffdf8 100%);
  color: var(--green);
}

.storefront-clean .stock-badge.out,
.storefront-clean .product-add-btn.notify {
  border-color: rgba(168, 58, 42, 0.22);
  background: #fff0ec;
  color: var(--ruby) !important;
  box-shadow: none;
}

.storefront-clean .product-add-btn.locked {
  background: var(--surface-dark);
  color: #fff9ea !important;
  box-shadow: 0 12px 26px rgba(11, 61, 49, 0.18);
}

.storefront-clean .clean-banner,
.storefront-clean .clean-cart-badge {
  border-color: rgba(242, 165, 30, 0.32);
  background: #fff8e3;
  color: var(--surface-dark);
}

#kesarWhatsappAssistant .whatsapp-chat-card,
#kesarWhatsappAssistant .whatsapp-chat-window {
  border-color: rgba(19, 85, 68, 0.16);
  box-shadow: 0 18px 44px rgba(11, 61, 49, 0.16);
}

#kesarWhatsappAssistant .whatsapp-chat-button,
#kesarWhatsappAssistant .whatsapp-send {
  background: linear-gradient(135deg, #23c55e 0%, #168a4c 100%);
}

@media (max-width: 900px) {
  .storefront-clean .clean-home-shell,
  .storefront-clean .clean-products-shell,
  .storefront-clean .site-shell,
  .storefront-clean .site-shell-page {
    width: min(100% - 24px, 1200px);
  }

  .storefront-clean .clean-header-main,
  .storefront-clean .backend-hero,
  .storefront-clean .clean-products-intro {
    border-radius: 26px;
  }

  .storefront-home.storefront-clean .backend-hero {
    min-height: auto;
    padding: 24px;
    justify-content: stretch;
    background:
      linear-gradient(180deg, rgba(255, 253, 248, 0.96) 0%, rgba(255, 253, 248, 0.86) 52%, rgba(255, 253, 248, 0.66) 100%),
      url("/assets/kesar-saffron-safe-bg.svg") 28% center / cover no-repeat,
      linear-gradient(135deg, #fffdf8 0%, #fff2d8 55%, #efe5ff 100%);
  }

  .storefront-home.storefront-clean .backend-hero::after {
    display: none;
  }

  .storefront-home.storefront-clean .backend-hero-copy {
    max-width: none;
    padding: 18px;
    border-radius: 22px;
  }

  .storefront-home.storefront-clean .backend-hero h1 {
    font-size: clamp(34px, 10vw, 46px);
    line-height: 0.98;
  }

  .storefront-home.storefront-clean .backend-hero p {
    font-size: 16px;
    line-height: 1.5;
  }

  .storefront-clean .clean-products-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .storefront-clean .clean-home-shell,
  .storefront-clean .clean-products-shell,
  .storefront-clean .site-shell,
  .storefront-clean .site-shell-page {
    width: min(100% - 18px, 1200px);
  }

  .storefront-clean .product-grid,
  .storefront-clean .clean-product-grid,
  .storefront-clean .trade-product-grid,
  .storefront-clean .clean-trade-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .storefront-clean .trade-product-card,
  .storefront-clean .product-card {
    border-radius: 18px;
  }

  .storefront-clean .trade-product-top,
  .storefront-clean .product-top {
    padding: 9px;
  }

  .storefront-clean .product-image-wrap {
    padding: 10px;
    border-radius: 16px;
  }

  .storefront-clean .product-image,
  .storefront-clean .trade-product-image,
  .storefront-clean .trade-product-top img {
    max-width: 118px;
    max-height: 118px;
  }

  .storefront-clean .product-body,
  .storefront-clean .trade-product-body {
    padding: 12px;
  }

  .storefront-clean .product-title,
  .storefront-clean .trade-product-body h3 {
    font-size: 15px;
  }

  .storefront-clean .product-price,
  .storefront-clean .trade-product-price {
    font-size: 19px;
  }
}