/* ==========================================================================
   LINDENTOPS MEGA MENU STYLES
   Shared navigation styles for all pages
   ========================================================================== */

/* Mega Menu Premium Styles */
.mega-panel {
  background: white;
  border-radius: 0 0 16px 16px;
  box-shadow: 0 24px 64px rgba(26,21,17,0.16);
  overflow: visible;
}
.mega-panel > .container {
  position: relative;
}

/* Editorial Style (Homeowners #1) */
.mega-editorial { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 0; align-items: stretch; grid-auto-rows: minmax(auto, 1fr); }
.mega-editorial .col,
.mega-editorial .sidebar,
.mega-editorial .task-shortcuts-section,
.mega-editorial .hero-article {
  align-self: stretch;
}
/* A3 + I1: Hero article - clickable with zoom on hover */
.mega-editorial .hero-article {
  position: relative;
  background: var(--ink);
  overflow: visible;
  align-self: stretch;
  border: 2px solid var(--copper-on-dark);
}
.mega-editorial .hero-article--condensed {
  min-height: auto !important;
}
.mega-editorial .hero-article img {
  border-radius: 0;
}
.mega-editorial .hero-article__link {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
}
.mega-editorial .hero-article img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
}
.mega-editorial .hero-article h3 a {
  color: inherit;
  text-decoration: none;
}
.mega-editorial .hero-article h3 a:hover {
  text-decoration: underline;
}
.mega-editorial .hero-article:hover img {
  transform: scale(1.04);
  opacity: 0.5;
}
.mega-editorial .hero-article .content {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.mega-editorial .hero-article:hover .content {
  transform: translateY(-4px);
}
/* M3: Workshop silhouette watermark - moved to .content to free ::after for bronze-border-draw */
.mega-editorial .hero-article .content::after {
  content: '';
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  width: 80px;
  height: 60px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 60'%3E%3Cpath d='M10,55 L10,25 L25,15 L40,25 L40,20 L55,10 L70,20 L70,55 Z M15,55 L15,35 L22,35 L22,55 Z M45,55 L45,30 L52,30 L52,55 Z M58,55 L58,40 L65,40 L65,55 Z M25,22 L25,28 L32,28 L32,22 Z' fill='%23d4a574' opacity='0.08'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 2;
}
.mega-editorial .hero-article .content { position: relative; z-index: 1; padding: 2rem; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; color: white; }
.mega-editorial .hero-article .eyebrow { font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.15em; color: var(--gold); font-weight: 700; margin-bottom: 0.5rem; }
.mega-editorial .hero-article h3 { font-family: 'Noto Serif', serif; font-size: 1.75rem; margin-bottom: 0.5rem; }
.mega-editorial .hero-article p { font-size: 1rem; opacity: 0.8; margin-bottom: 1rem; }
.mega-editorial .hero-article .read-time { font-size: 0.875rem; opacity: 0.6; }
.mega-editorial .hero-article .trust-signal { font-size: 0.875rem; }
.mega-editorial .hero-article .hero-cta {
  display: inline-block;
  margin-top: 0.75rem;
  padding: 0.5rem 1rem;
  background: var(--copper);
  color: white;
  font-size: 0.85rem;
  font-weight: 600;
  border-radius: 4px;
  text-decoration: none;
  transition: background 0.2s ease;
}
.mega-editorial .hero-article .hero-cta:hover {
  background: var(--bronze);
}
/* D1: Fading gradient vertical dividers */
.mega-editorial .col {
  padding: 0 1.5rem 1.5rem 1.5rem !important;
  border-left: none;
  position: relative;
}
.mega-editorial .col::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 1rem;
  width: 1px;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(205, 191, 174, 0.6) 15%,
    rgba(184, 115, 51, 0.3) 50%,
    rgba(205, 191, 174, 0.6) 85%,
    transparent 100%
  );
  pointer-events: none;
}
.mega-editorial .col h4 {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--muted);
  margin: 0 0 1rem 0 !important;
  padding-top: 0 !important;
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.6rem;
  box-shadow: var(--accent-copper-line);
}
.mega-editorial .col h4::before {
  content: '';
  width: 12px;
  height: 12px;
  background: var(--copper);
  mask: url('barn-star-small.svg') center / contain no-repeat;
  -webkit-mask: url('barn-star-small.svg') center / contain no-repeat;
  flex-shrink: 0;
}
/* Task shortcuts section container - match .col padding */
.mega-editorial .task-shortcuts-section {
  padding: 0 1.5rem 0 1.5rem !important;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
/* Task shortcuts section header */
.mega-editorial .task-shortcuts-section h4 {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--muted);
  margin: 0 0 0.75rem 0 !important;
  padding-top: 0 !important;
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.6rem;
  box-shadow: var(--accent-copper-line);
}
.mega-editorial .task-shortcuts-section h4::before {
  content: '';
  width: 12px;
  height: 12px;
  background: var(--copper);
  mask: url('barn-star-small.svg') center / contain no-repeat;
  -webkit-mask: url('barn-star-small.svg') center / contain no-repeat;
  flex-shrink: 0;
}
/* Task shortcut cards - editorial context */
.mega-editorial .task-shortcut {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.65rem 0.75rem;
  background: white;
  border-radius: 6px;
  text-decoration: none;
  border: 1px solid var(--line);
  transition: all 0.2s ease;
  position: relative;
}
.mega-editorial .task-shortcut:hover {
  border-color: var(--copper);
  box-shadow: 0 2px 8px rgba(184, 115, 51, 0.12);
  transform: translateX(4px);
}
.mega-editorial .task-shortcut__icon {
  width: 28px;
  height: 28px;
  background: linear-gradient(135deg, rgba(212, 165, 116, 0.15) 0%, rgba(184, 115, 51, 0.1) 100%);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.mega-editorial .task-shortcut__icon::before {
  content: '';
  width: 14px;
  height: 14px;
  background: var(--copper);
  mask: url('barn-star-small.svg') center / contain no-repeat;
  -webkit-mask: url('barn-star-small.svg') center / contain no-repeat;
  transition: transform 0.2s ease;
}
.mega-editorial .task-shortcut:hover .task-shortcut__icon::before {
  transform: scale(1.15);
}
.mega-editorial .task-shortcut__content {
  flex: 1;
  min-width: 0;
}
.mega-editorial .task-shortcut__title {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--ink);
  margin-bottom: 0.15rem;
}
.mega-editorial .task-shortcut__desc {
  font-size: 0.9375rem;
  color: var(--muted);
  line-height: 1.3;
}
.mega-editorial .task-shortcut:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 2px;
}
/* Copper Accent Bar - menu items with left gradient bar */
.mega-editorial .col a {
  display: block;
  padding: 0.6rem 0 0.6rem 0;
  font-size: 1rem;
  color: var(--ink);
  position: relative;
  transition:
    color 0.2s ease,
    padding-left 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
/* Left accent bar - slides in from left */
.mega-editorial .col a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 0;
  background: var(--copper);
  border-radius: 1px;
  transition: height 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
/* Bottom line - fading gradient matching brand dividers */
.mega-editorial .col a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent 0,
    rgba(205, 191, 174, 0.6) 8px,
    rgba(184, 115, 51, 0.25) 50%,
    rgba(205, 191, 174, 0.6) calc(100% - 8px),
    transparent 100%
  );
}
.mega-editorial .col a:hover {
  color: var(--copper);
  padding-left: 0.75rem;
}
.mega-editorial .col a:hover::before {
  height: 60%;
}
/* Heritage marker with TN outline - enhanced */
.mega-editorial .heritage-marker {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  padding: 0.75rem 0;
  margin-bottom: 1rem;
}
.mega-editorial .heritage-marker__tn {
  width: 16px;
  height: 10px;
  color: var(--copper);
  opacity: 0.7;
  flex-shrink: 0;
}
.mega-editorial .heritage-marker__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.15rem;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--bronze, #7a431f);
}
.mega-editorial .expert-card { background: white; border-radius: 8px; padding: 1rem; display: flex; gap: 0.75rem; align-items: center; }
.mega-editorial .expert-card .avatar { width: 48px; height: 48px; border-radius: 50%; background: var(--copper-light); }
.mega-editorial .expert-card .info { font-size: 0.75rem; }
.mega-editorial .expert-card .name { font-weight: 700; }

