/* ==========================================================================
   HEMP FLOWER CO — GLOBAL STYLES
   Applies site-wide. Loaded on all pages.
   Category-specific styles remain in style.css
   ========================================================================== */


/* ==========================================================================
   GLOBAL BASE — Typography, body, links
   ========================================================================== */

body {
  font-family: var(--hfc-font-body);
  font-size: var(--hfc-text-base);
  line-height: 1.65;
  color: var(--hfc-charcoal);
  background-color: var(--hfc-cream);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.entry-title {
  font-family: var(--hfc-font-display);
  font-weight: 600;
  line-height: 1.2;
  color: var(--hfc-near-black);
  letter-spacing: -0.02em;
}

a {
  color: var(--hfc-link);
  transition: color var(--hfc-duration-fast) var(--hfc-ease);
}

a:hover {
  color: var(--hfc-link-hover);
}

img {
  max-width: 100%;
  height: auto;
}

/* Override Astra's default container everywhere */
.ast-container {
  max-width: var(--hfc-max-width);
  padding-left: var(--hfc-gutter);
  padding-right: var(--hfc-gutter);
}

/* ==========================================================================
   FULL-WIDTH SITE WRAPPER OVERRIDES
   Kill Astra's container width on ALL pages. Our .hfc-container handles
   content width constraints where needed (1280px).
   ========================================================================== */

#page,
.site,
#content,
.site-content,
#page > .site-content {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Astra boxed / separate container body layouts */
body.ast-box-layout #page,
body.ast-separate-container #page {
  max-width: 100% !important;
  margin: 0 !important;
}

body.ast-box-layout .ast-container,
body.ast-separate-container .ast-container {
  max-width: 100% !important;
  padding: 0 !important;
}

/* Kill Astra sidebar everywhere */
#secondary {
  display: none !important;
}

.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single {
  background: transparent;
  padding: 0;
}

/* Disable Astra's breadcrumbs (we use our own) */
.ast-breadcrumbs-wrapper {
  display: none !important;
}

/* ==========================================================================
   NUCLEAR RESET — WooCommerce Pages
   Kill ALL Astra spacing on shop, cart, checkout, account.
   Astra nests: #page > .site-content > .ast-container > #primary >
   main > article > .entry-content > .woocommerce
   Each layer potentially adds padding/margin. We zero them all,
   then re-apply ONE consistent spacing layer.
   ========================================================================== */

body.post-type-archive-product,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account {
  background: var(--hfc-cream);
}

/* Zero every Astra container layer */
body.post-type-archive-product .site-content,
body.woocommerce-cart .site-content,
body.woocommerce-checkout .site-content,
body.woocommerce-account .site-content,
body.post-type-archive-product .ast-container,
body.woocommerce-cart .ast-container,
body.woocommerce-checkout .ast-container,
body.woocommerce-account .ast-container,
body.post-type-archive-product #primary,
body.woocommerce-cart #primary,
body.woocommerce-checkout #primary,
body.woocommerce-account #primary,
body.post-type-archive-product main,
body.woocommerce-cart main,
body.woocommerce-checkout main,
body.woocommerce-account main,
body.post-type-archive-product .ast-article-post,
body.woocommerce-cart .ast-article-post,
body.woocommerce-checkout .ast-article-post,
body.woocommerce-account .ast-article-post,
body.post-type-archive-product .ast-article-single,
body.woocommerce-cart .ast-article-single,
body.woocommerce-checkout .ast-article-single,
body.woocommerce-account .ast-article-single {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  float: none !important;
}

/* The ONE spacing layer — applied to .entry-content */
body.woocommerce-cart .entry-content,
body.woocommerce-checkout .entry-content,
body.woocommerce-account .entry-content {
  max-width: var(--hfc-max-width);
  margin: 0 auto !important;
  padding: var(--hfc-space-xl) var(--hfc-gutter) var(--hfc-space-3xl) !important;
}

/* Shop page — catch EVERY Astra wrapper for full-width */
body.post-type-archive-product .entry-content,
body.post-type-archive-product .ast-woocommerce-container,
body.post-type-archive-product #content,
body.post-type-archive-product .site-main,
body.post-type-archive-product article,
body.post-type-archive-product .entry-header,
body.post-type-archive-product .ast-archive-description,
body.post-type-archive-product .ast-page-builder-template .site-content > .ast-container {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  float: none !important;
}

/* Also catch Astra's inline max-width on the content container */
body.post-type-archive-product .ast-container {
  max-width: 100% !important;
}

/* Category pages need the same treatment */
body.tax-product_cat #content,
body.tax-product_cat .site-main,
body.tax-product_cat article,
body.tax-product_cat .ast-woocommerce-container,
body.tax-product_cat .entry-header,
body.tax-product_cat .ast-archive-description {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  float: none !important;
}

/* Hide default WooCommerce shop elements we override */
body.post-type-archive-product .woocommerce-result-count,
body.post-type-archive-product .woocommerce-ordering,
body.post-type-archive-product .woocommerce-breadcrumb,
body.post-type-archive-product .page-title,
body.post-type-archive-product .entry-title {
  display: none !important;
}

/* Page titles on WooCommerce pages */
body.woocommerce-cart .entry-title,
body.woocommerce-checkout .entry-title,
body.woocommerce-account .entry-title,
body.woocommerce-cart .entry-header,
body.woocommerce-checkout .entry-header,
body.woocommerce-account .entry-header {
  max-width: var(--hfc-max-width);
  margin: 0 auto;
  padding: var(--hfc-space-xl) var(--hfc-gutter) 0;
}

body.woocommerce-cart .entry-title,
body.woocommerce-checkout .entry-title,
body.woocommerce-account .entry-title {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-3xl);
  font-weight: 700;
  color: var(--hfc-near-black);
  letter-spacing: -0.02em;
  margin-bottom: var(--hfc-space-lg);
}

/* Hide Astra's WooCommerce page title if it renders separately */
body.woocommerce-cart .ast-woocommerce-container > .woocommerce-products-header,
body.woocommerce-checkout .ast-woocommerce-container > .woocommerce-products-header,
body.woocommerce-account .ast-woocommerce-container > .woocommerce-products-header {
  display: none;
}

/* Ensure .woocommerce container within entry-content is also clean */
body.woocommerce-cart .entry-content > .woocommerce,
body.woocommerce-checkout .entry-content > .woocommerce {
  max-width: 100%;
}

/* Single product page — same nuclear reset */
body.single-product .site-content,
body.single-product .ast-container,
body.single-product #primary,
body.single-product main,
body.single-product .ast-article-post,
body.single-product .ast-article-single {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  float: none !important;
}

body.single-product .entry-content {
  margin: 0 !important;
  padding: 0 !important;
}


/* ==========================================================================
   GLOBAL HEADER — Replaces Astra's default
   ========================================================================== */

/* Hide Astra's header completely */
.ast-primary-header-bar,
.ast-above-header-bar,
.ast-below-header-bar,
.site-header,
#ast-desktop-header,
#ast-mobile-header {
  display: none !important;
}

/* Our header — always visible, fully opaque */
.hfc-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: var(--hfc-cream) !important;
  border-bottom: 1px solid var(--hfc-sand);
  transition: box-shadow var(--hfc-duration) var(--hfc-ease), background var(--hfc-duration) var(--hfc-ease);
}

.hfc-header.is-scrolled {
  box-shadow: var(--hfc-shadow-md);
  background: #fff !important;
}

.hfc-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: var(--hfc-max-width);
  margin: 0 auto;
  padding: 0 var(--hfc-gutter);
  height: 68px;
}

.hfc-header__logo {
  font-family: var(--hfc-font-display);
  font-size: clamp(1.15rem, 1rem + 0.5vw, 1.35rem);
  font-weight: 700;
  color: var(--hfc-forest);
  text-decoration: none;
  letter-spacing: -0.03em;
  flex-shrink: 0;
}

.hfc-header__logo:hover {
  color: var(--hfc-forest-light);
}

.hfc-header__logo span {
  font-weight: 400;
  color: var(--hfc-sage);
}

/* Center nav */
.hfc-header__nav {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 0;
}

.hfc-header__nav-item {
  position: relative;
}

.hfc-header__nav-trigger {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: var(--hfc-space-md) var(--hfc-space-lg);
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-sm);
  font-weight: 500;
  color: var(--hfc-charcoal);
  background: none;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: color var(--hfc-duration-fast) var(--hfc-ease);
  white-space: nowrap;
}

.hfc-header__nav-trigger:hover {
  color: var(--hfc-forest);
}

.hfc-header__nav-trigger svg {
  width: 12px;
  height: 12px;
  transition: transform var(--hfc-duration) var(--hfc-ease);
}

.hfc-header__nav-item:hover .hfc-header__nav-trigger svg {
  transform: rotate(180deg);
}

/* Mega dropdown */
.hfc-header__dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(8px);
  min-width: 260px;
  background: #fff;
  border: 1px solid var(--hfc-sand);
  border-radius: var(--hfc-radius-lg);
  box-shadow: var(--hfc-shadow-xl);
  padding: var(--hfc-space-lg);
  opacity: 0;
  visibility: hidden;
  transition:
    opacity var(--hfc-duration) var(--hfc-ease),
    transform var(--hfc-duration) var(--hfc-ease);
  z-index: 200;
}

.hfc-header__nav-item:hover .hfc-header__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.hfc-header__dropdown-group {
  margin-bottom: var(--hfc-space-md);
}

.hfc-header__dropdown-group:last-child {
  margin-bottom: 0;
}

.hfc-header__dropdown-label {
  font-family: var(--hfc-font-display);
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--hfc-stone);
  margin-bottom: var(--hfc-space-sm);
  padding-bottom: var(--hfc-space-xs);
  border-bottom: 1px solid var(--hfc-sand);
}

.hfc-header__dropdown-link {
  display: block;
  padding: 5px 0;
  font-family: var(--hfc-font-body);
  font-size: var(--hfc-text-sm);
  color: var(--hfc-charcoal);
  text-decoration: none;
  transition: color var(--hfc-duration-fast) var(--hfc-ease);
}

.hfc-header__dropdown-link:hover {
  color: var(--hfc-forest);
}

.hfc-header__dropdown-link.is-active {
  color: var(--hfc-forest);
  font-weight: 600;
}

/* Right side: account + cart + mobile toggle */
.hfc-header__right {
  display: flex;
  align-items: center;
  gap: var(--hfc-space-sm);
  flex-shrink: 0;
}

.hfc-header__action-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--hfc-charcoal);
  text-decoration: none;
  border-radius: var(--hfc-radius-md);
  transition:
    color var(--hfc-duration-fast) var(--hfc-ease),
    background var(--hfc-duration-fast) var(--hfc-ease);
  position: relative;
}

.hfc-header__action-link:hover {
  color: var(--hfc-forest);
  background: var(--hfc-mint-pale);
}

.hfc-header__action-link svg {
  width: 20px;
  height: 20px;
}

