/* ==========================================================================
   TENZOR MINING — TEMA PREDETERMINADO: AZUL (OPCIÓN 2: CERÚLEO & ARENA MINERAL)
   
   Colores oficiales:
     • Rich Cerulean: #2274A5
     • Sand Dune:     #E7DFC6
     • Alice Blue:    #E9F1F7
     • Ink Black:     #131B23
     • Taupe:         #816C61
   
   Alternancia cromática de secciones:
     • Hero (Sección 1):       Alice Blue Luminoso (#E9F1F7) con Cerúleo (#2274A5)
     • Ingeniería (Sección 2): Arena Sand Dune (#E7DFC6)
     • Galería (Sección 3):    Alice Blue (#E9F1F7)
     • Contacto (Sección 4):   Arena Sand Dune (#E7DFC6)
     • Footer:                 Ink Black (#131B23)
   ========================================================================== */

/* --------------------------------------------------------------------------
   VARIABLES CROMÁTICAS GLOBALES (OPCIÓN 2)
   -------------------------------------------------------------------------- */
:root,
[data-theme="option-2"] {
    --hero-bg: #E9F1F7;
    --hero-text: #131B23;
    --hero-subtext: #574B43;
    --bg-darkest: #DEE8F0;
    --bg-primary: #E9F1F7;
    --bg-secondary: #E7DFC6;
    --bg-card: #FFFFFF;
    --bg-card-hover: #F8FAFC;
    --bg-glass: rgba(233, 241, 247, 0.94);
    --bg-footer: #131B23;
    --section-ingenieria-bg: #E7DFC6;
    --section-gallery-bg: #E9F1F7;
    --section-contact-bg: #E7DFC6;

    /* Acento Cerúleo */
    --gold-100: #E9F1F7;
    --gold-300: #328EC7;
    --gold-500: #2274A5;  /* Rich Cerulean */
    --gold-600: #1C638E;
    --gold-700: #165175;
    --gold-gradient: linear-gradient(135deg, #328EC7 0%, #2274A5 55%, #185880 100%);
    --gold-glow: rgba(34, 116, 165, 0.35);

    --text-white: #131B23;  /* Ink Black en secciones claras */
    --text-primary: #131B23;
    --text-secondary: #574B43;
    --text-muted: #816C61;
    --border-subtle: rgba(129, 108, 97, 0.25);
    --border-card: rgba(34, 116, 165, 0.25);
    --border-hover: rgba(34, 116, 165, 0.65);
}

/* --------------------------------------------------------------------------
   BOTONES Y ELEMENTOS DE ACENTO PRINCIPALES
   -------------------------------------------------------------------------- */
:root .btn-gold,
[data-theme="option-2"] .btn-gold {
    background: var(--gold-gradient) !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 18px var(--gold-glow) !important;
    border: none !important;
}

:root .btn-gold:hover,
[data-theme="option-2"] .btn-gold:hover {
    background: #1C638E !important;
    color: #FFFFFF !important;
    box-shadow: 0 6px 22px rgba(34, 116, 165, 0.5) !important;
}

:root .text-gradient-gold,
[data-theme="option-2"] .text-gradient-gold {
    background: linear-gradient(135deg, #328EC7 0%, #2274A5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

:root .brand-tag,
[data-theme="option-2"] .brand-tag {
    color: #2274A5;
}

:root .filter-btn.active,
[data-theme="option-2"] .filter-btn.active {
    background: var(--gold-gradient) !important;
    color: #FFFFFF !important;
    font-weight: 700;
}

:root .filter-btn.active .filter-count,
[data-theme="option-2"] .filter-btn.active .filter-count {
    background: rgba(255, 255, 255, 0.25);
    color: #FFFFFF;
}

/* --------------------------------------------------------------------------
   HERO CLARO, ELEGANTE Y LUMINOSO (ALICE BLUE + CERÚLEO)
   -------------------------------------------------------------------------- */
:root .hero-section,
[data-theme="option-2"] .hero-section {
    background-color: var(--hero-bg) !important;
    color: var(--hero-text) !important;
}

:root .hero-backdrop img,
[data-theme="option-2"] .hero-backdrop img {
    opacity: 0.16;
    filter: grayscale(0.25) contrast(1.15) brightness(1.08);
}

:root .backdrop-gradient-radial,
[data-theme="option-2"] .backdrop-gradient-radial {
    background: radial-gradient(circle at 70% 35%, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.88) 65%, var(--hero-bg) 100%) !important;
}

:root .backdrop-gradient-bottom,
[data-theme="option-2"] .backdrop-gradient-bottom {
    background: linear-gradient(to top, var(--hero-bg) 0%, rgba(255, 255, 255, 0.8) 55%, transparent 100%) !important;
}

:root .hero-title,
[data-theme="option-2"] .hero-title {
    color: var(--hero-text) !important;
}

:root .hero-description,
[data-theme="option-2"] .hero-description {
    color: var(--hero-subtext) !important;
}

:root .creed-text,
[data-theme="option-2"] .creed-text {
    color: var(--hero-text) !important;
}

:root .hero-eyebrow,
[data-theme="option-2"] .hero-eyebrow {
    background: rgba(255, 255, 255, 0.82) !important;
    border: 1px solid var(--border-card) !important;
    backdrop-filter: blur(8px);
}

:root .hero-eyebrow .eyebrow-label,
[data-theme="option-2"] .hero-eyebrow .eyebrow-label {
    color: var(--hero-subtext) !important;
}

:root .hero-eyebrow .eyebrow-badge,
[data-theme="option-2"] .hero-eyebrow .eyebrow-badge {
    color: #2274A5;
}

:root .spec-pill,
[data-theme="option-2"] .spec-pill {
    background: #FFFFFF !important;
    border: 1px solid var(--border-subtle) !important;
    color: var(--hero-subtext) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

:root .btn-secondary-glass,
[data-theme="option-2"] .btn-secondary-glass {
    background: #FFFFFF !important;
    border: 1.5px solid var(--border-subtle) !important;
    color: var(--hero-text) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

:root .btn-secondary-glass:hover,
[data-theme="option-2"] .btn-secondary-glass:hover {
    background: #F8FAFC !important;
    border-color: var(--gold-500) !important;
    color: var(--hero-text) !important;
    transform: translateY(-2px);
}

:root .floating-tech-card,
[data-theme="option-2"] .floating-tech-card {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1.5px solid var(--border-card) !important;
    box-shadow: 0 16px 35px rgba(0, 0, 0, 0.1) !important;
    backdrop-filter: blur(12px);
}

:root .check-item-text,
[data-theme="option-2"] .check-item-text {
    color: var(--hero-text) !important;
}

:root .check-icon-box,
[data-theme="option-2"] .check-icon-box {
    background: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid var(--gold-500) !important;
    color: var(--gold-600) !important;
}

:root .hero-metrics-ribbon,
[data-theme="option-2"] .hero-metrics-ribbon {
    background: rgba(255, 255, 255, 0.88) !important;
    border-top: 1px solid var(--border-subtle) !important;
    border-bottom: 1px solid var(--border-subtle) !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
}

:root .metric-number,
[data-theme="option-2"] .metric-number {
    color: var(--hero-text) !important;
}

:root .metric-sub,
[data-theme="option-2"] .metric-sub {
    color: var(--hero-subtext) !important;
}

:root .metric-icon-wrap,
[data-theme="option-2"] .metric-icon-wrap {
    background: rgba(0, 0, 0, 0.03) !important;
    border: 1px solid var(--border-card) !important;
    color: var(--gold-600) !important;
}

:root .metric-item,
[data-theme="option-2"] .metric-item {
    border-right-color: var(--border-subtle) !important;
}

/* --------------------------------------------------------------------------
   HEADER & TOP BAR (LUMINOSOS)
   -------------------------------------------------------------------------- */
:root .top-bar,
[data-theme="option-2"] .top-bar {
    background-color: var(--bg-darkest) !important;
    color: var(--hero-subtext) !important;
    border-bottom: 1px solid var(--border-subtle) !important;
}

:root .site-header,
[data-theme="option-2"] .site-header {
    background-color: var(--bg-glass) !important;
    border-bottom: 1px solid var(--border-subtle) !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05) !important;
}

:root .brand-monogram,
[data-theme="option-2"] .brand-monogram {
    filter: brightness(0.12) !important;
}

:root .brand-name,
[data-theme="option-2"] .brand-name {
    color: var(--hero-text) !important;
}

:root .nav-link,
[data-theme="option-2"] .nav-link {
    color: var(--hero-subtext) !important;
}

:root .nav-link:hover,
:root .nav-link.active,
[data-theme="option-2"] .nav-link:hover,
[data-theme="option-2"] .nav-link.active {
    color: var(--gold-600) !important;
}

:root .header-btn.btn-outline-gold,
[data-theme="option-2"] .header-btn.btn-outline-gold {
    background: rgba(0, 0, 0, 0.03) !important;
    border-color: var(--gold-500) !important;
    color: var(--hero-text) !important;
}

:root .mobile-toggle .bar,
[data-theme="option-2"] .mobile-toggle .bar {
    background-color: var(--hero-text) !important;
}

/* Footer Oscuro en Ink Black */
.site-footer {
    background-color: var(--bg-footer, #131B23) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.site-footer .brand-name {
    color: #FFFFFF !important;
}

.site-footer .brand-monogram {
    filter: none !important;
}

.site-footer .footer-credits {
    color: #94A3B8 !important;
}

/* --------------------------------------------------------------------------
   SECCIONES CLARAS SUBSIGUIENTES (INGENIERÍA, GALERÍA, CONTACTO)
   -------------------------------------------------------------------------- */
:root .section-light-luxury,
[data-theme="option-2"] .section-light-luxury {
    background-color: var(--section-ingenieria-bg) !important;
    border-top: 1px solid var(--border-subtle) !important;
    border-bottom: 1px solid var(--border-subtle) !important;
}

:root .trust-parallax-section,
[data-theme="option-2"] .trust-parallax-section,
:root .gallery-section,
[data-theme="option-2"] .gallery-section {
    background-color: var(--section-gallery-bg) !important;
    border-top: 1px solid var(--border-subtle) !important;
    border-bottom: 1px solid var(--border-subtle) !important;
}

:root .contact-section,
[data-theme="option-2"] .contact-section {
    background-color: var(--section-contact-bg) !important;
    border-top: 1px solid var(--border-subtle) !important;
    border-bottom: 1px solid var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

:root .light-texture-overlay,
[data-theme="option-2"] .light-texture-overlay,
:root .contact-section::before,
[data-theme="option-2"] .contact-section::before {
    background-image:
        linear-gradient(rgba(0, 0, 0, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 0, 0, 0.035) 1px, transparent 1px) !important;
    opacity: 0.65 !important;
}

:root .light-title,
[data-theme="option-2"] .light-title,
:root .gallery-title,
[data-theme="option-2"] .gallery-title,
:root .contact-title,
[data-theme="option-2"] .contact-title {
    color: var(--text-white) !important;
}

:root .light-subtitle,
[data-theme="option-2"] .light-subtitle,
:root .gallery-subtitle,
[data-theme="option-2"] .gallery-subtitle,
:root .contact-lead,
[data-theme="option-2"] .contact-lead {
    color: var(--text-secondary) !important;
}

:root .text-gradient-bronze,
[data-theme="option-2"] .text-gradient-bronze,
:root .contact-section .text-gradient-gold,
[data-theme="option-2"] .contact-section .text-gradient-gold {
    background: var(--gold-gradient) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* --------------------------------------------------------------------------
   ELEMENTOS DE LA SECCIÓN INGENIERÍA (#ingenieria)
   -------------------------------------------------------------------------- */
:root .light-card,
[data-theme="option-2"] .light-card {
    background: #FFFFFF !important;
    border: 1px solid var(--border-subtle) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

:root .light-card:hover,
[data-theme="option-2"] .light-card:hover {
    border-color: var(--gold-500) !important;
    box-shadow: 0 20px 40px var(--gold-glow) !important;
}

:root .light-card-title,
[data-theme="option-2"] .light-card-title {
    color: var(--text-white) !important;
}

:root .light-card-text,
[data-theme="option-2"] .light-card-text {
    color: var(--text-secondary) !important;
}

:root .light-card-specs,
[data-theme="option-2"] .light-card-specs {
    background: var(--bg-card-hover, #F8FAFC) !important;
    border: 1px solid var(--border-subtle) !important;
}

:root .spec-name,
[data-theme="option-2"] .spec-name {
    color: var(--text-muted) !important;
}

:root .spec-value,
[data-theme="option-2"] .spec-value {
    color: var(--text-primary) !important;
}

:root .light-card-footer,
[data-theme="option-2"] .light-card-footer {
    background: var(--bg-card-hover, #F8FAFC) !important;
    border-top: 1px solid var(--border-subtle) !important;
}

/* Banner de Respaldo y Confianza */
:root .light-trust-banner,
[data-theme="option-2"] .light-trust-banner {
    background: #FFFFFF !important;
    border: 1px solid var(--border-subtle) !important;
    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
}

:root .trust-overlapping-card .trust-heading,
[data-theme="option-2"] .trust-overlapping-card .trust-heading,
.trust-overlapping-card .trust-heading {
    color: #0E1219 !important;
}

:root .trust-overlapping-card .trust-text,
[data-theme="option-2"] .trust-overlapping-card .trust-text,
.trust-overlapping-card .trust-text {
    color: #475569 !important;
}

:root .trust-logo-box,
[data-theme="option-2"] .trust-logo-box {
    border: 1px solid var(--border-subtle) !important;
    background: #FFFFFF !important;
}

:root .btn-dark-luxury,
[data-theme="option-2"] .btn-dark-luxury {
    background: var(--bg-footer, #131B23) !important;
    border: 1px solid var(--border-card) !important;
    color: #FFFFFF !important;
}

/* --------------------------------------------------------------------------
   ELEMENTOS DE LA SECCIÓN CONTACTO (#contacto)
   -------------------------------------------------------------------------- */
:root .info-card-header .panel-heading,
[data-theme="option-2"] .info-card-header .panel-heading {
    color: var(--text-white) !important;
}

:root .info-card-header .panel-desc,
[data-theme="option-2"] .info-card-header .panel-desc {
    color: var(--text-secondary) !important;
}

:root .channel-item,
[data-theme="option-2"] .channel-item {
    background: #FFFFFF !important;
    border: 1px solid var(--border-subtle) !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.03) !important;
}

:root .channel-item:hover,
[data-theme="option-2"] .channel-item:hover {
    border-color: var(--gold-500) !important;
    box-shadow: 0 10px 28px var(--gold-glow) !important;
}

:root .channel-value,
:root .channel-link,
[data-theme="option-2"] .channel-value,
[data-theme="option-2"] .channel-link {
    color: var(--text-white) !important;
}

:root .channel-detail,
[data-theme="option-2"] .channel-detail {
    color: var(--text-muted) !important;
}

:root .trust-badge-pill,
[data-theme="option-2"] .trust-badge-pill {
    color: var(--text-secondary) !important;
}

:root .badge-dot,
[data-theme="option-2"] .badge-dot {
    background: var(--gold-500) !important;
    box-shadow: 0 0 8px var(--gold-glow) !important;
}

/* Formulario de Contacto */
:root .contact-form-panel .form-card,
[data-theme="option-2"] .contact-form-panel .form-card {
    background: #FFFFFF !important;
    border: 1px solid var(--border-subtle) !important;
    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.05) !important;
}

:root .contact-form-panel .form-card:hover,
[data-theme="option-2"] .contact-form-panel .form-card:hover {
    border-color: var(--gold-500) !important;
    box-shadow: 0 20px 50px var(--gold-glow) !important;
}

:root .form-card-header,
[data-theme="option-2"] .form-card-header {
    border-bottom: 1px solid var(--border-subtle) !important;
}

:root .form-title,
[data-theme="option-2"] .form-title {
    color: var(--text-white) !important;
}

:root .form-subtitle,
[data-theme="option-2"] .form-subtitle {
    color: var(--text-secondary) !important;
}

:root .form-label,
[data-theme="option-2"] .form-label {
    color: var(--text-secondary) !important;
}

:root .form-input,
:root .form-textarea,
[data-theme="option-2"] .form-input,
[data-theme="option-2"] .form-textarea {
    background: var(--bg-card-hover, #F8FAFC) !important;
    border: 1px solid var(--border-subtle) !important;
    color: var(--text-primary) !important;
}

:root .form-input:focus,
:root .form-textarea:focus,
[data-theme="option-2"] .form-input:focus,
[data-theme="option-2"] .form-textarea:focus {
    border-color: var(--gold-500) !important;
    box-shadow: 0 0 0 3px var(--gold-glow) !important;
    background: #FFFFFF !important;
}

/* --------------------------------------------------------------------------
   ACENTOS ESPECÍFICOS DE LA MARCA (CERÚLEO & ARENA MINERAL)
   -------------------------------------------------------------------------- */
:root .light-tag,
[data-theme="option-2"] .light-tag {
    color: #2274A5 !important;
    border-color: rgba(34, 116, 165, 0.4) !important;
    background: rgba(34, 116, 165, 0.08) !important;
}

:root .light-tag .tag-dot,
[data-theme="option-2"] .light-tag .tag-dot {
    color: #2274A5 !important;
}

:root .light-image-badge,
[data-theme="option-2"] .light-image-badge {
    border-color: #2274A5 !important;
    color: #328EC7 !important;
}

:root .light-card-meta,
[data-theme="option-2"] .light-card-meta {
    color: #2274A5 !important;
}

:root .light-card-link,
[data-theme="option-2"] .light-card-link {
    color: #2274A5 !important;
}

:root .light-card-link:hover,
[data-theme="option-2"] .light-card-link:hover {
    color: #165175 !important;
}

:root .trust-pill,
[data-theme="option-2"] .trust-pill {
    color: #2274A5 !important;
}

:root .btn-dark-luxury:hover,
[data-theme="option-2"] .btn-dark-luxury:hover {
    background: #2274A5 !important;
    color: #FFFFFF !important;
    border-color: #2274A5 !important;
    box-shadow: 0 8px 24px rgba(34, 116, 165, 0.35) !important;
}

:root .contact-section .hero-eyebrow,
[data-theme="option-2"] .contact-section .hero-eyebrow {
    background: rgba(34, 116, 165, 0.08) !important;
    border: 1px solid rgba(34, 116, 165, 0.35) !important;
}

:root .contact-section .hero-eyebrow .eyebrow-badge,
[data-theme="option-2"] .contact-section .hero-eyebrow .eyebrow-badge {
    color: #2274A5 !important;
}

:root .contact-section .hero-eyebrow .eyebrow-divider,
[data-theme="option-2"] .contact-section .hero-eyebrow .eyebrow-divider {
    color: #2274A5 !important;
}

:root .info-card-header .panel-tag,
[data-theme="option-2"] .info-card-header .panel-tag {
    color: #2274A5 !important;
}

:root .channel-icon,
[data-theme="option-2"] .channel-icon {
    background: rgba(34, 116, 165, 0.08) !important;
    border-color: rgba(34, 116, 165, 0.3) !important;
    color: #2274A5 !important;
}

:root .channel-label,
[data-theme="option-2"] .channel-label {
    color: #2274A5 !important;
}

:root .channel-link:hover,
[data-theme="option-2"] .channel-link:hover {
    color: #2274A5 !important;
}

/* --------------------------------------------------------------------------
   FILTROS DE LA GALERÍA Y LIGHTBOX
   -------------------------------------------------------------------------- */
:root .filter-btn,
[data-theme="option-2"] .filter-btn {
    background: #FFFFFF;
    border-color: var(--border-subtle);
    color: var(--text-secondary);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

:root .filter-btn:hover,
[data-theme="option-2"] .filter-btn:hover {
    background: #F9FAFB;
    border-color: var(--gold-500);
    color: var(--text-primary);
}

.gallery-caption {
    color: #FFFFFF !important;
}

.gallery-detail {
    color: #E2E8F0 !important;
}

.lb-title {
    color: #FFFFFF !important;
}

.lb-desc {
    color: #CBD5E1 !important;
}

/* --------------------------------------------------------------------------
   PÁGINA CATÁLOGO: HERO & COMPONENTES CLAROS
   -------------------------------------------------------------------------- */
.page-catalog {
    background-color: var(--bg-secondary);
}

.catalog-hero-section,
:root .catalog-hero-section,
[data-theme="option-2"] .catalog-hero-section {
    background-color: #080A0D !important;
    background-image:
        radial-gradient(ellipse at 50% 50%, rgba(8, 10, 14, 0.72) 0%, rgba(8, 10, 14, 0.50) 65%, rgba(8, 10, 14, 0.88) 100%),
        linear-gradient(180deg, rgba(8, 10, 14, 0.82) 0%, rgba(8, 10, 14, 0.40) 45%, rgba(8, 10, 14, 0.90) 100%),
        url('../images/gallery/gal_07_cuadrilla_inspeccion.jpg') !important;
    background-size: cover !important;
    background-position: center 58% !important;
    border-bottom: 1px solid rgba(212, 149, 68, 0.25) !important;
}

.catalog-hero-title,
:root .catalog-hero-title,
[data-theme="option-2"] .catalog-hero-title {
    color: #FFFFFF !important;
    text-shadow: none !important;
}

.catalog-hero-title .text-gradient-gold,
.catalog-hero-section .text-gradient-gold,
:root .catalog-hero-title .text-gradient-gold,
[data-theme="option-2"] .catalog-hero-title .text-gradient-gold {
    background: linear-gradient(135deg, #328EC7 0%, #2274A5 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: none !important;
}

.catalog-hero-lead,
:root .catalog-hero-lead,
[data-theme="option-2"] .catalog-hero-lead {
    color: #F1F5F9 !important;
    text-shadow: none !important;
}

.catalog-hero-section .eyebrow-badge,
:root .catalog-hero-section .eyebrow-badge,
[data-theme="option-2"] .catalog-hero-section .eyebrow-badge {
    background: #FFFFFF !important;
    border: 1px solid rgba(34, 116, 165, 0.4) !important;
    color: #2274A5 !important;
}

.catalog-hero-section .eyebrow-divider,
:root .catalog-hero-section .eyebrow-divider,
[data-theme="option-2"] .catalog-hero-section .eyebrow-divider {
    color: #2274A5 !important;
}

.catalog-hero-section .eyebrow-label,
:root .catalog-hero-section .eyebrow-label,
[data-theme="option-2"] .catalog-hero-section .eyebrow-label {
    color: var(--hero-subtext) !important;
}

:root .catalog-search-box,
[data-theme="option-2"] .catalog-search-box {
    background: #FFFFFF !important;
    border: 1.5px solid var(--border-subtle) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
}

:root .catalog-search-box input,
[data-theme="option-2"] .catalog-search-box input {
    color: var(--hero-text) !important;
}

:root .catalog-search-box input::placeholder,
[data-theme="option-2"] .catalog-search-box input::placeholder {
    color: var(--hero-subtext) !important;
}

.catalog-main-section {
    background-color: var(--bg-secondary);
}

.catalog-sidebar-inner {
    background: #FFFFFF;
    border-color: var(--border-subtle);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.product-card {
    background: #FFFFFF;
    border-color: var(--border-subtle);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.product-specs-table-wrap {
    background: #F8FAFC;
    border-color: var(--border-subtle);
}

.catalog-cta-strip {
    background: var(--bg-secondary);
    border-color: var(--border-subtle);
}