/* ==========================================================================
   TRUST BAR: Social Proof + Heritage Callout (Connected)
   Row 2 spans columns 2-4 as unified "trust bar"
   ========================================================================== */

/* Grid adjustment - both rows auto-sized so trust bar sits tight under nav */
.mega-editorial {
  grid-template-rows: auto auto;
}
.mega-editorial .hero-article {
  grid-row: 1 / -1;
}

/* Sidebar FAQs - Row 1 only */
.mega-editorial .sidebar-faqs {
  grid-column: 4;
  grid-row: 1;
  background: var(--cream-deep);
  padding: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
  position: relative;
}
.mega-editorial .sidebar-faqs::after {
  content: '';
  position: absolute;
  left: 0;
  top: 1rem;
  bottom: 1rem;
  width: 1px;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(205, 191, 174, 0.6) 15%,
    rgba(184, 115, 51, 0.3) 50%,
    rgba(205, 191, 174, 0.6) 85%,
    transparent 100%
  );
  pointer-events: none;
}
.mega-editorial .sidebar-faqs > h4 {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--bronze, #7a431f);
  margin: 0 0 1rem 0;
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.6rem;
  box-shadow: var(--accent-copper-line);
}
.mega-editorial .sidebar-faqs > h4::before {
  content: '';
  width: 12px;
  height: 12px;
  background: var(--copper);
  mask: url('barn-star-small.svg') center / contain no-repeat;
  -webkit-mask: url('barn-star-small.svg') center / contain no-repeat;
  flex-shrink: 0;
}
/* FAQ links in sidebar-faqs */
.mega-editorial .sidebar-faqs .sidebar-faq {
  padding: 0;
  margin: 0;
}
.mega-editorial .sidebar-faqs .sidebar-faq li {
  border-left: none;
  padding: 0;
  margin-bottom: 0;
  background: none;
}
.mega-editorial .sidebar-faqs .sidebar-faq li a {
  display: block;
  padding: 0.6rem 0;
  font-size: 0.9rem;
  color: var(--ink);
  text-decoration: none;
  position: relative;
  border-bottom: 1px solid var(--line);
  transition:
    color 0.2s ease,
    padding-left 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.mega-editorial .sidebar-faqs .sidebar-faq li a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 0;
  background: linear-gradient(180deg, var(--gold) 0%, var(--copper) 50%, var(--bronze) 100%);
  border-radius: 1px;
  transition: height 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.mega-editorial .sidebar-faqs .sidebar-faq li a:hover {
  color: var(--copper);
  padding-left: 0.75rem;
}
.mega-editorial .sidebar-faqs .sidebar-faq li a:hover::before {
  height: 60%;
}

/* Heritage Style (Builders #13, Gallery #23) */
.mega-heritage {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
  position: relative;
}

/* ==========================================================================
   GALLERY MEGA MENU REDESIGN (2026-05-13)
   F-pattern optimized: text links left, cards center, hero right
   ========================================================================== */
.mega-heritage--gallery {
  grid-template-columns: 1fr 1.4fr 0.8fr;
  gap: 0;
  align-items: stretch;
}
.mega-heritage--gallery > * {
  min-height: 0;
  overflow: hidden;
}

/* Gallery: Browse links in first column (override base absolute positioning) */
.mega-heritage--gallery .guides-panel.guides-panel--first {
  position: relative;
  width: auto;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  padding: 1.5rem;
  background: var(--cream-deep);
}
.mega-heritage--gallery .guides-panel--first::before {
  display: none;
}
.mega-heritage--gallery .guides-panel--first::after {
  content: '';
  position: absolute;
  right: 0;
  top: 1rem;
  bottom: 1rem;
  width: 1px;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(205, 191, 174, 0.6) 15%,
    rgba(184, 115, 51, 0.3) 50%,
    rgba(205, 191, 174, 0.6) 85%,
    transparent 100%
  );
}

/* Gallery: Products panel with horizontal strip */
.mega-heritage--gallery .products-panel--gallery {
  padding: 1.5rem;
  background: white;
}

/* Gallery: 2x2 product grid (3 cards + CTA) */
.mega-heritage--gallery .product-strip {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.mega-heritage--gallery .product-strip .product-card {
  background: var(--cream);
  border: 1px solid var(--line);
}
.mega-heritage--gallery .product-strip .product-card img {
  height: 100px;
  width: 100%;
  object-fit: cover;
}
.mega-heritage--gallery .product-strip .product-card .info {
  padding: 0.5rem 0.6rem;
}
.mega-heritage--gallery .product-strip .product-card:hover {
  border-color: var(--copper);
}

/* Gallery: View All CTA card */
.mega-heritage--gallery .product-card--cta {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(184, 115, 51, 0.08) 0%, rgba(212, 165, 116, 0.12) 100%);
  border: 2px dashed var(--copper);
  min-height: 100%;
  transition: all 0.2s ease;
}
.mega-heritage--gallery .product-card--cta:hover {
  background: linear-gradient(135deg, rgba(184, 115, 51, 0.15) 0%, rgba(212, 165, 116, 0.2) 100%);
  border-style: solid;
  transform: translateY(-2px);
}
.mega-heritage--gallery .product-card--cta .cta-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  text-align: center;
}
.mega-heritage--gallery .product-card--cta .cta-icon {
  width: 32px;
  height: 32px;
  background: var(--copper);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mega-heritage--gallery .product-card--cta .cta-icon::before {
  content: '';
  width: 12px;
  height: 12px;
  background: white;
  mask: url('barn-star-small.svg') center / contain no-repeat;
  -webkit-mask: url('barn-star-small.svg') center / contain no-repeat;
}
.mega-heritage--gallery .product-card--cta .cta-text {
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--ink);
}
.mega-heritage--gallery .product-card--cta .cta-arrow {
  color: var(--copper);
  font-size: 1.25rem;
  font-weight: 700;
  transition: transform 0.2s ease;
}
.mega-heritage--gallery .product-card--cta:hover .cta-arrow {
  transform: translateX(4px);
}

/* Gallery: Compact hero panel (25% width, reduced opacity) */
.mega-heritage--gallery .story-panel--compact {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  min-height: 240px;
  border: 2px solid var(--copper-on-dark);
  overflow: hidden;
  text-decoration: none;
  color: white;
}
.mega-heritage--gallery .story-panel--compact img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
}
.mega-heritage--gallery .story-panel--compact:hover img {
  transform: scale(1.05);
  opacity: 0.5;
}
.mega-heritage--gallery .story-panel--compact .story-panel__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(26, 21, 17, 0.7) 0%,
    rgba(26, 21, 17, 0.4) 50%,
    rgba(26, 21, 17, 0.8) 100%
  );
}
.mega-heritage--gallery .story-panel--compact .story-panel__content {
  position: relative;
  z-index: 1;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
.mega-heritage--gallery .story-panel--compact .badge {
  margin-bottom: 0.75rem;
}
.mega-heritage--gallery .story-panel--compact .story-text {
  font-size: 0.9rem;
  line-height: 1.4;
  margin-bottom: 0.75rem;
}
.mega-heritage--gallery .hero-cta-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--gold);
  transition: gap 0.2s ease;
}
.mega-heritage--gallery .story-panel--compact:hover .hero-cta-link {
  gap: 0.6rem;
}