.hfc-header__cart-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  background: var(--hfc-forest);
  color: #fff;
  border-radius: var(--hfc-radius-pill);
  font-size: 0.6rem;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 2px;
  right: 0;
}


/* ==========================================================================
   GLOBAL FOOTER
   ========================================================================== */

/* Hide Astra's footer */
.site-footer,
.ast-footer-overlay,
.ast-small-footer,
.ast-above-footer-wrap,
.ast-footer-copyright {
  display: none !important;
}

.hfc-footer {
  background: var(--hfc-near-black);
  color: rgba(255, 255, 255, 0.7);
  padding: var(--hfc-space-3xl) 0 0;
}

.hfc-footer__inner {
  max-width: var(--hfc-max-width);
  margin: 0 auto;
  padding: 0 var(--hfc-gutter);
}

.hfc-footer__grid {
  display: grid;
  grid-template-columns: 1.5fr repeat(4, 1fr);
  gap: var(--hfc-space-2xl);
  padding-bottom: var(--hfc-space-3xl);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.hfc-footer__brand {
  padding-right: var(--hfc-space-xl);
}

.hfc-footer__brand-name {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-xl);
  font-weight: 700;
  color: #fff;
  margin-bottom: var(--hfc-space-md);
}

.hfc-footer__brand-desc {
  font-size: var(--hfc-text-sm);
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: var(--hfc-space-lg);
}

.hfc-footer__trust {
  display: flex;
  flex-direction: column;
  gap: var(--hfc-space-sm);
}

.hfc-footer__trust-item {
  display: flex;
  align-items: center;
  gap: var(--hfc-space-sm);
  font-size: var(--hfc-text-sm);
  color: rgba(255, 255, 255, 0.6);
}

.hfc-footer__trust-item svg {
  width: 16px;
  height: 16px;
  color: var(--hfc-sage-light);
  flex-shrink: 0;
}

.hfc-footer__col-title {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(255, 255, 255, 0.4);
  margin-bottom: var(--hfc-space-lg);
}

.hfc-footer__links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hfc-footer__links li {
  margin-bottom: var(--hfc-space-sm);
}

.hfc-footer__links a {
  font-size: var(--hfc-text-sm);
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  transition: color var(--hfc-duration-fast) var(--hfc-ease);
}

.hfc-footer__links a:hover {
  color: #fff;
}

/* Footer bottom bar */
.hfc-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--hfc-space-lg) 0;
  font-size: var(--hfc-text-xs);
  color: rgba(255, 255, 255, 0.3);
}

.hfc-footer__legal-links {
  display: flex;
  gap: var(--hfc-space-lg);
}

.hfc-footer__legal-links a {
  color: rgba(255, 255, 255, 0.3);
  text-decoration: none;
}

.hfc-footer__legal-links a:hover {
  color: rgba(255, 255, 255, 0.6);
}


/* ==========================================================================
   HOMEPAGE
   ========================================================================== */

.hfc-home-hero {
  position: relative;
  padding: var(--hfc-space-3xl) 0;
  background: linear-gradient(
    165deg,
    var(--hfc-forest) 0%,
    var(--hfc-forest-light) 50%,
    var(--hfc-sage) 100%
  );
  overflow: hidden;
  min-height: 50vh;
  display: flex;
  align-items: center;
}

.hfc-home-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 30% 70%, rgba(183, 228, 199, 0.12) 0%, transparent 60%),
    radial-gradient(ellipse at 75% 25%, rgba(201, 168, 76, 0.08) 0%, transparent 50%);
}

.hfc-home-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.025'%3E%3Ccircle cx='30' cy='30' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.hfc-home-hero__inner {
  position: relative;
  z-index: 1;
  text-align: center;
}

.hfc-home-hero__tagline {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--hfc-mint);
  margin-bottom: var(--hfc-space-lg);
}

.hfc-home-hero__title {
  font-family: var(--hfc-font-display);
  font-size: clamp(2.5rem, 2rem + 3vw, 4.5rem);
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.03em;
  line-height: 1.05;
  margin: 0 0 var(--hfc-space-lg);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.hfc-home-hero__desc {
  font-size: var(--hfc-text-lg);
  color: rgba(255, 255, 255, 0.7);
  max-width: 560px;
  margin: 0 auto var(--hfc-space-xl);
  line-height: 1.6;
}

.hfc-home-hero__actions {
  display: flex;
  justify-content: center;
  gap: var(--hfc-space-md);
  flex-wrap: wrap;
}

/* Buttons (global) */
.hfc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--hfc-space-sm);
  padding: 12px 28px;
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-sm);
  font-weight: 600;
  border-radius: var(--hfc-radius-md);
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition:
    background var(--hfc-duration) var(--hfc-ease),
    color var(--hfc-duration) var(--hfc-ease),
    box-shadow var(--hfc-duration) var(--hfc-ease),
    transform var(--hfc-duration-fast) var(--hfc-ease);
}

.hfc-btn:active {
  transform: scale(0.98);
}

.hfc-btn--primary {
  background: #fff;
  color: var(--hfc-forest);
}

.hfc-btn--primary:hover {
  background: var(--hfc-mint-pale);
  color: var(--hfc-forest);
  box-shadow: var(--hfc-shadow-lg);
}

.hfc-btn--outline {
  background: transparent;
  color: #fff;
  border: 1.5px solid rgba(255, 255, 255, 0.35);
}

.hfc-btn--outline:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.6);
  color: #fff;
}

.hfc-btn--dark {
  background: var(--hfc-forest);
  color: #fff;
}

.hfc-btn--dark:hover {
  background: var(--hfc-forest-light);
  color: #fff;
  box-shadow: var(--hfc-shadow-md);
}

.hfc-btn--sm {
  padding: 8px 20px;
  font-size: var(--hfc-text-xs);
}

/* Category showcase grid */
.hfc-home-categories {
  padding: var(--hfc-space-3xl) 0;
}

.hfc-home-categories__header {
  text-align: center;
  margin-bottom: var(--hfc-space-2xl);
}

.hfc-home-categories__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: var(--hfc-grid-gap);
}

.hfc-cat-card {
  position: relative;
  border-radius: var(--hfc-radius-lg);
  overflow: hidden;
  background: #fff;
  box-shadow: var(--hfc-shadow-card);
  transition:
    box-shadow var(--hfc-duration) var(--hfc-ease),
    transform var(--hfc-duration) var(--hfc-ease);
  text-decoration: none;
  display: block;
}

.hfc-cat-card:hover {
  box-shadow: var(--hfc-shadow-card-hover);
  transform: translateY(-4px);
}

.hfc-cat-card__image {
  aspect-ratio: 4/3;
  overflow: hidden;
  background: var(--hfc-warm-white);
}

.hfc-cat-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--hfc-duration-slow) var(--hfc-ease);
}

.hfc-cat-card:hover .hfc-cat-card__image img {
  transform: scale(1.06);
}

.hfc-cat-card__body {
  padding: var(--hfc-space-md) var(--hfc-space-lg) var(--hfc-space-lg);
}

.hfc-cat-card__title {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-base);
  font-weight: 600;
  color: var(--hfc-near-black);
  margin-bottom: 4px;
}

.hfc-cat-card__count {
  font-size: var(--hfc-text-sm);
  color: var(--hfc-gray);
}

/* Featured products row */
.hfc-home-featured {
  padding: var(--hfc-space-2xl) 0 var(--hfc-space-3xl);
  background: var(--hfc-warm-white);
}

.hfc-home-featured__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: var(--hfc-space-xl);
}

.hfc-home-featured__scroll {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--hfc-grid-gap);
}

/* Trust/authority section */
.hfc-home-trust {
  padding: var(--hfc-space-3xl) 0;
}

.hfc-home-trust__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--hfc-space-xl);
}

.hfc-home-trust__item {
  text-align: center;
  padding: var(--hfc-space-xl);
}

.hfc-home-trust__icon {
  width: 48px;
  height: 48px;
  margin: 0 auto var(--hfc-space-md);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--hfc-mint-pale);
  border-radius: var(--hfc-radius-lg);
}

.hfc-home-trust__icon svg {
  width: 24px;
  height: 24px;
  color: var(--hfc-forest);
}

.hfc-home-trust__title {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-lg);
  font-weight: 600;
  color: var(--hfc-near-black);
  margin-bottom: var(--hfc-space-sm);
}

.hfc-home-trust__text {
  font-size: var(--hfc-text-sm);
  color: var(--hfc-gray);
  line-height: 1.65;
}

/* Category link blocks (bottom SEO) */
.hfc-home-catlinks {
  padding: var(--hfc-space-3xl) 0;
  background: var(--hfc-warm-white);
}

.hfc-home-catlinks__groups {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--hfc-space-2xl);
}

.hfc-home-catlinks__group-title {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--hfc-sage);
  margin-bottom: var(--hfc-space-md);
  padding-bottom: var(--hfc-space-sm);
  border-bottom: 1px solid var(--hfc-sand);
}

.hfc-home-catlinks__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--hfc-space-sm);
}

.hfc-home-catlinks__link {
  display: inline-block;
  padding: 5px 14px;
  background: #fff;
  border: 1px solid var(--hfc-sand);
  border-radius: var(--hfc-radius-pill);
  font-size: var(--hfc-text-sm);
  color: var(--hfc-charcoal);
  text-decoration: none;
  transition:
    background var(--hfc-duration) var(--hfc-ease),
    border-color var(--hfc-duration) var(--hfc-ease),
    color var(--hfc-duration) var(--hfc-ease);
}

.hfc-home-catlinks__link:hover {
  background: var(--hfc-forest);
  border-color: var(--hfc-forest);
  color: #fff;
}


/* ==========================================================================
   SINGLE PRODUCT PAGE
   ========================================================================== */

/* Hide default WooCommerce breadcrumbs on product pages */
body.single-product .woocommerce-breadcrumb {
  display: none !important;
}

.hfc-product-page {
  padding-top: var(--hfc-space-lg);
}

/* Breadcrumbs */
.hfc-product-breadcrumb {
  max-width: var(--hfc-max-width);
  margin: 0 auto;
  padding: var(--hfc-space-md) var(--hfc-gutter);
  font-size: var(--hfc-text-sm);
  color: var(--hfc-gray);
}

.hfc-product-breadcrumb a {
  color: var(--hfc-gray);
  text-decoration: none;
}

.hfc-product-breadcrumb a:hover {
  color: var(--hfc-forest);
}

.hfc-product-breadcrumb .hfc-sep {
  margin: 0 6px;
  opacity: 0.4;
}

/* Two-column product layout */
.hfc-product-main {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--hfc-space-2xl);
  max-width: var(--hfc-max-width);
  margin: 0 auto;
  padding: var(--hfc-space-lg) var(--hfc-gutter) var(--hfc-space-3xl);
}

/* Gallery (left) */
.hfc-product-gallery {
  position: sticky;
  top: 90px;
  align-self: start;
}

