/* HC brand header/footer — theme tokens (valores reales de src/styles/global.css) */
:root{
  --matte-charcoal:#2d2d2d;
  --ultra-matte-black:#0d0d0d;
  --luxury-cream:#f9f7f2;
  --luxury-gold-deep:#a88452;
  --luxury-gold-mid:#c9a66b;
  --luxury-ink:#2a2a2a;
  --luxury-ink-muted:#4b4b4b;
  --luxury-marble-tint:#f3f0ea;
  --warm-white:#fbfbfb;
  --brand-blue:#1a43bf;
  --brand-orange:#ff7918;
  --pearl-border:rgba(255,253,250,.88);
  --showroom-slate:#2c3539;
  --showroom-glass-blur:20px;
  --font-luxury-serif:'Source Serif 4', ui-serif, Georgia, 'Times New Roman', serif;
}
/* prod */
#masthead, #colophon, .storefront-breadcrumb, .woocommerce-breadcrumb, .hc-header-new, .hc-footer-new { display: none !important; }
#root .hc-header__commerce-input { box-sizing: border-box !important; max-height: 2.75rem !important; height: auto !important; }
.hc-footer { border-top: 1px solid color-mix(in srgb, var(--matte-charcoal) 10%, var(--luxury-cream)); background: linear-gradient(180deg, color-mix(in srgb, var(--luxury-cream) 38%, #fff) 0%, color-mix(in srgb, #fff 92%, var(--luxury-marble-tint)) 100%); margin-top: 0px; }
.hc-footer__inner { border-top: 2px solid color-mix(in srgb, var(--luxury-gold-deep) 55%, transparent); width: 100%; max-width: 1320px; margin: 0px auto; padding: 0px 1rem clamp(3.1rem, 8vw, 4.75rem); }
.hc-footer__brand-address-link { color: inherit; text-underline-offset: 3px; font-weight: 600; text-decoration: underline 1px; transition: color 0.2s; }
.hc-footer__brand-address-link:hover { color: var(--ultra-matte-black); }
.hc-footer__grid { gap: 2.5rem; padding-top: clamp(2.85rem, 7vw, 4.5rem); display: grid; }
.hc-footer__columns { gap: 2.5rem; min-width: 0px; display: grid; }
.hc-footer__col { min-width: 0px; }
.hc-footer__col--brand { max-width: 28rem; }
.hc-footer__brand-lockup { margin: 0px; }
.hc-footer__brand-lockup-name { font-family: var(--font-luxury-serif), ui-serif, Georgia, "Times New Roman", serif; letter-spacing: -0.02em; color: var(--ultra-matte-black); white-space: normal; text-wrap-style: balance; overflow-wrap: break-word; margin: 0px; font-size: clamp(1.35rem, 0.95rem + 1.15vw, 1.9rem); font-weight: 600; line-height: 1.12; }
.hc-footer__brand-lockup-line { background: linear-gradient(90deg, color-mix(in srgb, var(--luxury-gold-deep) 85%, transparent), color-mix(in srgb, var(--luxury-gold-deep) 15%, transparent)); width: 2.75rem; height: 1px; margin: 0.85rem 0px 0.65rem; display: block; }
.hc-footer__brand-lockup-sub { letter-spacing: 0.24em; text-transform: uppercase; color: color-mix(in srgb, var(--matte-charcoal) 72%, var(--luxury-gold-deep)); margin: 0px; font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; font-weight: 700; line-height: 1.4; }
.hc-footer__brand-copy { color: var(--matte-charcoal); margin-top: 1rem; font-size: 1.1rem; font-weight: 400; line-height: 1.65; }
.hc-footer__start-project { cursor: pointer; appearance: none; border: 1px solid var(--ultra-matte-black); background: var(--ultra-matte-black); letter-spacing: 0.16em; text-transform: uppercase; color: rgb(255, 255, 255); border-radius: 0.125rem; align-items: center; gap: 0.45rem; margin-top: 1.5rem; padding: 0.72rem 1.5rem; font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: clamp(0.6875rem, 0.95vw, 0.75rem); font-weight: 700; text-decoration: none; transition: background-color 0.25s, color 0.25s, border-color 0.25s, transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.25s; display: inline-flex; box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 20px; }
.hc-footer__start-project:hover { background: rgb(26, 26, 26); border-color: rgb(26, 26, 26); transform: translateY(-1px); box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 28px; }
.hc-footer__start-project-label { display: inline-block; }
.hc-footer__start-project-icon { opacity: 0.92; flex-shrink: 0; transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1); }
.hc-footer__start-project:hover .hc-footer__start-project-icon { transform: translate(2px, -2px); }
.hc-footer__start-project:focus { outline: none; }
.hc-footer__start-project:focus-visible { outline: 2px solid color-mix(in srgb, var(--brand-blue) 70%, transparent); outline-offset: 3px; }
.hc-footer__heading { letter-spacing: 0.18em; text-transform: uppercase; color: color-mix(in srgb, var(--matte-charcoal) 58%, transparent); margin: 0px 0px 1rem; font-size: 1.5rem; font-weight: 600; }
.hc-footer__links { gap: 0.6rem; font-size: clamp(1rem, 1.08vw, 1.0625rem); display: grid; }
.hc-footer__link, .hc-footer__contact { color: var(--matte-charcoal); overflow-wrap: anywhere; font-size: 1.125rem; text-decoration: none; transition: color 0.2s; }
.hc-footer__link:hover, .hc-footer__contact:hover { color: var(--ultra-matte-black); }
.hc-footer__contact-row { align-items: flex-start; gap: 0.7rem; display: inline-flex; }
.hc-footer__contact-row svg { flex-shrink: 0; margin-top: 0.14em; }
.hc-footer__social-copy { color: var(--matte-charcoal); margin: 0px 0px 1rem; font-size: 1.1rem; font-weight: 400; line-height: 1.6; }
.hc-footer__social-copy--compact { letter-spacing: 0.04em; margin: 0px 0px 0.65rem; font-size: 0.95rem; }
.hc-footer__maryland-lede { color: var(--matte-charcoal); margin: 0px 0px 1rem; font-size: 1.05rem; line-height: 1.55; }
.hc-footer__maryland-guides { gap: 0.75rem; width: 100%; min-width: 0px; display: grid; }
.hc-footer__guide-card { border: 1px solid color-mix(in srgb, var(--matte-charcoal) 12%, transparent); background: linear-gradient(135deg, color-mix(in srgb, #fff 88%, var(--luxury-marble-tint)) 0%, color-mix(in srgb, var(--luxury-cream) 42%, #fff) 100%); width: 100%; min-width: 0px; color: inherit; box-shadow: 0 1px 0 color-mix(in srgb, var(--luxury-gold-deep) 18%, transparent); border-radius: 0.2rem; gap: 0.4rem; padding: 1rem 1.1rem; text-decoration: none; transition: border-color 0.2s, transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.25s; display: grid; }
.hc-footer__guide-card:hover { border-color: color-mix(in srgb, var(--matte-charcoal) 28%, transparent); transform: translateY(-2px); box-shadow: rgba(20, 18, 15, 0.08) 0px 10px 24px; }
.hc-footer__guide-card:focus { outline: none; }
.hc-footer__guide-card:focus-visible { outline: 2px solid color-mix(in srgb, var(--brand-blue) 70%, transparent); outline-offset: 3px; }
.hc-footer__guide-card-top { justify-content: space-between; align-items: center; gap: 0.75rem; display: flex; }
.hc-footer__guide-card-label { letter-spacing: 0.01em; color: var(--ultra-matte-black); font-size: 1.05rem; font-weight: 650; }
.hc-footer__guide-card-icon { color: color-mix(in srgb, var(--matte-charcoal) 70%, var(--luxury-gold-deep)); flex-shrink: 0; transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1); }
.hc-footer__guide-card:hover .hc-footer__guide-card-icon { transform: translate(2px, -2px); }
.hc-footer__guide-card-desc { color: color-mix(in srgb, var(--matte-charcoal) 88%, transparent); font-size: 0.92rem; line-height: 1.45; }
.hc-footer__maryland-social { border-top: 1px solid color-mix(in srgb, var(--matte-charcoal) 10%, transparent); margin-top: 1.35rem; padding-top: 1.1rem; }
.hc-footer__socials { gap: 0.65rem; display: flex; }
.hc-footer__social { border: 1px solid color-mix(in srgb, var(--matte-charcoal) 16%, transparent); color: var(--matte-charcoal); background: rgb(255, 255, 255); border-radius: 999px; justify-content: center; align-items: center; padding: 0.55rem; transition: border-color 0.2s, background-color 0.2s, transform 0.2s, color 0.2s; display: inline-flex; }
.hc-footer__social:hover { border-color: color-mix(in srgb, var(--matte-charcoal) 32%, transparent); background: color-mix(in srgb, var(--luxury-marble-tint) 35%, #fff); color: var(--ultra-matte-black); transform: translateY(-2px); }
.hc-footer__bottom { border-top: 1px solid color-mix(in srgb, var(--matte-charcoal) 8%, var(--luxury-cream)); text-align: center; letter-spacing: 0.08em; text-transform: uppercase; color: color-mix(in srgb, var(--matte-charcoal) 88%, transparent); background: color-mix(in srgb, var(--luxury-cream) 25%, #fff); padding: 1.15rem 1rem 1.35rem; font-size: clamp(0.75rem, 0.95vw, 0.8125rem); font-weight: 500; }
@media (min-width: 640px){.hc-footer__col--brand { max-width: 40rem; }.hc-footer__columns { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 2.5rem 2.75rem; }.hc-footer__col--maryland { grid-column: 1 / -1; }}
@media (min-width: 1024px){.hc-footer__inner { padding-left: clamp(1.5rem, 3vw, 2.5rem); padding-right: clamp(1.5rem, 3vw, 2.5rem); }.hc-footer__grid { grid-template-columns: minmax(16rem, 21rem) minmax(0px, 1fr); align-items: start; gap: 2.25rem clamp(2.75rem, 4vw, 4.5rem); }.hc-footer__col--brand { max-width: none; }.hc-footer__columns { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.2fr) minmax(0px, 1.25fr); align-items: start; gap: 2.25rem clamp(2.75rem, 3.8vw, 4.25rem); }.hc-footer__col--maryland { grid-column: auto; }}
@media (min-width: 1280px){.hc-footer__grid { grid-template-columns: minmax(18rem, 22.5rem) minmax(0px, 1fr); column-gap: 4.5rem; }.hc-footer__columns { column-gap: 4.25rem; }.hc-footer__brand-lockup-name { font-size: clamp(1.5rem, 0.9rem + 1.1vw, 2rem); }}
.hc-nav-link-anchor { color: inherit; border-radius: 999px; align-items: center; text-decoration: none; display: inline-flex; }
.hc-nav-link-anchor--luxury { border-radius: 2px; }
.hc-nav-link-anchor:focus { outline: none; }
.hc-nav-link-anchor:focus-visible { outline: 2px solid color-mix(in srgb, var(--showroom-slate) 72%, var(--luxury-gold-deep)); outline-offset: 3px; }
.hc-nav-link-anchor--disabled, .hc-header__dropdown-link--disabled, .hc-header__mobile-dropdown-link--disabled { cursor: default; opacity: 0.68; pointer-events: none; }
.hc-nav-link { border: 1px solid rgba(0, 0, 0, 0); border-radius: 999px; align-items: center; padding: 0.52rem 0.82rem; transition: color 0.22s, background-color 0.22s, transform 0.22s, border-color 0.22s; display: inline-flex; position: relative; }
.hc-nav-link--default { letter-spacing: 0.2em; text-transform: uppercase; color: rgb(51, 65, 85); font-size: 12px; font-weight: 500; }
.hc-nav-link--default:hover, .hc-nav-link--default.hc-nav-link--active { color: var(--brand-blue); }
.hc-nav-link--luxury { font-family: var(--font-luxury-serif); letter-spacing: 0.08em; text-transform: uppercase; color: var(--matte-charcoal); box-shadow: none; background: 0px 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; padding: 0.42rem 0.28rem 0.55rem; font-size: 13px; font-weight: 500; }
.hc-nav-link--luxury:hover { color: var(--matte-charcoal); transform: none; }
.hc-nav-link--luxury.hc-nav-link--active { color: var(--matte-charcoal); font-weight: 600; }
.hc-nav-link__rule { transform-origin: 0px center; height: 1px; transition: transform 0.24s; position: absolute; bottom: 0.12rem; left: 0.75rem; right: 0.75rem; transform: scaleX(0); }
.hc-nav-link--luxury .hc-nav-link__rule { height: 2px; bottom: 0px; left: 0.05rem; right: 0.05rem; }
.hc-nav-link__rule--default { background: var(--brand-orange); }
.hc-nav-link__rule--luxury { background: color-mix(in srgb, var(--luxury-gold-deep) 84%, #7c5b32); }
.hc-nav-link--active .hc-nav-link__rule, .hc-nav-link:hover .hc-nav-link__rule { transform: scaleX(1); }
.hc-header { z-index: 50; transition: background-color 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s, border-color 0.35s, -webkit-backdrop-filter 0.35s, backdrop-filter 0.35s; position: sticky; top: 0px; }
.hc-header--hero { border-bottom: 1px solid rgba(0, 0, 0, 0); }
.hc-header--scrolled { border-bottom: 1px solid var(--pearl-border); box-shadow: rgba(45, 45, 45, 0.05) 0px 10px 40px; }
.hc-header--scrolled .hc-header__brand-row, .hc-header--scrolled .hc-header__nav-row { background: color-mix(in srgb, var(--luxury-cream) 72%, #fffffff0); }
.hc-header--base .hc-header__brand-row, .hc-header--base .hc-header__nav-row { background: color-mix(in srgb, var(--luxury-cream) 82%, #ffffffe6); }
.hc-header__promo { border-bottom: 1px solid color-mix(in srgb, #000 18%, var(--matte-charcoal)); text-align: center; letter-spacing: 0.12em; text-transform: uppercase; color: color-mix(in srgb, var(--luxury-cream) 96%, #fff); background: var(--matte-charcoal); padding: 0.48rem 1rem; font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 10px; font-weight: 600; }
.hc-header__promo-inner { flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.35rem 0.5rem; max-width: 1440px; margin: 0px auto; line-height: 1.45; display: flex; }
.hc-header__promo-sep { opacity: 0.45; user-select: none; }
.hc-header__promo-link { color: var(--luxury-gold-mid); text-decoration: none; transition: color 0.18s, -webkit-text-decoration 0.18s, text-decoration 0.18s; }
.hc-header__promo-link:hover { color: color-mix(in srgb, var(--luxury-gold-mid) 75%, #fff); text-underline-offset: 2px; text-decoration: underline; }
.hc-header__promo-muted { letter-spacing: 0.1em; color: color-mix(in srgb, var(--luxury-cream) 72%, transparent); font-weight: 500; }
@media (max-width: 540px){.hc-header__promo-muted { display: none; }}
.hc-header__brand-row { border-bottom: 1px solid color-mix(in srgb, var(--matte-charcoal) 8%, transparent); width: 100%; max-width: 1440px; height: 4.25rem; background: rgb(255, 255, 255); justify-content: space-between; align-items: center; gap: 0.85rem; margin: 0px auto; padding: 0px 1rem; transition: background-color 0.3s, border-color 0.3s; display: flex; }
.hc-header__brand-row--hero { background: rgba(182, 182, 181, 0.314); border-bottom-color: rgba(255, 255, 255, 0.22); }
.hc-header--hero .hc-header__nav-row { background: rgba(178, 178, 177, 0.263); border-bottom-color: rgba(255, 255, 255, 0.18); }
.hc-header__nav-row { border-bottom: 1px solid color-mix(in srgb, var(--matte-charcoal) 10%, transparent); background: rgb(255, 255, 255); justify-content: space-between; align-items: stretch; gap: 1rem; max-width: 1440px; margin: 0px auto; padding: 0px 1rem; transition: background-color 0.3s; display: none; }
.hc-header__utilities { flex-shrink: 0; justify-content: flex-end; align-items: center; gap: 0.35rem 1rem; padding: 0.65rem 0px; display: flex; }
.hc-header__utility-link { cursor: pointer; font-family: var(--font-luxury-serif), ui-serif, Georgia, serif; letter-spacing: 0.02em; color: color-mix(in srgb, var(--matte-charcoal) 55%, transparent); background: 0px 0px; border: 0px; padding: 0.35rem 0.15rem; font-size: 13px; font-weight: 500; text-decoration: none; transition: color 0.18s; }
.hc-header__utility-link:hover { color: var(--matte-charcoal); }
.hc-header__utility-link:focus { outline: none; }
.hc-header__utility-link:focus-visible { outline: 2px solid color-mix(in srgb, var(--showroom-slate) 72%, var(--luxury-gold-deep)); outline-offset: 2px; border-radius: 2px; }
.hc-header__utility-link--btn { text-underline-offset: 3px; text-decoration: underline; }
.hc-header__utility-link--tel { white-space: nowrap; letter-spacing: 0.02em; color: rgb(13, 13, 13); font-variant-numeric: tabular-nums; font-size: 15px; font-weight: 600; text-decoration: none; }
.hc-header__utility-link--tel:hover { color: rgb(0, 0, 0); text-underline-offset: 3px; text-decoration: underline; }
.hc-header__brand { border-radius: 0.5rem; align-items: center; min-width: 0px; text-decoration: none; display: flex; }
.hc-header__brand:focus { outline: none; }
.hc-header__brand:focus-visible { outline: 2px solid color-mix(in srgb, var(--showroom-slate) 72%, var(--luxury-gold-deep)); outline-offset: 3px; }
.hc-header__brand--nav-locked { cursor: default; pointer-events: none; }
.hc-header__wordmark { object-fit: contain; filter: saturate(0.98) contrast(1.02); border-radius: 0.35rem; width: auto; max-width: min(70vw, 520px); height: 2.45rem; }
.hc-header__wordmark--hero { opacity: 0.98; }
.hc-header__sr-only { clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; }
.hc-header__nav { flex-wrap: wrap; flex: 1 1 0%; justify-content: flex-start; align-items: center; gap: 0.15rem 0.25rem; min-width: 0px; padding: 0.55rem 0px; display: flex; }
.hc-header__nav-row .hc-nav-link--luxury { letter-spacing: 0.06em; font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 13px; font-weight: 600; }
.hc-header__dropdown { align-items: stretch; display: inline-flex; position: relative; }
.hc-header__dropdown-bridge { pointer-events: auto; height: 0.45rem; position: absolute; top: 100%; left: 0px; right: 0px; }
.hc-header__dropdown-panel { z-index: 60; border: 1px solid color-mix(in srgb, var(--matte-charcoal) 12%, transparent); opacity: 0; visibility: hidden; pointer-events: none; background: rgb(255, 255, 255); border-radius: 2px; min-width: 11.5rem; max-height: min(70vh, 22rem); padding: 0.3rem 0px; transition: opacity 0.16s, visibility 0.16s, transform 0.16s; position: absolute; top: calc(100% + 0.35rem); left: 0px; overflow: hidden auto; transform: translateY(0.2rem); box-shadow: rgba(45, 45, 45, 0.09) 0px 14px 44px; }
.hc-header__dropdown:hover .hc-header__dropdown-panel, .hc-header__dropdown:focus-within .hc-header__dropdown-panel { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0px); }
.hc-header__dropdown-link { letter-spacing: 0.07em; text-transform: uppercase; color: color-mix(in srgb, var(--matte-charcoal) 62%, transparent); padding: 0.38rem 0.95rem; font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 10px; font-weight: 600; text-decoration: none; transition: color 0.14s, background-color 0.14s; display: block; }
.hc-header__dropdown-link:hover, .hc-header__dropdown-link:focus-visible { color: rgb(255, 255, 255); background: var(--ultra-matte-black); outline: none; }
.hc-header__dropdown--mega-cabinets .hc-header__dropdown-panel--mega { min-width: min(880px, -2.5rem + 100vw); max-width: calc(-2rem + 100vw); max-height: min(78vh, 460px); padding: 0px; overflow: hidden; }
.hc-header__mega-cabinets { grid-template-columns: minmax(0px, 11.25rem) minmax(0px, 9.75rem) minmax(0px, 1fr); height: 100%; min-height: 280px; max-height: min(72vh, 420px); display: grid; }
.hc-header__mega-cabinets--no-collections { grid-template-columns: minmax(0px, 11.25rem) minmax(0px, 1fr); }
.hc-header__mega-cabinets--no-preview { grid-template-columns: minmax(14rem, 22rem); min-height: 0px; }
.hc-header__mega-cabinets--no-preview .hc-header__mega-cabinets-brands { border-right: 0px; }
.hc-header__dropdown--mega-cabinets .hc-header__dropdown-panel--mega:has(.hc-header__mega-cabinets--no-preview) { min-width: min(22rem, -2.5rem + 100vw); max-height: min(78vh, 560px); }
.hc-header__mega-cabinets-brands { border-right: 1px solid color-mix(in srgb, var(--matte-charcoal) 10%, transparent); padding: 0.35rem 0px; overflow: hidden auto; }
.hc-header__mega-cabinets-brand { letter-spacing: 0.07em; text-transform: uppercase; color: color-mix(in srgb, var(--matte-charcoal) 62%, transparent); justify-content: space-between; align-items: center; gap: 0.35rem; padding: 0.42rem 0.75rem 0.42rem 0.85rem; font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 10px; font-weight: 600; text-decoration: none; transition: background-color 0.12s, color 0.12s; display: flex; }
.hc-header__mega-cabinets-brand:hover, .hc-header__mega-cabinets-brand:focus-visible { background: color-mix(in srgb, var(--luxury-cream) 48%, #fff); color: var(--matte-charcoal); outline: none; }
.hc-header__mega-cabinets-brand--active { background: var(--ultra-matte-black); color: rgb(255, 255, 255); }
.hc-header__mega-cabinets-brand--active .hc-header__mega-cabinets-chevron { color: rgba(255, 255, 255, 0.78); }
.hc-header__mega-cabinets-chevron { opacity: 0.75; flex-shrink: 0; }
.hc-header__mega-cabinets-brand--no-flyout { justify-content: flex-start; }
.hc-header__mega-cabinets-collections { border-right: 1px solid color-mix(in srgb, var(--matte-charcoal) 10%, transparent); flex-direction: column; gap: 0.1rem; padding: 0.35rem 0px; display: flex; overflow: hidden auto; }
.hc-header__mega-cabinets-collection { letter-spacing: 0.06em; text-transform: uppercase; color: color-mix(in srgb, var(--matte-charcoal) 58%, transparent); padding: 0.4rem 0.75rem; font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 9.5px; font-weight: 600; text-decoration: none; transition: background-color 0.12s, color 0.12s; }
.hc-header__mega-cabinets-collection:hover, .hc-header__mega-cabinets-collection:focus-visible { background: color-mix(in srgb, var(--luxury-cream) 48%, #fff); color: var(--matte-charcoal); outline: none; }
.hc-header__mega-cabinets-collection--active { background: var(--ultra-matte-black); color: rgb(255, 255, 255); }
.hc-header__mega-cabinets-preview { flex-direction: column; flex: 1 1 0%; gap: 0.45rem; min-width: 0px; padding: 0.65rem 0.75rem 0.55rem; display: flex; }
.hc-header__mega-cabinets-grid { flex: 1 1 0%; grid-template-columns: repeat(2, minmax(0px, 1fr)); align-content: start; gap: 0.45rem 0.55rem; min-height: 0px; display: grid; overflow: hidden auto; }
.hc-header__mega-cabinets-product { min-width: 0px; color: inherit; flex-direction: column; gap: 0.28rem; text-decoration: none; display: flex; }
.hc-header__mega-cabinets-product:hover .hc-header__mega-cabinets-product-title, .hc-header__mega-cabinets-product:focus-visible .hc-header__mega-cabinets-product-title { color: var(--ultra-matte-black); }
.hc-header__mega-cabinets-product-media { aspect-ratio: 4 / 3; border: 1px solid color-mix(in srgb, var(--matte-charcoal) 10%, transparent); background: color-mix(in srgb, var(--luxury-cream) 58%, #fff); border-radius: 2px; position: relative; overflow: hidden; }
.hc-header__mega-cabinets-product-img { object-fit: cover; width: 100%; height: 100%; }
.hc-header__mega-cabinets-product-title { -webkit-line-clamp: 2; color: color-mix(in srgb, var(--matte-charcoal) 78%, transparent); -webkit-box-orient: vertical; font-size: 9px; font-weight: 500; line-height: 1.3; display: -webkit-box; overflow: hidden; }
.hc-header__mega-cabinets-all { letter-spacing: 0.12em; text-transform: uppercase; text-underline-offset: 3px; color: var(--matte-charcoal); flex-shrink: 0; padding-top: 0.15rem; font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 9px; font-weight: 700; text-decoration: underline; }
.hc-header__dropdown--mega-faucets .hc-header__dropdown-panel--mega-faucets { min-width: min(520px, -2.5rem + 100vw); max-width: calc(-2rem + 100vw); max-height: min(78vh, 440px); padding: 0px; overflow: hidden; }
.hc-header__dropdown--mega-faucets .hc-header__dropdown-panel--mega-faucets:has(.hc-header__mega-faucets:not(.hc-header__mega-faucets--with-flyout)) { min-width: min(15.5rem, -2.5rem + 100vw); }
.hc-header__mega-faucets { grid-template-columns: minmax(0px, 14rem); align-items: start; min-height: 0px; max-height: min(72vh, 420px); display: grid; }
.hc-header__mega-faucets--with-flyout { grid-template-columns: minmax(0px, 13.5rem) minmax(0px, 15.5rem); align-items: stretch; min-height: 200px; }
.hc-header__mega-faucets-flyout { border-left: 1px solid color-mix(in srgb, var(--matte-charcoal) 10%, transparent); background: color-mix(in srgb, #fff 96%, var(--luxury-cream)); flex-direction: column; gap: 0.08rem; padding: 0.35rem 0px; display: flex; overflow: hidden auto; }
.hc-header__mega-faucets-flyout-link { letter-spacing: 0.06em; text-transform: uppercase; color: color-mix(in srgb, var(--matte-charcoal) 62%, transparent); padding: 0.38rem 0.85rem; font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 9.5px; font-weight: 600; text-decoration: none; transition: background-color 0.12s, color 0.12s; display: block; }
.hc-header__mega-faucets-flyout-link:hover, .hc-header__mega-faucets-flyout-link:focus-visible { background: var(--ultra-matte-black); color: rgb(255, 255, 255); outline: none; }
.hc-header__mobile-faucet-nested-panel { flex-direction: column; gap: 0.1rem; padding: 0.15rem 0px 0.35rem 0.65rem; display: flex; }
.hc-header__mobile-dropdown-link--nested { letter-spacing: 0.06em; text-transform: uppercase; padding-block: 0.35rem; font-size: 0.72rem; }
.hc-header__mobile-dropdown-link--subtoggle { cursor: pointer; text-align: left; background: 0px 0px; border: 0px; justify-content: space-between; align-items: center; gap: 0.35rem; width: 100%; display: flex; }
@media (min-width: 1360px){.hc-header__nav { gap: 0.2rem 0.45rem; }}
.hc-header__commerce { flex: 1 1 auto; justify-content: flex-end; align-items: center; gap: 0.3rem; min-width: 0px; display: flex; }
.hc-header__commerce-search-toggle { display: none; }
.hc-header__brand-row .hc-header__commerce-search { flex: 1 1 12rem; width: min(22rem, 100%); max-width: min(22rem, 42vw); }
.hc-header__commerce--hero .hc-header__commerce-input { background: rgba(255, 255, 255, 0.82); border-color: rgba(120, 113, 108, 0.45); }
.hc-header__commerce--hero .hc-header__commerce-search-btn { color: var(--matte-charcoal); }
.hc-header__commerce-search { box-sizing: border-box; align-items: center; min-width: 0px; display: flex; position: relative; }
@media (min-width: 768px){.hc-header__commerce-search { border-right: 1px solid color-mix(in srgb, var(--matte-charcoal) 12%, transparent); margin-right: 0.35rem; padding-right: 0.85rem; }}
.hc-header__commerce-input { box-sizing: border-box; border: 1px solid color-mix(in srgb, var(--matte-charcoal) 26%, transparent); background: color-mix(in srgb, #fff 82%, var(--luxury-cream)); width: 100%; min-width: 0px; min-height: 2.5rem; max-height: 2.5rem; font-family: var(--font-luxury-serif), ui-serif, Georgia, serif; letter-spacing: 0.03em; color: var(--matte-charcoal); border-radius: 2px; padding: 0.5rem 2.4rem 0.5rem 0.75rem; font-size: clamp(0.875rem, 1.1vw, 0.9375rem); font-weight: 500; line-height: 1.25; transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s; }
.hc-header__commerce-input::placeholder { color: color-mix(in srgb, var(--matte-charcoal) 42%, transparent); }
.hc-header__commerce-input:hover { border-color: color-mix(in srgb, var(--matte-charcoal) 40%, transparent); }
.hc-header__commerce-input:focus { border-color: color-mix(in srgb, var(--luxury-gold-deep) 55%, var(--matte-charcoal)); box-shadow: 0 0 0 1px color-mix(in srgb, var(--luxury-gold-mid) 35%, transparent); background: rgb(255, 255, 255); outline: none; }
.hc-header__commerce-search-btn { width: 2rem; height: 2rem; color: color-mix(in srgb, var(--matte-charcoal) 70%, transparent); cursor: pointer; background: 0px 0px; border: 0px; border-radius: 1px; place-items: center; padding: 0px; transition: color 0.15s, background-color 0.15s; display: grid; position: absolute; top: 50%; right: 0.2rem; transform: translateY(-50%); }
.hc-header__commerce-search-btn:hover { color: var(--matte-charcoal); background: color-mix(in srgb, var(--matte-charcoal) 6%, transparent); }
.hc-header__commerce-search-btn:focus { outline: none; }
.hc-header__commerce-search-btn:focus-visible { outline: 2px solid color-mix(in srgb, var(--showroom-slate) 72%, var(--luxury-gold-deep)); outline-offset: 1px; }
.hc-header__commerce-icon-btn { width: 2.55rem; height: 2.55rem; color: var(--matte-charcoal); cursor: pointer; background: 0px 0px; border: 0px; border-radius: 2px; flex-shrink: 0; place-items: center; padding: 0px; transition: background-color 0.18s, color 0.18s; display: grid; position: relative; }
.hc-header__commerce-icon-btn:hover { background: color-mix(in srgb, var(--matte-charcoal) 7%, transparent); }
.hc-header__commerce-icon-btn:focus { outline: none; }
.hc-header__commerce-icon-btn:focus-visible { outline: 2px solid color-mix(in srgb, var(--showroom-slate) 72%, var(--luxury-gold-deep)); outline-offset: 2px; }
.hc-header__commerce-icon-btn--link { color: inherit; text-decoration: none; }
.hc-header__commerce-icon-btn--disabled { opacity: 0.55; pointer-events: none; cursor: default; }
.hc-header__commerce-search-btn:disabled { opacity: 0.45; cursor: not-allowed; }
.hc-header__commerce-icon-wrap { place-items: center; display: grid; position: relative; }
.hc-header__badge { text-align: center; color: rgb(255, 255, 255); box-sizing: border-box; border-radius: 999px; min-width: 1.1rem; height: 1.1rem; padding: 0px 4px; font-size: 9px; font-weight: 700; line-height: 1.1rem; position: absolute; top: -2px; right: -5px; }
.hc-header__badge--wishlist { background: rgb(220, 38, 38); }
.hc-header__badge--cart { background: rgb(13, 13, 13); }
.hc-header__cta { cursor: pointer; appearance: none; border: 1px solid var(--matte-charcoal); text-align: center; font-family: var(--font-luxury-serif); letter-spacing: 0.15em; text-transform: uppercase; color: var(--luxury-cream); background: var(--matte-charcoal); white-space: nowrap; border-radius: 2px; flex-shrink: 0; justify-content: center; align-items: center; padding: 0.65rem 1.15rem; font-size: 10px; font-weight: 600; text-decoration: none; transition: background-color 0.22s, color 0.22s, transform 0.22s, box-shadow 0.22s, border-color 0.22s; display: inline-flex; box-shadow: rgba(13, 13, 13, 0.14) 0px 6px 22px; }
.hc-header__cta--in-nav { margin-left: 0.25rem; padding: 0.52rem 1rem; }
.hc-header__cta:focus { outline: none; }
.hc-header__cta:focus-visible { outline: 2px solid color-mix(in srgb, var(--showroom-slate) 72%, var(--luxury-gold-deep)); outline-offset: 3px; }
.hc-header__cta:hover { color: var(--luxury-cream); background: rgb(26, 26, 26); border-color: rgb(26, 26, 26); transform: translateY(-1px); box-shadow: rgba(13, 13, 13, 0.2) 0px 10px 28px; }
.hc-header--hero .hc-header__cta { box-shadow: rgba(13, 13, 13, 0.2) 0px 8px 26px; }
.hc-header__menu { color: var(--luxury-ink); background: rgb(255, 255, 255); border: 1px solid rgba(214, 211, 209, 0.8); border-radius: 0.375rem; padding: 0.5rem; transition: background-color 0.2s; display: inline-flex; }
.hc-header__menu:focus { outline: none; }
.hc-header__menu:focus-visible { outline: 2px solid color-mix(in srgb, var(--showroom-slate) 72%, var(--luxury-gold-deep)); outline-offset: 3px; }
.hc-header__menu--hero { background: rgba(255, 255, 255, 0.4); border-color: rgba(168, 162, 158, 0.5); }
.hc-header__mobile { background: var(--warm-white); color: var(--luxury-ink); border-top: 1px solid rgba(214, 211, 209, 0.8); padding: 1rem; }
.hc-header__menu:hover { background: rgb(245, 245, 244); }
.hc-header__mobile-inner { flex-direction: column; gap: 0.25rem; max-width: 1440px; margin: 0px auto; display: flex; }
.hc-header__mobile-nav { flex-direction: column; gap: 0.15rem; display: flex; }
.hc-header__mobile-utilities { border-top: 1px solid color-mix(in srgb, var(--matte-charcoal) 12%, transparent); flex-direction: column; gap: 0.65rem; margin-top: 1rem; padding-top: 1rem; display: flex; }
.hc-header__mobile-inner .hc-nav-link-anchor { width: 100%; }
.hc-header__mobile-dropdown { border-bottom: 1px solid rgba(214, 211, 209, 0.55); flex-direction: column; width: 100%; margin-bottom: 0.15rem; padding-bottom: 0.2rem; display: flex; }
.hc-header__mobile-dropdown-toggle { cursor: pointer; letter-spacing: 0.06em; text-transform: uppercase; text-align: left; width: 100%; color: var(--matte-charcoal); background: 0px 0px; border: 0px; border-radius: 2px; justify-content: space-between; align-items: center; gap: 0.5rem; padding: 0.48rem 0.75rem; font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 11px; font-weight: 600; transition: color 0.15s, background-color 0.15s; display: flex; }
.hc-header__mobile-dropdown-toggle:hover { color: var(--matte-charcoal); background: color-mix(in srgb, var(--matte-charcoal) 4%, transparent); }
.hc-header__mobile-dropdown-toggle:focus { outline: none; }
.hc-header__mobile-dropdown-toggle:focus-visible { outline: 2px solid color-mix(in srgb, var(--showroom-slate) 72%, var(--luxury-gold-deep)); outline-offset: 2px; }
.hc-header__mobile-dropdown-chevron { opacity: 0.55; flex-shrink: 0; transition: transform 0.2s; }
.hc-header__mobile-dropdown-chevron--open { transform: rotate(180deg); }
.hc-header__mobile-dropdown-panel { flex-direction: column; gap: 0.05rem; padding: 0.15rem 0px 0.35rem 0.65rem; display: flex; }
.hc-header__mobile-dropdown-link { letter-spacing: 0.04em; color: color-mix(in srgb, var(--luxury-ink) 78%, transparent); border-radius: 2px; padding: 0.35rem 0.5rem; font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 11px; font-weight: 500; text-decoration: none; transition: color 0.15s, background-color 0.15s; }
.hc-header__mobile-dropdown-link:hover, .hc-header__mobile-dropdown-link:focus-visible { color: var(--luxury-ink); background: color-mix(in srgb, var(--matte-charcoal) 5%, transparent); outline: none; }
.hc-header__mobile-contact { font-family: var(--font-luxury-serif); color: var(--luxury-ink-muted); border-radius: 0.375rem; padding: 0.5rem 0.75rem; font-size: 13px; text-decoration: none; }
.hc-header__mobile-contact:focus { outline: none; }
.hc-header__mobile-contact:focus-visible { outline: 2px solid color-mix(in srgb, var(--showroom-slate) 72%, var(--luxury-gold-deep)); outline-offset: 2px; }
.hc-header__mobile-contact--disabled { opacity: 0.55; pointer-events: none; cursor: default; }
.hc-header__mobile-cta { cursor: pointer; appearance: none; border: 1px solid var(--matte-charcoal); background: var(--matte-charcoal); width: 100%; font-family: var(--font-luxury-serif); letter-spacing: 0.14em; text-transform: uppercase; color: var(--luxury-cream); justify-content: center; align-items: center; margin-top: 0.75rem; padding: 0.75rem 1rem; font-size: 11px; font-weight: 600; text-decoration: none; transition: background-color 0.22s, color 0.22s, border-color 0.22s; display: inline-flex; }
.hc-header__mobile-cta:hover { color: var(--luxury-cream); background: rgb(26, 26, 26); border-color: rgb(26, 26, 26); }
.hc-header__mobile-cta:focus { outline: none; }
.hc-header__mobile-cta:focus-visible { outline: 2px solid color-mix(in srgb, var(--showroom-slate) 72%, var(--luxury-gold-deep)); outline-offset: 3px; }
.hc-header__mobile-phone { color: var(--luxury-ink-muted); border: 1px solid rgba(214, 211, 209, 0.8); border-radius: 0.375rem; justify-content: center; align-items: center; gap: 0.5rem; margin-top: 0.5rem; padding: 0.625rem 1rem; font-size: 12px; font-weight: 500; text-decoration: none; display: inline-flex; }
.hc-header__mobile-phone:focus { outline: none; }
.hc-header__mobile-phone:focus-visible { outline: 2px solid color-mix(in srgb, var(--showroom-slate) 72%, var(--luxury-gold-deep)); outline-offset: 2px; }
@media (min-width: 768px){.hc-header__brand-row { height: 4.55rem; padding: 0px 2rem; }.hc-header__wordmark { max-width: 480px; height: 3rem; }.hc-header__nav-row { padding-left: 2rem; padding-right: 2rem; }}
@media (min-width: 1280px){.hc-header__brand-row { height: 4.65rem; }.hc-header__nav-row { display: flex; }.hc-header__menu { display: none; }}
@media (max-width: 767.98px){.hc-header__brand-row { gap: 0.5rem; }.hc-header__brand { flex: 1 1 auto; min-width: 0px; }.hc-header__wordmark { max-width: min(58vw, 280px); height: 2.15rem; }.hc-header__commerce { flex: 0 0 auto; gap: 0.2rem; }.hc-header__commerce-search-toggle { width: 2.55rem; height: 2.55rem; color: var(--matte-charcoal); cursor: pointer; background: 0px 0px; border: 0px; border-radius: 2px; flex-shrink: 0; place-items: center; padding: 0px; transition: background-color 0.18s; display: grid; }.hc-header__commerce-search-toggle:hover { background: color-mix(in srgb, var(--matte-charcoal) 7%, transparent); }.hc-header__commerce-search-toggle:focus-visible { outline: 2px solid color-mix(in srgb, var(--showroom-slate) 72%, var(--luxury-gold-deep)); outline-offset: 2px; }.hc-header__commerce-search-toggle:disabled { opacity: 0.45; cursor: not-allowed; }.hc-header__brand-row .hc-header__commerce-search { z-index: 60; pointer-events: none; opacity: 0; border: 0px; flex: 0 0 auto; width: auto; max-width: none; margin: 0px; padding: 0px; transition: opacity 0.2s, transform 0.2s; position: absolute; top: 100%; left: 0.75rem; right: 0.75rem; transform: translateY(-4px); }.hc-header__commerce--search-open .hc-header__commerce-search { pointer-events: auto; opacity: 1; transform: translateY(0px); }.hc-header__commerce-input { min-height: 2.65rem; max-height: 2.65rem; font-size: 1rem; box-shadow: rgba(15, 23, 42, 0.12) 0px 10px 28px; }.hc-header__brand-row { position: relative; }}
@media (min-width: 768px){.hc-header__commerce-search-toggle { display: none !important; }}/* ---- Integración del header/footer de marca en el blog WP ---- */
/* Ocultar el chrome genérico de Storefront en páginas del blog */
.hc-blog-page #masthead,
.hc-blog-page #colophon,
.hc-blog-page .storefront-breadcrumb,
.hc-blog-page .woocommerce-breadcrumb { display:none !important; }
/* Romper el wrapper boxed de Storefront para que header/footer vayan full-width */
.hc-blog-page #content .col-full,
.hc-blog-page #content { max-width:none !important; padding:0 !important; }
.hc-blog-page #page { overflow-x:hidden; }
/* Header no-sticky en el blog (evita choque con barra de progreso + TOC sticky) */
.hc-blog-page .hc-header{ position:static !important; }
/* El header/footer de marca usan su propia fuente/box model */
.hc-header, .hc-header *, .hc-footer, .hc-footer *{ box-sizing:border-box; }
.hc-footer a{ box-shadow:none; }
/* Móvil: como quitamos el drawer React, mostramos el nav como fila desplazable */
@media (max-width: 900px){
  .hc-blog-page .hc-header__nav-row{
    display:block !important; visibility:visible !important; height:auto !important;
    max-height:none !important; opacity:1 !important; overflow:hidden;
    padding:0 1rem .6rem !important; border:0 !important;
  }
  .hc-blog-page .hc-header__nav{
    display:flex !important; position:static !important; flex-wrap:nowrap; overflow-x:auto;
    gap:1rem; -webkit-overflow-scrolling:touch; padding-bottom:.25rem;
    transform:none !important; inset:auto !important; background:transparent !important;
  }
  .hc-blog-page .hc-header__nav .hc-nav-link-anchor{ white-space:nowrap; flex:0 0 auto; }
  .hc-blog-page .hc-header__nav::-webkit-scrollbar{ display:none; }
}

/* ---- Flyout de 3er nivel de las marcas de Faucets (reproducido CSS puro) ---- */
.hc-header__dropdown-panel--mega-faucets{ overflow:visible !important; }
.hc-header__mega-faucets{ position:relative; }
.hc-header__mega-faucets-brands{ position:relative; }
.hc-blog-brand-wrap{ display:block; }
.hc-blog-brand-wrap .hc-header__mega-cabinets-brand{ width:100%; }
.hc-blog-flyout{
  position:absolute; top:-0.3rem; left:calc(100% + 1px); min-width:12.5rem; box-sizing:border-box;
  height:auto !important; border-left:0 !important;
  background:#fff !important; border:1px solid color-mix(in srgb, var(--matte-charcoal) 12%, transparent);
  border-radius:2px; box-shadow:0 14px 44px rgba(45,45,45,.12); padding:.3rem 0 !important;
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .14s ease, visibility .14s ease;
  z-index:70;
}
.hc-blog-brand-wrap:hover .hc-blog-flyout,
.hc-blog-brand-wrap:focus-within .hc-blog-flyout{ opacity:1; visibility:visible; pointer-events:auto; }
/* la marca activa (hover) resalta como en producción */
.hc-blog-brand-wrap:hover > .hc-header__mega-cabinets-brand{
  background: color-mix(in srgb, var(--luxury-cream) 48%, #fff);
}
/* permitir que el flyout escape del contenedor de marcas (sin scroll, solo 4) */
.hc-blog-page .hc-header__mega-cabinets-brands{ overflow:visible !important; max-height:none !important; }
.hc-blog-page .hc-header__mega-faucets{ overflow:visible !important; }