:root {
  --typography-font-family: Montserrat, sans-serif;

  /* premium clean palette */
  --jag-text: #111111;
  --jag-subtext: #5f6368;
  --jag-border: #e7e7e7;
  --jag-surface: #ffffff;
  --jag-surface-soft: #fafafa;
  --jag-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  --jag-shadow-hover: 0 12px 28px rgba(0, 0, 0, 0.1);
  --jag-radius-sm: 8px;
  --jag-radius-md: 12px;
  --jag-radius-lg: 16px;
}

/* global containers */
.page-container,
.page-container-m,
.page-container-x {
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding-left: 20px;
  padding-right: 20px;
}

.section-2 .page-container {
  max-width: 100% !important;
  padding: 0 !important;
}

/* header icons */
.sh-header-location-icon {
  fill: var(--jag-text) !important;
}

.sh-header-account-icon,
.sh-header-cart-icon,
.sh-header-search-icon {
  stroke: var(--jag-text) !important;
}

.sh-header-cart-icon {
  fill: none !important;
}

.sh-header-arrow-icon {
  fill: var(--jag-text) !important;
}

.sh-header-mob-menu-icon {
  color: var(--jag-text) !important;
}

.sh-header-cart-badge {
  background-color: var(--jag-text);
  color: #ffffff;
  border-radius: 999px;
  font-weight: 700;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

/* category row */
.header-categories {
  justify-content: center;
  gap: 14px;
}

/* recommended theme grid */
.recommended-theme-mode-grid {
  display: grid;
  justify-content: center;
  gap: 16px;
  --recommended-card-min-width: 120px;
  --recommended-card-max-width: 1fr;
  grid-template-columns: repeat(
    4,
    minmax(var(--recommended-card-min-width), var(--recommended-card-max-width))
  );
}

/* category card/icon */
.category-icon {
  background: var(--jag-surface);
  border: 1px solid var(--jag-border);
  border-radius: var(--jag-radius-lg);
  box-shadow: var(--jag-shadow);
  padding: 10px;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.category-icon:hover {
  transform: translateY(-3px);
  box-shadow: var(--jag-shadow-hover);
  border-color: #d8d8d8;
}

/* optional image fit polish if category icon contains img/svg */
.category-icon img,
.category-icon svg {
  display: block;
  margin: 0 auto;
  object-fit: contain;
}

/* label styling */
.category-label {
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 600;
  color: var(--jag-text);
  text-align: center;
  letter-spacing: 0.2px;
}

/* banner spacing */
.banner-collection {
  padding-top: 6px !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding-bottom: 6px !important;
}

/* tablet */
@media (max-width: 1023px) {
  .page-container,
  .page-container-m,
  .page-container-x {
    padding-left: 12px;
    padding-right: 12px;
  }

  .recommended-theme-mode-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }

  .category-icon {
    height: 78px;
    width: 78px;
    border-radius: 14px;
    padding: 8px;
  }

  .category-label {
    font-size: 12px;
  }
}

/* mobile */
@media (max-width: 767px) {
  .page-container,
  .page-container-m,
  .page-container-x {
    padding-left: 10px;
    padding-right: 10px;
  }

  .recommended-theme-mode-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .header-categories {
    gap: 10px;
  }

  .category-icon {
    height: 74px;
    width: 74px;
    border-radius: 12px;
    padding: 8px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
  }

  .category-label {
    display: none !important;
  }

  .banner-collection {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
}
.cat-card-title
{display:none !important;}
.three-col-footer__footer {
    background-color: #0a1628;
    color: #fff;
    padding: 16px;
   
}