.hfc-product-gallery .woocommerce-product-gallery {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hfc-product-gallery .woocommerce-product-gallery__image img,
.hfc-product-gallery .flex-viewport img {
  border-radius: var(--hfc-radius-lg);
  background: var(--hfc-warm-white);
}

.hfc-product-gallery .flex-control-thumbs {
  display: flex;
  gap: var(--hfc-space-sm);
  margin-top: var(--hfc-space-md);
  padding: 0;
  list-style: none;
}

.hfc-product-gallery .flex-control-thumbs li {
  flex: 0 0 auto;
  width: 72px;
}

.hfc-product-gallery .flex-control-thumbs li img {
  border-radius: var(--hfc-radius-sm);
  border: 2px solid transparent;
  cursor: pointer;
  transition: border-color var(--hfc-duration-fast) var(--hfc-ease);
}

.hfc-product-gallery .flex-control-thumbs li img.flex-active,
.hfc-product-gallery .flex-control-thumbs li img:hover {
  border-color: var(--hfc-forest);
}

/* Product info (right) */
.hfc-product-info {
  display: flex;
  flex-direction: column;
  gap: var(--hfc-space-md);
}

.hfc-product-info .product_title {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-3xl);
  font-weight: 700;
  color: var(--hfc-near-black);
  letter-spacing: -0.02em;
  margin: 0;
  line-height: 1.15;
}

.hfc-product-info .woocommerce-product-rating {
  display: flex;
  align-items: center;
  gap: var(--hfc-space-sm);
  font-size: var(--hfc-text-sm);
}

.hfc-product-info .star-rating {
  color: var(--hfc-gold);
}

.hfc-product-info .price {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-2xl);
  font-weight: 700;
  color: var(--hfc-forest);
}

.hfc-product-info .price del {
  font-size: var(--hfc-text-lg);
  font-weight: 400;
  color: var(--hfc-stone);
}

.hfc-product-info .price ins {
  text-decoration: none;
}

.hfc-product-info .woocommerce-product-details__short-description {
  font-size: var(--hfc-text-base);
  line-height: 1.7;
  color: var(--hfc-charcoal);
}

.hfc-product-info .woocommerce-product-details__short-description p:last-child {
  margin-bottom: 0;
}

/* Variation form */
.hfc-product-info .variations_form .variations {
  margin-bottom: var(--hfc-space-md);
}

.hfc-product-info .variations_form .variations td,
.hfc-product-info .variations_form .variations th {
  padding: var(--hfc-space-sm) 0;
  border: none;
}

.hfc-product-info .variations_form .variations .label label {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-sm);
  font-weight: 600;
  color: var(--hfc-near-black);
}

.hfc-product-info .variations_form .variations select {
  appearance: none;
  width: 100%;
  padding: 10px 16px;
  background: var(--hfc-warm-white);
  border: 1px solid var(--hfc-sand);
  border-radius: var(--hfc-radius-md);
  font-family: var(--hfc-font-body);
  font-size: var(--hfc-text-base);
  color: var(--hfc-charcoal);
  cursor: pointer;
  transition: border-color var(--hfc-duration) var(--hfc-ease);
}

.hfc-product-info .variations_form .variations select:focus {
  border-color: var(--hfc-sage-light);
  outline: none;
}

/* Add to cart */
.hfc-product-info .single_add_to_cart_button,
.hfc-product-info .button.alt {
  display: block;
  width: 100%;
  padding: 14px 28px;
  background: var(--hfc-forest) !important;
  color: #fff !important;
  border: none;
  border-radius: var(--hfc-radius-md);
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-base);
  font-weight: 600;
  cursor: pointer;
  transition:
    background var(--hfc-duration) var(--hfc-ease),
    transform var(--hfc-duration-fast) var(--hfc-ease);
}

.hfc-product-info .single_add_to_cart_button:hover {
  background: var(--hfc-forest-light) !important;
}

.hfc-product-info .single_add_to_cart_button:active {
  transform: scale(0.98);
}

/* Quantity input */
.hfc-product-info .quantity {
  display: inline-flex;
  align-items: center;
  margin-right: var(--hfc-space-md);
}

.hfc-product-info .quantity .qty {
  width: 60px;
  padding: 10px;
  border: 1px solid var(--hfc-sand);
  border-radius: var(--hfc-radius-md);
  font-family: var(--hfc-font-body);
  font-size: var(--hfc-text-base);
  text-align: center;
  color: var(--hfc-charcoal);
  background: var(--hfc-warm-white);
}

.hfc-product-info .quantity .qty:focus {
  border-color: var(--hfc-sage-light);
  outline: none;
}

/* Trust badges under add-to-cart */
.hfc-product-trust {
  display: flex;
  flex-wrap: wrap;
  gap: var(--hfc-space-md);
  padding: var(--hfc-space-lg) 0;
  border-top: 1px solid var(--hfc-sand);
  margin-top: var(--hfc-space-sm);
}

.hfc-product-trust__item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: var(--hfc-text-sm);
  color: var(--hfc-gray);
}

.hfc-product-trust__item svg {
  width: 16px;
  height: 16px;
  color: var(--hfc-sage-light);
}

/* Meta info */
.hfc-product-info .product_meta {
  padding: var(--hfc-space-md) 0;
  border-top: 1px solid var(--hfc-sand);
  font-size: var(--hfc-text-sm);
  color: var(--hfc-gray);
}

.hfc-product-info .product_meta > span {
  display: block;
  margin-bottom: 4px;
}

.hfc-product-info .product_meta a {
  color: var(--hfc-sage);
  text-decoration: none;
}

.hfc-product-info .product_meta a:hover {
  color: var(--hfc-forest);
}

/* Product tabs — below the two-column area */
.hfc-product-tabs {
  max-width: var(--hfc-max-width);
  margin: 0 auto;
  padding: 0 var(--hfc-gutter) var(--hfc-space-3xl);
}

.hfc-product-tabs .woocommerce-tabs {
  padding: 0 !important;
}

.hfc-product-tabs .woocommerce-tabs ul.tabs {
  display: flex;
  gap: 0;
  list-style: none;
  padding: 0;
  margin: 0 0 var(--hfc-space-xl);
  border-bottom: 2px solid var(--hfc-sand);
}

.hfc-product-tabs .woocommerce-tabs ul.tabs li {
  margin: 0;
  padding: 0;
  border: none;
  background: none !important;
}

.hfc-product-tabs .woocommerce-tabs ul.tabs li::before,
.hfc-product-tabs .woocommerce-tabs ul.tabs li::after {
  display: none;
}

.hfc-product-tabs .woocommerce-tabs ul.tabs li a {
  display: block;
  padding: var(--hfc-space-md) var(--hfc-space-xl);
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-sm);
  font-weight: 600;
  color: var(--hfc-gray);
  text-decoration: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  transition:
    color var(--hfc-duration-fast) var(--hfc-ease),
    border-color var(--hfc-duration) var(--hfc-ease);
}

.hfc-product-tabs .woocommerce-tabs ul.tabs li a:hover {
  color: var(--hfc-charcoal);
}

.hfc-product-tabs .woocommerce-tabs ul.tabs li.active a {
  color: var(--hfc-forest);
  border-bottom-color: var(--hfc-forest);
}

.hfc-product-tabs .woocommerce-tabs .panel {
  font-size: var(--hfc-text-base);
  line-height: 1.75;
  color: var(--hfc-charcoal);
  max-width: var(--hfc-max-width-narrow);
}

.hfc-product-tabs .woocommerce-tabs .panel h2 {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-2xl);
  margin-bottom: var(--hfc-space-lg);
}

/* Related / "Explore More" on product pages */
.hfc-product-related {
  padding: var(--hfc-space-3xl) 0;
  background: var(--hfc-warm-white);
}

.hfc-product-related__header {
  text-align: center;
  margin-bottom: var(--hfc-space-2xl);
}

.hfc-product-related .hfc-product-grid {
  max-width: var(--hfc-max-width);
  margin: 0 auto;
  padding: 0 var(--hfc-gutter);
}

/* Explore categories from product page */
.hfc-product-explore {
  padding: var(--hfc-space-3xl) 0;
}


/* ==========================================================================
   CART PAGE
   ========================================================================== */

/* Cart table */
.woocommerce-cart-form table.shop_table {
  border: none;
  border-collapse: separate;
  border-spacing: 0;
}

.woocommerce-cart-form table.shop_table thead th {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--hfc-gray);
  padding: var(--hfc-space-md) var(--hfc-space-lg);
  border-bottom: 2px solid var(--hfc-sand);
  background: none;
}

.woocommerce-cart-form table.shop_table td {
  padding: var(--hfc-space-lg);
  border-bottom: 1px solid var(--hfc-sand);
  vertical-align: middle;
}

.woocommerce-cart-form table.shop_table .product-thumbnail img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: var(--hfc-radius-md);
}

.woocommerce-cart-form table.shop_table .product-name a {
  font-family: var(--hfc-font-display);
  font-weight: 600;
  color: var(--hfc-near-black);
  text-decoration: none;
}

.woocommerce-cart-form table.shop_table .product-name a:hover {
  color: var(--hfc-forest);
}

.woocommerce-cart-form table.shop_table .product-price .amount,
.woocommerce-cart-form table.shop_table .product-subtotal .amount {
  font-family: var(--hfc-font-display);
  font-weight: 600;
  color: var(--hfc-near-black);
}

.woocommerce-cart-form table.shop_table .quantity .qty {
  width: 60px;
  padding: 8px;
  border: 1px solid var(--hfc-sand);
  border-radius: var(--hfc-radius-md);
  text-align: center;
  font-family: var(--hfc-font-body);
  background: var(--hfc-warm-white);
}

.woocommerce-cart-form table.shop_table .product-remove a {
  color: var(--hfc-stone) !important;
  font-size: 1.2em;
  transition: color var(--hfc-duration-fast) var(--hfc-ease);
}

.woocommerce-cart-form table.shop_table .product-remove a:hover {
  color: var(--hfc-sale) !important;
}

/* Cart totals */
.cart_totals {
  background: #fff;
  border-radius: var(--hfc-radius-lg);
  border: 1px solid var(--hfc-sand);
  padding: var(--hfc-space-xl);
}

.cart_totals h2 {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-xl);
  font-weight: 600;
  margin-bottom: var(--hfc-space-lg);
}

.cart_totals table {
  border: none;
}

.cart_totals table th {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-sm);
  font-weight: 600;
  color: var(--hfc-gray);
  padding: var(--hfc-space-md) 0;
  border-bottom: 1px solid var(--hfc-sand);
  background: none;
}

.cart_totals table td {
  padding: var(--hfc-space-md) 0;
  border-bottom: 1px solid var(--hfc-sand);
}

.cart_totals .order-total .amount {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-xl);
  font-weight: 700;
  color: var(--hfc-forest);
}

.cart_totals .wc-proceed-to-checkout a {
  display: block;
  width: 100%;
  padding: 14px 28px;
  background: var(--hfc-forest) !important;
  color: #fff !important;
  border: none;
  border-radius: var(--hfc-radius-md);
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-base);
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  transition: background var(--hfc-duration) var(--hfc-ease);
}