/* Gallery: Responsive adjustments */
@media (max-width: 1200px) and (min-width: 1025px) {
  .mega-heritage--gallery {
    grid-template-columns: 1fr 1.5fr 0.7fr;
  }
  .mega-heritage--gallery .product-strip .product-card img {
    height: 85px;
  }
}
@media (max-width: 1024px) {
  .mega-heritage--gallery {
    grid-template-columns: 1fr;
  }
  .mega-heritage--gallery .story-panel--compact {
    display: none;
  }
  .mega-heritage--gallery .product-strip {
    grid-template-columns: repeat(2, 1fr);
  }
}
.mega-heritage .story-panel {
  background: #1a1714;
  color: white;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* Hero-style story panel with background image */
.mega-heritage .story-panel--hero {
  position: relative;
  padding: 0;
  border: 2px solid var(--copper-on-dark);
  overflow: hidden;
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.mega-heritage .story-panel__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  overflow: hidden;
  border-radius: 0;
}
.mega-heritage .story-panel--hero img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.5;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.mega-heritage .story-panel--hero:hover img {
  transform: scale(1.05);
}
.mega-heritage .story-panel__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(26, 21, 17, 0.9) 0%,
    rgba(26, 21, 17, 0.5) 40%,
    rgba(26, 21, 17, 0.2) 100%
  );
}
.mega-heritage .story-panel__content {
  position: absolute;
  inset: 0;
  z-index: 1;
  padding: 1.5rem 1.5rem 1rem 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
/* Trade Partner badge with TN heritage marker */
.mega-heritage .badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(184, 115, 51, 0.15);
  border: 2px solid var(--copper);
  padding: 0.35rem 0.75rem;
  border-radius: 4px;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 1rem;
  width: fit-content;
  color: var(--gold);
}
/* TN outline silhouette - replaces American flag */
.mega-heritage .badge .flag {
  width: 18px;
  height: 12px;
  color: var(--gold);
  opacity: 0.9;
}
.mega-heritage h3 { font-family: 'Playfair Display', serif; font-size: 1.65rem; margin-bottom: 0.75rem; line-height: 1.25; }
.mega-heritage .story-text { font-size: 1.1rem; opacity: 0.85; line-height: 1.5; margin-bottom: 0; }
.mega-heritage .story-panel .copper-accent { padding: 0.75rem 1rem 0.75rem 1.25rem; margin-top: 0.5rem; }
.mega-heritage .story-panel .copper-accent__label { margin-bottom: 0.25rem; }
.mega-heritage .story-panel .copper-accent__quote { font-size: 1rem; }
.mega-heritage .warranty { display: flex; align-items: center; gap: 0.6rem; background: rgba(184,115,51,0.2); padding: 0.6rem 0.75rem; border-radius: 6px; margin-top: auto; }
/* Warranty/feature icon - copper circle with inner element */
.mega-heritage .warranty-icon {
  width: 32px;
  height: 32px;
  background: var(--copper);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  position: relative;
  flex-shrink: 0;
}
.mega-heritage .warranty-icon::before {
  content: '';
  width: 12px;
  height: 12px;
  border: 2px solid white;
  border-radius: 50%;
}
.mega-heritage .warranty-icon::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 3px;
  background: white;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mega-heritage .warranty-text { font-size: 0.875rem; line-height: 1.3; }
.mega-heritage .warranty-text strong { display: block; font-size: 1rem; }
.mega-heritage .products-panel { background: var(--cream-deep); padding: 1.5rem 1.5rem 0; align-self: start; }
/* Section header with copper marker - unified styling */
.mega-heritage .products-panel h4 {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--muted);
  margin: 0 0 1rem 0;
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.6rem;
  box-shadow: var(--accent-copper-line);
}
.mega-heritage .products-panel h4::before {
  content: '';
  width: 12px;
  height: 12px;
  background: var(--copper);
  mask: url('barn-star-small.svg') center / contain no-repeat;
  -webkit-mask: url('barn-star-small.svg') center / contain no-repeat;
  flex-shrink: 0;
}

/* Task Shortcuts - replaces product grid */
.mega-heritage .task-shortcuts {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.mega-heritage .task-shortcut {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.65rem 0.75rem;
  background: white;
  border-radius: 6px;
  text-decoration: none;
  border: 1px solid var(--line);
  transition: all 0.2s ease;
  position: relative;
}
.mega-heritage .task-shortcut:hover {
  border-color: var(--copper);
  box-shadow: 0 2px 8px rgba(184, 115, 51, 0.12);
  transform: translateX(4px);
}
.mega-heritage .task-shortcut__icon {
  width: 28px;
  height: 28px;
  background: linear-gradient(135deg, rgba(212, 165, 116, 0.15) 0%, rgba(184, 115, 51, 0.1) 100%);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.mega-heritage .task-shortcut__icon::before {
  content: '';
  width: 14px;
  height: 14px;
  background: var(--copper);
  mask: url('barn-star-small.svg') center / contain no-repeat;
  -webkit-mask: url('barn-star-small.svg') center / contain no-repeat;
  transition: transform 0.2s ease;
}
.mega-heritage .task-shortcut:hover .task-shortcut__icon::before {
  transform: scale(1.15);
}
.mega-heritage .task-shortcut__content {
  flex: 1;
  min-width: 0;
}
.mega-heritage .task-shortcut__title {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--ink);
  margin-bottom: 0.15rem;
}
.mega-heritage .task-shortcut__desc {
  font-size: 0.9375rem;
  color: var(--muted);
  line-height: 1.3;
}
.mega-heritage .task-shortcut:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 2px;
}
/* Phone CTA variant - hero styling */
.mega-heritage .task-shortcut--phone {
  background: var(--copper);
  border-color: var(--copper);
}
.mega-heritage .task-shortcut--phone .task-shortcut__icon {
  background: rgba(255,255,255,0.2);
}
.mega-heritage .task-shortcut--phone .task-shortcut__icon::before {
  background: white;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.mega-heritage .task-shortcut--phone .task-shortcut__title {
  color: white;
  font-size: 1.25rem;
}
.mega-heritage .task-shortcut--phone .task-shortcut__desc {
  color: rgba(255,255,255,0.85);
}
.mega-heritage .task-shortcut--phone:hover {
  background: var(--copper-dark, #9a5a2a);
  border-color: var(--copper-dark, #9a5a2a);
  transform: translateX(4px);
}
.mega-heritage .product-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.6rem; }
.mega-heritage .product-card { background: white; border-radius: 6px; overflow: hidden; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease; }
.mega-heritage .product-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(26,21,17,0.1); }
.mega-heritage .product-card img { height: 80px; width: 100%; object-fit: cover; }
.mega-heritage .product-card .info { padding: 0.5rem 0.6rem; }
.mega-heritage .product-card .tier { font-size: 0.8125rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--copper); font-weight: 700; }
.mega-heritage .product-card .name { font-weight: 700; font-size: 1rem; }
.mega-heritage .product-card .price { font-size: 0.9375rem; color: var(--muted); }
.mega-heritage .guides-panel {
  padding: 1.5rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: calc(100% / 3);
}
/* Fading gradient vertical divider - matches Homeowners menu */
.mega-heritage .guides-panel::before {
  content: '';
  position: absolute;
  left: 0;
  top: 1rem;
  bottom: 1rem;
  width: 1px;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(205, 191, 174, 0.6) 15%,
    rgba(184, 115, 51, 0.3) 50%,
    rgba(205, 191, 174, 0.6) 85%,
    transparent 100%
  );
  pointer-events: none;
}
/* Section header with copper marker - matches Homeowners menu */
.mega-heritage .guides-panel h4 {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--muted);
  margin: 0 0 0.5rem 0;
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.6rem;
  box-shadow: var(--accent-copper-line);
}
.mega-heritage .guides-panel h4::before {
  content: '';
  width: 12px;
  height: 12px;
  background: var(--copper);
  mask: url('barn-star-small.svg') center / contain no-repeat;
  -webkit-mask: url('barn-star-small.svg') center / contain no-repeat;
  flex-shrink: 0;
}
.mega-heritage .guide-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0;
  font-size: 1rem;
  position: relative;
  transition: color 0.2s ease, padding-left 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