.cart_totals .wc-proceed-to-checkout a:hover {
  background: var(--hfc-forest-light) !important;
}

/* Update cart / coupon buttons */
.woocommerce-cart-form .button,
.woocommerce-cart-form .coupon .button {
  padding: 10px 22px;
  background: var(--hfc-warm-white) !important;
  color: var(--hfc-charcoal) !important;
  border: 1px solid var(--hfc-sand) !important;
  border-radius: var(--hfc-radius-md);
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-sm);
  font-weight: 600;
  cursor: pointer;
  transition:
    background var(--hfc-duration) var(--hfc-ease),
    border-color var(--hfc-duration) var(--hfc-ease);
}

.woocommerce-cart-form .button:hover,
.woocommerce-cart-form .coupon .button:hover {
  background: var(--hfc-sand) !important;
  border-color: var(--hfc-stone) !important;
}

.woocommerce-cart-form .coupon #coupon_code {
  padding: 10px 14px;
  border: 1px solid var(--hfc-sand);
  border-radius: var(--hfc-radius-md);
  font-family: var(--hfc-font-body);
  font-size: var(--hfc-text-sm);
  background: var(--hfc-warm-white);
}

.woocommerce-cart-form .coupon #coupon_code:focus {
  border-color: var(--hfc-sage-light);
  outline: none;
}


/* ==========================================================================
   CHECKOUT PAGE
   ========================================================================== */

/* Form fields */
.woocommerce-checkout .form-row label {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-sm);
  font-weight: 500;
  color: var(--hfc-charcoal);
  margin-bottom: 6px;
}

.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select {
  padding: 12px 16px;
  border: 1px solid var(--hfc-sand);
  border-radius: var(--hfc-radius-md);
  font-family: var(--hfc-font-body);
  font-size: var(--hfc-text-base);
  color: var(--hfc-charcoal);
  background: #fff;
  transition: border-color var(--hfc-duration) var(--hfc-ease);
  width: 100%;
}

.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea:focus,
.woocommerce-checkout .form-row select:focus {
  border-color: var(--hfc-sage-light);
  outline: none;
  box-shadow: 0 0 0 3px rgba(82, 121, 111, 0.1);
}

/* Section headings */
.woocommerce-checkout h3,
.woocommerce-checkout #order_review_heading {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-xl);
  font-weight: 600;
  color: var(--hfc-near-black);
  padding-bottom: var(--hfc-space-md);
  border-bottom: 1px solid var(--hfc-sand);
  margin-bottom: var(--hfc-space-lg);
}

/* Order review table */
.woocommerce-checkout-review-order-table {
  border: none !important;
}

.woocommerce-checkout-review-order-table th {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-sm);
  font-weight: 600;
  color: var(--hfc-gray);
  padding: var(--hfc-space-md) 0;
  border-bottom: 1px solid var(--hfc-sand);
  background: none !important;
}

.woocommerce-checkout-review-order-table td {
  padding: var(--hfc-space-md) 0;
  border-bottom: 1px solid var(--hfc-sand);
}

.woocommerce-checkout-review-order-table .order-total .amount {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-xl);
  font-weight: 700;
  color: var(--hfc-forest);
}

/* Place order button */
#place_order {
  display: block;
  width: 100%;
  padding: 16px 28px;
  background: var(--hfc-forest) !important;
  color: #fff !important;
  border: none;
  border-radius: var(--hfc-radius-md);
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-lg);
  font-weight: 600;
  cursor: pointer;
  transition: background var(--hfc-duration) var(--hfc-ease);
}

#place_order:hover {
  background: var(--hfc-forest-light) !important;
}

/* Payment methods */
.woocommerce-checkout #payment {
  background: var(--hfc-warm-white) !important;
  border-radius: var(--hfc-radius-lg);
  border: 1px solid var(--hfc-sand);
  padding: var(--hfc-space-xl);
}

.woocommerce-checkout #payment ul.payment_methods {
  padding: 0;
  border: none;
  list-style: none;
}

.woocommerce-checkout #payment ul.payment_methods li {
  padding: var(--hfc-space-md) 0;
  border-bottom: 1px solid var(--hfc-sand);
}

.woocommerce-checkout #payment ul.payment_methods li:last-child {
  border-bottom: none;
}

.woocommerce-checkout #payment ul.payment_methods li label {
  font-family: var(--hfc-font-display);
  font-weight: 600;
  color: var(--hfc-near-black);
}

/* Checkout trust badges */
.hfc-checkout-trust {
  display: flex;
  justify-content: center;
  gap: var(--hfc-space-xl);
  padding: var(--hfc-space-xl) 0;
  margin-top: var(--hfc-space-xl);
  border-top: 1px solid var(--hfc-sand);
}


/* ==========================================================================
   MY ACCOUNT PAGE
   ========================================================================== */

/* Account grid layout (logged in) */
body.woocommerce-account.logged-in .entry-content > .woocommerce,
body.woocommerce-account.logged-in .woocommerce {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: var(--hfc-space-2xl);
  align-items: start;
}

/* Account navigation */
.woocommerce-MyAccount-navigation {
  background: #fff;
  border-radius: var(--hfc-radius-lg);
  border: 1px solid var(--hfc-sand);
  overflow: hidden;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid var(--hfc-sand);
}

.woocommerce-MyAccount-navigation ul li:last-child {
  border-bottom: none;
}

.woocommerce-MyAccount-navigation ul li a {
  display: flex;
  align-items: center;
  gap: var(--hfc-space-sm);
  padding: var(--hfc-space-md) var(--hfc-space-xl);
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-sm);
  font-weight: 500;
  color: var(--hfc-charcoal);
  text-decoration: none;
  transition:
    background var(--hfc-duration-fast) var(--hfc-ease),
    color var(--hfc-duration-fast) var(--hfc-ease);
}

.woocommerce-MyAccount-navigation ul li a:hover {
  background: var(--hfc-warm-white);
  color: var(--hfc-forest);
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard.is-active a {
  background: var(--hfc-forest);
  color: #fff;
}

/* Account layout — grid handles positioning via .woocommerce parent */
.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-content {
  width: 100%;
  min-width: 0;
}

/* Account content sections */
.woocommerce-MyAccount-content {
  background: #fff;
  border-radius: var(--hfc-radius-lg);
  border: 1px solid var(--hfc-sand);
  padding: var(--hfc-space-2xl);
}

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-xl);
  font-weight: 600;
  margin-bottom: var(--hfc-space-lg);
}

/* Orders table */
.woocommerce-MyAccount-content .woocommerce-orders-table {
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}

.woocommerce-MyAccount-content .woocommerce-orders-table thead th {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--hfc-gray);
  padding: var(--hfc-space-md) var(--hfc-space-md);
  border-bottom: 2px solid var(--hfc-sand);
  background: none;
  text-align: left;
}

.woocommerce-MyAccount-content .woocommerce-orders-table td {
  padding: var(--hfc-space-md);
  border-bottom: 1px solid var(--hfc-sand);
  font-size: var(--hfc-text-sm);
  vertical-align: middle;
}

.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a {
  font-family: var(--hfc-font-display);
  font-weight: 600;
  color: var(--hfc-forest);
  text-decoration: none;
}

.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a {
  display: inline-block;
  padding: 6px 16px;
  background: var(--hfc-warm-white);
  border: 1px solid var(--hfc-sand);
  border-radius: var(--hfc-radius-md);
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-xs);
  font-weight: 600;
  color: var(--hfc-charcoal);
  text-decoration: none;
  transition:
    background var(--hfc-duration) var(--hfc-ease),
    border-color var(--hfc-duration) var(--hfc-ease);
}

.woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a:hover {
  background: var(--hfc-forest);
  border-color: var(--hfc-forest);
  color: #fff;
}

/* Address cards */
.woocommerce-MyAccount-content .woocommerce-Addresses {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--hfc-space-lg);
}

.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address {
  background: var(--hfc-warm-white);
  border-radius: var(--hfc-radius-md);
  padding: var(--hfc-space-xl);
}

.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address header h3 {
  font-size: var(--hfc-text-base);
  margin-bottom: var(--hfc-space-md);
}

.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address address {
  font-size: var(--hfc-text-sm);
  line-height: 1.7;
  color: var(--hfc-charcoal);
  font-style: normal;
}

/* Form styling inside account */
.woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label,
.woocommerce-MyAccount-content .woocommerce-address-fields .form-row label {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-sm);
  font-weight: 500;
  color: var(--hfc-charcoal);
}

.woocommerce-MyAccount-content input.input-text,
.woocommerce-MyAccount-content select {
  padding: 10px 14px;
  border: 1px solid var(--hfc-sand);
  border-radius: var(--hfc-radius-md);
  font-family: var(--hfc-font-body);
  font-size: var(--hfc-text-base);
  color: var(--hfc-charcoal);
  background: var(--hfc-warm-white);
  transition: border-color var(--hfc-duration) var(--hfc-ease);
  width: 100%;
}

.woocommerce-MyAccount-content input.input-text:focus,
.woocommerce-MyAccount-content select:focus {
  border-color: var(--hfc-sage-light);
  outline: none;
  box-shadow: 0 0 0 3px rgba(82, 121, 111, 0.1);
}

.woocommerce-MyAccount-content .button {
  display: inline-block;
  padding: 12px 28px;
  background: var(--hfc-forest) !important;
  color: #fff !important;
  border: none;
  border-radius: var(--hfc-radius-md);
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-sm);
  font-weight: 600;
  cursor: pointer;
  transition: background var(--hfc-duration) var(--hfc-ease);
}

.woocommerce-MyAccount-content .button:hover {
  background: var(--hfc-forest-light) !important;
}

/* Login / Register form — see bottom of file for comprehensive styles */


/* ==========================================================================
   GENERIC PAGES (About, Contact, Legal, etc.)
   ========================================================================== */

.hfc-page {
  max-width: var(--hfc-max-width-narrow);
  margin: 0 auto;
  padding: var(--hfc-space-2xl) var(--hfc-gutter) var(--hfc-space-3xl);
}

.hfc-page__title {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-3xl);
  font-weight: 700;
  color: var(--hfc-near-black);
  margin-bottom: var(--hfc-space-xl);
  letter-spacing: -0.02em;
}

.hfc-page__content {
  font-size: var(--hfc-text-base);
  line-height: 1.8;
  color: var(--hfc-charcoal);
}

.hfc-page__content h2 {
  font-size: var(--hfc-text-2xl);
  margin: var(--hfc-space-2xl) 0 var(--hfc-space-md);
}

.hfc-page__content h3 {
  font-size: var(--hfc-text-xl);
  margin: var(--hfc-space-xl) 0 var(--hfc-space-md);
}

.hfc-page__content p {
  margin-bottom: var(--hfc-space-md);
}

.hfc-page__content a {
  color: var(--hfc-link);
  text-underline-offset: 3px;
}

.hfc-page__content ul,
.hfc-page__content ol {
  padding-left: var(--hfc-space-xl);
  margin-bottom: var(--hfc-space-md);
}

.hfc-page__content li {
  margin-bottom: var(--hfc-space-sm);
}

.hfc-page__content blockquote {
  border-left: 3px solid var(--hfc-forest);
  padding: var(--hfc-space-md) var(--hfc-space-xl);
  margin: var(--hfc-space-xl) 0;
  background: var(--hfc-warm-white);
  border-radius: 0 var(--hfc-radius-md) var(--hfc-radius-md) 0;
  font-style: italic;
  color: var(--hfc-sage);
}

.hfc-page__content img {
  border-radius: var(--hfc-radius-lg);
}


/* ==========================================================================
   404 PAGE
   ========================================================================== */

.hfc-404 {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
  padding: var(--hfc-space-3xl) var(--hfc-gutter);
}

.hfc-404__code {
  font-family: var(--hfc-font-display);
  font-size: clamp(5rem, 4rem + 4vw, 8rem);
  font-weight: 700;
  color: var(--hfc-sand);
  line-height: 1;
  letter-spacing: -0.04em;
  margin-bottom: var(--hfc-space-md);
}

.hfc-404__title {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-2xl);
  font-weight: 600;
  color: var(--hfc-near-black);
  margin-bottom: var(--hfc-space-md);
}

.hfc-404__desc {
  color: var(--hfc-gray);
  margin-bottom: var(--hfc-space-2xl);
  line-height: 1.6;
}

.hfc-404__search {
  display: flex;
  gap: var(--hfc-space-sm);
  max-width: 400px;
  margin: 0 auto var(--hfc-space-2xl);
}

.hfc-404__search input {
  flex: 1;
  padding: 12px 16px;
  border: 1px solid var(--hfc-sand);
  border-radius: var(--hfc-radius-md);
  font-family: var(--hfc-font-body);
  font-size: var(--hfc-text-base);
  background: #fff;
}

.hfc-404__search input:focus {
  border-color: var(--hfc-sage-light);
  outline: none;
}

.hfc-404__search button {
  padding: 12px 24px;
  background: var(--hfc-forest);
  color: #fff;
  border: none;
  border-radius: var(--hfc-radius-md);
  font-family: var(--hfc-font-display);
  font-weight: 600;
  cursor: pointer;
}

.hfc-404__categories {
  text-align: left;
}

.hfc-404__categories-title {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-sm);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--hfc-sage);
  margin-bottom: var(--hfc-space-md);
}

.hfc-404__cat-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--hfc-space-sm);
}


/* ==========================================================================
   BLOG — ARCHIVE & SINGLE
   ========================================================================== */

/* Blog archive */
.hfc-blog-archive {
  max-width: var(--hfc-max-width);
  margin: 0 auto;
  padding: var(--hfc-space-2xl) var(--hfc-gutter) var(--hfc-space-3xl);
}

.hfc-blog-archive__header {
  text-align: center;
  margin-bottom: var(--hfc-space-2xl);
}

.hfc-blog-archive__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: var(--hfc-grid-gap);
}

.hfc-post-card {
  background: #fff;
  border-radius: var(--hfc-radius-lg);
  overflow: hidden;
  box-shadow: var(--hfc-shadow-card);
  transition:
    box-shadow var(--hfc-duration) var(--hfc-ease),
    transform var(--hfc-duration) var(--hfc-ease);
}

.hfc-post-card:hover {
  box-shadow: var(--hfc-shadow-card-hover);
  transform: translateY(-3px);
}

.hfc-post-card__image {
  aspect-ratio: 16/9;
  overflow: hidden;
  background: var(--hfc-warm-white);
}

.hfc-post-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--hfc-duration-slow) var(--hfc-ease);
}

.hfc-post-card:hover .hfc-post-card__image img {
  transform: scale(1.04);
}

.hfc-post-card__body {
  padding: var(--hfc-space-lg) var(--hfc-space-xl);
}

.hfc-post-card__date {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--hfc-sage);
  margin-bottom: var(--hfc-space-sm);
}

.hfc-post-card__title {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-lg);
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: var(--hfc-space-sm);
}

.hfc-post-card__title a {
  color: var(--hfc-near-black);
  text-decoration: none;
}

.hfc-post-card__title a:hover {
  color: var(--hfc-forest);
}

.hfc-post-card__excerpt {
  font-size: var(--hfc-text-sm);
  color: var(--hfc-gray);
  line-height: 1.6;
  margin-bottom: var(--hfc-space-md);
}

.hfc-post-card__read-more {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-sm);
  font-weight: 600;
  color: var(--hfc-forest);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.hfc-post-card__read-more:hover {
  color: var(--hfc-forest-light);
}

/* Single blog post */
.hfc-single-post {
  max-width: var(--hfc-max-width-narrow);
  margin: 0 auto;
  padding: var(--hfc-space-2xl) var(--hfc-gutter) var(--hfc-space-3xl);
}

.hfc-single-post__header {
  text-align: center;
  margin-bottom: var(--hfc-space-2xl);
}

.hfc-single-post__meta {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-sm);
  color: var(--hfc-sage);
  margin-bottom: var(--hfc-space-md);
}

.hfc-single-post__title {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-4xl);
  font-weight: 700;
  color: var(--hfc-near-black);
  letter-spacing: -0.03em;
  line-height: 1.1;
  margin-bottom: var(--hfc-space-lg);
}

.hfc-single-post__featured-image {
  margin-bottom: var(--hfc-space-2xl);
  border-radius: var(--hfc-radius-lg);
  overflow: hidden;
}

.hfc-single-post__featured-image img {
  width: 100%;
  display: block;
}

.hfc-single-post__content {
  font-size: var(--hfc-text-lg);
  line-height: 1.85;
  color: var(--hfc-charcoal);
}

.hfc-single-post__content h2 {
  font-size: var(--hfc-text-2xl);
  margin: var(--hfc-space-2xl) 0 var(--hfc-space-md);
}

.hfc-single-post__content h3 {
  font-size: var(--hfc-text-xl);
  margin: var(--hfc-space-xl) 0 var(--hfc-space-md);
}

.hfc-single-post__content p {
  margin-bottom: var(--hfc-space-lg);
}

.hfc-single-post__content a {
  color: var(--hfc-link);
  text-underline-offset: 3px;
}

.hfc-single-post__content img {
  border-radius: var(--hfc-radius-lg);
  margin: var(--hfc-space-xl) 0;
}

.hfc-single-post__content blockquote {
  border-left: 3px solid var(--hfc-forest);
  padding: var(--hfc-space-lg) var(--hfc-space-xl);
  margin: var(--hfc-space-xl) 0;
  background: var(--hfc-warm-white);
  border-radius: 0 var(--hfc-radius-md) var(--hfc-radius-md) 0;
  font-style: italic;
}

/* Post navigation */
.hfc-post-nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--hfc-space-lg);
  margin-top: var(--hfc-space-3xl);
  padding-top: var(--hfc-space-xl);
  border-top: 1px solid var(--hfc-sand);
}

.hfc-post-nav__item {
  text-decoration: none;
}

.hfc-post-nav__label {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--hfc-sage);
  margin-bottom: 4px;
}

.hfc-post-nav__title {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-base);
  font-weight: 600;
  color: var(--hfc-near-black);
}

.hfc-post-nav__item:hover .hfc-post-nav__title {
  color: var(--hfc-forest);
}

/* Category links in blog post */
.hfc-post-categories {
  padding: var(--hfc-space-3xl) 0;
  background: var(--hfc-warm-white);
}


/* ==========================================================================
   WOOCOMMERCE NOTICES / MESSAGES
   ========================================================================== */

.woocommerce-message,
.woocommerce-info {
  background: var(--hfc-mint-pale) !important;
  border: 1px solid var(--hfc-mint) !important;
  border-radius: var(--hfc-radius-md);
  color: var(--hfc-forest) !important;
  padding: var(--hfc-space-md) var(--hfc-space-lg) !important;
  font-family: var(--hfc-font-body);
  font-size: var(--hfc-text-sm);
}

.woocommerce-message::before,
.woocommerce-info::before {
  color: var(--hfc-forest) !important;
}

.woocommerce-error {
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  border-radius: var(--hfc-radius-md);
  color: #991b1b !important;
  padding: var(--hfc-space-md) var(--hfc-space-lg) !important;
  font-family: var(--hfc-font-body);
  font-size: var(--hfc-text-sm);
  list-style: none;
}

.woocommerce-message a.button,
.woocommerce-info a.button {
  background: var(--hfc-forest) !important;
  color: #fff !important;
  border-radius: var(--hfc-radius-md);
  font-family: var(--hfc-font-display);
  font-weight: 600;
  padding: 8px 18px;
  font-size: var(--hfc-text-sm);
}


/* ==========================================================================
   WOO SELECT2 (WooCommerce's enhanced select dropdowns)
   ========================================================================== */

.select2-container--default .select2-selection--single {
  height: 44px;
  border: 1px solid var(--hfc-sand) !important;
  border-radius: var(--hfc-radius-md) !important;
  background: #fff !important;
  padding: 6px 12px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-family: var(--hfc-font-body);
  font-size: var(--hfc-text-base);
  color: var(--hfc-charcoal);
  line-height: 30px;
  padding-left: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 42px;
  right: 8px;
}

.select2-container--default.select2-container--open .select2-selection--single {
  border-color: var(--hfc-sage-light) !important;
  box-shadow: 0 0 0 3px rgba(82, 121, 111, 0.1);
}

.select2-dropdown {
  border: 1px solid var(--hfc-sand) !important;
  border-radius: var(--hfc-radius-md) !important;
  box-shadow: var(--hfc-shadow-lg);
  overflow: hidden;
}

.select2-results__option {
  font-family: var(--hfc-font-body);
  font-size: var(--hfc-text-sm);
  padding: 10px 14px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: var(--hfc-forest) !important;
}

.select2-search--dropdown .select2-search__field {
  border: 1px solid var(--hfc-sand) !important;
  border-radius: var(--hfc-radius-sm);
  font-family: var(--hfc-font-body);
  padding: 8px 12px;
}


/* ==========================================================================
   CHECKOUT TWO-COLUMN LAYOUT
   ========================================================================== */

body.woocommerce-checkout .woocommerce-checkout {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: var(--hfc-space-2xl);
  align-items: start;
}

body.woocommerce-checkout .woocommerce-checkout > .col-1,
body.woocommerce-checkout .woocommerce-checkout > #customer_details {
  grid-column: 1;
}

body.woocommerce-checkout .woocommerce-checkout > .col-2,
body.woocommerce-checkout .woocommerce-checkout > #order_review,
body.woocommerce-checkout .woocommerce-checkout > #order_review_heading {
  grid-column: 2;
}

body.woocommerce-checkout .woocommerce-checkout > #order_review {
  position: sticky;
  top: 90px;
  background: var(--hfc-warm-white);
  border-radius: var(--hfc-radius-lg);
  border: 1px solid var(--hfc-sand);
  padding: var(--hfc-space-xl);
}


/* ==========================================================================
   EMPTY STATES
   ========================================================================== */