/* Gradient divider bottom border - matches Homeowners menu */
.mega-heritage .guide-link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent 0%,
    rgba(205, 191, 174, 0.6) 10%,
    rgba(184, 115, 51, 0.25) 50%,
    rgba(205, 191, 174, 0.6) 90%,
    transparent 100%
  );
}
/* Left accent bar - slides in on hover */
.mega-heritage .guide-link::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 0;
  background: linear-gradient(180deg, var(--gold) 0%, var(--copper) 50%, var(--bronze) 100%);
  border-radius: 1px;
  transition: height 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.mega-heritage .guide-link:hover {
  color: var(--copper);
  padding-left: 0.75rem;
}
.mega-heritage .guide-link:hover::before {
  height: 60%;
}
/* Icon container removed - using text-only links with accent bar */
.mega-heritage .guide-link .icon {
  display: none;
}
/* Focus states for accessibility */
.mega-heritage .guide-link:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 2px;
  border-radius: 4px;
}
.mega-heritage .download-cta a:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 2px;
}
.mega-faq .tile:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 2px;
}
.mega-heritage .download-cta { margin-top: 0.5rem; display: flex; flex-direction: row; gap: 0.5rem; flex-wrap: wrap; }
.mega-heritage .download-cta a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.4rem 0.6rem;
  border-radius: 5px;
  font-weight: 600;
  font-size: 0.7rem;
  text-decoration: none;
  transition: all 0.2s ease;
  flex: 1;
  min-width: 0;
}
/* Primary CTA - copper fill */
.mega-heritage .download-cta a:first-child {
  background: var(--copper);
  color: white;
  border: 2px solid var(--copper);
}
.mega-heritage .download-cta a:first-child:hover {
  background: var(--bronze);
  border-color: var(--bronze);
}
/* Secondary CTA - ghost style */
.mega-heritage .download-cta a:last-child {
  background: transparent;
  color: var(--copper);
  border: 2px solid var(--copper);
}
.mega-heritage .download-cta a:last-child:hover {
  background: var(--copper);
  color: white;
}

/* ==========================================================================
   BUILDINGS MENU: Heritage-Style with Building Categories
   ========================================================================== */
.mega-buildings {
  grid-template-columns: 1fr 1.4fr 1fr;
}

/* Left Panel: Building Categories */
.mega-buildings .buildings-panel {
  background: var(--cream-deep);
  padding: 1.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
}
/* Gradient divider on right edge */
.mega-buildings .buildings-panel::after {
  content: '';
  position: absolute;
  right: 0;
  top: 1rem;
  bottom: 1rem;
  width: 1px;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(205, 191, 174, 0.6) 15%,
    rgba(184, 115, 51, 0.3) 50%,
    rgba(205, 191, 174, 0.6) 85%,
    transparent 100%
  );
  pointer-events: none;
}
.mega-buildings .buildings-panel h4 {
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--bronze, #7a431f);
  margin-bottom: 0.5rem;
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.5rem;
  box-shadow: var(--accent-copper-line);
}
.mega-buildings .buildings-panel h4::before {
  content: '';
  width: 10px;
  height: 10px;
  background: var(--copper);
  mask: url('barn-star-small.svg') center / contain no-repeat;
  -webkit-mask: url('barn-star-small.svg') center / contain no-repeat;
  flex-shrink: 0;
}

/* Building Category Item */
.mega-buildings .building-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.2s ease;
  position: relative;
}
.mega-buildings .building-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 0;
  background: linear-gradient(180deg, var(--gold) 0%, var(--copper) 50%, var(--bronze) 100%);
  border-radius: 1px;
  transition: height 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.mega-buildings .building-item:hover {
  background: white;
  padding-left: 0.75rem;
}
.mega-buildings .building-item:hover::before {
  height: 60%;
}
.mega-buildings .building-item:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 2px;
}
.mega-buildings .building-item img {
  width: 48px;
  height: 48px;
  border-radius: 6px;
  object-fit: cover;
  border: 1px solid var(--line);
  flex-shrink: 0;
}
.mega-buildings .building-info {
  flex: 1;
  min-width: 0;
}
.mega-buildings .building-name {
  font-weight: 600;
  font-size: 1rem;
  color: var(--ink);
  margin-bottom: 0.15rem;
}
.mega-buildings .building-size {
  font-size: 0.875rem;
  color: var(--copper);
  font-weight: 500;
}

/* Right Panel: Blog Feature - Compact to fit 360px */
.mega-buildings .blog-feature {
  background: white;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 0.5rem;
  border: 1px solid var(--line);
}
.mega-buildings .blog-feature img {
  width: 100%;
  height: 50px;
  object-fit: cover;
}
.mega-buildings .blog-feature .blog-tag {
  display: block;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--copper);
  font-weight: 700;
  padding: 0.4rem 0.6rem 0;
}
.mega-buildings .blog-feature .blog-title {
  font-size: 0.9375rem;
  font-family: 'Noto Serif', serif;
  color: var(--ink);
  padding: 0.15rem 0.6rem 0;
  margin: 0;
}
.mega-buildings .blog-feature .blog-desc {
  font-size: 0.8125rem;
  color: var(--muted);
  padding: 0.15rem 0.6rem 0.4rem;
  margin: 0;
  line-height: 1.3;
}

/* Buildings: Right Panel with Size Quiz CTA */
.mega-buildings .guides-panel {
  padding: 1.25rem 1.5rem;
  position: static;
  width: auto;
}