.hfc-empty-cart {
  text-align: center;
  padding: var(--hfc-space-3xl) 0;
}

.hfc-empty-cart__message {
  font-size: var(--hfc-text-lg);
  color: var(--hfc-gray);
  margin-bottom: var(--hfc-space-xl);
}

/* Empty cart — WooCommerce default */
.woocommerce-cart .cart-empty {
  text-align: center;
  font-size: var(--hfc-text-lg);
  color: var(--hfc-gray);
  padding: var(--hfc-space-2xl) 0;
}

.woocommerce-cart .return-to-shop a {
  display: inline-block;
  padding: 12px 28px;
  background: var(--hfc-forest);
  color: #fff;
  border-radius: var(--hfc-radius-md);
  font-family: var(--hfc-font-display);
  font-weight: 600;
  text-decoration: none;
  transition: background var(--hfc-duration) var(--hfc-ease);
}

.woocommerce-cart .return-to-shop a:hover {
  background: var(--hfc-forest-light);
  color: #fff;
}

/* No orders */
.woocommerce-MyAccount-content .woocommerce-info {
  text-align: center;
}

/* Order received / Thank you page */
.woocommerce-order-received .woocommerce-thankyou-order-received {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-xl);
  font-weight: 600;
  color: var(--hfc-forest);
  text-align: center;
  padding: var(--hfc-space-xl) 0;
}

.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-customer-details {
  background: #fff;
  border-radius: var(--hfc-radius-lg);
  border: 1px solid var(--hfc-sand);
  padding: var(--hfc-space-xl);
  margin-bottom: var(--hfc-space-xl);
}

.woocommerce-order-received table {
  border: none;
}

.woocommerce-order-received table th {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-sm);
  font-weight: 600;
  color: var(--hfc-gray);
  padding: var(--hfc-space-md) 0;
  border-bottom: 1px solid var(--hfc-sand);
  background: none;
}

.woocommerce-order-received table td {
  padding: var(--hfc-space-md) 0;
  border-bottom: 1px solid var(--hfc-sand);
}


/* ==========================================================================
   FOCUS STYLES (Keyboard navigation)
   ========================================================================== */

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.hfc-explore__link:focus-visible,
.hfc-product-card:focus-within {
  outline: 2px solid var(--hfc-forest);
  outline-offset: 2px;
}

.hfc-product-card__cta:focus-visible,
.hfc-btn:focus-visible,
.wc-proceed-to-checkout a:focus-visible,
#place_order:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -3px;
}


/* ==========================================================================
   TOUCH TARGET MINIMUMS (44px per WCAG)
   ========================================================================== */

.hfc-footer__links a {
  display: inline-block;
  min-height: 36px;
  line-height: 36px;
}

.hfc-explore__link {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
}

.hfc-hero__breadcrumb a {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
}

.hfc-faq__question {
  min-height: 48px;
}

.hfc-header__nav-trigger {
  min-height: 44px;
}

.hfc-header__action-link {
  min-height: 44px;
}


/* ==========================================================================
   RESPONSIVE — 1024px (Tablet landscape)
   ========================================================================== */

@media (max-width: 1024px) {
  .hfc-home-featured__scroll {
    grid-template-columns: repeat(3, 1fr);
  }

  /* Checkout — tighten gap */
  body.woocommerce-checkout .woocommerce-checkout {
    gap: var(--hfc-space-xl);
  }
}


/* ==========================================================================
   RESPONSIVE — 768px (Tablet portrait / small landscape)
   ========================================================================== */

@media (max-width: 768px) {

  /* Hide desktop nav on mobile — mobile menu is a separate body-level overlay */
  .hfc-header__nav {
    display: none !important;
  }

  /* --- HERO MOBILE --- */
  .hfc-home-hero__actions {
    flex-direction: column;
    align-items: center;
  }

  .hfc-home-hero__actions .hfc-btn {
    width: 100%;
    max-width: 280px;
    justify-content: center;
  }

  /* --- FOOTER MOBILE --- */
  .hfc-footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--hfc-space-xl);
  }

  .hfc-footer__brand {
    grid-column: 1 / -1;
    padding-right: 0;
  }

  .hfc-footer__bottom {
    flex-direction: column;
    gap: var(--hfc-space-md);
    text-align: center;
  }

  .hfc-footer__legal-links {
    justify-content: center;
  }

  /* --- PRODUCT PAGE MOBILE --- */
  .hfc-product-main {
    grid-template-columns: 1fr;
    gap: var(--hfc-space-xl);
  }

  .hfc-product-gallery {
    position: static;
  }

  /* Product tabs — stack and scroll */
  .hfc-product-tabs .woocommerce-tabs ul.tabs {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
    gap: 0;
  }

  .hfc-product-tabs .woocommerce-tabs ul.tabs li a {
    white-space: nowrap;
    padding: var(--hfc-space-md) var(--hfc-space-lg);
    font-size: var(--hfc-text-xs);
  }

  /* --- CART MOBILE --- */
  /* Make cart table stack on mobile */
  .woocommerce-cart-form table.shop_table,
  .woocommerce-cart-form table.shop_table thead,
  .woocommerce-cart-form table.shop_table tbody,
  .woocommerce-cart-form table.shop_table tr,
  .woocommerce-cart-form table.shop_table td {
    display: block;
    width: 100%;
  }

  .woocommerce-cart-form table.shop_table thead {
    display: none;
  }

  .woocommerce-cart-form table.shop_table tr {
    position: relative;
    padding: var(--hfc-space-lg);
    margin-bottom: var(--hfc-space-md);
    background: #fff;
    border-radius: var(--hfc-radius-lg);
    border: 1px solid var(--hfc-sand);
  }

  .woocommerce-cart-form table.shop_table td {
    padding: var(--hfc-space-sm) 0;
    border: none;
    text-align: left;
  }

  .woocommerce-cart-form table.shop_table td::before {
    content: attr(data-title) ": ";
    font-family: var(--hfc-font-display);
    font-weight: 600;
    font-size: var(--hfc-text-sm);
    color: var(--hfc-gray);
  }

  .woocommerce-cart-form table.shop_table td.product-thumbnail {
    text-align: center;
    padding-bottom: var(--hfc-space-md);
  }

  .woocommerce-cart-form table.shop_table td.product-thumbnail::before {
    display: none;
  }

  .woocommerce-cart-form table.shop_table .product-thumbnail img {
    width: 100px;
    height: 100px;
  }

  .woocommerce-cart-form table.shop_table td.product-remove {
    position: absolute;
    top: var(--hfc-space-md);
    right: var(--hfc-space-md);
    padding: 0;
    width: auto;
  }

  .woocommerce-cart-form table.shop_table td.product-remove::before {
    display: none;
  }

  .woocommerce-cart-form table.shop_table td.actions {
    padding-top: var(--hfc-space-lg);
  }

  /* Cart coupon form — stack */
  .woocommerce-cart-form .coupon {
    display: flex;
    flex-direction: column;
    gap: var(--hfc-space-sm);
  }

  .woocommerce-cart-form .coupon #coupon_code {
    width: 100%;
  }

  .woocommerce-cart-form .coupon .button {
    width: 100%;
    text-align: center;
  }

  /* Cart totals — full width */
  .cart_totals {
    margin-top: var(--hfc-space-xl);
  }

  /* --- CHECKOUT MOBILE --- */
  body.woocommerce-checkout .woocommerce-checkout {
    grid-template-columns: 1fr;
  }

  body.woocommerce-checkout .woocommerce-checkout > .col-1,
  body.woocommerce-checkout .woocommerce-checkout > .col-2,
  body.woocommerce-checkout .woocommerce-checkout > #customer_details,
  body.woocommerce-checkout .woocommerce-checkout > #order_review,
  body.woocommerce-checkout .woocommerce-checkout > #order_review_heading {
    grid-column: 1;
  }

  body.woocommerce-checkout .woocommerce-checkout > #order_review {
    position: static;
  }

  .hfc-checkout-trust {
    flex-direction: column;
    align-items: center;
    gap: var(--hfc-space-md);
  }

  /* --- ACCOUNT MOBILE --- */
  body.woocommerce-account.logged-in .entry-content > .woocommerce,
  body.woocommerce-account.logged-in .woocommerce {
    grid-template-columns: 1fr;
  }

  .woocommerce-MyAccount-navigation {
    border-radius: var(--hfc-radius-lg);
  }

  .woocommerce-MyAccount-navigation ul {
    display: flex;
    overflow-x: auto;
    gap: 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
    display: none;
  }

  .woocommerce-MyAccount-navigation ul li {
    border-bottom: none;
    border-right: 1px solid var(--hfc-sand);
    flex-shrink: 0;
  }

  .woocommerce-MyAccount-navigation ul li:last-child {
    border-right: none;
  }

  .woocommerce-MyAccount-navigation ul li a {
    white-space: nowrap;
    padding: var(--hfc-space-md) var(--hfc-space-lg);
  }

  /* Account addresses — stack */
  .woocommerce-MyAccount-content .woocommerce-Addresses {
    grid-template-columns: 1fr;
  }

  /* Login/register forms — stack */
  body.woocommerce-account .u-columns {
    display: flex;
    flex-direction: column;
    gap: var(--hfc-space-xl);
  }

  body.woocommerce-account .u-columns .u-column1,
  body.woocommerce-account .u-columns .u-column2 {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  /* --- HOME MOBILE --- */
  .hfc-home-featured__scroll {
    grid-template-columns: repeat(2, 1fr);
  }

  .hfc-home-categories__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .hfc-products-section .hfc-section-header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--hfc-space-md);
  }

  /* --- BLOG MOBILE --- */
  .hfc-blog-archive__grid {
    grid-template-columns: 1fr;
  }

  .hfc-post-nav {
    grid-template-columns: 1fr;
  }

  /* --- GENERAL MOBILE SPACING --- */
  .hfc-section {
    padding: var(--hfc-space-2xl) 0;
  }

  .hfc-explore__groups {
    padding: 0 var(--hfc-gutter);
  }
}


/* ==========================================================================
   RESPONSIVE — 480px (Small phones)
   ========================================================================== */

@media (max-width: 480px) {

  /* Footer — single column */
  .hfc-footer__grid {
    grid-template-columns: 1fr;
  }

  /* Category & product grids — single column */
  .hfc-home-categories__grid {
    grid-template-columns: 1fr;
  }

  .hfc-home-featured__scroll {
    grid-template-columns: 1fr;
  }

  /* Product card on category pages — single column */
  .hfc-product-grid {
    grid-template-columns: 1fr;
    gap: var(--hfc-space-md);
  }

  .hfc-product-card__body {
    padding: var(--hfc-space-md);
  }

  /* Hero adjustments */
  .hfc-hero {
    padding: var(--hfc-space-2xl) 0 var(--hfc-space-xl);
  }

  .hfc-hero__badges {
    flex-direction: column;
    align-items: center;
    gap: var(--hfc-space-sm);
  }

  /* Info cards — single column */
  .hfc-info-cards {
    grid-template-columns: 1fr;
  }

  /* Explore links — wrap more aggressively */
  .hfc-explore__link {
    font-size: var(--hfc-text-xs);
    padding: var(--hfc-space-sm) var(--hfc-space-md);
  }

  /* Account content padding */
  .woocommerce-MyAccount-content {
    padding: var(--hfc-space-lg);
  }

  /* WooCommerce — tighter side padding on small phones */
  body.woocommerce-checkout .entry-content,
  body.woocommerce-cart .entry-content,
  body.woocommerce-account .entry-content {
    padding-left: var(--hfc-space-md) !important;
    padding-right: var(--hfc-space-md) !important;
  }

  /* 404 search */
  .hfc-404__search {
    flex-direction: column;
  }

  .hfc-404__search button {
    width: 100%;
  }
}


/* ==========================================================================
   WOOCOMMERCE LOGIN/REGISTER FORMS (Logged out account page)
   ========================================================================== */

body.woocommerce-account .woocommerce-form-login,
body.woocommerce-account .woocommerce-form-register {
  background: #fff;
  border-radius: var(--hfc-radius-lg);
  border: 1px solid var(--hfc-sand);
  padding: var(--hfc-space-2xl);
}

body.woocommerce-account .u-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--hfc-space-2xl);
  max-width: 900px;
  margin: 0 auto;
}

body.woocommerce-account .woocommerce-form-login h2,
body.woocommerce-account .woocommerce-form-register h2 {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-xl);
  font-weight: 600;
  margin-bottom: var(--hfc-space-lg);
}

body.woocommerce-account .woocommerce-form-login .form-row label,
body.woocommerce-account .woocommerce-form-register .form-row label {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-sm);
  font-weight: 500;
}

body.woocommerce-account .woocommerce-form-login input.input-text,
body.woocommerce-account .woocommerce-form-register input.input-text {
  padding: 12px 16px;
  border: 1px solid var(--hfc-sand);
  border-radius: var(--hfc-radius-md);
  font-family: var(--hfc-font-body);
  font-size: var(--hfc-text-base);
  background: var(--hfc-warm-white);
  width: 100%;
  transition: border-color var(--hfc-duration) var(--hfc-ease);
}

body.woocommerce-account .woocommerce-form-login input.input-text:focus,
body.woocommerce-account .woocommerce-form-register input.input-text:focus {
  border-color: var(--hfc-sage-light);
  outline: none;
  box-shadow: 0 0 0 3px rgba(82, 121, 111, 0.1);
}

body.woocommerce-account .woocommerce-form-login .button,
body.woocommerce-account .woocommerce-form-register .button {
  display: block;
  width: 100%;
  padding: 14px 28px;
  background: var(--hfc-forest) !important;
  color: #fff !important;
  border: none;
  border-radius: var(--hfc-radius-md);
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-base);
  font-weight: 600;
  cursor: pointer;
  transition: background var(--hfc-duration) var(--hfc-ease);
}

body.woocommerce-account .woocommerce-form-login .button:hover,
body.woocommerce-account .woocommerce-form-register .button:hover {
  background: var(--hfc-forest-light) !important;
}

/* Lost password link */
body.woocommerce-account .woocommerce-LostPassword a {
  font-size: var(--hfc-text-sm);
  color: var(--hfc-sage);
}

/* Remember me checkbox */
body.woocommerce-account .woocommerce-form__label-for-checkbox {
  display: flex;
  align-items: center;
  gap: var(--hfc-space-sm);
  font-size: var(--hfc-text-sm);
  color: var(--hfc-charcoal);
  cursor: pointer;
}


/* ==========================================================================
   ADDITIONAL ASTRA OVERRIDES
   Kill any remaining Astra styling that leaks through
   ========================================================================== */

/* Astra's default button styles */
.ast-button,
.ast-custom-button,
.button.alt,
input[type="submit"],
.ast-woocommerce-container .button {
  font-family: var(--hfc-font-display) !important;
  border-radius: var(--hfc-radius-md) !important;
}

/* Kill Astra's link underline hover */
a:hover {
  text-decoration: none;
}

/* Astra content container overrides for WooCommerce */
.ast-separate-container .ast-woocommerce-container {
  background: transparent;
  padding: 0;
}

.ast-plain-container .ast-woocommerce-container {
  max-width: var(--hfc-max-width);
  margin: 0 auto;
  padding: var(--hfc-space-xl) var(--hfc-gutter);
}

/* Hide Astra's page title on WooCommerce pages (we style our own) */
body.woocommerce-cart .entry-title,
body.woocommerce-checkout .entry-title {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-3xl);
  font-weight: 700;
  color: var(--hfc-near-black);
  letter-spacing: -0.02em;
  margin-bottom: var(--hfc-space-xl);
}

/* Ensure WooCommerce forms look consistent */
.woocommerce form .form-row {
  margin-bottom: var(--hfc-space-md);
}

.woocommerce form .form-row label {
  font-family: var(--hfc-font-display);
  font-size: var(--hfc-text-sm);
  font-weight: 500;
  color: var(--hfc-charcoal);
  margin-bottom: 6px;
  display: block;
}

.woocommerce form .form-row .required {
  color: var(--hfc-sale);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  padding: 12px 16px;
  border: 1px solid var(--hfc-sand);
  border-radius: var(--hfc-radius-md);
  font-family: var(--hfc-font-body);
  font-size: var(--hfc-text-base);
  color: var(--hfc-charcoal);
  background: #fff;
  width: 100%;
  transition: border-color var(--hfc-duration) var(--hfc-ease);
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
  border-color: var(--hfc-sage-light);
  outline: none;
  box-shadow: 0 0 0 3px rgba(82, 121, 111, 0.1);
}

/* Global WooCommerce button consistency */
.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button {
  font-family: var(--hfc-font-display);
  font-weight: 600;
  border-radius: var(--hfc-radius-md);
  transition:
    background var(--hfc-duration) var(--hfc-ease),
    color var(--hfc-duration) var(--hfc-ease);
}

.woocommerce .button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: var(--hfc-forest) !important;
  color: #fff !important;
  border: none;
}

.woocommerce .button.alt:hover,
.woocommerce button.button.alt:hover {
  background: var(--hfc-forest-light) !important;
}


/* ==========================================================================
   WOOCOMMERCE BLOCKS — Cart & Checkout
   WooCommerce 8+ uses block-based cart/checkout with .wc-block-* classes.
   This section styles the block-based versions to match our design system.
   ========================================================================== */

/* --- BLOCK CART --- */
.wc-block-cart .wc-block-cart__main,
.wp-block-woocommerce-cart .wc-block-cart__main {
  font-family: var(--hfc-font-body);
}

/* Cart items */
.wc-block-cart-items .wc-block-cart-items__row {
  border-bottom: 1px solid var(--hfc-sand) !important;
  padding: var(--hfc-space-lg) 0 !important;
}

.wc-block-cart-items .wc-block-cart-items__row:last-child {
  border-bottom: none !important;
}

.wc-block-cart-items .wc-block-components-product-name {
  font-family: var(--hfc-font-display) !important;
  font-weight: 600 !important;
  color: var(--hfc-near-black) !important;
  text-decoration: none !important;
}

.wc-block-cart-items .wc-block-components-product-name:hover {
  color: var(--hfc-forest) !important;
}

.wc-block-cart-items .wc-block-components-product-metadata {
  font-size: var(--hfc-text-sm) !important;
  color: var(--hfc-gray) !important;
}

.wc-block-cart-items .wc-block-components-product-price {
  font-family: var(--hfc-font-display) !important;
  font-weight: 600 !important;
  color: var(--hfc-near-black) !important;
}

.wc-block-cart-items .wc-block-components-product-badge {
  font-family: var(--hfc-font-display) !important;
}

.wc-block-cart-items .wc-block-cart-item__image img {
  border-radius: var(--hfc-radius-md) !important;
}

/* Quantity controls */
.wc-block-components-quantity-selector {
  border: 1px solid var(--hfc-sand) !important;
  border-radius: var(--hfc-radius-md) !important;
  overflow: hidden;
}

.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
  font-family: var(--hfc-font-body) !important;
  font-size: var(--hfc-text-base) !important;
  color: var(--hfc-charcoal) !important;
  border: none !important;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
  color: var(--hfc-charcoal) !important;
  background: var(--hfc-warm-white) !important;
  border: none !important;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:hover {
  background: var(--hfc-sand) !important;
  color: var(--hfc-forest) !important;
}

/* Remove item link */
.wc-block-cart-item__remove-link {
  color: var(--hfc-stone) !important;
  font-size: var(--hfc-text-sm) !important;
  text-decoration: none !important;
}

.wc-block-cart-item__remove-link:hover {
  color: var(--hfc-sale) !important;
}

/* Cart sidebar / totals */
.wc-block-cart .wc-block-cart__sidebar,
.wp-block-woocommerce-cart .wc-block-cart__sidebar {
  background: #fff;
  border-radius: var(--hfc-radius-lg);
  border: 1px solid var(--hfc-sand);
  padding: var(--hfc-space-xl);
}

.wc-block-components-totals-wrapper {
  border-color: var(--hfc-sand) !important;
}

.wc-block-components-totals-item .wc-block-components-totals-item__label {
  font-family: var(--hfc-font-display) !important;
  font-weight: 500 !important;
  color: var(--hfc-charcoal) !important;
}

.wc-block-components-totals-item .wc-block-components-totals-item__value {
  font-family: var(--hfc-font-display) !important;
  font-weight: 600 !important;
  color: var(--hfc-near-black) !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
  font-size: var(--hfc-text-lg) !important;
  font-weight: 600 !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  font-size: var(--hfc-text-xl) !important;
  font-weight: 700 !important;
  color: var(--hfc-forest) !important;
}

/* Coupon / discount code */
.wc-block-components-totals-coupon .wc-block-components-totals-coupon__content {
  gap: var(--hfc-space-sm);
}

.wc-block-components-totals-coupon input {
  border: 1px solid var(--hfc-sand) !important;
  border-radius: var(--hfc-radius-md) !important;
  padding: 10px 14px !important;
  font-family: var(--hfc-font-body) !important;
  font-size: var(--hfc-text-sm) !important;
}

.wc-block-components-totals-coupon input:focus {
  border-color: var(--hfc-sage-light) !important;
  box-shadow: 0 0 0 3px rgba(82, 121, 111, 0.1) !important;
  outline: none !important;
}

/* --- ALL BLOCK BUTTONS (Proceed to Checkout, Place Order, etc.) --- */
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button.wp-element-button,
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button,
.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button,
.wc-block-components-checkout-place-order-button.wp-element-button,
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button,
.wp-element-button.wc-block-cart__submit-button,
.wp-element-button.wc-block-components-checkout-place-order-button {
  background-color: var(--hfc-forest) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--hfc-radius-md) !important;
  font-family: var(--hfc-font-display) !important;
  font-size: var(--hfc-text-base) !important;
  font-weight: 600 !important;
  padding: 14px 28px !important;
  transition: background var(--hfc-duration) var(--hfc-ease) !important;
  text-decoration: none !important;
}