/* Size Quiz CTA - Prominent action card */
.mega-buildings .size-quiz-cta {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: linear-gradient(135deg, rgba(184, 115, 51, 0.1) 0%, rgba(212, 165, 116, 0.15) 100%);
  border: 2px solid var(--copper);
  border-radius: 8px;
  text-decoration: none;
  margin-bottom: 1rem;
  transition: all 0.2s ease;
}
.mega-buildings .size-quiz-cta:hover {
  background: linear-gradient(135deg, rgba(184, 115, 51, 0.15) 0%, rgba(212, 165, 116, 0.2) 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(184, 115, 51, 0.2);
}
.mega-buildings .size-quiz-cta:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 2px;
}
.mega-buildings .size-quiz-cta__icon {
  width: 36px;
  height: 36px;
  background: var(--copper);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.mega-buildings .size-quiz-cta__icon::before {
  content: '?';
  color: white;
  font-weight: 700;
  font-size: 1.1rem;
}
.mega-buildings .size-quiz-cta__content {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.mega-buildings .size-quiz-cta__content strong {
  font-size: 1rem;
  color: var(--ink);
  font-weight: 700;
}
.mega-buildings .size-quiz-cta__content span {
  font-size: 0.875rem;
  color: var(--copper);
  font-weight: 500;
}

/* Buildings: Guide links */
.mega-buildings .guides-panel h4 {
  margin-bottom: 0.5rem;
  padding-bottom: 0.4rem;
}
.mega-buildings .guide-link {
  padding: 0.4rem 0;
  font-size: 0.9375rem;
}
.mega-buildings .download-cta {
  margin-top: 0.75rem;
  gap: 0.35rem;
}
.mega-buildings .download-cta a {
  padding: 0.45rem 0.75rem;
  font-size: 0.72rem;
}

/* ==========================================================================
   BUILDINGS MENU V2: Simplified 2-Column Layout
   Redesign based on research: reduced from 17 to 10 elements
   ========================================================================== */
.mega-buildings-v2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  padding: 1.5rem;
}

/* Left Column: Building Navigation */
.mega-buildings-v2 .buildings-nav {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.mega-buildings-v2 .buildings-nav h4,
.mega-buildings-v2 .sizing-cta h4,
.mega-buildings-v2 .quick-links h4 {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--bronze, #7a431f);
  margin: 0 0 0.75rem 0;
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.5rem;
  box-shadow: var(--accent-copper-line);
}

.mega-buildings-v2 .star-icon {
  width: 10px;
  height: 10px;
  background: var(--copper);
  mask: url('barn-star-small.svg') center / contain no-repeat;
  -webkit-mask: url('barn-star-small.svg') center / contain no-repeat;
  flex-shrink: 0;
  display: inline-block;
}

/* Building Link Cards */
.mega-buildings-v2 .building-link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  text-decoration: none;
  border: 1px solid var(--line);
  transition: all 0.2s ease;
  background: white;
}

.mega-buildings-v2 .building-link:hover {
  border-color: var(--copper);
  background: var(--cream);
}

.mega-buildings-v2 .building-link:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 2px;
}

/* Building Icons - CSS mask for single-color silhouettes */
.mega-buildings-v2 .building-icon {
  width: 32px;
  height: 32px;
  background: var(--copper);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  flex-shrink: 0;
}

.mega-buildings-v2 .building-icon--shed {
  mask-image: url('icon-shed.svg');
  -webkit-mask-image: url('icon-shed.svg');
}
.mega-buildings-v2 .building-icon--horse {
  mask-image: url('icon-horse-barn.svg');
  -webkit-mask-image: url('icon-horse-barn.svg');
}
.mega-buildings-v2 .building-icon--barndo {
  mask-image: url('icon-barndo.svg');
  -webkit-mask-image: url('icon-barndo.svg');
}
.mega-buildings-v2 .building-icon--barn {
  mask-image: url('icon-barn.svg');
  -webkit-mask-image: url('icon-barn.svg');
}
.mega-buildings-v2 .building-icon--arena {
  mask-image: url('icon-arena.svg');
  -webkit-mask-image: url('icon-arena.svg');
}

.mega-buildings-v2 .building-name {
  font-weight: 600;
  color: var(--ink);
  flex: 1;
}

.mega-buildings-v2 .building-size {
  font-size: 0.85rem;
  color: var(--copper);
  font-weight: 600;
}

/* Right Column: Support Section */
.mega-buildings-v2 .buildings-support {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Sizing CTA Box */
.mega-buildings-v2 .sizing-cta {
  padding: 1.25rem;
  background: var(--cream);
  border-radius: 8px;
  border: 1px solid var(--copper-fade, rgba(184, 115, 51, 0.2));
}

.mega-buildings-v2 .sizing-prompt {
  margin: 0 0 0.75rem 0;
  color: var(--muted);
  font-size: 0.9rem;
}

.mega-buildings-v2 .cta-link {
  display: block;
  padding: 0.65rem 1rem;
  border-radius: 6px;
  text-decoration: none;
  text-align: center;
  font-weight: 600;
  font-size: 0.9rem;
  transition: all 0.2s ease;
}

.mega-buildings-v2 .cta-link--primary {
  background: var(--copper);
  color: white;
  margin-bottom: 0.5rem;
}

.mega-buildings-v2 .cta-link--primary:hover {
  background: var(--bronze);
}

.mega-buildings-v2 .cta-link--secondary {
  background: white;
  color: var(--copper);
  border: 1px solid var(--copper);
}

.mega-buildings-v2 .cta-link--secondary:hover {
  background: var(--cream);
}

.mega-buildings-v2 .cta-link:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 2px;
}

/* Quick Links Section */
.mega-buildings-v2 .quick-links {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.mega-buildings-v2 .quick-links a {
  padding: 0.5rem 0;
  color: var(--ink);
  text-decoration: none;
  font-size: 0.95rem;
  font-weight: 500;
  transition: color 0.15s ease;
  border-bottom: 1px solid var(--line);
}

.mega-buildings-v2 .quick-links a:last-child {
  border-bottom: none;
}

.mega-buildings-v2 .quick-links a:hover {
  color: var(--copper);
}

.mega-buildings-v2 .quick-links a:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}

/* Responsive: Stack on smaller screens */
@media (max-width: 768px) {
  .mega-buildings-v2 {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding: 1rem;
  }
}

/* Collection Tabs Style (Cupolas #49) */
.mega-tabs { display: flex; flex-direction: column; }
.mega-tabs .tab-nav { display: flex; align-items: center; border-bottom: 1px solid var(--line); overflow: hidden; }
/* Preview strip - DARK announcement zone with warm gradient + copper accent */
.mega-tabs .tab-nav .preview-strip-inline {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 1.5rem;
  background: var(--gradient-twilight);
  box-shadow: var(--accent-copper-line);
  border-radius: 0;
}
/* Heritage slogan - gold accent on dark */
.mega-tabs .tab-nav .preview-strip-inline .strip-slogan {
  font-size: 1rem;
  font-weight: 600;
  color: var(--gold, #d4a574);
  font-style: italic;
  letter-spacing: 0.01em;
}
/* Heritage trust signal - light on dark */
.mega-tabs .tab-nav .preview-strip-inline .strip-heritage {
  font-size: 0.875rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 0.02em;
  white-space: nowrap;
}
/* Divider - subtle on dark */
.mega-tabs .tab-nav .preview-strip-inline .strip-divider {
  width: 1px;
  height: 20px;
  background: rgba(255, 255, 255, 0.2);
  margin: 0 0.25rem;
  flex-shrink: 0;
}
/* "Not sure which size?" question - light on dark */
.mega-tabs .tab-nav .preview-strip-inline .strip-question {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 500;
  white-space: nowrap;
}
/* Quiz CTA button - ghost style on dark */
.mega-tabs .tab-nav .preview-strip-inline .btn-quiz {
  padding: 0.45rem 1rem;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 600;
  background: transparent;
  border: 2px solid var(--gold, #d4a574);
  color: var(--gold, #d4a574);
  text-decoration: none;
  transition: all 0.15s;
  white-space: nowrap;
}
.mega-tabs .tab-nav .preview-strip-inline .btn-quiz:hover {
  background: var(--gold, #d4a574);
  color: var(--ink, #1a1714);
  transform: translateY(-1px);
}

.mega-tabs .products-grid { padding: 1.5rem; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; border-radius: 0 0 16px 16px; background: var(--cream, #faf8f5); }

/* Product card - white with warm shadow (Option B) */
.mega-tabs .product-item {
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  border-radius: 6px;
  cursor: pointer;
  background: #fff;
  box-shadow: 0 2px 8px rgba(139, 90, 43, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
/* Bronze border animation now handled by .bronze-border-draw utility */
.mega-tabs .product-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(139, 90, 43, 0.16), 0 6px 16px rgba(26, 21, 17, 0.08);
}

/* MOST POPULAR badge - larger and more prominent */
.mega-tabs .product-item.popular .name::before { content: 'MOST POPULAR'; display: block; background: var(--copper); color: white; padding: 0.25rem 0.6rem; border-radius: 3px; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.04em; margin-bottom: 0.35rem; width: fit-content; margin-left: auto; margin-right: auto; }
/* Card highlight for popular item - slightly elevated */
.mega-tabs .product-item.popular { background: #fff; border-radius: 8px; box-shadow: 0 4px 16px rgba(139, 90, 43, 0.12), 0 2px 6px rgba(184, 115, 51, 0.08); }

/* Building fit text - visible context */
.mega-tabs .product-item .building-fit { font-size: 0.875rem; color: var(--muted); font-style: italic; margin-bottom: 0.25rem; }

/* Hover value prop - absolute positioned overlay (no layout shift) */
.mega-tabs .product-item .hover-value-prop {
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
  right: 0.5rem;
  font-size: 0.65rem;
  color: var(--copper);
  font-style: italic;
  text-align: center;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}
.mega-tabs .product-item:hover .hover-value-prop { opacity: 1; }

/* Image wrapper */
.mega-tabs .product-item .img-wrap {
  position: relative;
  width: 140px;
  height: 140px;
  min-height: 140px;
  flex-shrink: 0;
  margin-bottom: 0.75rem;
  border-radius: 4px;
}

.mega-tabs .product-item .img-wrap img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center;
  background: transparent;
  border-radius: 4px;
}
.mega-tabs .product-item img:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .mega-tabs .product-item,
  .mega-tabs .product-item img { transition: none; }
  /* Bronze border animation reduced motion handled by .bronze-border-draw utility */
}
.mega-tabs .product-item .name { font-weight: 700; margin-bottom: 0.25rem; }
.mega-tabs .product-item .price { color: var(--copper); font-weight: 700; }
.mega-tabs .product-item .sizes { font-size: 0.8rem; color: var(--muted); margin-top: 0.35rem; }

.mega-tabs .preview-strip .preview-actions { display: flex; gap: 0.75rem; align-items: center; flex-shrink: 0; }
.mega-tabs .preview-strip .preview-actions a { padding: 0.5rem 1rem; border-radius: 4px; font-size: 0.8rem; font-weight: 600; text-decoration: none; transition: all 0.15s; }
.mega-tabs .preview-strip .preview-actions .btn-email { background: transparent; border: 1px solid rgba(255,255,255,0.3); color: white; }
.mega-tabs .preview-strip .preview-actions .btn-email:hover { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.5); }
.mega-tabs .preview-strip .preview-actions .btn-quote { background: var(--copper); color: white; border: none; }
.mega-tabs .preview-strip .preview-actions .btn-quote:hover { background: var(--copper-dark, #9a5a28); }
.mega-tabs .preview-strip .phone-help { font-size: 0.75rem; color: rgba(255,255,255,0.6); text-align: right; }
.mega-tabs .preview-strip .phone-help a { color: var(--gold); text-decoration: none; font-weight: 600; }

/* Collection Nav Style (Buildings #8) */
.mega-collection { display: flex; flex-direction: column; }
.mega-collection .new-strip { background: var(--ink); color: white; padding: 0.75rem 2rem; display: flex; align-items: center; gap: 2rem; overflow-x: auto; }
.mega-collection .new-strip .label { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.15em; color: var(--gold); font-weight: 700; flex-shrink: 0; }
.mega-collection .new-strip .items { display: flex; gap: 1.5rem; }
.mega-collection .new-strip .items a { font-size: 0.85rem; white-space: nowrap; opacity: 0.8; color: white; }
.mega-collection .new-strip .items a:hover { opacity: 1; }
.mega-collection .main-content { display: grid; grid-template-columns: 1fr 1.5fr 280px; flex: 1; }
.mega-collection .collections-list { padding: 1.5rem; border-right: 1px solid var(--line); }
.mega-collection .collections-list h4 { font-size: 1rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--muted); margin-bottom: 1rem; font-family: 'Manrope', sans-serif; font-weight: 700; }
.mega-collection .collection-item { display: flex; align-items: center; gap: 1rem; padding: 0.75rem; border-radius: 8px; cursor: pointer; transition: background 0.15s; }
.mega-collection .collection-item:hover { background: var(--cream); }
.mega-collection .collection-item.active { background: var(--cream); border-left: 3px solid var(--copper); }
.mega-collection .collection-item img { width: 60px; height: 60px; border-radius: 8px; object-fit: cover; }
.mega-collection .collection-item .info .name { font-weight: 700; font-size: 0.95rem; }
.mega-collection .collection-item .info .count { font-size: 0.75rem; color: var(--muted); }
.mega-collection .shop-look { padding: 1.5rem; }
.mega-collection .shop-look h4 { font-size: 1rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--muted); margin-bottom: 1rem; font-family: 'Manrope', sans-serif; font-weight: 700; }
.mega-collection .shop-look .image-container { position: relative; border-radius: 16px; overflow: hidden; }
.mega-collection .shop-look .image-container img { width: 100%; height: 280px; object-fit: cover; }
.mega-collection .shop-look .hotspot { position: absolute; width: 32px; height: 32px; background: white; border: 2px solid var(--copper); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.75rem; font-weight: 700; cursor: pointer; animation: hotspot-pulse 2s infinite; }
@keyframes hotspot-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(184,115,51,0.4); } 50% { box-shadow: 0 0 0 8px rgba(184,115,51,0); } }
.mega-tabs .product-item::before,
.mega-tabs .product-item::after { background: none; }
.mega-collection .sidebar { background: var(--cream); padding: 1.5rem; }
.mega-collection .blog-card { margin-bottom: 1.5rem; }
.mega-collection .blog-card img { width: 100%; height: 120px; object-fit: cover; border-radius: 8px; margin-bottom: 0.75rem; }
.mega-collection .blog-card .tag { font-size: 0.8125rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--copper); font-weight: 700; }
.mega-collection .blog-card h4 { font-size: 1rem; margin: 0.25rem 0; font-family: 'Noto Serif', serif; }
.mega-collection .blog-card p { font-size: 0.8rem; color: var(--muted); }
.mega-collection .quick-links h4 { font-size: 1rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--muted); margin-bottom: 0.75rem; font-family: 'Manrope', sans-serif; font-weight: 700; }
.mega-collection .quick-links a { display: block; padding: 0.5rem 0; font-size: 0.85rem; border-bottom: 1px solid var(--line); }
.mega-collection .quick-links a:hover { color: var(--copper); }

/* FAQ Wall Style (Pricing #12) */
.mega-faq { padding: 2rem; }
.mega-faq .search-bar { max-width: 500px; margin: 0 auto 2rem; position: relative; }
.mega-faq .search-bar input { width: 100%; padding: 1rem 1rem 1rem 3rem; border: 2px solid var(--line); border-radius: 999px; font-size: 1rem; font-family: inherit; }
.mega-faq .search-bar input:focus { outline: none; border-color: var(--copper); }
/* Search icon - CSS circle with handle */
.mega-faq .search-bar::before {
  content: '';
  position: absolute;
  left: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  border: 2px solid var(--copper);
  border-radius: 50%;
}
.mega-faq .search-bar::after {
  content: '';
  position: absolute;
  left: 2.15rem;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 2px;
  background: var(--copper);
  margin-top: 4px;
}
.mega-faq .tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.mega-faq .tile { background: var(--cream); border-radius: 16px; padding: 1.5rem; cursor: pointer; transition: all 0.2s; border: 2px solid transparent; }
.mega-faq .tile:hover { border-color: var(--copper); transform: translateY(-2px); box-shadow: 0 8px 32px rgba(26,21,17,0.12); }
/* Copper diamond icon - replaces emoji */
.mega-faq .tile .icon {
  width: 40px;
  height: 40px;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
}
.mega-faq .tile .icon::before {
  content: '';
  width: 12px;
  height: 12px;
  background: linear-gradient(135deg, var(--gold) 0%, var(--copper) 50%, var(--bronze) 100%);
  transform: rotate(45deg);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.mega-faq .tile:hover .icon::before {
  transform: rotate(45deg) scale(1.2);
  box-shadow: 0 0 12px rgba(184, 115, 51, 0.4);
}
.mega-faq .tile h4 { font-size: 1rem; margin-bottom: 0.5rem; font-family: 'Noto Serif', serif; }
.mega-faq .tile p { font-size: 0.8rem; color: var(--muted); line-height: 1.5; }
.mega-faq .cta-row { text-align: center; margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.mega-faq .cta-row a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--copper);
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.9rem;
  text-decoration: none;
  border: 2px solid var(--copper);
  transition: all 0.2s ease;
}
.mega-faq .cta-row a:hover {
  background: var(--bronze);
  border-color: var(--bronze);
}

/* Resources: Compact 4-column, single row - minimal height */
.mega-resources {
  display: grid;
  grid-template-columns: 260px 1fr 1fr 1fr;
  gap: 0;
  align-items: start;
}

/* Visual Anchor - Compact hero card */
.mega-resources .visual-anchor {
  position: relative;
  background: var(--ink);
  overflow: hidden;
  border: 2px solid var(--copper);
  min-height: 200px;
}
.mega-resources .visual-anchor img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
}
.mega-resources .visual-anchor:hover img {
  transform: scale(1.04);
  opacity: 0.5;
}
.mega-resources .visual-anchor .content {
  position: relative;
  z-index: 1;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  color: white;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.mega-resources .visual-anchor:hover .content {
  transform: translateY(-3px);
}
.mega-resources .visual-anchor .eyebrow {
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 0.35rem;
}
.mega-resources .visual-anchor h3 {
  font-family: 'Noto Serif', serif;
  font-size: 1.1rem;
  line-height: 1.3;
  margin: 0;
}

/* Link columns with gradient dividers and copper markers */
.mega-resources .col {
  padding: 1.25rem;
  position: relative;
}
.mega-resources .col::after {
  content: '';
  position: absolute;
  left: 0;
  top: 1rem;
  bottom: 1rem;
  width: 1px;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(205, 191, 174, 0.6) 15%,
    rgba(184, 115, 51, 0.3) 50%,
    rgba(205, 191, 174, 0.6) 85%,
    transparent 100%
  );
  pointer-events: none;
}
.mega-resources .col h4 {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--muted);
  margin: 0 0 0.75rem 0;
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.5rem;
  box-shadow: var(--accent-copper-line);
}
.mega-resources .col h4::before {
  content: '';
  width: 12px;
  height: 12px;
  background: var(--copper);
  mask: url('barn-star-small.svg') center / contain no-repeat;
  -webkit-mask: url('barn-star-small.svg') center / contain no-repeat;
  flex-shrink: 0;
}
.mega-resources .col a {
  color: var(--ink);
  text-decoration: none;
  font-size: 1rem;
  padding: 0.4rem 0;
  display: block;
  position: relative;
  transition: color 0.2s ease, padding-left 0.2s ease;
}
.mega-resources .col a::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0.3rem;
  width: 0;
  height: 1px;
  background: linear-gradient(90deg, var(--copper), var(--gold));
  transition: width 0.3s ease;
}
.mega-resources .col a:hover {
  color: var(--copper);
  padding-left: 8px;
}
.mega-resources .col a:hover::before {
  width: calc(100% - 8px);
}