.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wp-element-button.wc-block-cart__submit-button:hover,
.wp-element-button.wc-block-components-checkout-place-order-button:hover {
  background-color: var(--hfc-forest-light) !important;
  color: #fff !important;
}

.wc-block-cart__submit-button:focus,
.wc-block-components-checkout-place-order-button:focus {
  outline: 2px solid var(--hfc-forest) !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
}

/* Secondary / outline buttons in blocks */
.wc-block-components-button:not(.wc-block-cart__submit-button):not(.wc-block-components-checkout-place-order-button) {
  font-family: var(--hfc-font-display) !important;
  font-weight: 600 !important;
  border-radius: var(--hfc-radius-md) !important;
}

/* Coupon apply button */
.wc-block-components-totals-coupon__button.wp-element-button {
  background-color: var(--hfc-warm-white) !important;
  color: var(--hfc-charcoal) !important;
  border: 1px solid var(--hfc-sand) !important;
  border-radius: var(--hfc-radius-md) !important;
  font-family: var(--hfc-font-display) !important;
  font-weight: 600 !important;
  padding: 10px 20px !important;
}

.wc-block-components-totals-coupon__button.wp-element-button:hover {
  background-color: var(--hfc-sand) !important;
  border-color: var(--hfc-stone) !important;
}

/* --- BLOCK CHECKOUT --- */
.wc-block-checkout {
  font-family: var(--hfc-font-body) !important;
}

/* Checkout headings */
.wc-block-components-checkout-step .wc-block-components-title,
.wc-block-checkout__billing-fields .wc-block-components-title,
.wc-block-checkout__shipping-fields .wc-block-components-title,
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-title {
  font-family: var(--hfc-font-display) !important;
  font-weight: 600 !important;
  color: var(--hfc-near-black) !important;
  letter-spacing: -0.02em !important;
}

/* Checkout step numbers / indicators */
.wc-block-components-checkout-step__heading {
  font-family: var(--hfc-font-display) !important;
  font-weight: 600 !important;
}

.wc-block-components-checkout-step__description {
  font-size: var(--hfc-text-sm) !important;
  color: var(--hfc-gray) !important;
}

/* Checkout form fields */
.wc-block-components-text-input input,
.wc-block-components-text-input textarea,
.wc-block-components-select .wc-block-components-select__container select,
.wc-block-components-combobox .wc-block-components-combobox__input {
  border: 1px solid var(--hfc-sand) !important;
  border-radius: var(--hfc-radius-md) !important;
  font-family: var(--hfc-font-body) !important;
  font-size: var(--hfc-text-base) !important;
  color: var(--hfc-charcoal) !important;
  background: #fff !important;
  padding: 12px 16px !important;
}

.wc-block-components-text-input input:focus,
.wc-block-components-text-input textarea:focus,
.wc-block-components-combobox .wc-block-components-combobox__input:focus {
  border-color: var(--hfc-sage-light) !important;
  box-shadow: 0 0 0 3px rgba(82, 121, 111, 0.1) !important;
  outline: none !important;
}

/* Float labels in block checkout */
.wc-block-components-text-input label,
.wc-block-components-combobox label {
  font-family: var(--hfc-font-display) !important;
  font-size: var(--hfc-text-sm) !important;
  color: var(--hfc-gray) !important;
}

.wc-block-components-text-input.is-active label,
.wc-block-components-combobox.is-active label {
  color: var(--hfc-sage) !important;
}

/* Checkbox styling */
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
  border-color: var(--hfc-sand) !important;
  border-radius: 4px !important;
}

.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked {
  background-color: var(--hfc-forest) !important;
  border-color: var(--hfc-forest) !important;
}

.wc-block-components-checkbox .wc-block-components-checkbox__label {
  font-size: var(--hfc-text-sm) !important;
  color: var(--hfc-charcoal) !important;
}

/* Radio buttons (shipping methods, payment) */
.wc-block-components-radio-control .wc-block-components-radio-control__option {
  padding: var(--hfc-space-md) 0 !important;
  border-bottom: 1px solid var(--hfc-sand) !important;
}

.wc-block-components-radio-control .wc-block-components-radio-control__option:last-child {
  border-bottom: none !important;
}

.wc-block-components-radio-control__input {
  border-color: var(--hfc-sand) !important;
}

.wc-block-components-radio-control__input:checked {
  border-color: var(--hfc-forest) !important;
  background-color: var(--hfc-forest) !important;
}

.wc-block-components-radio-control__label {
  font-family: var(--hfc-font-display) !important;
  font-weight: 500 !important;
  color: var(--hfc-near-black) !important;
}

.wc-block-components-radio-control__description {
  font-size: var(--hfc-text-sm) !important;
  color: var(--hfc-gray) !important;
}

.wc-block-components-radio-control__secondary-label {
  font-family: var(--hfc-font-display) !important;
  font-weight: 600 !important;
}

/* Payment method section */
.wc-block-components-payment-method-label {
  font-family: var(--hfc-font-display) !important;
  font-weight: 500 !important;
}

.wc-block-components-payment-method-icons img {
  border-radius: 4px;
}

/* Order summary in checkout */
.wc-block-components-order-summary .wc-block-components-order-summary-item {
  padding: var(--hfc-space-md) 0 !important;
  border-bottom: 1px solid var(--hfc-sand) !important;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item:last-child {
  border-bottom: none !important;
}

.wc-block-components-order-summary-item__image img {
  border-radius: var(--hfc-radius-sm) !important;
}

.wc-block-components-order-summary-item__description .wc-block-components-product-name {
  font-family: var(--hfc-font-display) !important;
  font-weight: 600 !important;
  color: var(--hfc-near-black) !important;
  font-size: var(--hfc-text-sm) !important;
  text-decoration: none !important;
}

.wc-block-components-order-summary-item__total-price {
  font-family: var(--hfc-font-display) !important;
  font-weight: 600 !important;
}

/* Checkout notices */
.wc-block-components-notice-banner {
  border-radius: var(--hfc-radius-md) !important;
  font-family: var(--hfc-font-body) !important;
}

.wc-block-components-notice-banner.is-success {
  background: var(--hfc-mint-pale) !important;
  border-color: var(--hfc-mint) !important;
  color: var(--hfc-forest) !important;
}

.wc-block-components-notice-banner.is-error {
  background: #fef2f2 !important;
  border-color: #fecaca !important;
  color: #991b1b !important;
}

/* Checkout sidebar panel */
.wc-block-components-sidebar .wc-block-components-panel {
  border-color: var(--hfc-sand) !important;
}

.wc-block-components-panel__button {
  font-family: var(--hfc-font-display) !important;
  font-weight: 600 !important;
  color: var(--hfc-near-black) !important;
}

/* Shipping calculator */
.wc-block-components-shipping-calculator {
  border: 1px solid var(--hfc-sand) !important;
  border-radius: var(--hfc-radius-lg) !important;
  padding: var(--hfc-space-lg) !important;
  background: var(--hfc-warm-white) !important;
}

/* Expandable sections (order summary toggle on mobile) */
.wc-block-components-panel .wc-block-components-panel__button {
  padding: var(--hfc-space-md) 0 !important;
}

/* Saved payment method / address */
.wc-block-components-address-card {
  background: var(--hfc-warm-white) !important;
  border: 1px solid var(--hfc-sand) !important;
  border-radius: var(--hfc-radius-md) !important;
  padding: var(--hfc-space-lg) !important;
}

/* Express payment buttons (Apple Pay, Google Pay, etc.) */
.wc-block-components-express-payment {
  border: 1px solid var(--hfc-sand) !important;
  border-radius: var(--hfc-radius-lg) !important;
  padding: var(--hfc-space-lg) !important;
  background: var(--hfc-warm-white) !important;
}

.wc-block-components-express-payment__title {
  font-family: var(--hfc-font-display) !important;
  font-size: var(--hfc-text-sm) !important;
  font-weight: 600 !important;
  color: var(--hfc-gray) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

/* Divider between express and regular checkout */
.wc-block-components-express-payment--checkout .wc-block-components-express-payment__title::before,
.wc-block-components-express-payment--checkout .wc-block-components-express-payment__title::after {
  border-color: var(--hfc-sand) !important;
}

/* --- BLOCK: Global overrides for wp-element-button --- */
.wp-block-woocommerce-cart .wp-element-button,
.wp-block-woocommerce-checkout .wp-element-button,
.wc-block-cart .wp-element-button,
.wc-block-checkout .wp-element-button {
  font-family: var(--hfc-font-display) !important;
  border-radius: var(--hfc-radius-md) !important;
  font-weight: 600 !important;
  transition: background var(--hfc-duration) var(--hfc-ease) !important;
}

/* Links inside blocks */
.wc-block-components-checkout-return-to-cart-button {
  color: var(--hfc-sage) !important;
  font-family: var(--hfc-font-display) !important;
  font-size: var(--hfc-text-sm) !important;
  text-decoration: none !important;
}

.wc-block-components-checkout-return-to-cart-button:hover {
  color: var(--hfc-forest) !important;
}

/* Validation errors */
.wc-block-components-validation-error {
  color: var(--hfc-sale) !important;
  font-size: var(--hfc-text-sm) !important;
}

/* Loading skeleton */
.wc-block-components-loading-mask::after {
  background: var(--hfc-cream) !important;
}

/* --- Save $X badge in cart (visible in screenshots) --- */
.wc-block-components-sale-badge {
  font-family: var(--hfc-font-display) !important;
  font-size: var(--hfc-text-xs) !important;
  font-weight: 600 !important;
  background: var(--hfc-mint-pale) !important;
  color: var(--hfc-forest) !important;
  border: none !important;
  border-radius: var(--hfc-radius-pill) !important;
  padding: 2px 10px !important;
}


/* ==========================================================================
   MOBILE: WooCommerce Blocks responsive
   ========================================================================== */

@media (max-width: 768px) {
  /* Block cart — stack main + sidebar */
  .wc-block-cart .wc-block-cart__main,
  .wc-block-cart .wc-block-cart__sidebar {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .wc-block-cart .wc-block-cart__sidebar {
    margin-top: var(--hfc-space-xl);
  }

  /* Block checkout — single column */
  .wc-block-checkout .wc-block-checkout__main,
  .wc-block-checkout .wc-block-checkout__sidebar {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* Tighten padding on blocks */
  .wc-block-cart,
  .wc-block-checkout {
    padding: 0 !important;
  }
}

@media (max-width: 480px) {
  /* Even tighter on small phones */
  body.woocommerce-cart .entry-content,
  body.woocommerce-checkout .entry-content,
  body.woocommerce-account .entry-content {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}




@media print {
  .hfc-header,
  .hfc-footer,
  .hfc-mega-nav,
  .hfc-explore,
  .hfc-home-catlinks,
  .hfc-faq,
  .hfc-product-explore {
    display: none !important;
  }

  body {
    background: #fff;
    color: #000;
  }
}