/* ==========================================================================
   JOURNAL: Fresh Content Cards Layout
   3 article cards (65%) | Category sidebar (35%)
   ========================================================================== */
.mega-journal {
  display: grid;
  grid-template-columns: 280px 1fr 1fr 1fr 200px;
  gap: 0;
  align-items: stretch;
  padding: 0;
}

/* Journal hero panel */
.mega-journal .journal-hero {
  position: relative;
  background: var(--ink);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 280px;
  text-decoration: none;
  border: 2px solid var(--copper-on-dark);
}
.mega-journal .journal-hero img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.5;
  transition: transform 0.4s ease, opacity 0.3s ease;
}
.mega-journal .journal-hero:hover img {
  transform: scale(1.05);
  opacity: 0.4;
}
.mega-journal .journal-hero .content {
  position: relative;
  z-index: 1;
  padding: 1.5rem;
  color: white;
}
.mega-journal .journal-hero .eyebrow {
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--gold);
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.mega-journal .journal-hero h3 {
  font-family: 'Noto Serif', serif;
  font-size: 1.25rem;
  margin: 0 0 0.5rem;
  line-height: 1.3;
}
.mega-journal .journal-hero p {
  font-size: 0.85rem;
  opacity: 0.8;
  margin: 0;
  line-height: 1.5;
}
.mega-journal .journal-hero .cta-link {
  display: inline-block;
  margin-top: 0.75rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--gold);
}

/* Article cards wrapper */
.mega-journal .articles-grid {
  display: contents;
}
/* Article Cards - horizontal row */
.mega-journal .article-card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  padding: 1.5rem 1rem;
  position: relative;
  transition: transform 0.2s ease;
}
.mega-journal .article-card:hover {
  transform: translateY(-2px);
}
/* Gradient divider between cards */
.mega-journal .article-card::after {
  content: '';
  position: absolute;
  right: 0;
  top: 1rem;
  bottom: 1rem;
  width: 1px;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(205, 191, 174, 0.6) 15%,
    rgba(184, 115, 51, 0.3) 50%,
    rgba(205, 191, 174, 0.6) 85%,
    transparent 100%
  );
  pointer-events: none;
}
.mega-journal .article-card:first-child {
  padding-left: 0;
}

/* Article thumbnail */
.mega-journal .article-card .thumb {
  width: 100%;
  height: 120px;
  object-fit: cover;
  border-radius: 6px;
  border: 1px solid var(--line);
  margin-bottom: 0.5rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.mega-journal .article-card:hover .thumb {
  border-color: var(--copper);
  box-shadow: 0 4px 12px rgba(184, 115, 51, 0.15);
}

/* Article category tag */
.mega-journal .article-card .tag {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--copper);
  margin-bottom: 0.4rem;
}
.mega-journal .article-card .tag::before {
  content: '';
  width: 3px;
  height: 10px;
  background: linear-gradient(to bottom, var(--gold), var(--copper));
  border-radius: 2px;
}

/* Article title */
.mega-journal .article-card .title {
  font-family: 'Noto Serif', serif;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--ink);
  margin: 0 0 0.4rem 0;
  transition: color 0.2s ease;
}
.mega-journal .article-card:hover .title {
  color: var(--copper);
}

/* Article excerpt */
.mega-journal .article-card .excerpt {
  font-size: 0.8rem;
  color: var(--muted);
  line-height: 1.5;
  margin: 0.4rem 0;
  flex: 1;
}

/* Article date */
.mega-journal .article-card .date {
  font-size: 0.7rem;
  color: var(--muted);
  font-weight: 500;
  margin-top: auto;
}

/* Categories sidebar */
.mega-journal .categories {
  grid-column: 5;
  padding: 1.5rem 1.25rem;
  position: relative;
  background: var(--cream-deep);
  border-radius: 0 0 16px 0;
}
.mega-journal .categories::before {
  content: '';
  position: absolute;
  left: 0;
  top: 1rem;
  bottom: 1rem;
  width: 1px;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(205, 191, 174, 0.6) 15%,
    rgba(184, 115, 51, 0.3) 50%,
    rgba(205, 191, 174, 0.6) 85%,
    transparent 100%
  );
}
/* Hide divider on last card (before categories) */
.mega-journal .article-card:last-of-type::after {
  display: none;
}

.mega-journal .categories h4 {
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--bronze);
  margin: 0 0 1rem 0;
  font-family: 'Manrope', sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-bottom: 0.5rem;
  box-shadow: var(--accent-copper-line);
}
.mega-journal .categories h4::before {
  content: '';
  width: 12px;
  height: 12px;
  background: var(--copper);
  mask: url('barn-star-small.svg') center / contain no-repeat;
  -webkit-mask: url('barn-star-small.svg') center / contain no-repeat;
  flex-shrink: 0;
}

.mega-journal .categories a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--ink);
  text-decoration: none;
  font-size: 0.85rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(205, 191, 174, 0.4);
  transition: color 0.2s ease, padding-left 0.2s ease;
}
.mega-journal .categories a:last-of-type {
  border-bottom: none;
}
.mega-journal .categories a:hover {
  color: var(--copper);
  padding-left: 6px;
}
.mega-journal .categories .count {
  font-size: 0.7rem;
  color: var(--muted);
  font-weight: 600;
}

/* View All link */
.mega-journal .categories .view-all {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 1rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--copper);
  border-bottom: none;
  padding: 0;
}
.mega-journal .categories .view-all:hover {
  padding-left: 0;
  gap: 0.6rem;
}
.mega-journal .categories .view-all span {
  transition: transform 0.2s ease;
}
.mega-journal .categories .view-all:hover span {
  transform: translateX(3px);
}

/* Soft CTA - educational framing */
.mega-journal .journal-cta {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--line);
}
.mega-journal .soft-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--copper);
  text-decoration: none;
  padding: 0;
  border-bottom: none;
}
.mega-journal .soft-cta:hover {
  text-decoration: underline;
  padding-left: 0;
}

/* Trust signal - content authority */
.mega-journal .journal-trust {
  display: block;
  font-size: 0.7rem;
  color: var(--muted);
  margin-top: 0.75rem;
  font-style: italic;
}

/* ==========================================================================
   RESPONSIVE: COMPACT VIEWPORTS
   Just spacing adjustments - NO height constraints that clip content
   ========================================================================== */
@media (max-height: 800px) {
  /* Compact spacing - content flows naturally, just tighter */
  .mega-editorial .hero-article .content { padding: 1.25rem; }
  .mega-editorial .hero-article h3 { font-size: 1.4rem; }
  .mega-editorial .col,
  .mega-editorial .sidebar-faqs { padding: 1.1rem; }
  .mega-editorial .col a,
  .mega-editorial .sidebar-faqs .sidebar-faq li a { padding: 0.4rem 0; font-size: 0.9375rem; }

  /* Resources - compact height */
  .mega-resources .col { padding: 1rem; }
  .mega-resources .col a { padding: 0.35rem 0; font-size: 0.9375rem; }
  .mega-resources .visual-anchor { min-height: 180px; }
  .mega-resources .visual-anchor h3 { font-size: 1rem; }
  .mega-resources .visual-anchor .content { padding: 1rem; }

  .mega-heritage .story-panel { padding: 1.25rem; }
  .mega-heritage h3 { font-size: 1.4rem; }
  .mega-heritage .product-card img { height: 90px; }
  .mega-heritage .products-panel { padding: 0 1.25rem 0 1.25rem; }
  .mega-heritage .guides-panel { padding: 0 1.25rem 1.25rem 1.25rem; position: absolute; right: 0; top: 0; bottom: 0; width: calc(100% / 3); }

  .mega-tabs .products-grid { padding: 1rem; gap: 1rem; }
  .mega-tabs .product-item img { height: 100px; }

  .mega-collection .shop-look .image-container img { height: 200px; }

  .mega-faq { padding: 1.25rem; }
  .mega-faq .tiles { gap: 0.75rem; }
  .mega-faq .tile { padding: 1rem; }

}

@media (max-height: 700px) {
  /* Even tighter spacing for very short viewports */
  .mega-editorial .col a,
  .mega-editorial .sidebar-faqs .sidebar-faq li a { padding: 0.3rem 0; }
  .mega-heritage .product-card img { height: 75px; }
  .mega-tabs .product-item img { height: 85px; }
  .mega-faq .tile { padding: 0.85rem; }
  .mega-faq .tile .icon { font-size: 1.5rem; }
}

/* ==========================================================================
   RESPONSIVE: SMALL LAPTOP WIDTH (1200px - 1025px)
   Narrower grids while maintaining all content
   ========================================================================== */
@media (max-width: 1200px) and (min-width: 1025px) {
  .mega-editorial { grid-template-columns: 1.1fr 1fr 1fr 220px; }
  .mega-heritage { grid-template-columns: 1fr 1.3fr 1fr; }
  .mega-resources { grid-template-columns: 220px 1fr 1fr 1fr; }
  .mega-journal { grid-template-columns: 1fr 1fr 1fr 240px; }
  .mega-journal .article-card { padding: 0 1rem; }
  .mega-journal .article-card .thumb { height: 100px; }
  .mega-journal .article-card .title { font-size: 0.88rem; }
  .mega-collection .main-content { grid-template-columns: 1fr 1.3fr 220px; }
  .mega-tabs .products-grid { grid-template-columns: repeat(3, 1fr); }
}

/* Responsive - Tablet */
@media (max-width: 1024px) {
  /* HYBRID: No max-height constraint - content flows naturally */
  .mega-editorial, .mega-heritage, .mega-collection .main-content { grid-template-columns: 1fr; }
  .mega-editorial .sidebar-faqs, .mega-heritage .story-panel { display: none; }
  .mega-tabs .products-grid, .mega-faq .tiles { grid-template-columns: repeat(2, 1fr); }
  .mega-collection .sidebar { display: none; }
  /* Resources: stack on tablet */
  .mega-resources { grid-template-columns: 1fr 1fr 1fr; }
  .mega-resources .visual-anchor { display: none; }
  /* Journal: 2 cards + categories on tablet */
  .mega-journal { grid-template-columns: 1fr 1fr 220px; padding: 1.25rem 0; }
  .mega-journal .article-card:nth-child(3) { display: none; }
  .mega-journal .article-card:nth-child(2)::after { display: none; }
  .mega-journal .categories { margin: -1.25rem 0; padding-top: 1.25rem; padding-bottom: 1.25rem; }
}

/* Responsive - Mobile */
@media (max-width: 768px) {
  .mega-panel { display: none !important; }
}

/* Reduced motion: Resources menu */
@media (prefers-reduced-motion: reduce) {
  .mega-resources .col a,
  .mega-resources .visual-anchor img,
  .mega-resources .visual-anchor .content { transition: none; }
  .mega-resources .col a:hover { padding-left: 0; }
  .mega-resources .visual-anchor:hover img { transform: none; }
  .mega-resources .visual-anchor:hover .content { transform: none; }
  /* Journal: disable animations */
  .mega-journal .article-card,
  .mega-journal .article-card .thumb,
  .mega-journal .article-card .title,
  .mega-journal .categories a { transition: none; }
  .mega-journal .article-card:hover { transform: none; }
  .mega-journal .categories a:hover { padding-left: 0; }
}