/* fonts.css */
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(assets/fonts/jetbrains-mono-normal-latin-ext-db5ff4db83.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(assets/fonts/jetbrains-mono-normal-latin-83c005d49d.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/plus-jakarta-sans-italic-latin-ext-8bdc0f1b58.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/plus-jakarta-sans-italic-latin-e3d33148aa.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(assets/fonts/plus-jakarta-sans-normal-latin-ext-38e3b8fd80.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(assets/fonts/plus-jakarta-sans-normal-latin-153fc85b70.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(assets/fonts/space-grotesk-normal-latin-ext-952dddb45d.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(assets/fonts/space-grotesk-normal-latin-0640890476.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* style.css */
/*
Theme Name: Timberin LK
Theme URI: https://www.tlki.eu
Author: Timberin LK
Description: Custom TLKI WooCommerce theme. Requires the TLKI svetainė companion plugin.
Version: 1.0.13
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: tlki
*/
/* ==========================================================================
   TLKI.EU — TIMBERIN LK INDUSTRIES (SASNAVA, LIETUVA)
   MASTER SCANDINAVIAN ARCHITECTURAL LIGHT THEME
   Strict Triad: Pure White (#FFFFFF) + Nordic Sage Teal (#4D9987) + Deep Black (#0A0D12 / #000000)
   Senior-Designer Typography, Tactile Micro-Interactions & Responsive Architecture
   ========================================================================== */


:root {
  /* ------------------------------------------------------------------------
     1. Light Canvas & Surfaces
     ------------------------------------------------------------------------ */
  --c-white: #FFFFFF;
  --c-canvas: #F9FAFB;            /* Porcelain White Page Background */
  --c-surface: #FFFFFF;           /* Card & Module Pure White */
  --c-surface-subtle: #F3F4F6;    /* Secondary Card / Section Tone */
  --c-surface-hover: #F8FAF9;     /* Subtle Mint-Tinted Hover */
  --c-surface-card: #FFFFFF;
  --bg-page: var(--c-canvas);
  --bg-surface: var(--c-surface);
  --bg-subtle: var(--c-surface-subtle);
  --bg-card: var(--c-surface);
  --bg-card-hover: var(--c-surface-hover);
  --bg-glass: rgba(255, 255, 255, 0.96);

  /* ------------------------------------------------------------------------
     2. Brand Signature Teal (#4D9987 - Nordic Sage Teal)
     ------------------------------------------------------------------------ */
  --c-teal: #4D9987;              /* Primary Signature Accent */
  --c-teal-hover: #3E7F70;        /* Deepened Teal on Hover */
  --c-teal-active: #32675B;       /* Active Swatch / Active Button State */
  --c-teal-dark: #2A6B5C;         /* High-Contrast Teal for Text */
  --c-teal-light: #EBF5F3;        /* Soft Tint Background for Badges */
  --c-teal-border: rgba(77, 153, 135, 0.28); /* Architectural Teal Border */
  --c-teal-glow: rgba(77, 153, 135, 0.18);   /* Subtle Focus / Elevation Glow */

  /* Aliases for backwards compatibility */
  --c-mint: var(--c-teal);
  --c-mint-light: var(--c-teal-hover);
  --c-mint-subtle: var(--c-teal-light);
  --c-mint-border: var(--c-teal-border);

  /* ------------------------------------------------------------------------
     3. Deep Black Architectural High-Contrast (#0A0D12 / #000000)
     ------------------------------------------------------------------------ */
  --c-black: #0A0D12;             /* High-Impact Headings, Contrast Badges */
  --c-black-pure: #000000;        /* Primary CTA Buttons, Deep Black Header Elements */
  --c-black-hover: #1E232B;       /* Hover state for Black CTA buttons */
  --c-charcoal: #1F2937;          /* Strong Subtitles & Heavy Text */

  /* ------------------------------------------------------------------------
     4. Neutrals & Borders
     ------------------------------------------------------------------------ */
  --c-text-body: #374151;         /* Readable, Senior-Grade Body Text */
  --c-text-muted: #6B7280;        /* Supporting Info, Meta & Secondary Specs */
  --c-text-dim: #9CA3AF;          /* Placeholders & Inactive Labels */
  --c-border-subtle: #E5E7EB;     /* Standard Architectural Card Border */
  --c-border-medium: #D1D5DB;     /* Input & Interactive Element Border */
  --c-border-strong: #111827;     /* High-Contrast Architectural Border */

  --border-subtle: var(--c-border-subtle);
  --border-medium: var(--c-border-medium);
  --border-focus: var(--c-teal);
  --t-heading: var(--c-black);
  --t-body: var(--c-text-body);
  --t-muted: var(--c-text-muted);
  --t-dim: var(--c-text-dim);

  /* Functional Accents */
  --c-emerald: #059669;          /* Stock status & verified items */
  --c-emerald-light: #ECFDF5;
  --c-emerald-border: #A7F3D0;
  --c-danger: #DC2626;           /* Stock alerts / discounts */
  --c-danger-light: #FEF2F2;

  /* ------------------------------------------------------------------------
     5. Typography
     ------------------------------------------------------------------------ */
  --f-heading: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --f-display: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --f-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --f-ui: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --f-mono: 'JetBrains Mono', monospace;

  /* ------------------------------------------------------------------------
     6. Elevation & Tactile Shadows
     ------------------------------------------------------------------------ */
  --shadow-xs: 0 1px 2px rgba(10, 13, 18, 0.04);
  --shadow-sm: 0 2px 8px rgba(10, 13, 18, 0.05);
  --shadow-md: 0 8px 24px -4px rgba(10, 13, 18, 0.07), 0 2px 6px -1px rgba(10, 13, 18, 0.03);
  --shadow-lg: 0 18px 36px -6px rgba(10, 13, 18, 0.09), 0 4px 12px -2px rgba(10, 13, 18, 0.03);
  --shadow-xl: 0 28px 56px -12px rgba(10, 13, 18, 0.12);

  --shadow-card: 0 1px 3px rgba(10, 13, 18, 0.04), 0 6px 16px -2px rgba(10, 13, 18, 0.05);
  --shadow-card-hover: 0 12px 32px -4px rgba(10, 13, 18, 0.08), 0 2px 6px rgba(77, 153, 135, 0.10);
  --shadow-btn-black: 0 4px 14px rgba(10, 13, 18, 0.25);
  --shadow-btn-teal: 0 4px 14px rgba(77, 153, 135, 0.35);

  /* ------------------------------------------------------------------------
     7. Radii & Transitions
     ------------------------------------------------------------------------ */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;
  --r-xl: 20px;
  --r-full: 9999px;
  --r-pill: 4px;

  --t-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --t-snappy: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --t-base: 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  --t-smooth: 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  --t-slow: 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ==========================================================================
   RESET & FOUNDATIONS
   ========================================================================== */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
  background-color: var(--c-canvas);
  color: var(--c-text-body);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: var(--f-body);
  line-height: 1.6;
  background-color: var(--c-canvas);
  color: var(--c-text-body);
  overflow-x: hidden;
  position: relative;
  min-height: 100vh;
}

img, picture, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
  transition: all var(--t-fast);
}

button, input, select, textarea {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  outline: none;
}

button {
  cursor: pointer;
}

ul, ol {
  list-style: none;
}

.container {
  width: 100%;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

/* Headings Typography */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--f-heading);
  color: var(--c-black);
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.025em;
}

h1 { font-size: clamp(2.2rem, 4vw, 3.4rem); letter-spacing: -0.035em; font-weight: 800; }
h2 { font-size: clamp(1.8rem, 3vw, 2.6rem); letter-spacing: -0.03em; font-weight: 700; }
h3 { font-size: clamp(1.3rem, 2vw, 1.8rem); letter-spacing: -0.02em; font-weight: 700; }
h4 { font-size: 1.2rem; font-weight: 700; }
h5 { font-size: 1.05rem; font-weight: 600; }
h6 { font-size: 0.92rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }

/* Subtle Ambient Cursor Spotlight */
.cursor-spotlight {
  position: fixed;
  top: 0;
  left: 0;
  width: 650px;
  height: 650px;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(77, 153, 135, 0.04) 0%, rgba(10, 13, 18, 0.015) 50%, transparent 70%);
  transform: translate(-50%, -50%);
  z-index: 1;
}

/* Senior Toast Notifications */
.vafort-toast {
  position: fixed;
  bottom: 24px;
  right: 24px;
  background: var(--c-black);
  color: #FFFFFF;
  padding: 14px 24px;
  border-radius: var(--r-md);
  font-size: 0.88rem;
  font-weight: 600;
  box-shadow: var(--shadow-xl);
  z-index: 2000;
  transform: translateY(100px);
  opacity: 0;
  transition: all var(--t-base);
  border: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  gap: 10px;
}

.vafort-toast.show {
  transform: translateY(0);
  opacity: 1;
}

/* ==========================================================================
   ARCHITECTURAL METADATA LABELS (Clean, Non-Pill Editorial Typography)
   ========================================================================== */
.arch-tag,
.badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border-radius: 0;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-family: var(--f-body);
  background: transparent !important;
  color: var(--c-teal-dark);
  border: none !important;
  line-height: 1.2;
}

.arch-tag.teal,
.badge.teal {
  background: transparent !important;
  color: var(--c-teal-dark);
  border: none !important;
}

.arch-tag.black,
.badge.black {
  background: transparent !important;
  color: var(--c-black);
  border: none !important;
}

.arch-tag.outline,
.badge.outline {
  background: transparent !important;
  color: var(--c-text-muted);
  border: none !important;
}

.arch-tag.emerald,
.badge.emerald {
  background: transparent !important;
  color: var(--c-emerald);
  border: none !important;
}

/* Remove distracting status dots/pips */
.status-pip {
  display: none !important;
}

.mono-tag {
  font-family: var(--f-body);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--c-teal-dark);
}

/* ==========================================================================
   BUTTONS (TACTILE INTERACTION SYSTEM)
   ========================================================================== */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 26px;
  border-radius: var(--r-md);
  font-family: var(--f-body);
  font-weight: 700;
  font-size: 0.92rem;
  line-height: 1.2;
  transition: all var(--t-snappy);
  user-select: none;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid transparent;
  background: var(--c-black-pure);
  color: #FFFFFF !important;
  box-shadow: var(--shadow-btn-black);
}

.btn:active {
  transform: translateY(0px) scale(0.99);
}

/* Primary CTA Button (Signature Nordic Sage Teal #4D9987) */
.btn-primary,
.btn-teal {
  background: var(--c-teal);
  color: #FFFFFF !important;
  border-color: var(--c-teal);
  box-shadow: var(--shadow-btn-teal);
}

.btn-primary:hover,
.btn-teal:hover {
  background: var(--c-teal-hover);
  color: #FFFFFF !important;
  border-color: var(--c-teal-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(77, 153, 135, 0.45);
}

.btn-primary:active,
.btn-teal:active {
  background: var(--c-teal-active);
  transform: translateY(0) scale(0.99);
  box-shadow: var(--shadow-xs);
}

/* Secondary High-Contrast Button (Pure Architectural Black #0A0D12) */
.btn-secondary,
.btn-black {
  background: var(--c-black-pure);
  color: #FFFFFF !important;
  border-color: var(--c-black);
  box-shadow: var(--shadow-btn-black);
}

.btn-secondary:hover,
.btn-black:hover {
  background: var(--c-black-hover);
  color: #FFFFFF !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(10, 13, 18, 0.35);
}

.btn-secondary:active,
.btn-black:active {
  background: var(--c-black-pure);
  transform: translateY(0) scale(0.99);
  box-shadow: var(--shadow-xs);
}

/* Outline Buttons */
.btn-outline {
  background: transparent;
  color: var(--c-black) !important;
  border: 1.5px solid var(--c-black);
  box-shadow: none;
}

.btn-outline:hover {
  background: var(--c-black);
  color: #FFFFFF !important;
  transform: translateY(-2px);
  box-shadow: var(--shadow-btn-black);
}

.btn-outline-teal {
  background: transparent;
  color: var(--c-teal) !important;
  border: 1.5px solid var(--c-teal);
  box-shadow: none;
}

.btn-outline-teal:hover {
  background: var(--c-teal-light);
  border-color: var(--c-teal-hover);
  color: var(--c-teal-hover) !important;
  transform: translateY(-2px);
}

/* Ghost Button */
.btn-ghost {
  background: var(--c-surface);
  color: var(--c-text-body) !important;
  border: 1px solid var(--c-border-medium);
  box-shadow: var(--shadow-xs);
}

.btn-ghost:hover {
  border-color: var(--c-teal);
  color: var(--c-teal) !important;
  background: var(--c-teal-light);
  transform: translateY(-2px);
}

/* Cart Drawer Continue Shopping Button */
.btn-cart-continue {
  width: 100%;
  padding: 11px;
  background: #F1F5F9;
  color: #0F172A !important;
  border: 1px solid #CBD5E1;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.88rem;
  cursor: pointer;
  margin-bottom: 10px;
  transition: all 0.2s ease;
  display: block;
  text-align: center;
  box-shadow: none;
}
.btn-cart-continue:hover {
  background: #E2E8F0 !important;
  color: #0F172A !important;
  border-color: #94A3B8 !important;
  transform: none;
  box-shadow: none;
}

/* Button Sizes */
.btn-sm {
  padding: 8px 16px;
  font-size: 0.82rem;
  border-radius: var(--r-sm);
}

.btn-lg {
  padding: 16px 36px;
  font-size: 1.05rem;
  border-radius: var(--r-md);
}

.btn-block {
  width: 100%;
  display: flex;
}

/* ==========================================================================
   ARCHITECTURAL CARDS & SURFACES
   ========================================================================== */
.card-white {
  background: var(--c-surface);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-lg);
  box-shadow: var(--shadow-card);
  transition: all var(--t-smooth);
  position: relative;
}

.card-white:hover {
  border-color: var(--c-teal-border);
  box-shadow: var(--shadow-card-hover);
  transform: translateY(-3px);
}

.card-flat {
  background: var(--c-surface-subtle);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-md);
  padding: 24px;
}

/* ==========================================================================
   HEADER & FLOATING NAVIGATION
   ========================================================================== */
.header-wrapper {
  position: sticky;
  top: 14px;
  z-index: 100;
  padding: 0 24px;
  margin-bottom: 24px;
}

.header-bar {
  max-width: 1360px;
  margin: 0 auto;
  background: var(--bg-glass);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(229, 231, 235, 0.95);
  box-shadow: var(--shadow-sm);
  border-radius: var(--r-md);
  padding: 12px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.brand-anchor {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}

.brand-logo-img,
.brand-anchor img {
  height: 38px;
  width: auto;
  max-width: 190px;
  object-fit: contain;
  display: block;
  filter: brightness(0);
}

.footer-logo,
.site-footer .brand-anchor img,
.site-footer img {
  filter: none !important;
}

.brand-txt {
  display: none !important;
}

.brand-title {
  display: none;
}

.brand-loc {
  display: none;
}

.nav-menu {
  display: flex;
  align-items: center;
  gap: 6px;
}

.nav-menu a {
  font-size: 0.90rem;
  font-weight: 600;
  color: var(--c-text-body);
  padding: 8px 12px;
  border-radius: var(--r-sm);
  transition: all var(--t-fast);
  text-decoration: none;
  white-space: nowrap;
}

.nav-menu a:hover {
  color: var(--c-teal-dark);
  background: var(--c-teal-light);
}

.nav-menu a.active {
  color: var(--c-teal-dark);
  background: var(--c-teal-light);
  font-weight: 700;
  box-shadow: inset 0 -2px 0 var(--c-teal);
}

/* Navigation Submenu / Dropdown (Scandinavian Luxury Glassmorphism) */
.nav-item-dropdown {
  position: relative;
}

.nav-link-dropdown {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.dropdown-chevron {
  transition: transform var(--t-fast);
  color: var(--c-text-muted);
}

.nav-item-dropdown:hover .dropdown-chevron,
.nav-item-dropdown:focus-within .dropdown-chevron {
  transform: rotate(180deg);
  color: var(--c-teal);
}

.nav-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 330px;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-md);
  box-shadow: 0 16px 36px rgba(10, 13, 18, 0.12), 0 4px 12px rgba(10, 13, 18, 0.06);
  padding: 8px;
  margin-top: 8px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity var(--t-fast), transform var(--t-fast), visibility var(--t-fast);
  z-index: 1200;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Hover bridge between nav link and dropdown menu */
.nav-dropdown-menu::before {
  content: '';
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  height: 14px;
}

.nav-item-dropdown:hover .nav-dropdown-menu,
.nav-item-dropdown:focus-within .nav-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.nav-dropdown-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 12px !important;
  border-radius: var(--r-sm) !important;
  text-decoration: none !important;
  background: transparent !important;
  box-shadow: none !important;
  transition: background var(--t-fast), transform var(--t-fast) !important;
  white-space: normal !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.nav-dropdown-item:hover {
  background: var(--c-surface-subtle) !important;
  transform: translateX(3px);
}

.dropdown-item-icon {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: var(--c-surface-subtle);
  color: var(--c-teal);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all var(--t-fast);
}

.nav-dropdown-item:hover .dropdown-item-icon {
  background: var(--c-teal);
  color: #FFFFFF;
}

.dropdown-item-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}

.dropdown-item-title {
  font-family: var(--f-heading);
  font-size: 0.90rem;
  font-weight: 700;
  color: var(--c-black);
  line-height: 1.2;
  white-space: normal !important;
}

.nav-dropdown-item:hover .dropdown-item-title {
  color: var(--c-teal-dark);
}

.dropdown-item-desc {
  font-size: 0.74rem;
  color: var(--c-text-muted);
  line-height: 1.35;
  white-space: normal !important;
  word-wrap: break-word;
}

.dropdown-divider {
  height: 1px;
  background: var(--c-border-subtle);
  margin: 4px 6px;
}

.dropdown-view-all {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 12px !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  color: var(--c-teal-dark) !important;
  border-radius: var(--r-sm) !important;
  background: var(--c-teal-light) !important;
  box-shadow: none !important;
  transition: all var(--t-fast) !important;
}

.dropdown-view-all:hover {
  background: rgba(77, 153, 135, 0.22) !important;
}

/* Mobile Drawer Submenu */
.mobile-nav-sublist {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-left: 14px;
  margin-top: 4px;
  margin-bottom: 6px;
  border-left: 2px solid var(--c-border-subtle);
}

.mobile-sub-link {
  display: flex !important;
  align-items: center;
  gap: 8px;
  font-size: 0.90rem !important;
  font-weight: 600 !important;
  color: var(--c-text-body) !important;
  padding: 6px 10px !important;
  border-radius: 6px;
  transition: all var(--t-fast);
}

.mobile-sub-link:hover,
.mobile-sub-link:active {
  color: var(--c-teal-dark) !important;
  background: var(--c-teal-light);
}

.mobile-sub-icon {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: var(--c-surface-subtle);
  color: var(--c-teal);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 4px;
}

.mobile-sub-link:hover .mobile-sub-icon {
  background: var(--c-teal);
  color: #FFFFFF;
}

/* Catalog Page Quick Category Filter Bar */
.catalog-category-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  overflow-x: auto;
  padding: 4px 2px 16px 2px;
  margin-bottom: 24px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.catalog-category-bar::-webkit-scrollbar {
  height: 4px;
}

.catalog-category-bar::-webkit-scrollbar-thumb {
  background: var(--c-border-medium);
  border-radius: 4px;
}

.cat-pill-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 18px;
  border-radius: 999px;
  background: var(--c-surface);
  border: 1px solid var(--c-border-medium);
  color: var(--c-black);
  font-family: var(--f-sans);
  font-size: 0.86rem;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: var(--shadow-xs);
  transition: all var(--t-fast);
  user-select: none;
}

.cat-pill-btn:hover {
  border-color: var(--c-teal);
  color: var(--c-teal-dark);
  background: var(--c-teal-light);
  transform: translateY(-1px);
}

.cat-pill-btn.active {
  background: var(--c-teal-dark) !important;
  border-color: var(--c-teal-dark) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(42, 107, 92, 0.3) !important;
}

.cat-pill-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 7px;
  border-radius: 999px;
  background: var(--c-surface-subtle);
  color: var(--c-text-muted);
  font-size: 0.74rem;
  font-family: var(--f-mono);
  font-weight: 700;
  transition: all var(--t-fast);
}

.cat-pill-btn.active .cat-pill-badge {
  background: rgba(255, 255, 255, 0.25) !important;
  color: #FFFFFF !important;
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Clean Text Language Switcher (No Background) */
.lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--f-sans);
  font-size: 0.8rem;
  font-weight: 700;
  padding: 0;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.lang-btn {
  background: transparent !important;
  border: none !important;
  padding: 2px 4px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--c-text-muted);
  cursor: pointer;
  border-radius: 0;
  box-shadow: none !important;
  transition: color var(--t-fast);
  line-height: 1;
}

.lang-btn:hover {
  color: var(--c-teal);
}

.lang-btn.active {
  color: var(--c-black);
  font-weight: 800;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 2px solid var(--c-teal);
}

.lang-sep {
  color: var(--c-border-medium);
  font-size: 0.75rem;
  line-height: 1;
  user-select: none;
}

.phone-hotline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: var(--r-sm);
  background: var(--c-surface-subtle);
  border: 1px solid var(--c-border-subtle);
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--c-black);
  transition: all var(--t-fast);
  text-decoration: none;
  white-space: nowrap;
}

.phone-hotline:hover {
  border-color: var(--c-teal);
  color: var(--c-teal-dark);
  background: var(--c-teal-light);
}

.cart-trigger-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: var(--r-sm);
  background: var(--c-black);
  color: #FFFFFF;
  font-size: 0.84rem;
  font-weight: 700;
  box-shadow: var(--shadow-xs);
  transition: all var(--t-fast);
  border: 1px solid var(--c-black);
  cursor: pointer;
  white-space: nowrap !important;
  flex-shrink: 0;
}

.cart-header-total {
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums;
}

.cart-trigger-btn:hover {
  background: var(--c-teal);
  border-color: var(--c-teal);
  box-shadow: var(--shadow-btn-teal);
  transform: translateY(-1px);
}

.cart-badge-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 3px;
  background: var(--c-teal);
  color: #FFFFFF;
  font-size: 0.72rem;
  font-weight: 800;
  font-family: var(--f-ui);
  transition: all var(--t-fast);
  flex-shrink: 0;
}

.cart-trigger-btn:hover .cart-badge-count {
  background: #FFFFFF;
  color: var(--c-teal-dark);
}

/* Mobile Nav Toggle */
.mobile-nav-toggle {
  display: none;
  width: 40px;
  height: 40px;
  border-radius: var(--r-md);
  border: 1px solid var(--c-border-subtle);
  background: var(--c-surface);
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* ==========================================================================
   HERO SWITCHER BAR & PANES (LANDING PAGE)
   ========================================================================== */
.hero-switcher-bar {
  margin-bottom: 24px;
  background: var(--c-surface);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-xl);
  padding: 8px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  box-shadow: var(--shadow-sm);
  flex-wrap: wrap;
}

.hero-switcher-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--f-mono);
  font-size: 0.76rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--c-teal-dark);
}

.hero-switcher-pills {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.hero-v-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: var(--r-pill);
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--c-text-body);
  background: var(--c-surface-subtle);
  border: 1px solid transparent;
  transition: all var(--t-fast);
  cursor: pointer;
}

.hero-v-btn .v-num {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(10, 13, 18, 0.08);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  font-family: var(--f-mono);
}

.hero-v-btn:hover {
  background: var(--c-teal-light);
  color: var(--c-teal-dark);
  border-color: var(--c-teal-border);
}

.hero-v-btn.active {
  background: var(--c-black);
  color: #FFFFFF;
  box-shadow: var(--shadow-sm);
}

.hero-v-btn.active .v-num {
  background: var(--c-teal);
  color: #FFFFFF;
}

.hero-panes-stack {
  position: relative;
  min-height: 580px;
}

.hero-pane {
  display: none;
  animation: fadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.hero-pane.active {
  display: block;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.hero-2col-grid {
  background: var(--c-surface);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-xl);
  box-shadow: var(--shadow-lg);
  padding: 48px;
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 48px;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.hero-headline {
  font-size: clamp(2.4rem, 4vw, 3.2rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.035em;
  margin-top: 14px;
  margin-bottom: 20px;
  color: var(--c-black);
}

.gradient-text-teal {
  background: linear-gradient(135deg, var(--c-teal) 0%, #2A6B5C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient-text-black {
  background: linear-gradient(135deg, var(--c-black) 0%, #374151 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero-lead {
  font-size: 1.08rem;
  line-height: 1.65;
  color: var(--c-text-body);
  margin-bottom: 30px;
  max-width: 540px;
}

.hero-cta-row {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 36px;
  flex-wrap: wrap;
}

/* Trust Metric Bar */
.trust-metric-bar {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  border-top: 1px solid var(--c-border-subtle);
  padding-top: 24px;
}

.trust-metric-box {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.trust-metric-icon {
  width: 32px;
  height: 32px;
  border-radius: var(--r-sm);
  background: var(--c-teal-light);
  color: var(--c-teal-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-weight: 800;
  font-size: 0.95rem;
}

.trust-metric-info h4 {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--c-black);
}

.trust-metric-info p {
  font-size: 0.76rem;
  color: var(--c-text-muted);
  line-height: 1.35;
}

/* Stage Media Card & Interactive Hotspots */
.stage-media-card {
  position: relative;
  border-radius: var(--r-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  background: var(--c-surface-subtle);
  aspect-ratio: 4/3;
  border: 1px solid var(--c-border-subtle);
}

.stage-media-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

.stage-media-card:hover img {
  transform: scale(1.03);
}

.stage-vignette {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10, 13, 18, 0.03) 0%, rgba(10, 13, 18, 0.22) 100%);
  pointer-events: none;
}

.hotspot-pin {
  position: absolute;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--c-teal);
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-family: var(--f-mono);
  font-size: 0.82rem;
  cursor: pointer;
  box-shadow: 0 0 0 6px var(--c-teal-border);
  transform: translate(-50%, -50%);
  transition: all var(--t-fast);
  z-index: 15;
}

.hotspot-pin:hover {
  transform: translate(-50%, -50%) scale(1.15);
  background: var(--c-black);
  box-shadow: 0 0 0 8px rgba(10, 13, 18, 0.2);
}

.hotspot-tooltip {
  position: absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  background: var(--c-surface);
  color: var(--c-black);
  border: 1px solid var(--c-border-medium);
  border-radius: var(--r-md);
  padding: 10px 14px;
  box-shadow: var(--shadow-xl);
  width: 220px;
  font-size: 0.78rem;
  line-height: 1.35;
  pointer-events: none;
  opacity: 0;
  transition: all var(--t-fast);
  z-index: 25;
}

.hotspot-tooltip strong {
  display: block;
  font-size: 0.84rem;
  color: var(--c-teal-dark);
  margin-bottom: 2px;
}

.hotspot-pin:hover .hotspot-tooltip {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.floating-stage-badge {
  position: absolute;
  background: var(--bg-glass);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(229, 231, 235, 0.95);
  border-radius: var(--r-md);
  padding: 10px 16px;
  box-shadow: var(--shadow-md);
  display: flex;
  align-items: center;
  gap: 12px;
  z-index: 10;
}

.floating-stage-badge.tl { top: 16px; left: 16px; }
.floating-stage-badge.br { bottom: 16px; right: 16px; }

.badge-icon-wrap {
  width: 32px;
  height: 32px;
  border-radius: var(--r-sm);
  background: var(--c-teal-light);
  color: var(--c-teal-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}

.badge-content strong {
  display: block;
  font-size: 0.85rem;
  color: var(--c-black);
}

.badge-content span {
  display: block;
  font-size: 0.72rem;
  color: var(--c-text-muted);
}

/* Persona Switcher Pill */
.persona-switcher-pill {
  display: inline-flex;
  background: var(--c-surface-subtle);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-pill);
  padding: 4px;
  margin-bottom: 20px;
  gap: 4px;
}

.persona-opt-btn {
  padding: 8px 18px;
  border-radius: var(--r-pill);
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--c-text-body);
  transition: all var(--t-fast);
  cursor: pointer;
}

.persona-opt-btn.active {
  background: #FFFFFF;
  color: var(--c-black);
  box-shadow: var(--shadow-sm);
}

/* Cinematic Box */
.hero-cinematic-box {
  background: linear-gradient(180deg, #FFFFFF 0%, #F9FAFB 100%);
  border-radius: var(--r-xl);
  padding: 72px 48px;
  text-align: center;
  position: relative;
  overflow: hidden;
  box-shadow: var(--shadow-xl);
  border: 1px solid var(--c-border-subtle);
}

.cinematic-h1 {
  font-family: var(--f-heading);
  font-size: clamp(2.4rem, 4.5vw, 3.8rem);
  color: var(--c-black);
  line-height: 1.1;
  margin-bottom: 20px;
  letter-spacing: -0.02em;
}

.flame-aura {
  position: absolute;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(77, 153, 135, 0.08) 0%, rgba(10, 13, 18, 0.02) 50%, transparent 75%);
  top: -150px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}

.editorial-cards-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 48px;
  text-align: left;
}

.editorial-glass-card {
  background: #FFFFFF;
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-lg);
  padding: 24px;
  box-shadow: var(--shadow-sm);
  transition: all var(--t-fast);
}

.editorial-glass-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
  border-color: var(--c-teal-border);
}

.ed-num {
  font-family: var(--f-mono);
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--c-teal-dark);
  margin-bottom: 8px;
}

/* Flash Grid */
.hero-flash-grid {
  background: var(--c-surface);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-xl);
  padding: 40px;
  box-shadow: var(--shadow-lg);
}

.flash-shelf {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 24px;
}

.shelf-card {
  background: var(--c-surface-subtle);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-lg);
  padding: 20px;
  display: flex;
  flex-direction: column;
  transition: all var(--t-base);
}

.shelf-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
  background: #FFFFFF;
  border-color: var(--c-teal-border);
}

.shelf-img {
  aspect-ratio: 4/3;
  border-radius: var(--r-md);
  overflow: hidden;
  background: #FFFFFF;
  margin-bottom: 14px;
}

.shelf-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.shelf-title {
  font-size: 1.05rem;
  font-weight: 700;
  margin-bottom: 6px;
  color: var(--c-black);
}

.shelf-price {
  font-family: var(--f-mono);
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--c-black);
  margin-bottom: 12px;
}

.shelf-badge {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 800;
  padding: 3px 8px;
  border-radius: var(--r-sm);
  margin-bottom: 8px;
  background: var(--c-teal-light);
  color: var(--c-teal-dark);
}

/* ==========================================================================
   ANATOMY SECTION & EXPLODED LAYERS (PAGE 1)
   ========================================================================== */
.anatomy-section {
  padding: 90px 0;
  background: var(--c-surface);
  border-top: 1px solid var(--c-border-subtle);
  border-bottom: 1px solid var(--c-border-subtle);
}

.section-header-block {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 50px auto;
}

.section-heading {
  font-size: clamp(2rem, 3.2vw, 2.6rem);
  letter-spacing: -0.03em;
  margin-top: 8px;
  margin-bottom: 12px;
  color: var(--c-black);
}

.anatomy-grid {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 36px;
  align-items: start;
}

.layer-tabs-list,
.layer-tabs-stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.layer-tab-btn {
  display: flex;
  align-items: center;
  gap: 16px;
  background: var(--c-surface);
  border: 1px solid var(--c-border-subtle);
  border-left: 4px solid transparent;
  border-radius: var(--r-md);
  padding: 16px 20px;
  text-align: left;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
  position: relative;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
}

.layer-tab-btn:hover {
  background: #FFFFFF;
  border-color: #CBD5E1;
  transform: translateX(4px);
  box-shadow: var(--shadow-sm);
}

.layer-tab-btn.active {
  background: #FFFFFF;
  border-color: var(--c-border-subtle);
  border-left: 4px solid var(--c-teal);
  box-shadow: 0 10px 25px -5px rgba(29, 133, 114, 0.12), 0 8px 10px -6px rgba(29, 133, 114, 0.08);
  transform: translateX(6px);
}

.layer-index {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 10px;
  font-family: var(--f-mono);
  font-size: 1.05rem;
  font-weight: 800;
  background: #F1F5F9;
  color: #64748B;
  border: 1px solid #E2E8F0;
  transition: all 0.25s ease;
}

.layer-tab-btn:hover .layer-index {
  background: #E2E8F0;
  color: #334155;
}

.layer-tab-btn.active .layer-index {
  background: var(--c-teal);
  color: #FFFFFF;
  border-color: var(--c-teal);
  box-shadow: 0 4px 12px rgba(29, 133, 114, 0.35);
}

.layer-text {
  flex: 1;
  min-width: 0;
}

.layer-name,
.layer-title-text {
  font-family: var(--f-heading);
  font-size: 1rem;
  font-weight: 800;
  color: var(--c-black);
  line-height: 1.3;
  margin-bottom: 3px;
  transition: color 0.2s ease;
}

.layer-tab-btn.active .layer-name,
.layer-tab-btn.active .layer-title-text {
  color: var(--c-teal-dark);
}

.layer-desc,
.layer-sub-text {
  font-size: 0.82rem;
  color: var(--c-text-muted);
  line-height: 1.4;
  margin: 0;
}

.layer-arrow {
  color: #94A3B8;
  opacity: 0.3;
  transition: all 0.25s ease;
  flex-shrink: 0;
}

.layer-tab-btn:hover .layer-arrow {
  opacity: 0.7;
  color: var(--c-teal);
  transform: translateX(2px);
}

.layer-tab-btn.active .layer-arrow {
  opacity: 1;
  color: var(--c-teal);
  transform: translateX(4px);
}

.viewer-screen-tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: rgba(11, 19, 43, 0.8);
  backdrop-filter: blur(8px);
  color: #FFFFFF;
  font-family: var(--f-mono);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: 5px 12px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  z-index: 2;
  text-transform: uppercase;
}

.spec-category-chip {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 800;
  color: var(--c-teal);
  background: rgba(29, 133, 114, 0.1);
  padding: 4px 10px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}

.anatomy-preview-stage {
  border-radius: var(--r-lg);
  overflow: hidden;
  background: var(--c-surface-subtle);
  border: 1px solid var(--c-border-subtle);
  box-shadow: var(--shadow-lg);
  position: relative;
  aspect-ratio: 16/10;
}

.anatomy-preview-stage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.anatomy-spec-card {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
  background: var(--bg-glass);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(229, 231, 235, 0.95);
  border-radius: var(--r-md);
  padding: 16px 20px;
  box-shadow: var(--shadow-md);
}

/* ==========================================================================
   E-SHOP CATALOG (PAGE 2)
   ========================================================================== */
.catalog-section {
  padding: 70px 0 90px 0;
}

.catalog-toolbar {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 40px;
}

.catalog-search-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.search-input-wrap {
  position: relative;
  flex-grow: 1;
  max-width: 520px;
}

.search-input-wrap svg {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--c-text-muted);
  pointer-events: none;
}

.search-input {
  width: 100%;
  padding: 12px 16px 12px 46px;
  border-radius: var(--r-full);
  background: var(--c-surface);
  border: 1px solid var(--c-border-medium);
  font-size: 0.92rem;
  color: var(--c-black);
  box-shadow: var(--shadow-xs);
  transition: all var(--t-fast);
}

.search-input:focus {
  border-color: var(--c-teal);
  box-shadow: 0 0 0 3px var(--c-teal-glow);
  outline: none;
}

.sorting-dropdown-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sorting-select {
  padding: 10px 18px;
  border-radius: var(--r-md);
  background: var(--c-surface);
  border: 1px solid var(--c-border-medium);
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--c-black);
  cursor: pointer;
  box-shadow: var(--shadow-xs);
  transition: all var(--t-fast);
}

.sorting-select:focus {
  border-color: var(--c-teal);
  outline: none;
}

.filter-pill-bar {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  flex-wrap: wrap;
}

.filter-btn {
  padding: 8px 18px;
  border-radius: var(--r-pill);
  background: var(--c-surface);
  border: 1px solid var(--c-border-medium);
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--c-text-body);
  box-shadow: var(--shadow-xs);
  transition: all var(--t-fast);
  cursor: pointer;
}

.filter-btn:hover {
  border-color: var(--c-teal);
  color: var(--c-teal-dark);
  background: var(--c-teal-light);
}

.filter-btn.active {
  background: var(--c-black);
  color: #FFFFFF;
  border-color: var(--c-black);
}

.products-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.product-card {
  background: var(--c-surface);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-xl);
  overflow: hidden;
  box-shadow: var(--shadow-card);
  display: flex;
  flex-direction: column;
  transition: all var(--t-base);
}

.product-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-card-hover);
  border-color: var(--c-teal-border);
}

.product-img-box {
  aspect-ratio: 16/11;
  background: var(--c-surface-subtle);
  position: relative;
  overflow: hidden;
}

.product-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.product-card:hover .product-img-box img {
  transform: scale(1.05);
}

.product-tag-chip {
  position: absolute;
  top: 12px;
  left: 12px;
  background: var(--c-black);
  color: #FFFFFF;
  font-size: 0.72rem;
  font-weight: 800;
  font-family: var(--f-mono);
  padding: 4px 10px;
  border-radius: var(--r-sm);
  z-index: 5;
}

.product-discount-chip {
  position: absolute;
  top: 12px;
  right: 12px;
  background: var(--c-danger);
  color: #FFFFFF;
  font-size: 0.72rem;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: var(--r-sm);
  z-index: 5;
}

.product-info-box {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
}

.product-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--c-black);
  margin-bottom: 8px;
}

.product-specs {
  font-size: 0.8rem;
  color: var(--c-text-muted);
  line-height: 1.45;
  margin-bottom: 16px;
  font-family: var(--f-mono);
}

.product-stock-line {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.76rem;
  font-weight: 700;
  color: var(--c-emerald);
  margin-bottom: 16px;
}

.product-price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--c-border-subtle);
  padding-top: 16px;
}

.current-price {
  font-family: var(--f-mono);
  font-size: 1.45rem;
  font-weight: 800;
  color: var(--c-black);
}

.old-price {
  font-size: 0.88rem;
  text-decoration: line-through;
  color: var(--c-text-dim);
  margin-left: 6px;
}

.add-cart-action-btn {
  padding: 10px 20px;
  border-radius: var(--r-md);
  background: var(--c-teal);
  color: #FFFFFF;
  font-weight: 700;
  font-size: 0.84rem;
  transition: all var(--t-fast);
  cursor: pointer;
  border: 1px solid var(--c-teal);
  box-shadow: var(--shadow-btn-teal);
}

.add-cart-action-btn:hover {
  background: var(--c-teal-hover);
  border-color: var(--c-teal-hover);
  box-shadow: 0 6px 18px rgba(77, 153, 135, 0.45);
  transform: translateY(-1px);
}

/* ==========================================================================
   PRODUCT CONFIGURATOR / CUSTOMIZER (PAGE 3 & HERO 3)
   ========================================================================== */
.cfg-builder-grid {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 32px;
}

.cfg-screen-card {
  background: var(--c-surface);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-xl);
  padding: 32px;
  box-shadow: var(--shadow-lg);
  position: relative;
}

.cfg-screen-img {
  aspect-ratio: 16/10;
  border-radius: var(--r-lg);
  overflow: hidden;
  background: var(--c-surface-subtle);
  position: relative;
  border: 1px solid var(--c-border-subtle);
}

.cfg-screen-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.3s ease;
}

.cfg-color-tint {
  position: absolute;
  inset: 0;
  mix-blend-mode: multiply;
  opacity: 0.18;
  pointer-events: none;
  transition: background-color 0.3s ease;
}

.cfg-bottom-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--c-border-subtle);
  padding-top: 20px;
  margin-top: 20px;
}

.cfg-live-sum {
  font-family: var(--f-mono);
  font-size: 2.2rem;
  font-weight: 800;
  color: var(--c-black);
  line-height: 1;
}

.cfg-panel {
  background: var(--c-surface);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-xl);
  padding: 32px;
  box-shadow: var(--shadow-lg);
}

.cfg-section-label {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: var(--f-mono);
  color: var(--c-teal-dark);
  margin-top: 16px;
  margin-bottom: 8px;
}

.cfg-btn-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.cfg-btn {
  padding: 10px 8px;
  border-radius: var(--r-md);
  border: 1px solid var(--c-border-subtle);
  background: var(--c-surface-subtle);
  font-size: 0.8rem;
  text-align: center;
  transition: all var(--t-fast);
  color: var(--c-text-body);
  cursor: pointer;
}

.cfg-btn:hover {
  border-color: var(--c-teal);
  background: var(--c-teal-light);
}

.cfg-btn.active {
  background: var(--c-black);
  color: #FFFFFF;
  border-color: var(--c-black);
  box-shadow: var(--shadow-sm);
}

.cfg-btn.active span {
  color: var(--c-teal) !important;
}

.cfg-swatches-row {
  display: flex;
  gap: 12px;
}

.cfg-swatch-circle {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid var(--c-border-subtle);
  box-shadow: var(--shadow-xs);
  transition: transform var(--t-fast);
  position: relative;
}

.cfg-swatch-circle:hover {
  transform: scale(1.15);
}

.cfg-swatch-circle.active {
  border-color: var(--c-teal);
  box-shadow: 0 0 0 3px var(--c-teal-border);
  transform: scale(1.15);
}

.cfg-addon-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-radius: var(--r-md);
  border: 1px solid var(--c-border-subtle);
  background: var(--c-surface-subtle);
  margin-bottom: 8px;
  cursor: pointer;
  font-size: 0.86rem;
  transition: all var(--t-fast);
}

.cfg-addon-item:hover,
.cfg-addon-item.active {
  background: #FFFFFF;
  border-color: var(--c-teal);
  box-shadow: var(--shadow-sm);
}

/* ==========================================================================
   STANDALONE PRODUCT DETAIL PAGE (PAGE 4)
   ========================================================================== */
.pdp-section {
  padding: 70px 0 90px 0;
}

.pdp-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 48px;
  align-items: start;
}

.pdp-gallery-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.pdp-main-img-card {
  aspect-ratio: 1/1;
  background: var(--c-surface);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-xl);
  overflow: hidden;
  box-shadow: var(--shadow-card);
  position: relative;
}

.pdp-main-img-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.pdp-thumbs-row {
  display: flex;
  gap: 12px;
}

.pdp-thumb-btn {
  width: 76px;
  height: 76px;
  border-radius: var(--r-md);
  overflow: hidden;
  border: 2px solid var(--c-border-subtle);
  background: var(--c-surface);
  cursor: pointer;
  transition: all var(--t-fast);
}

.pdp-thumb-btn:hover,
.pdp-thumb-btn.active {
  border-color: var(--c-teal);
  box-shadow: 0 0 0 2px var(--c-teal-border);
}

.pdp-thumb-btn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pdp-info-panel {
  background: var(--c-surface);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-xl);
  padding: 36px;
  box-shadow: var(--shadow-card);
}

.pdp-price-hero {
  font-family: var(--f-mono);
  font-size: 2.2rem;
  font-weight: 800;
  color: var(--c-black);
  margin: 16px 0 24px 0;
  display: flex;
  align-items: baseline;
  gap: 12px;
}

.pdp-price-vat {
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--c-text-muted);
  font-family: var(--f-body);
}

/* Technical Engineering Specs Table */
.specs-table-wrap {
  margin: 28px 0;
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-md);
  overflow: hidden;
}

.specs-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: 0.88rem;
}

.specs-table tr:nth-child(even) {
  background: var(--c-surface-subtle);
}

.specs-table th {
  background: var(--c-black);
  color: #FFFFFF;
  padding: 12px 16px;
  font-family: var(--f-mono);
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.specs-table td {
  padding: 12px 16px;
  border-top: 1px solid var(--c-border-subtle);
}

.specs-table td:first-child {
  font-weight: 600;
  color: var(--c-black);
  width: 40%;
}

.specs-table td:last-child {
  font-family: var(--f-mono);
  color: var(--c-text-body);
}

/* ==========================================================================
   ABOUT US / FACTORY HERITAGE (PAGE 5)
   ========================================================================== */
.about-section {
  padding: 70px 0 90px 0;
}

.about-hero-card {
  background: var(--c-surface);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-xl);
  padding: 48px;
  box-shadow: var(--shadow-card);
  margin-bottom: 48px;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 40px;
  align-items: center;
}

.process-steps-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin: 48px 0;
}

.process-step-card {
  background: var(--c-surface);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-lg);
  padding: 32px 24px;
  box-shadow: var(--shadow-card);
  position: relative;
  transition: all var(--t-base);
}

.process-step-card:hover {
  border-color: var(--c-teal-border);
  transform: translateY(-4px);
  box-shadow: var(--shadow-card-hover);
}

.process-step-num {
  font-family: var(--f-mono);
  font-size: 2rem;
  font-weight: 800;
  color: var(--c-teal);
  line-height: 1;
  margin-bottom: 12px;
}

.workshop-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 32px;
}

.workshop-photo-card {
  aspect-ratio: 4/3;
  border-radius: var(--r-lg);
  overflow: hidden;
  border: 1px solid var(--c-border-subtle);
  box-shadow: var(--shadow-card);
  background: var(--c-surface-subtle);
}

.workshop-photo-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.workshop-photo-card:hover img {
  transform: scale(1.04);
}

/* ==========================================================================
   CONTACTS & FACTORY COORDINATES (PAGE 6)
   ========================================================================== */
.contacts-section {
  padding: 70px 0 90px 0;
}

.contacts-grid {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 40px;
}

.inquiry-form-card {
  background: var(--c-surface);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-xl);
  padding: 40px;
  box-shadow: var(--shadow-card);
}

.form-type-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 28px;
  background: var(--c-surface-subtle);
  padding: 4px;
  border-radius: var(--r-pill);
}

.form-tab-btn {
  flex: 1;
  padding: 10px;
  text-align: center;
  border-radius: var(--r-pill);
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--c-text-body);
  transition: all var(--t-fast);
  cursor: pointer;
}

.form-tab-btn.active {
  background: #FFFFFF;
  color: var(--c-black);
  box-shadow: var(--shadow-xs);
}

.form-group {
  margin-bottom: 20px;
}

.form-label {
  display: block;
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--c-black);
  margin-bottom: 6px;
}

.form-input,
.form-select,
.form-textarea {
  width: 100%;
  padding: 12px 16px;
  border-radius: var(--r-md);
  border: 1px solid var(--c-border-medium);
  background: #FFFFFF;
  color: var(--c-black);
  font-size: 0.92rem;
  transition: all var(--t-fast);
}

.form-input:focus,
.form-select:focus,
.form-textarea:focus {
  border-color: var(--c-teal);
  box-shadow: 0 0 0 3px var(--c-teal-glow);
  outline: none;
}

.form-textarea {
  min-height: 120px;
  resize: vertical;
}

.form-feedback {
  font-size: 0.78rem;
  margin-top: 4px;
  display: none;
}

.form-group.has-error .form-input {
  border-color: var(--c-danger);
}

.form-group.has-error .form-feedback {
  display: block;
  color: var(--c-danger);
}

.credentials-card {
  background: var(--c-surface-subtle);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-lg);
  padding: 24px;
  margin-top: 24px;
}

.credentials-table {
  width: 100%;
  font-size: 0.86rem;
  border-collapse: collapse;
}

.credentials-table td {
  padding: 8px 0;
  border-bottom: 1px solid var(--c-border-subtle);
}

.credentials-table td:first-child {
  color: var(--c-text-muted);
  width: 40%;
}

.credentials-table td:last-child {
  font-weight: 700;
  color: var(--c-black);
  font-family: var(--f-mono);
}

/* Map Card */
.map-card-wrapper {
  border-radius: var(--r-lg);
  overflow: hidden;
  border: 1px solid var(--c-border-subtle);
  box-shadow: var(--shadow-card);
  margin-top: 24px;
  aspect-ratio: 16/9;
}

.map-card-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

/* ==========================================================================
   MUST-KNOW / BUYER GUIDE & FAQ (PAGE 7)
   ========================================================================== */
.mustknow-section {
  padding: 70px 0 90px 0;
}

.guide-cards-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
  margin-bottom: 60px;
}

.guide-card {
  background: var(--c-surface);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-xl);
  padding: 36px;
  box-shadow: var(--shadow-card);
  transition: all var(--t-base);
}

.guide-card:hover {
  border-color: var(--c-teal-border);
  box-shadow: var(--shadow-card-hover);
  transform: translateY(-3px);
}

.guide-icon-badge {
  width: 48px;
  height: 48px;
  border-radius: var(--r-md);
  background: var(--c-teal-light);
  color: var(--c-teal-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  margin-bottom: 20px;
}

/* Interactive FAQ Accordion */
.faq-accordion {
  max-width: 860px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.accordion-item {
  background: var(--c-surface);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-lg);
  overflow: hidden;
  transition: all var(--t-fast);
}

.accordion-item.active {
  border-color: var(--c-teal);
  box-shadow: var(--shadow-sm);
}

.accordion-header {
  width: 100%;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  text-align: left;
  cursor: pointer;
}

.accordion-title {
  font-family: var(--f-heading);
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--c-black);
}

.accordion-chevron {
  width: 24px;
  height: 24px;
  transition: transform var(--t-fast);
  color: var(--c-teal);
  flex-shrink: 0;
}

.accordion-item.active .accordion-chevron {
  transform: rotate(180deg);
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, padding 0.35s ease;
  padding: 0 24px;
  color: var(--c-text-body);
  font-size: 0.92rem;
  line-height: 1.6;
}

.accordion-item.active .accordion-content {
  max-height: 400px;
  padding-bottom: 24px;
}

/* ==========================================================================
   B2B SECTION & CALCULATOR
   ========================================================================== */
.b2b-section {
  padding: 90px 0;
  background: var(--c-surface-subtle);
}

.b2b-calculator-card {
  background: var(--c-surface);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-xl);
  padding: 48px;
  box-shadow: var(--shadow-lg);
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 48px;
}

.range-slider {
  width: 100%;
  height: 8px;
  border-radius: var(--r-full);
  background: var(--c-border-medium);
  outline: none;
  accent-color: var(--c-teal);
  margin: 16px 0;
}

.tier-slider-box {
  background: var(--c-surface-subtle);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-md);
  padding: 20px;
  margin: 20px 0;
}

.tier-summary-box {
  background: var(--c-teal-light);
  border: 1px solid var(--c-teal-border);
  border-radius: var(--r-md);
  padding: 16px;
  margin-top: 14px;
}

/* ==========================================================================
   REVIEWS & TESTIMONIALS (GOOGLE 5.0 TRUSTINDEX)
   ========================================================================== */
.reviews-section {
  padding: 90px 0;
}

.reviews-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.review-bubble {
  background: var(--c-surface);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-lg);
  padding: 30px;
  box-shadow: var(--shadow-card);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.stars-gold {
  color: #EAB308;
  display: flex;
  gap: 4px;
  margin-bottom: 12px;
}

.review-text {
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--c-text-body);
  margin-bottom: 20px;
  font-style: italic;
}

.reviewer-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  border-top: 1px solid var(--c-border-subtle);
  padding-top: 14px;
}

.reviewer-name {
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--c-black);
}

.verified-tag {
  font-size: 0.74rem;
  color: var(--c-emerald);
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 4px;
}

/* ==========================================================================
   CART OVERLAY & SLIDING DRAWER (GLOBAL SHARED ENGINE)
   ========================================================================== */
.cart-drawer-overlay {
  position: fixed;
  inset: 0;
  background: rgba(10, 13, 18, 0.48);
  backdrop-filter: blur(4px);
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity var(--t-base), visibility var(--t-base);
}

.cart-drawer-overlay.open {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.cart-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 440px;
  background: var(--c-surface);
  box-shadow: -10px 0 40px rgba(10, 13, 18, 0.15);
  z-index: 1001;
  transform: translateX(100%);
  transition: transform var(--t-base);
  display: flex;
  flex-direction: column;
}

.cart-drawer-overlay.open .cart-drawer {
  transform: translateX(0);
}

.drawer-header {
  padding: 20px 24px;
  border-bottom: 1px solid var(--c-border-subtle);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.drawer-title {
  font-family: var(--f-heading);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--c-black);
}

.drawer-close-btn {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--c-surface-subtle);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  cursor: pointer;
  transition: all var(--t-fast);
}

.drawer-close-btn:hover {
  background: var(--c-border-medium);
  color: var(--c-black);
}

.drawer-free-shipping {
  background: var(--c-teal-light);
  border-bottom: 1px solid var(--c-teal-border);
  padding: 12px 24px;
  font-size: 0.8rem;
  color: var(--c-teal-dark);
}

.fs-meter-track {
  height: 6px;
  border-radius: var(--r-pill);
  background: rgba(77, 153, 135, 0.22);
  margin-top: 6px;
  overflow: hidden;
}

.fs-meter-fill {
  height: 100%;
  background: var(--c-teal);
  border-radius: var(--r-pill);
  transition: width 0.4s ease;
}

.drawer-items-list {
  flex-grow: 1;
  overflow-y: auto;
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.cart-item-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--c-border-subtle);
}

.cart-item-thumb {
  width: 64px;
  height: 64px;
  border-radius: var(--r-sm);
  background: var(--c-surface-subtle);
  object-fit: cover;
  border: 1px solid var(--c-border-subtle);
}

.cart-item-body {
  flex-grow: 1;
}

.cart-item-title {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--c-black);
  margin-bottom: 2px;
}

.cart-item-specs {
  font-size: 0.74rem;
  color: var(--c-text-muted);
  font-family: var(--f-mono);
  margin-bottom: 4px;
}

.cart-item-price {
  font-family: var(--f-mono);
  font-size: 0.88rem;
  font-weight: 800;
  color: var(--c-black);
}

.cart-qty-ctrl {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
}

.qty-btn {
  width: 24px;
  height: 24px;
  border-radius: var(--r-sm);
  background: var(--c-surface-subtle);
  border: 1px solid var(--c-border-subtle);
  font-size: 0.82rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--t-fast);
}

.qty-btn:hover {
  border-color: var(--c-teal);
  color: var(--c-teal-dark);
  background: var(--c-teal-light);
}

.qty-val {
  font-family: var(--f-mono);
  font-size: 0.84rem;
  font-weight: 700;
  min-width: 20px;
  text-align: center;
}

.cart-item-remove {
  color: var(--c-text-dim);
  font-size: 1.1rem;
  cursor: pointer;
  padding: 4px;
  transition: color var(--t-fast);
}

.cart-item-remove:hover {
  color: var(--c-danger);
}

.cart-empty-msg {
  text-align: center;
  color: var(--c-text-muted);
  font-size: 0.9rem;
  margin: 40px auto;
  line-height: 1.5;
}

.drawer-footer {
  padding: 20px 24px;
  border-top: 1px solid var(--c-border-subtle);
  background: var(--c-surface-subtle);
}

.calc-breakdown-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.84rem;
  color: var(--c-text-muted);
  margin-bottom: 6px;
}

.subtotal-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--c-border-subtle);
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--c-black);
}

.cart-subtotal-price {
  font-family: var(--f-mono);
  color: var(--c-black);
}

/* ==========================================================================
   FOOTER (DEEP BLACK ARCHITECTURAL FOOTER)
   ========================================================================== */
.site-footer {
  background: var(--c-black);
  color: #FFFFFF;
  padding: 70px 0 30px 0;
  margin-top: 60px;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 40px;
  margin-bottom: 50px;
}

.footer-col h4 {
  color: #FFFFFF;
  font-size: 1.05rem;
  margin-bottom: 18px;
}

.footer-col p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.88rem;
  line-height: 1.6;
}

.footer-links {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-links a {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9rem;
  text-decoration: none;
  transition: all var(--t-fast);
}

.footer-links a:hover {
  color: var(--c-teal);
  transform: translateX(4px);
}

.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  padding-top: 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.55);
}

/* ==========================================================================
   RESPONSIVE LAYOUTS & BREAKPOINTS
   Strict: 1440px desktop, 1024px tablet, 640px/375px mobile without horizontal scroll
   ========================================================================== */
@media (max-width: 1280px) {
  .hero-2col-grid,
  .b2b-calculator-card {
    gap: 36px;
    padding: 36px;
  }
}

@media (max-width: 1024px) {
  .hero-2col-grid,
  .cfg-builder-grid,
  .anatomy-grid,
  .b2b-calculator-card,
  .pdp-grid,
  .about-hero-card,
  .contacts-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

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

  .process-steps-grid,
  .workshop-gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }

  .cart-drawer {
    max-width: 400px;
  }
}

@media (max-width: 1240px) {
  .phone-hotline {
    display: none !important;
  }
  .nav-menu a {
    padding: 8px 8px;
    font-size: 0.86rem;
  }
  .header-bar {
    padding: 10px 18px;
    gap: 12px;
  }
}

@media (max-width: 1024px) {
  .nav-menu {
    display: none !important;
  }

  .phone-hotline {
    display: none !important;
  }

  .mobile-nav-toggle {
    display: inline-flex !important;
  }
}

@media (max-width: 768px) {
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .header-wrapper {
    padding: 0 12px;
  }

  .header-bar {
    padding: 8px 14px;
    gap: 10px;
  }
}

@media (max-width: 640px) {
  .header-wrapper {
    padding: 0 8px;
    top: 8px;
    margin-bottom: 16px;
  }

  .header-bar {
    padding: 7px 12px;
    gap: 8px;
  }

  .header-bar .lang-switch {
    display: none;
  }

  .header-actions {
    gap: 6px;
    flex-shrink: 0;
  }

  .brand-anchor img {
    height: 28px;
    max-width: 125px;
  }

  .cart-trigger-btn {
    padding: 6px 10px;
    gap: 6px;
    font-size: 0.78rem;
  }

  .cart-trigger-btn svg {
    width: 15px;
    height: 15px;
  }

  .mobile-nav-toggle {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
  }

  .hero-2col-grid {
    padding: 28px 20px;
  }

  .hero-headline {
    font-size: 2.2rem;
  }

  .trust-metric-bar {
    grid-template-columns: 1fr;
  }

  .flash-shelf,
  .products-grid,
  .reviews-grid,
  .editorial-cards-row,
  .guide-cards-grid,
  .process-steps-grid,
  .workshop-gallery-grid {
    grid-template-columns: 1fr;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 640px) {
  .cart-drawer {
    max-width: 100%;
    width: 100%;
  }

  .cfg-btn-grid {
    grid-template-columns: 1fr;
  }

  .footer-bottom {
    flex-direction: column;
    gap: 12px;
    text-align: center;
  }
}

@media (max-width: 375px) {
  .container {
    padding-left: 14px;
    padding-right: 14px;
  }

  .btn {
    padding: 11px 20px;
    font-size: 0.86rem;
  }

  .hero-headline {
    font-size: 1.9rem;
  }
}

/* ==========================================================================
   MASTER ARCHITECTURAL HERO (Light, Senior-Designer, High-Converting)
   ========================================================================== */
.master-hero {
  padding: 30px 0 60px 0;
  position: relative;
}

.master-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  gap: 48px;
  align-items: center;
  background: var(--c-surface);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-md);
  padding: 48px;
  box-shadow: var(--shadow-sm);
}

.master-hero-content,
.master-hero-visual {
  min-width: 0;
  max-width: 100%;
}

.master-hero-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--f-ui);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--c-teal-dark);
  margin-bottom: 16px;
}

.hero-live-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #ECFDF5;
  border: 1px solid #A7F3D0;
  color: #047857;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  margin-bottom: 18px;
  font-family: var(--f-ui);
  letter-spacing: 0.02em;
}

.pulse-green-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #10B981;
  box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
  animation: pulseGreen 2s infinite;
}

@keyframes pulseGreen {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 6px rgba(16, 185, 129, 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
  }
}

.master-hero-title {
  font-size: clamp(1.75rem, 3.8vw, 3.2rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.035em;
  color: var(--c-black);
  margin-bottom: 18px;
  overflow-wrap: break-word;
}

.master-hero-desc {
  font-size: 1.05rem;
  line-height: 1.65;
  color: var(--c-text-body);
  margin-bottom: 28px;
  max-width: 580px;
}

.master-hero-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 36px;
}

.master-hero-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  padding-top: 24px;
  border-top: 1px solid var(--c-border-subtle);
}

.hero-metric-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.hero-metric-val {
  font-family: var(--f-heading);
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--c-black);
  letter-spacing: -0.02em;
}

.hero-metric-lbl {
  font-size: 0.76rem;
  color: var(--c-text-muted);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.3;
}

.master-hero-visual {
  position: relative;
  border-radius: var(--r-md);
  overflow: hidden;
  border: 1px solid var(--c-border-subtle);
  background: var(--c-surface-subtle);
  box-shadow: var(--shadow-md);
}

.master-hero-visual img {
  width: 100%;
  height: 480px;
  object-fit: cover;
  display: block;
}

.hero-floating-badge {
  position: absolute;
  z-index: 5;
  background: rgba(15, 23, 42, 0.85);
  color: #FFFFFF;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  padding: 7px 14px;
  border-radius: 999px;
  font-size: 0.74rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
  pointer-events: none;
}

.hero-floating-badge.top-left {
  top: 16px;
  left: 16px;
}

.hero-view-toggle {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 6;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(226, 232, 240, 0.9);
  color: #0F172A;
  padding: 7px 14px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.hero-view-toggle:hover {
  background: #FFFFFF;
  color: var(--c-teal);
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}

.hero-visual-card {
  position: absolute;
  bottom: 16px;
  left: 16px;
  right: 16px;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(229, 231, 235, 0.9);
  border-radius: var(--r-sm);
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.hero-visual-title {
  font-family: var(--f-heading);
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--c-black);
  margin-bottom: 2px;
}

.hero-visual-spec {
  font-size: 0.78rem;
  color: var(--c-text-muted);
}

/* ==========================================================================
   WOOCOMMERCE 2-COLUMN CATALOG LAYOUT
   ========================================================================== */
.catalog-layout-grid {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 36px;
  align-items: start;
  margin-top: 30px;
}

.catalog-sidebar {
  background: var(--c-surface);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-md);
  padding: 24px;
  position: sticky;
  top: 90px;
}

.sidebar-widget {
  margin-bottom: 28px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--c-border-subtle);
}

.sidebar-widget:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.widget-title {
  font-family: var(--f-heading);
  font-size: 0.88rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--c-black);
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cat-tree-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.cat-tree-item {
  border-radius: var(--r-sm);
  overflow: hidden;
}

.cat-main-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 12px;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--c-text-body);
  border-radius: var(--r-sm);
  transition: all var(--t-fast);
  text-align: left;
  background: transparent;
  border: none;
  cursor: pointer;
}

.cat-main-btn:hover,
.cat-main-btn.active {
  background: var(--c-surface-subtle);
  color: var(--c-black);
  font-weight: 700;
}

.cat-main-btn.active {
  border-left: 3px solid var(--c-teal);
  background: var(--c-teal-light);
  color: var(--c-teal-dark);
}

.cat-chevron {
  transition: transform var(--t-fast);
}

.cat-tree-item.open .cat-chevron {
  transform: rotate(180deg);
}

.cat-submenu {
  display: none;
  flex-direction: column;
  gap: 2px;
  padding: 4px 0 8px 16px;
}

.cat-tree-item.open .cat-submenu {
  display: flex;
}

.cat-sub-btn {
  padding: 7px 10px;
  font-size: 0.82rem;
  color: var(--c-text-muted);
  font-weight: 500;
  border-radius: var(--r-sm);
  transition: all var(--t-fast);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: transparent;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
}

.cat-sub-btn:hover,
.cat-sub-btn.active {
  color: var(--c-teal-dark);
  background: var(--c-teal-light);
  font-weight: 700;
}

.cat-badge-num {
  font-size: 0.72rem;
  color: var(--c-text-muted);
  font-weight: 600;
  background: var(--c-surface-subtle);
  padding: 2px 6px;
  border-radius: 3px;
}

.filter-checkbox-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
  cursor: pointer;
  font-size: 0.85rem;
  color: var(--c-text-body);
  user-select: none;
}

.filter-checkbox-item input[type="checkbox"] {
  accent-color: var(--c-teal);
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.price-slider-wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.price-range-input {
  width: 100%;
  accent-color: var(--c-teal);
  cursor: pointer;
}

.price-range-labels {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.82rem;
  color: var(--c-text-muted);
  font-weight: 600;
}

.price-active-val {
  font-weight: 700;
  color: var(--c-black);
}

.stock-toggle-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--c-black);
  cursor: pointer;
}

.stock-toggle-box input[type="checkbox"] {
  accent-color: var(--c-teal);
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.catalog-top-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: var(--c-surface);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-md);
  padding: 14px 20px;
  margin-bottom: 24px;
}

.catalog-search-field {
  position: relative;
  flex: 1;
  max-width: 480px;
}

.catalog-search-field svg {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--c-text-muted);
  pointer-events: none;
}

.catalog-search-field input {
  width: 100%;
  padding: 10px 14px 10px 42px;
  background: var(--c-surface-subtle);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-sm);
  font-size: 0.88rem;
  color: var(--c-black);
  transition: all var(--t-fast);
}

.catalog-search-field input:focus {
  background: #FFFFFF;
  border-color: var(--c-teal);
  box-shadow: 0 0 0 3px var(--c-teal-glow);
}

.catalog-sorting-box {
  display: flex;
  align-items: center;
  gap: 10px;
}

.catalog-sorting-box select {
  padding: 9px 14px;
  background: var(--c-surface-subtle);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-sm);
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--c-black);
  cursor: pointer;
}

/* ==========================================================================
   WOOCOMMERCE SHOPPING CART PAGE (cart.html)
   ========================================================================== */
.cart-page-grid {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 36px;
  align-items: start;
  margin: 40px 0 80px 0;
}

.shop-table-wrapper {
  background: var(--c-surface);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-md);
  overflow: hidden;
}

.shop_table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

.shop_table thead th {
  background: var(--c-surface-subtle);
  padding: 16px 20px;
  font-family: var(--f-heading);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--c-text-muted);
  border-bottom: 1px solid var(--c-border-subtle);
}

.shop_table tbody td {
  padding: 20px;
  border-bottom: 1px solid var(--c-border-subtle);
  vertical-align: middle;
}

.cart-item-product {
  display: flex;
  align-items: center;
  gap: 16px;
}

.cart-item-thumbnail {
  width: 72px;
  height: 72px;
  border-radius: var(--r-sm);
  border: 1px solid var(--c-border-subtle);
  object-fit: cover;
  flex-shrink: 0;
  background: var(--c-surface-subtle);
}

.cart-item-name {
  font-family: var(--f-heading);
  font-size: 0.98rem;
  font-weight: 700;
  color: var(--c-black);
  margin-bottom: 4px;
}

.cart-item-options {
  font-size: 0.78rem;
  color: var(--c-text-muted);
  line-height: 1.4;
}

.cart-qty-ctrl {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--c-border-medium);
  border-radius: var(--r-sm);
  background: var(--c-surface-subtle);
}

.cart-qty-btn {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: var(--c-black);
  cursor: pointer;
  transition: all var(--t-fast);
  background: none;
  border: none;
}

.cart-qty-btn:hover {
  background: var(--c-teal-light);
  color: var(--c-teal-dark);
}

.cart-qty-num {
  width: 38px;
  text-align: center;
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--c-black);
}

.cart-item-price {
  font-family: var(--f-heading);
  font-weight: 700;
  font-size: 1rem;
  color: var(--c-black);
}

.cart-item-remove-btn {
  color: var(--c-text-dim);
  transition: color var(--t-fast);
  padding: 6px;
  cursor: pointer;
  background: none;
  border: none;
}

.cart-item-remove-btn:hover {
  color: var(--c-danger);
}

.cart-totals-box {
  background: var(--c-surface);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-md);
  padding: 28px;
  position: sticky;
  top: 90px;
}

.cart-totals-title {
  font-family: var(--f-heading);
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--c-black);
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--c-border-subtle);
}

.cart-totals-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
  font-size: 0.92rem;
  color: var(--c-text-body);
}

.cart-totals-row.total-row {
  border-top: 1px solid var(--c-border-subtle);
  padding-top: 16px;
  margin-top: 16px;
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--c-black);
}

.free-shipping-progress {
  background: var(--c-surface-subtle);
  border-radius: var(--r-sm);
  padding: 14px;
  margin-bottom: 20px;
  border: 1px solid var(--c-border-subtle);
}

.free-shipping-bar {
  height: 6px;
  background: #E5E7EB;
  border-radius: 3px;
  overflow: hidden;
  margin-top: 8px;
}

.free-shipping-fill {
  height: 100%;
  background: var(--c-teal);
  transition: width var(--t-base);
}

@media (max-width: 992px) {
  .master-hero-grid {
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 28px 24px;
  }
  .master-hero-visual {
    order: -1;
    width: 100%;
  }
  .master-hero-content {
    order: 1;
    width: 100%;
  }
  .hero-visual-card {
    display: none !important;
  }
  .hero-main-img,
  .master-hero-visual img {
    height: 320px !important;
  }
  .catalog-layout-grid {
    display: flex;
    flex-direction: column;
  }
  .catalog-main-content {
    order: 1;
    width: 100%;
  }
  .catalog-sidebar {
    order: 2;
    width: 100%;
    margin-top: 32px;
    position: static;
  }
  .cart-page-grid {
    grid-template-columns: 1fr;
  }
  .cart-totals-box {
    position: static;
  }
  .master-hero-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
  .anatomy-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .layer-tab-btn.active {
    transform: none;
  }
}

.pill-mobile-only {
  display: none;
}

@media (max-width: 520px) {
  .pill-desktop-only {
    display: none;
  }
  .pill-mobile-only {
    display: inline;
  }
  .master-hero-actions {
    width: 100%;
    gap: 10px;
  }
  .master-hero-actions .btn {
    width: 100%;
    justify-content: center;
    text-align: center;
    padding: 13px 18px;
    font-size: 0.92rem;
  }
  .master-hero-grid {
    padding: 16px 14px;
    gap: 20px;
  }
  .hero-main-img,
  .master-hero-visual img {
    height: 250px !important;
  }
  .master-hero-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .hero-metric-val {
    font-size: 1.2rem;
  }
  .hero-metric-lbl {
    font-size: 0.7rem;
  }
}

@media (max-width: 480px) {
  .master-hero-metrics {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}

/* ==========================================================================
   GLOBAL MOBILE MENU DRAWER
   ========================================================================== */
.mobile-menu-overlay {
  position: fixed;
  inset: 0;
  background: rgba(10, 13, 18, 0.6);
  backdrop-filter: blur(4px);
  z-index: 1500;
  display: none;
}

.mobile-menu-overlay.open {
  display: block;
}

.mobile-menu-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 290px;
  max-width: 85vw;
  background: var(--c-surface);
  padding: 24px;
  box-shadow: var(--shadow-xl);
  z-index: 1510;
  transform: translateX(100%);
  transition: transform var(--t-smooth);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.mobile-menu-overlay.open .mobile-menu-drawer {
  transform: translateX(0);
}

/* ==========================================================================
   CART SLIDING DRAWER ROBUST SCROLLING & COMPACT FOOTER FIX
   ========================================================================== */
.cart-drawer {
  display: flex !important;
  flex-direction: column !important;
  max-height: 100vh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
}

.cart-drawer .drawer-header {
  flex-shrink: 0 !important;
  padding: 14px 18px !important;
  border-bottom: 1px solid var(--c-border-subtle) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.cart-drawer .drawer-free-shipping {
  flex-shrink: 0 !important;
  padding: 8px 18px !important;
  background: var(--c-surface-subtle) !important;
  border-bottom: 1px solid var(--c-border-subtle) !important;
}

.cart-drawer .drawer-items-list {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  padding: 12px 18px !important;
  -webkit-overflow-scrolling: touch !important;
}

.cart-drawer .drawer-footer {
  flex-shrink: 0 !important;
  margin-top: auto !important;
  padding: 12px 18px !important;
  background: #FFFFFF !important;
  border-top: 1px solid var(--c-border-subtle) !important;
  box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.05) !important;
}

/* Override .subtotal-row inside drawer so it never inherits huge 1.15rem headlines */
.drawer-summary-breakdown .subtotal-row {
  margin: 0 !important;
  padding: 3px 0 !important;
  border: none !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  color: #64748B !important;
  line-height: 1.4 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.drawer-summary-breakdown .summary-row-total {
  border-top: 1px solid #E2E8F0 !important;
  margin-top: 6px !important;
  padding-top: 8px !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #0A0D12 !important;
}

/* ==========================================================================
   CATALOG MOBILE CATEGORY POPUP & TRIGGER
   ========================================================================== */
.mobile-catalog-filter-bar {
  display: none;
  margin-bottom: 16px;
}

.mobile-filter-trigger {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 12px 16px;
  background: var(--c-surface);
  border: 1px solid var(--c-border-subtle);
  border-radius: var(--r-md);
  font-family: var(--f-sans);
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--c-black);
  cursor: pointer;
  box-shadow: var(--shadow-xs);
  transition: all var(--t-fast);
  text-align: left;
}

.mobile-filter-trigger:hover,
.mobile-filter-trigger:active {
  border-color: var(--c-teal);
  background: var(--c-surface-subtle);
}

.mobile-filter-count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--c-teal-light);
  color: var(--c-teal-dark);
  font-family: var(--f-mono);
  font-size: 0.76rem;
  font-weight: 800;
}

.filter-chevron-icon {
  margin-left: auto;
  color: var(--c-text-muted);
  transition: transform var(--t-fast);
}

.mobile-cat-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(10, 13, 18, 0.65);
  backdrop-filter: blur(5px);
  z-index: 2000;
  display: none;
  align-items: flex-end;
  justify-content: center;
}

.mobile-cat-popup-overlay.open {
  display: flex;
}

.mobile-cat-popup {
  background: #FFFFFF;
  width: 100%;
  max-width: 520px;
  max-height: 85vh;
  border-radius: 20px 20px 0 0;
  padding: 20px 20px 28px 20px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.2);
  animation: slideUpPopup 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
}

@keyframes slideUpPopup {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}

.mobile-cat-popup-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--c-border-subtle);
  margin-bottom: 16px;
}

.mobile-cat-popup-title {
  font-family: var(--f-heading);
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--c-black);
  margin: 0;
}

.mobile-cat-popup-close {
  background: none;
  border: none;
  font-size: 1.6rem;
  line-height: 1;
  color: var(--c-text-muted);
  cursor: pointer;
  padding: 4px;
}

.mobile-cat-popup-body {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-right: 4px;
}

.mobile-cat-item-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-radius: var(--r-sm);
  background: var(--c-surface-subtle);
  border: 1px solid var(--c-border-subtle);
  font-family: var(--f-sans);
  font-size: 0.90rem;
  font-weight: 700;
  color: var(--c-black);
  cursor: pointer;
  transition: all var(--t-fast);
  text-align: left;
  width: 100%;
}

.mobile-cat-item-btn:hover,
.mobile-cat-item-btn.active {
  background: var(--c-teal-light);
  border-color: var(--c-teal);
  color: var(--c-teal-dark);
}

.mobile-cat-subitems {
  padding-left: 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 4px;
  margin-bottom: 8px;
}

.mobile-cat-sub-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-radius: 6px;
  background: #FFFFFF;
  border: 1px solid var(--c-border-subtle);
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--c-text-body);
  cursor: pointer;
  transition: all var(--t-fast);
  width: 100%;
}

.mobile-cat-sub-btn:hover,
.mobile-cat-sub-btn.active {
  background: var(--c-teal-light);
  border-color: var(--c-teal);
  color: var(--c-teal-dark);
  font-weight: 700;
}

@media (max-width: 992px) {
  .mobile-catalog-filter-bar {
    display: block;
  }
  .catalog-sidebar {
    display: none !important;
  }
}



/* footer-section.css */
.tlki-footer{position:relative;isolation:isolate;overflow:hidden;background:#edf5f1;color:#111925;padding:70px 0 36px}
.tlki-footer::before{content:'';position:absolute;z-index:-1;top:-500px;right:-720px;width:1300px;height:1100px;background:repeating-radial-gradient(ellipse at center,transparent 0 55px,#d1e3da 56px,transparent 57px 88px);border-radius:50%;opacity:.65;transform:rotate(-25deg);pointer-events:none}
.tlki-footer>.container{max-width:1672px;padding:0 50px}
.tlki-footer a{color:inherit;text-decoration:none}
.tlki-footer a:hover,.tlki-footer button:hover{color:#1d6555;text-decoration:underline;text-underline-offset:5px}
.tlki-footer a:focus-visible,.tlki-footer button:focus-visible{outline:3px solid #4d9987;outline-offset:5px}
.tlki-footer-top{display:grid;grid-template-columns:1.05fr 1.5fr 1.3fr;align-items:center;gap:40px;padding:22px 14px 58px;border-bottom:1px solid #c5d9cf}
.tlki-footer-brand img{display:block;width:100%;max-width:310px;height:auto;filter:brightness(0);opacity:.95}
.tlki-footer-motto{padding:10px 0 10px 40px;border-left:1px solid #c5d9cf;margin:0;font:700 clamp(1.2rem,2.15vw,2.15rem)/1.4 var(--f-heading);letter-spacing:-.035em;color:#101724}
.tlki-footer-motto span{display:inline-block;color:#286d5e;margin-top:5px}
.tlki-footer-contact{justify-self:end;min-width:0}
.tlki-footer-phone-row{display:flex;align-items:flex-start;gap:20px;color:#286d5e}
.tlki-footer-phone-row svg{flex-shrink:0;margin-top:7px}
.tlki-footer .tlki-footer-phone{font:700 clamp(1.4rem,2.65vw,2.65rem)/1.25 var(--f-heading);letter-spacing:-.025em;white-space:nowrap;color:#175e50}
.tlki-footer-phone-row p{font-size:clamp(.86rem,1.36vw,1.3rem);line-height:1.5;color:#73818a;margin:6px 0 18px}
.tlki-footer-email{display:inline-flex;align-items:center;gap:17px;font-size:clamp(1.1rem,1.65vw,1.6rem);margin-left:56px}
.tlki-footer-email span{color:#286d5e}
.tlki-footer-columns{display:grid;grid-template-columns:1.12fr 1fr 1.08fr 1.1fr;padding:40px 0;border-bottom:1px solid #c5d9cf}
.tlki-footer-column{min-width:0;padding:20px 34px 22px}
.tlki-footer-column:first-child{padding-left:14px}
.tlki-footer-column:last-child{padding-right:14px}
.tlki-footer-column+.tlki-footer-column{border-left:1px solid #c5d9cf}
.tlki-footer-column h2{font:700 clamp(1.3rem,1.95vw,1.95rem)/1.2 var(--f-heading);letter-spacing:-.045em;margin:0 0 22px;color:#101724}
.tlki-footer-column p{font-size:clamp(.98rem,1.4vw,1.4rem);line-height:1.5;color:#75808a;margin:0 0 26px}
.tlki-footer-column address{font-style:normal;font-size:clamp(.93rem,1.22vw,1.25rem);line-height:1.6;margin:44px 0 20px}
.tlki-footer-column ul{display:flex;flex-direction:column;gap:17px;list-style:none;padding:0;margin:0}
.tlki-footer-column li{font-size:clamp(.95rem,1.35vw,1.35rem);line-height:1.5;margin:0;padding:0}
.tlki-footer-column a span{margin-left:8px;color:#286d5e}
.tlki-footer .tlki-footer-link,.tlki-footer .tlki-footer-wholesale{font-size:clamp(.95rem,1.35vw,1.35rem);line-height:1.5;color:#286d5e}
.tlki-footer-wholesale{display:block;overflow-wrap:anywhere;margin:30px 0 26px}
.tlki-footer .tlki-footer-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 28px;border:1px solid #286d5e;border-radius:8px;color:#286d5e;font-size:clamp(.95rem,1.35vw,1.35rem)}
.tlki-footer .tlki-footer-button:hover{background:#dfece5;text-decoration:none}
.tlki-footer-bottom{display:grid;grid-template-columns:1.4fr auto auto 58px;gap:30px;align-items:center;padding-top:36px;color:#83909b}
.tlki-footer-legal p{font-size:clamp(.72rem,1.12vw,1.12rem);line-height:1.6;margin:0}
.tlki-footer-policies{display:flex;align-items:center;gap:24px;border-left:1px solid #c5d9cf;padding:15px 0 15px 30px}
.tlki-footer-policies :is(button,a){border:0;background:none;padding:0;font:400 clamp(.75rem,1.05vw,1rem)/1.5 var(--f-ui);color:#43515d;cursor:pointer}
.tlki-footer-credit{font-size:clamp(.75rem,1.05vw,1rem);border-left:1px solid #c5d9cf;padding:15px 0 15px 30px;white-space:nowrap}
.tlki-footer .tlki-footer-up{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border:1px solid #286d5e;border-radius:50%;color:#286d5e}
.tlki-footer-up:hover{background:#dfece5}
@media(max-width:600px){.tlki-footer .tlki-footer-column+.tlki-footer-column{border-left:0}}
@media(max-width:1200px){.tlki-footer>.container{padding:0 34px}.tlki-footer-top{gap:25px}.tlki-footer-motto{padding-left:25px}.tlki-footer-phone-row{gap:12px}.tlki-footer-phone-row svg{width:28px;height:28px}.tlki-footer-email{margin-left:40px}.tlki-footer-column{padding-left:24px;padding-right:24px}.tlki-footer-bottom{gap:20px}.tlki-footer-policies{gap:18px;padding-left:20px}.tlki-footer-credit{padding-left:20px}}
@media(max-width:950px){.tlki-footer{padding-top:45px}.tlki-footer-top{grid-template-columns:1fr 1.3fr;gap:30px;padding-bottom:36px}.tlki-footer-brand img{max-width:260px}.tlki-footer-motto{font-size:1.6rem}.tlki-footer-contact{grid-column:1/-1;justify-self:start;display:flex;align-items:center;gap:40px}.tlki-footer .tlki-footer-phone{font-size:1.8rem}.tlki-footer-phone-row p{font-size:.95rem;margin-bottom:0}.tlki-footer-email{margin:0;font-size:1.3rem}.tlki-footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px;padding:30px 0}.tlki-footer-column:nth-child(3){border-left:0;padding-left:14px}.tlki-footer-column h2{font-size:1.55rem}.tlki-footer-column p,.tlki-footer-column li{font-size:1rem}.tlki-footer-column address{margin-top:27px;font-size:.95rem}.tlki-footer-bottom{grid-template-columns:1fr 58px;gap:20px}.tlki-footer-legal{grid-column:1}.tlki-footer-policies{grid-column:1;grid-row:2;border:0;padding:0;justify-content:flex-start}.tlki-footer-credit{grid-column:1;grid-row:3;border:0;padding:0}.tlki-footer-up{grid-column:2;grid-row:1/4}.tlki-footer-legal p{font-size:.8rem}.tlki-footer-policies :is(button,a),.tlki-footer-credit{font-size:.8rem}}
@media(max-width:600px){.tlki-footer{padding:35px 0 28px}.tlki-footer>.container{padding:0 20px}.tlki-footer-top{grid-template-columns:1fr;gap:24px;padding:5px 0 30px}.tlki-footer-brand img{width:245px;max-width:100%}.tlki-footer-motto{padding:0;border:0;font-size:1.6rem}.tlki-footer-contact{grid-column:auto;display:block}.tlki-footer .tlki-footer-phone{font-size:1.85rem}.tlki-footer-phone-row p{margin:5px 0 15px;font-size:.9rem}.tlki-footer-email{margin-left:40px;font-size:1.2rem}.tlki-footer-columns{grid-template-columns:1fr;gap:0;padding:0}.tlki-footer-column,.tlki-footer-column:first-child,.tlki-footer-column:last-child,.tlki-footer-column:nth-child(3){padding:28px 0;border-left:0}.tlki-footer-column+.tlki-footer-column{border-top:1px solid #d1e1d8}.tlki-footer-column h2{font-size:1.5rem;margin-bottom:17px}.tlki-footer-column p{font-size:1rem;max-width:310px;margin-bottom:22px}.tlki-footer-column ul{gap:14px}.tlki-footer-column li{font-size:1rem}.tlki-footer-column address{margin:25px 0 16px}.tlki-footer-wholesale{margin:22px 0}.tlki-footer .tlki-footer-button{font-size:1rem;padding:14px 26px}.tlki-footer-bottom{padding-top:28px;gap:20px 10px;grid-template-columns:minmax(0,1fr) 46px}.tlki-footer .tlki-footer-up{width:46px;height:46px}.tlki-footer-legal p{font-size:.7rem}.tlki-footer-policies{gap:20px;flex-wrap:wrap}.tlki-footer-policies :is(button,a){font-size:.75rem}.tlki-footer-credit{font-size:.75rem}.tlki-footer::before{opacity:.35;right:-950px}}

/* The three legal documents share a compact, wrapping footer row. */
.tlki-footer-policies{flex-wrap:wrap;gap:8px 20px;max-width:390px}.tlki-footer-policies a{text-decoration:none}.tlki-footer-policies a:hover{text-decoration:underline;text-underline-offset:4px}

/* page-layout.css */
/* One content grid from the hero to the footer; section backgrounds remain full width. */
.tlki-film-hero>.container,
.tlki-materials>.container,
.tlki-catalog>.container,
.tlki-order>.container,
.tlki-reviews>.container,
.tlki-footer>.container{width:100%;max-width:1440px;margin-inline:auto;padding-inline:40px}
.tlki-order .tlki-section-label,.tlki-reviews .tlki-section-label,
.tlki-order-heading,.tlki-reviews-heading,.tlki-reviews-contact{margin-inline:0}
.tlki-reviews-contact,.tlki-footer-top{padding-inline:0}
.tlki-footer-column:first-child{padding-left:0}
.tlki-footer-column:last-child{padding-right:0}
@media(min-width:1441px){
 .tlki-order-heading h2,.tlki-reviews-heading h2{font-size:70px}
 .tlki-order-intro p{font-size:23px}
 .tlki-order-step h3{font-size:27px}
 .tlki-order-step p{font-size:20px}
 .tlki-review blockquote p{font-size:29px}
 .tlki-footer-motto{font-size:31px}
 .tlki-footer .tlki-footer-phone{font-size:38px}
 .tlki-footer-column h2{font-size:28px}
 .tlki-footer-column p{font-size:20px}
 .tlki-footer-column li{font-size:19px}
}
@media(max-width:1150px){
 .tlki-film-hero>.container,.tlki-materials>.container,.tlki-catalog>.container,
 .tlki-order>.container,.tlki-reviews>.container,.tlki-footer>.container{padding-inline:32px}
}
@media(max-width:950px){.tlki-footer-column:nth-child(3){padding-left:0}}
@media(max-width:760px){
 .tlki-film-hero>.container,.tlki-materials>.container,.tlki-catalog>.container,
 .tlki-order>.container,.tlki-reviews>.container,.tlki-footer>.container{padding-inline:20px}
}
@media(max-width:360px){
 .tlki-film-hero>.container,.tlki-materials>.container,.tlki-catalog>.container,
 .tlki-order>.container,.tlki-reviews>.container,.tlki-footer>.container{padding-inline:16px}
}

/* navigation.css */
.tlki-has-mega{position:relative}.tlki-has-mega .nm-parent{position:static}
.tlki-has-mega .nm-toggle{font:600 .9rem var(--f-ui,'Plus Jakarta Sans',sans-serif);color:var(--c-text-body);padding:8px 12px;background:none;border:0;border-radius:var(--r-sm);white-space:nowrap;cursor:pointer;line-height:inherit}
.tlki-has-mega .nm-toggle:hover,.tlki-has-mega .nm-toggle[aria-expanded=true]{background:#edf4ef;color:#2f7165;box-shadow:inset 0 -2px 0 #4d9987}
.tlki-has-mega .nm-toggle .dropdown-chevron{transform:none;color:inherit}.tlki-has-mega .nm-toggle[aria-expanded=true] .dropdown-chevron{transform:rotate(180deg)}
.tlki-mega{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:1060px;max-width:calc(100vw - 80px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #dfe6e1;border-radius:10px;box-shadow:0 15px 35px #172c201f;z-index:1200;font-family:var(--f-ui,'Plus Jakarta Sans',sans-serif);padding:20px 10px 10px}
.tlki-mega[hidden]{display:none!important}.nm-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 12px 22px}.nm-column{min-width:0;padding:5px 17px 0;display:flex;flex-direction:column}.nm-column+.nm-column{border-left:1px solid #edf1ee}
.tlki-mega a{color:#17202a;white-space:normal;border-radius:5px;text-decoration:none;box-shadow:none!important;transition:background .15s,color .15s}
.tlki-mega a:hover{background:#edf5ef;color:#2f7165}.tlki-has-mega :is(button,a):focus-visible{outline:3px solid #4d9987;outline-offset:3px}
.tlki-mega .nm-category{display:flex;align-items:center;gap:13px;padding:0;margin-bottom:20px;min-height:126px}.tlki-mega .nm-category:hover{background:transparent}.nm-product{width:106px;height:115px;flex-shrink:0;display:grid;place-items:center}.nm-product img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.nm-product svg{width:70px;height:70px;color:#2f7165}.nm-category strong{display:block;font:700 22px/1.18 var(--f-heading);letter-spacing:-.04em}.nm-category small{display:block;font-size:12px;line-height:1.65;color:#738178;font-weight:400;margin-top:8px}
.nm-links{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:3px;flex:1}.tlki-mega .nm-links a{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:11px 13px;font-size:13px;line-height:1.4;font-weight:500;min-height:41px}.nm-links small{display:block;color:#87948c;font-size:11px;margin-top:4px;font-weight:400}.nm-arrow{font-size:15px;color:#78877e;flex-shrink:0}.tlki-mega .nm-links a[aria-current=page]{background:#edf5ef;color:#2f7165}.tlki-mega .nm-all{align-self:flex-start;padding:7px 13px;font-size:13px;color:#2f7165;text-decoration:underline;text-underline-offset:5px;font-weight:600}
.nm-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#edf4ef;border-radius:7px;padding:19px 25px}.tlki-mega .nm-footer a{color:#2f7165;padding:0}.tlki-mega .nm-footer a:hover{background:transparent}.nm-guide{display:flex;align-items:center;gap:21px}.nm-guide svg{width:36px;height:36px;flex-shrink:0}.nm-guide small{display:block;color:#718077;font-size:11px;font-weight:400;margin-bottom:6px}.nm-guide strong{font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:4px}.tlki-mega .nm-catalog{display:flex;align-items:center;gap:20px;border-left:1px solid #d5e4da;border-radius:0;padding-left:35px;font-size:15px;font-weight:600;line-height:1.5}
.nm-mobile-categories{margin:8px 0 14px;padding-left:13px;border-left:2px solid #dce8df;font-family:var(--f-ui)}.nm-mobile-categories details{border-bottom:1px solid #e1e9e3}.nm-mobile-categories summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 4px;list-style:none;cursor:pointer;font-size:14px;font-weight:600;color:#2d5140}.nm-mobile-categories summary::-webkit-details-marker{display:none}.nm-mobile-categories summary>span{font-size:21px;font-weight:400}.nm-mobile-categories details[open] summary>span{transform:rotate(45deg)}.nm-mobile-categories ul{list-style:none;margin:0;padding:0 0 12px}.nm-mobile-categories li>a{display:flex;justify-content:space-between;gap:15px;padding:10px 10px;font-size:13px;line-height:1.5;color:#283e31;font-weight:500;text-decoration:none}.nm-mobile-categories small{display:block;font-size:10px;font-weight:400;color:#8a978e}.nm-mobile-categories .nm-mobile-all{color:#2f7165;font-size:12px;text-decoration:underline;text-underline-offset:4px}.nm-mobile-guide{display:inline-block;color:#2f7165;font-size:12px;padding:17px 4px 4px;text-decoration:underline;text-underline-offset:4px}.nm-mobile-categories :is(a,summary):focus-visible{outline:3px solid #4d9987;outline-offset:2px}.nm-mobile-open{overflow:hidden}
@media(max-width:1240px){.tlki-has-mega .nm-toggle{font-size:.86rem;padding:8px}.tlki-mega{width:980px;max-width:calc(100vw - 70px)}.nm-column{padding-inline:13px}.nm-category strong{font-size:20px}.nm-product{width:85px;height:105px}.nm-category small{font-size:11px}.nm-footer{padding-inline:20px}}
@media(max-width:1024px){.tlki-mega{display:none!important}}
@media(max-width:360px){.header-wrapper .cart-trigger-btn{padding-inline:6px;gap:4px;font-size:11px}.header-wrapper .header-actions{gap:4px}.header-wrapper .brand-anchor img{max-width:108px;height:auto}}
@media(prefers-reduced-motion:reduce){.tlki-mega a,.tlki-has-mega .dropdown-chevron{transition:none!important}}

/* cart-drawer.css */
body.tlki-drawer-open{overflow:hidden}
#cartOverlay{background:rgb(17 34 29 / .38);backdrop-filter:blur(4px);z-index:12000}
#cartDrawer{width:510px;max-width:100%;height:100dvh;max-height:100dvh;background:#fff;color:#0b1119;box-shadow:-12px 0 45px #13291f25;font-family:var(--f-ui,'Plus Jakarta Sans',sans-serif);overflow:hidden}
#cartDrawer *{box-sizing:border-box}#cartDrawer [hidden]{display:none!important}#cartDrawer button,#cartDrawer a{font-family:inherit}#cartDrawer button{cursor:pointer}#cartDrawer a{color:#2f7165;text-decoration:none}#cartDrawer a:hover{text-decoration:underline;text-underline-offset:4px}#cartDrawer :is(a,button):focus-visible{outline:3px solid #4b9786;outline-offset:3px}
#cartDrawer .td-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 27px;flex-shrink:0}
.td-header h2{font:700 27px/1.2 var(--f-heading,'Space Grotesk',sans-serif);letter-spacing:-.035em;margin:0;display:flex;align-items:center;gap:13px}.td-header h2>span{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;background:#dcece3;color:#2f7165;border-radius:5px;font:600 14px var(--f-ui)}
#drawerCloseBtn{border:0;background:none;width:36px;height:36px;color:#607269;font-size:29px;line-height:1;flex-shrink:0}
#cartDrawer .td-shipping{margin:0 22px 7px;padding:16px;background:#eff5f1;border-radius:9px;flex-shrink:0}
.td-shipping-copy{display:flex;gap:13px;align-items:center;color:#2f7165}.td-shipping-copy svg{flex-shrink:0}.td-shipping-copy strong{display:block;font-size:13px;font-weight:600}.td-shipping-copy small{display:block;color:#697d75;font-size:11px;margin-top:4px;line-height:1.4}.td-shipping p{margin:10px 0 8px;font-size:11px;color:#2f7165;line-height:1.5}.td-progress{height:5px;background:#d8e7de;border-radius:3px;overflow:hidden}.td-progress span{display:block;height:100%;background:#387f6e;border-radius:3px;transition:width .2s}
#cartDrawer .td-items{padding:4px 27px 24px;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.td-item{display:grid;grid-template-columns:91px minmax(0,1fr);gap:15px;padding:23px 0;border-bottom:1px solid #dce5df}.td-picture{height:116px;background:#edf4ef;border-radius:7px;padding:8px}.td-picture img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.td-item-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.td-item-heading h3{font:700 16px/1.4 var(--f-heading);letter-spacing:-.02em;margin:0}.td-item-heading button{flex-shrink:0;border:0;background:none;color:#718078;width:25px;height:28px;padding:3px}.td-specs{list-style:none;margin:7px 0 14px;padding:0;color:#718077;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.td-specs li+li{margin-top:3px}.td-item-bottom{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.td-qty{display:flex;border:1px solid #d8e2dc;border-radius:5px;overflow:hidden;height:36px;background:#fff}.td-qty button{width:31px;border:0;background:#f5f8f6;font-size:17px;color:#223d32}.td-qty span{min-width:30px;display:grid;place-items:center;font-size:12px;font-weight:600;padding:0 3px}.td-price{text-align:right}.td-price strong{font:700 17px/1.4 var(--f-heading);letter-spacing:-.025em;white-space:nowrap}.td-price small{display:block;font-size:11px;color:#78877f;margin-top:3px}.td-continue{margin-top:22px;border:0;background:none;padding:0;color:#2f7165;font-size:13px;text-decoration:underline;text-underline-offset:5px}
#cartDrawer .td-footer{padding:22px 27px 18px;background:#f4f8f5;border-top:1px solid #dfe8e1;flex-shrink:0}
.td-breakdown{display:grid;gap:11px;font-size:12px;color:#6c7c74}.td-breakdown>div{display:flex;gap:20px;justify-content:space-between;line-height:1.5}.td-breakdown>div>span:last-child{text-align:right;white-space:nowrap}.td-total{display:flex;justify-content:space-between;align-items:baseline;gap:15px;border-top:1px solid #d9e4dc;padding-top:17px;margin-top:17px}.td-total>strong{font:700 20px var(--f-heading)}.td-total>span{text-align:right}.td-total>span strong{font:700 28px/1.2 var(--f-heading);letter-spacing:-.03em;color:#2f7165;white-space:nowrap}.td-total small{display:block;color:#2f7165;font-size:11px;margin-top:5px}
#cartDrawer .td-checkout{display:flex;align-items:center;justify-content:center;gap:22px;background:#2f7165;color:#fff;padding:16px;border-radius:6px;font-size:15px;font-weight:600;margin-top:20px;min-height:53px;text-decoration:none}#cartDrawer .td-checkout:hover{background:#23594e}.td-cart-link{display:block;text-align:center;font-size:12px;font-weight:600;margin-top:15px;text-decoration:underline!important;text-underline-offset:5px}#cartDrawer .td-phone{display:block;text-align:center;font-size:10px;color:#76867c;margin-top:20px}.td-empty{text-align:center;padding:70px 15px}.td-empty>span{display:grid;place-items:center;background:#edf4ef;border-radius:50%;width:64px;height:64px;font-size:30px;color:#2f7165;margin:0 auto 22px}.td-empty h3{font:700 25px/1.2 var(--f-heading);letter-spacing:-.03em}.td-empty p{font-size:14px;color:#728177;line-height:1.7;margin:15px 0 24px}.td-empty a{font-size:14px;text-decoration:underline!important;text-underline-offset:5px}
body.tlki-drawer-open .vafort-toast{display:none!important}
@media(max-width:540px){#cartDrawer .td-header{padding:18px}.td-header h2{font-size:24px}#cartDrawer .td-shipping{margin-inline:15px;padding:12px}#cartDrawer .td-items{padding-inline:18px}.td-item{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:18px 0}.td-picture{height:94px}.td-item-heading h3{font-size:14px}.td-specs{font-size:11px;margin-bottom:10px}.td-price strong{font-size:16px}#cartDrawer .td-footer{padding:17px 18px 12px}.td-total>span strong{font-size:26px}.td-breakdown{font-size:11px;gap:8px}.td-total{margin-top:13px;padding-top:13px}#cartDrawer .td-checkout{margin-top:15px;min-height:48px;padding:13px;font-size:14px}#cartDrawer .td-phone{margin-top:15px}.td-cart-link{margin-top:12px}.td-item-bottom{gap:8px}.td-shipping-copy strong{font-size:12px}.td-shipping-copy small{font-size:10px}}
@media(max-height:680px){#cartDrawer .td-header{padding-block:12px}#cartDrawer .td-shipping{padding-block:9px}.td-shipping p{margin:6px 0}.td-shipping-copy small{display:none}#cartDrawer .td-footer{padding-top:12px}.td-breakdown{gap:5px}.td-total{margin-top:9px;padding-top:9px}#cartDrawer .td-checkout{margin-top:10px;min-height:43px;padding:10px}#cartDrawer .td-phone{display:none}.td-cart-link{margin-top:10px}.td-total>span strong{font-size:24px}}
@media(max-height:440px){#cartDrawer{overflow-y:auto!important}#cartDrawer .td-items{flex:0 0 auto;min-height:140px;overflow:visible}}
@media(prefers-reduced-motion:reduce){#cartOverlay,#cartDrawer,.td-progress span{transition:none!important}}

/* cookie-consent.css */
#tlkiConsent{font-family:var(--f-ui,'Plus Jakarta Sans',sans-serif);color:#0b1119}
#tlkiConsent [hidden]{display:none!important}
.tc-banner{position:fixed;z-index:9800;bottom:24px;left:50%;transform:translateX(-50%);width:calc(100% - 48px);max-width:1360px;background:#fff;border:1px solid #dce5df;border-radius:12px;box-shadow:0 12px 48px #132c2129;padding:28px 30px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
.tc-banner .tc-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:#71817a;margin:0 0 9px}
.tc-banner h2{font:700 25px/1.25 var(--f-heading,sans-serif);color:#0b1119;letter-spacing:-.04em;margin:0 0 10px}
.tc-banner-copy>p:last-child{font-size:12px;line-height:1.8;color:#687681;max-width:620px;margin:0}
.tc-banner-controls{text-align:right}
.tc-actions{display:flex;gap:10px}
.tc-button{appearance:none;border:1px solid #2f7165;background:#2f7165;color:#fff;border-radius:6px;padding:14px 23px;min-height:48px;font:600 13px/1.35 var(--f-ui,sans-serif);cursor:pointer;text-align:center;transition:background .15s}
.tc-button:hover{background:#245c52}
.tc-outline{background:#fff;color:#2f7165}.tc-outline:hover{background:#edf4ef}
.tc-actions .tc-button{min-width:135px;flex:1}
.tc-policy{display:inline-block;color:#2f7165;text-decoration:underline;text-underline-offset:3px;font-size:11px;line-height:1.6;margin-top:18px}
.tc-policy span{margin-left:14px}
.tc-dialog{position:fixed;inset:0;margin:auto;width:calc(100% - 32px);max-width:490px;max-height:calc(100dvh - 32px);box-sizing:border-box;padding:28px;border:1px solid #d9e4dc;border-radius:12px;box-shadow:0 24px 90px #132c2138;overflow:auto;background:#fff;color:#0b1119;overscroll-behavior:contain}
.tc-dialog::backdrop{background:rgba(13,28,22,.36);backdrop-filter:blur(3px)}
.tc-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}
.tc-dialog-top img{width:177px;height:auto;max-width:65%;filter:brightness(0)}
.tc-close{border:0;background:transparent;color:#53665e;font:300 30px/1 sans-serif;width:40px;height:40px;border-radius:5px;cursor:pointer;flex-shrink:0}
.tc-close:hover{background:#edf4ef}
.tc-dialog h2{font:700 29px/1.2 var(--f-heading,sans-serif);letter-spacing:-.045em;margin:0 0 15px;color:#0b1119}
.tc-dialog>p{font-size:13px;line-height:1.75;color:#6d7b86;margin:0 0 24px}
.tc-category{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f8faf9;border:1px solid #e7ece8;border-radius:8px;padding:20px 18px;margin:14px 0}
.tc-essential{background:#edf4ef;border-color:#edf4ef}
.tc-category h3{font:700 14px/1.4 var(--f-heading,sans-serif);letter-spacing:-.02em;margin:0 0 6px;color:#12211a}
.tc-category p{font-size:11px;line-height:1.7;color:#718078;margin:0}
.tc-badge{border-radius:20px;background:#dbe9e1;color:#357565;font-size:10px;white-space:nowrap;padding:7px 10px}
.tc-toggle{display:grid;gap:6px;justify-items:center;position:relative;flex:0 0 57px;cursor:pointer;min-height:44px}
.tc-toggle input{position:absolute;width:100%;height:100%;inset:0;opacity:0;cursor:pointer;margin:0}
.tc-switch{width:40px;height:24px;border-radius:20px;background:#a4ada8;padding:3px;pointer-events:none;box-sizing:border-box;transition:background .15s}
.tc-switch:before{content:'';display:block;width:18px;height:18px;background:white;border-radius:50%;transition:transform .15s}
.tc-toggle input:checked+.tc-switch{background:#2f7165}.tc-toggle input:checked+.tc-switch:before{transform:translateX(16px)}
.tc-toggle input:focus-visible+.tc-switch{outline:3px solid #478c78;outline-offset:3px}
#tcToggleText{font-size:10px;color:#5c6c63}
.tc-dialog .tc-dialog-note{margin:28px 0 22px;padding-top:22px;border-top:1px solid #dce5df;font-size:11px}
.tc-dialog-actions{display:grid;gap:10px}
.tc-dialog .tc-policy{margin-top:22px}
.tc-modal-open{overflow:hidden}
#tlkiConsent :is(button,a):focus-visible,.tc-footer-settings:focus-visible,.tc-map-placeholder button:focus-visible{outline:3px solid #4d9987;outline-offset:4px}
#tcTitle:focus{outline:none}
.tc-footer-settings{border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.site-footer .tc-footer-settings{font-size:12px;margin-left:18px;color:var(--c-text-muted)}
.tc-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.tc-status.tc-storage-notice{position:fixed;z-index:9801;bottom:12px;left:16px;right:16px;width:auto;height:auto;margin:0;padding:12px 20px;clip-path:none;white-space:normal;background:#edf4ef;border:1px solid #b7cec1;border-radius:6px;color:#315e4e;font-size:12px}
.tc-map-placeholder{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:35px;color:#2f7165;background:radial-gradient(ellipse at top,#edf4ef,#e0e9e3)}
.tc-map-placeholder h3{font:700 26px/1.2 var(--f-heading,sans-serif);letter-spacing:-.035em;margin:0;color:#183b2d}
.tc-map-placeholder p{font:400 13px/1.8 var(--f-ui,sans-serif);max-width:330px;margin:0;color:#648174}
.tc-map-settings{border:0;background:none;text-decoration:underline;text-underline-offset:3px;color:#2f7165;font:400 11px var(--f-ui,sans-serif);cursor:pointer;padding:7px}
.tlki-drawer-open .tc-banner,.nm-mobile-open .tc-banner{visibility:hidden}
@media(max-width:1100px){.tc-banner{grid-template-columns:1fr;gap:20px;padding:24px}.tc-banner-controls{display:flex;align-items:center;justify-content:space-between;gap:22px}.tc-policy{margin-top:0}.tc-actions{flex:1}.tc-banner-copy>p:last-child{max-width:none}}
@media(max-width:600px){.tc-banner{bottom:10px;width:calc(100% - 20px);padding:20px;gap:16px;max-height:calc(100dvh - 20px);overflow:auto}.tc-banner h2{font-size:23px}.tc-banner-copy>p:last-child{font-size:11px}.tc-banner-controls{display:block;text-align:left}.tc-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tc-actions .tc-button{min-width:0;padding:12px 8px;font-size:12px}.tc-actions .tc-outline{grid-column:1/-1}.tc-banner .tc-policy{margin-top:12px}.tc-dialog{padding:22px;width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.tc-dialog-top{margin-bottom:24px}.tc-dialog h2{font-size:27px}.tc-dialog>p{font-size:12px}.tc-category{padding:16px 13px;gap:10px}.tc-category h3{font-size:13px}.tc-category p{font-size:10px}.tc-badge{font-size:9px;padding:6px 7px}.tc-map-placeholder{min-height:290px;padding:28px 22px}.site-footer .tc-footer-settings{margin:12px 0 0}}
@media(prefers-reduced-motion:reduce){.tc-button,.tc-switch,.tc-switch:before{transition:none}}
@media print{#tlkiConsent,.tc-footer-settings{display:none!important}}

/* catalog-page.css */
.catalog-page{background:#f7faf8}
.catalog-intro>.container,.catalog-page-main>.container{width:100%;max-width:1440px;margin-inline:auto;padding-inline:40px}
.catalog-intro{background:#fff;padding:34px 0 36px;border-bottom:1px solid #e3e9e5}
.catalog-breadcrumb{display:flex;gap:13px;align-items:center;font-size:.82rem;color:#77818c;margin-bottom:22px}
.catalog-breadcrumb>span:last-child{color:#17202a}
.catalog-intro-row{display:flex;justify-content:space-between;align-items:center;gap:30px}
.catalog-intro h1{font:700 clamp(2rem,3.15vw,3rem)/1.15 var(--f-heading);letter-spacing:-.045em;margin:0 0 13px;color:#080d18}
.catalog-intro h1 span{color:#2e7163}
.catalog-intro p{font-size:1.07rem;line-height:1.65;color:#77818c;margin:0}
.catalog-help-link{font-size:.87rem;color:#2e7163;white-space:nowrap;text-decoration:underline;text-underline-offset:7px}
.catalog-page-main{padding:30px 0 60px}
.catalog-page-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}
.catalog-filters{padding:24px;background:#fff;border:1px solid #dce4df;border-radius:9px}
.catalog-filters h2{font:700 1.45rem var(--f-heading);letter-spacing:-.03em;color:#101722;margin:0 0 18px}
.catalog-category-tree{display:flex;flex-direction:column;gap:6px}
.catalog-category{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:43px;width:100%;padding:9px 11px;background:none;border:0;border-radius:4px;cursor:pointer;text-align:left;color:#16202a;font-size:.88rem;font-weight:600;line-height:1.5}
.catalog-category:hover,.catalog-expand:hover{background:#f0f5f2}
.catalog-category.active{background:#eaf3ee;color:#286b5d;box-shadow:inset 3px 0 #3c8976}
.catalog-count{min-width:23px;padding:2px 5px;text-align:center;background:#f1f4f4;color:#76838c;font-size:.73rem;line-height:1.5;border-radius:4px;flex-shrink:0;font-weight:500}
.catalog-group-row{display:flex;align-items:center}
.catalog-group-row>.catalog-category{flex:1;min-width:0}
.catalog-expand{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:43px;color:#63746d;cursor:pointer;border-radius:4px}
.catalog-expand[aria-expanded=true] svg{transform:rotate(180deg)}
.catalog-children{margin:6px 0 11px 12px;padding-left:12px;border-left:1px solid #d8e1dc}
.catalog-children[hidden]{display:none}
.catalog-child{font-size:.81rem;font-weight:400;color:#6b7987;padding:8px 6px;min-height:38px}
.catalog-price-filter{margin-top:20px;padding-top:23px;border-top:1px solid #dbe3df}
.catalog-price-filter h3{font:700 1.03rem var(--f-heading);color:#101722;margin:0 0 20px}
.catalog-range-track{position:relative;height:24px;margin:0 8px 12px;background:linear-gradient(#dce6e0,#dce6e0) center/100% 5px no-repeat}
.catalog-range-fill{position:absolute;height:5px;top:9px;left:0;right:0;background:#438d79;border-radius:8px}
.catalog-range-track input{position:absolute;inset:0;width:100%;margin:0;padding:0;appearance:none;background:transparent;pointer-events:none;height:24px;cursor:pointer}
.catalog-range-track input::-webkit-slider-thumb{appearance:none;pointer-events:auto;width:18px;height:18px;background:#438d79;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #438d79}
.catalog-range-track input::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;background:#438d79;border:2px solid white;border-radius:50%}
.catalog-range-track input:focus-visible{outline:2px solid #3c8976;outline-offset:6px}
.catalog-price-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.catalog-price-fields label{min-width:0;color:#77818c;font-size:.77rem;line-height:1.5}
.catalog-price-fields label>span{display:flex;align-items:center;gap:4px;border:1px solid #d7e0dc;border-radius:5px;padding:9px 11px;margin-top:5px;color:#111925;background:#fff;font-size:.86rem}
.catalog-price-fields input{width:100%;min-width:0;color:#111925;appearance:textfield}
.catalog-price-fields input::-webkit-inner-spin-button{appearance:none}
.catalog-price-fields label>span:focus-within{outline:2px solid #438d79;outline-offset:2px}
.catalog-reset{width:100%;margin-top:22px;padding:10px;border:1px solid #dce4df;border-radius:5px;color:#2e7163;font-size:.8rem;cursor:pointer}
.catalog-reset:disabled{background:#f2f4f4;color:#9ba5ad;border-color:transparent;cursor:default}
.catalog-reset:not(:disabled):hover{background:#edf4ef}
.catalog-results{min-width:0}
.catalog-toolbar{display:flex;flex-direction:row;align-items:center;gap:16px;border:1px solid #dce4df;border-radius:7px;padding:14px 16px;background:#fff;margin-bottom:24px}
.catalog-search{display:flex;align-items:center;gap:12px;flex:1;min-width:0;background:#f5f7f8;border:1px solid #e0e5e9;border-radius:5px;padding:12px;color:#72808d}
.catalog-search svg{flex-shrink:0}
.catalog-search input{width:100%;min-width:0;font-size:.85rem;color:#17202a}
.catalog-search:focus-within{outline:2px solid #438d79;outline-offset:2px}
#catalogResultsCount{font-size:.77rem;white-space:nowrap;color:#2e7163;padding:8px 10px;background:#edf5f0;border-radius:4px}
#catalogSort{max-width:185px;width:185px;font-size:.8rem;line-height:1.4;background:#f8faf9;border:1px solid #dce3df;border-radius:5px;padding:12px 10px;color:#17202a;cursor:pointer}
.catalog-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.catalog-item{display:flex;flex-direction:column;min-width:0;border:1px solid #dfe6e1;border-radius:10px;overflow:hidden;background:#fff}
.catalog-item[hidden]{display:none}
.catalog-item-image{display:flex;align-items:center;justify-content:center;height:270px;background:#f0f3f0;padding:25px}
.catalog-item-image img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .2s}
.catalog-item-image:hover img{transform:scale(1.035)}
.catalog-image-pending{font-size:.83rem;color:#79897f;border:1px dashed #c7d5cb;padding:15px 20px;border-radius:6px}
.catalog-item-info{display:flex;flex-direction:column;flex:1;padding:24px}
.catalog-item-category{font:600 .62rem var(--f-ui);letter-spacing:.13em;color:#788980;margin:0 0 12px}
.catalog-item h2{font:700 1.35rem/1.25 var(--f-heading);letter-spacing:-.035em;margin:0 0 10px;color:#101722}
.catalog-item h2 a:hover{color:#2e7163}
.catalog-item-desc{font-size:.83rem;line-height:1.65;color:#78838e;margin:0 0 22px}
.catalog-item-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:22px;border-top:1px solid #e0e6e2}
.catalog-item-price{font:700 1.6rem var(--f-heading);letter-spacing:-.045em;white-space:nowrap;color:#101722}
.catalog-item-bottom a{display:inline-flex;align-items:center;gap:12px;font-size:.77rem;color:#2e7163;white-space:nowrap}
.catalog-item-bottom a:hover{text-decoration:underline;text-underline-offset:5px}
.catalog-consultation{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #e0e6e2;border-radius:7px;margin-top:26px;padding:22px}
.catalog-consultation img{width:52px;height:52px;object-fit:contain;flex-shrink:0}
.catalog-consultation h2{font:700 1.1rem var(--f-heading);letter-spacing:-.025em;color:#101722;margin:0 0 6px}
.catalog-consultation p{font-size:.82rem;color:#78838e;margin:0;line-height:1.5}
.catalog-consultation>a{margin-left:auto;padding-left:24px;border-left:1px solid #dce4df;white-space:nowrap;font-size:.86rem;color:#2e7163}
.catalog-empty{background:#fff;border:1px solid #dce4df;border-radius:10px;text-align:center;padding:55px 24px;color:#17202a}
.catalog-empty[hidden]{display:none}
.catalog-empty h2{font:700 1.5rem var(--f-heading);margin-bottom:12px}
.catalog-empty p{color:#77818c;margin-bottom:20px}
.catalog-empty button{color:#2e7163;cursor:pointer;text-decoration:underline;text-underline-offset:5px}
.catalog-mobile-trigger{display:none}
.catalog-filter-dialog{border:0;padding:0;border-radius:14px;margin:auto;width:min(440px,calc(100% - 24px));max-height:90dvh;background:#fff;color:#17202a;box-shadow:0 20px 60px #10261b33}
.catalog-filter-dialog::backdrop{background:#10261b66;backdrop-filter:blur(3px)}
.catalog-dialog-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #e0e6e2}
.catalog-dialog-heading h2{font:700 1.25rem var(--f-heading)}
.catalog-dialog-heading button{width:34px;height:34px;font-size:1.7rem;cursor:pointer}
.catalog-filter-dialog .catalog-filters{border:0;border-radius:0}
.catalog-show-results{display:block;width:calc(100% - 48px);margin:0 24px 24px;padding:13px;background:#2e7163;color:#fff;border-radius:6px;cursor:pointer}
.catalog-page-main a:focus-visible,.catalog-page-main button:focus-visible,.catalog-intro a:focus-visible,.catalog-filter-dialog button:focus-visible,#catalogSort:focus-visible{outline:3px solid #438d79;outline-offset:3px}
@media(max-width:1150px){.catalog-intro>.container,.catalog-page-main>.container{padding-inline:32px}.catalog-page-layout{grid-template-columns:245px minmax(0,1fr);gap:22px}.catalog-filters{padding:20px}.catalog-items{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-item-image{height:260px}.catalog-intro h1{font-size:2.4rem}.catalog-help-link{font-size:.8rem}.catalog-intro p{font-size:.94rem}.catalog-toolbar{gap:10px;padding:12px}#catalogSort{width:155px}.catalog-consultation{flex-wrap:wrap}}
@media(max-width:992px){.catalog-page-layout{display:block}#catalogSidebarSlot{display:none}.catalog-mobile-trigger{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dce4df;padding:12px 17px;border-radius:6px;margin-bottom:15px;width:100%;font-size:.87rem;color:#2e7163;cursor:pointer}.catalog-mobile-trigger>span:last-child{margin-left:auto}.catalog-items{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-item-info{padding:20px}.catalog-item-image{height:230px;padding:20px}.catalog-item h2{font-size:1.3rem}.catalog-item-bottom{gap:8px}.catalog-item-bottom a{gap:8px;font-size:.74rem}.catalog-intro-row{align-items:flex-start;flex-direction:column;gap:18px}}
@media(max-width:760px){.catalog-intro>.container,.catalog-page-main>.container{padding-inline:20px}.catalog-intro{padding:25px 0 28px}.catalog-breadcrumb{margin-bottom:19px;font-size:.75rem}.catalog-intro h1{font-size:2.25rem}.catalog-intro p{font-size:.92rem}.catalog-page-main{padding-top:22px}.catalog-items{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-toolbar{flex-wrap:wrap}.catalog-search{flex-basis:100%}#catalogSort{margin-left:auto;max-width:210px;width:auto}.catalog-item-image{height:245px}.catalog-consultation>a{padding:0;border:0;margin-left:70px}}
@media(max-width:540px){.catalog-items{grid-template-columns:1fr;gap:22px}.catalog-item-image{height:290px;padding:30px}.catalog-item-info{padding:25px}.catalog-item h2{font-size:1.55rem}.catalog-item-desc{font-size:.88rem}.catalog-item-price{font-size:1.75rem}.catalog-item-bottom a{font-size:.84rem;gap:16px}.catalog-consultation{padding:20px;gap:14px}.catalog-consultation img{width:42px;height:42px}.catalog-consultation>div{flex:1}.catalog-consultation>a{margin-left:56px}.catalog-consultation h2{font-size:1rem}.catalog-consultation p{font-size:.78rem}}
@media(max-width:360px){.catalog-intro>.container,.catalog-page-main>.container{padding-inline:16px}.catalog-intro h1{font-size:2rem}.catalog-item-image{height:250px}.catalog-item-info{padding:22px}}
@media(prefers-reduced-motion:reduce){.catalog-item-image img{transition:none}}

.catalog-item-price .card-vat-note{display:block;margin-top:4px;font:400 .72rem/1.4 var(--f-ui);letter-spacing:0;color:#68717b;white-space:nowrap}

/* wordpress.css */
/* WordPress integration; the approved page styles remain unchanged. */
.tlki-wordpress .co-heading{display:block}.tlki-wordpress .co-heading h1{text-align:left;margin-top:14px}.tlki-wordpress .tlki-business-field[hidden]{display:none!important}.tlki-business-field .optional{display:none}.tlki-business-switch .optional{display:none}.tlki-wordpress .co-form-column{gap:0}.tlki-wordpress .woocommerce-checkout-review-order-table .variation{color:#718279}
.catalog-container{max-width:1440px;width:100%;margin:auto;padding:32px 40px 65px}.catalog-page-heading{padding:8px 0 32px}.catalog-page-heading h1{font:700 clamp(34px,4vw,48px)/1.14 var(--f-heading);letter-spacing:-.045em;margin:12px 0}.catalog-page-heading p{color:#738078;font-size:16px}.catalog-eyebrow{font-size:10px!important;letter-spacing:.14em;text-transform:uppercase;color:#2f7165!important}.catalog-item-info h2{min-height:56px}.catalog-item-price{white-space:normal}.catalog-item-bottom{flex-wrap:wrap}.catalog-sidebar{align-self:start}.tlki-product-card{background:white;border:1px solid #dfe6e1;border-radius:10px;overflow:hidden}.tlki-product-picture{display:block;background:#edf3ef}.tlki-product-card h2 a{color:#0b1119}.tlki-product-card .catalog-item-price{font-size:25px}
@media(max-width:992px){.catalog-sidebar{display:none}.tlki-wordpress .tlki-mobile-filters{display:inline-block}.catalog-container{padding-inline:24px}}
@media(max-width:760px){.catalog-container{padding:24px 20px 45px}}
.tlki-wordpress{background:#f8faf9}.tlki-wordpress .container,.tlki-wp-page{max-width:1440px;margin:auto;padding:28px 40px 60px}.admin-bar .header-wrapper{top:46px}.tlki-wordpress [hidden]{display:none!important}.tlki-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.tlki-form-status{padding:18px;background:#edf4ef;color:#2f7165;border-radius:6px;margin-top:18px!important}.tlki-form-status.is-error,.tlki-add-notice{color:#9b382d}.screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);position:absolute!important;width:1px;height:1px;overflow:hidden}.screen-reader-text:focus{clip:auto;clip-path:none;width:auto;height:auto;padding:16px;z-index:100000;background:white}
.tlki-wordpress :is(.button,button.button,.single_add_to_cart_button){display:inline-block;border:1px solid #2f7165;border-radius:6px;padding:14px 23px;background:#2f7165;color:white;font:600 14px/1.4 var(--f-ui);text-decoration:none;cursor:pointer}.tlki-wordpress input,.tlki-wordpress select,.tlki-wordpress textarea{font-family:var(--f-ui)}.tlki-wordpress .button:disabled{opacity:.55;cursor:wait}.woocommerce-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#718079}.woocommerce-breadcrumb a{color:inherit;text-decoration:none}.woocommerce-notices-wrapper{max-width:1360px;margin:auto}.woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;padding:18px 22px;border:1px solid #d9e4de;border-radius:6px;margin:20px 0;background:white;color:#285f50}.woocommerce-error{border-color:#e4bfb7;color:#963f33}.woocommerce-message .button{float:right}.woocommerce-message:after{content:'';display:block;clear:both}
.tlki-catalog-filter h2{font:700 18px var(--f-heading);margin:26px 0 15px}.tlki-catalog-filter .catalog-search{display:grid;gap:9px}.tlki-catalog-filter input{width:100%;min-width:0;border:1px solid #dce5e0;border-radius:5px;padding:10px;background:white}.tlki-catalog-filter .catalog-price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.tlki-filter-group{border-top:1px solid #dde5df;padding:13px 0}.tlki-filter-group summary{cursor:pointer;font-size:14px;font-weight:600;color:#244a3d}.tlki-filter-group a,.tlki-filter-category{display:block;font-size:12px;line-height:1.6;padding:8px 8px;color:#65766c;text-decoration:none}.tlki-filter-group a:hover{background:#eaf2ed;color:#2f7165}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.woocommerce-result-count{font-size:13px;color:#64756a}.woocommerce-ordering select{padding:11px;border:1px solid #d8e3db;border-radius:5px;background:#fff}.catalog-item h2{font:700 23px/1.3 var(--f-heading);margin:10px 0}.catalog-item h2 a{text-decoration:none;color:#0b1119}.catalog-item-price del{font-size:13px;color:#819087}.catalog-item-price ins{text-decoration:none}.woocommerce-pagination{margin:32px 0}.woocommerce-pagination ul{display:flex;list-style:none;gap:8px}.woocommerce-pagination a,.woocommerce-pagination span{padding:9px 14px;display:block;border:1px solid #d8e3db;background:white;border-radius:4px}.woocommerce-pagination .current{background:#2f7165;color:white}.tlki-mobile-filters{display:none}.tlki-filter-group summary:focus-visible{outline:3px solid #2f7165}
.tlki-wordpress .tlki-product-card h2{font:700 25px var(--f-heading);letter-spacing:-.04em;margin:12px 0}.tlki-product-card h2 a{text-decoration:none}.tlki-product-body{padding:27px}.tlki-product-body .tlki-product-category{font-size:10px;letter-spacing:.14em;color:#6e8580;text-transform:uppercase}.tlki-product-description{font-size:13px;color:#718279;line-height:1.7}.tlki-product-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dce5df;padding-top:22px;margin-top:24px}.tlki-product-bottom>a{font-size:13px;color:#2f7165;text-decoration:none}.tlki-product-card img{width:100%;height:280px;object-fit:contain}
.pdp-layout.product{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:60px}.pdp-layout .summary{float:none!important;width:auto!important;margin:0!important}.pdp-layout .woocommerce-product-gallery{position:relative;float:none;width:100%;margin:0}.woocommerce-product-gallery__wrapper{margin:0;background:#edf2ee;border:1px solid #dce5df;border-radius:10px;overflow:hidden}.woocommerce-product-gallery__image a{display:block}.woocommerce-product-gallery__image img{width:100%;height:520px;object-fit:contain}.woocommerce-product-gallery .flex-control-thumbs{display:flex;list-style:none;gap:12px;margin:15px 0;padding:0}.flex-control-thumbs li{width:76px}.flex-control-thumbs img{width:76px;height:76px;object-fit:contain;border:1px solid #d8e3db;background:#edf2ee;border-radius:5px;cursor:pointer}.woocommerce-product-gallery__trigger{position:absolute;right:20px;top:20px;z-index:2}.pdp-layout .product_title{font:700 43px/1.13 var(--f-heading);letter-spacing:-.05em;margin:12px 0 22px;color:#0b1119}.pdp-layout .price{font:700 30px var(--f-heading);color:#0b1119;margin:20px 0}.pdp-layout .price del{font-size:18px;color:#798}.pdp-layout .price ins{text-decoration:none}.woocommerce-product-details__short-description{font-size:14px;line-height:1.9;color:#65766e}.stock{font-size:12px;color:#2f7165;margin:18px 0}.out-of-stock{color:#984739}.pdp-layout form.cart{margin-top:28px}.pdp-layout .quantity{display:inline-flex;margin:12px 12px 12px 0}.quantity input.qty{width:80px;padding:13px;border:1px solid #cdded3;border-radius:5px;background:white;text-align:center}.pdp-layout .single_add_to_cart_button{min-width:200px;min-height:50px}.variations{width:100%;margin:25px 0;border-collapse:collapse}.variations th{text-align:left;padding-right:15px;font-size:13px}.variations td{padding:9px 0}.variations select{width:100%;padding:12px;border:1px solid #cfded5;border-radius:6px;background:white}.reset_variations{font-size:11px;color:#2f7165}.product_meta{font-size:11px;display:grid;gap:7px;margin-top:25px;color:#789}.woocommerce-tabs .tabs{display:flex;list-style:none;gap:24px;border-bottom:1px solid #d6e2da;padding:0;margin:0 0 30px}.woocommerce-tabs .tabs a{display:block;padding:18px 0;text-decoration:none;color:#687b70}.woocommerce-tabs .tabs .active a{color:#2f7165;border-bottom:2px solid #2f7165}.woocommerce-Tabs-panel{font-size:15px;line-height:1.9}.woocommerce-Tabs-panel h2{font:700 30px var(--f-heading);margin-bottom:22px}.woocommerce-product-attributes{width:100%;border-collapse:collapse}.woocommerce-product-attributes :is(td,th){padding:15px;border-bottom:1px solid #dce5df;text-align:left}.related.products{margin-top:45px}.related.products>h2{font:700 32px var(--f-heading);margin-bottom:26px}.related.products .products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;padding:0}.related.products li{background:white;padding:22px;border:1px solid #dce5df;border-radius:8px}.related.products img{height:230px;object-fit:contain;width:100%}.related.products a{text-decoration:none}.related.products h2{font:700 21px var(--f-heading);margin:16px 0}.related.products .price{display:block;margin-bottom:16px}
.tlki-option-group{border:0;padding:0;margin:25px 0}.tlki-option-group legend{font:700 17px var(--f-heading);margin-bottom:13px}.tlki-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tlki-option{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:14px 9px;background:#fff;border:1px solid #dbe4de;border-radius:7px;font-size:12px;cursor:pointer;overflow:hidden}.tlki-option:has(input:checked){border:2px solid #2f7165;padding:13px 8px;background:#edf4ef}.tlki-option input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.tlki-option:has(input:focus-visible){outline:3px solid #77a895;outline-offset:3px}.tlki-option img{width:90px;height:80px;object-fit:contain}.tlki-option small{font-size:11px;color:#638371}.tlki-option-total{padding:18px;background:#edf4ef;font:700 22px var(--f-heading);border-radius:7px}
#cartOverlay[hidden]{display:none!important}#cartOverlay .cart-drawer{visibility:visible}.td-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:26px 28px;border-bottom:1px solid #dde5df}.td-heading h2{font:700 26px var(--f-heading);margin:0}#drawerCloseBtn{font:300 30px sans-serif;border:0;background:transparent;cursor:pointer}#tlkiCartContents{display:flex;flex-direction:column;min-height:0;overflow:auto;flex:1}#tlkiCartContents .td-items{flex:1;padding:0 28px}.td-item{display:grid;grid-template-columns:90px minmax(0,1fr);gap:18px;padding:24px 0;border-bottom:1px solid #e0e7e2}.td-item-image img{width:90px;height:105px;object-fit:contain;background:#edf4ef;border-radius:6px}.td-item-info h3{font:700 17px/1.4 var(--f-heading);margin:0 0 10px}.td-specs{font-size:11px;color:#72827a}.td-specs dl{margin:0}.td-specs p{margin:0}.td-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 0 8px}.td-remove{border:0;background:none;text-decoration:underline;font-size:11px;color:#718177;cursor:pointer}.td-breakdown p{font-size:11px;line-height:1.6;color:#738377}#tlkiCartStatus{margin:0;padding:0 25px;color:#a34435;font-size:12px}.tlki-drawer-open{overflow:hidden}
.woocommerce-checkout .co-heading{margin-bottom:32px}.co-heading h1{font:700 48px/1.1 var(--f-heading);letter-spacing:-.05em}.co-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr);gap:28px;align-items:start}.co-card{margin-bottom:24px}.co-card h3{font:700 25px var(--f-heading);margin-bottom:24px}.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper{display:flex;flex-wrap:wrap;gap:18px}.form-row{margin:0 0 15px;width:100%;font-size:13px}.form-row-first,.form-row-last{width:calc(50% - 9px)}.form-row label{display:block;margin-bottom:7px;color:#3b5547;font-weight:500}.form-row input:not([type=checkbox],[type=radio]),.form-row select,.form-row textarea{width:100%;padding:12px 14px;border:1px solid #d6e1d9;border-radius:6px;background:#fff;color:#0b1119;font-size:14px}.form-row input[type=checkbox]{width:18px;height:18px;accent-color:#2f7165;margin-right:8px}.form-row .required{color:#9a513f}.form-row .optional{font-size:11px;color:#87948c}.select2-container .select2-selection--single{height:45px;border-color:#d6e1d9;border-radius:6px}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:43px;padding-left:14px}.select2-container--default .select2-selection--single .select2-selection__arrow{height:43px}.woocommerce-checkout-review-order-table{border-collapse:collapse;width:100%;font-size:13px}.woocommerce-checkout-review-order-table :is(th,td){text-align:left;padding:14px 6px;border-bottom:1px solid #dce5df}.woocommerce-checkout-review-order-table td:last-child,.woocommerce-checkout-review-order-table th:last-child{text-align:right}.woocommerce-checkout-review-order-table .order-total{font-size:21px}.woocommerce-checkout-review-order-table .variation{font-size:11px;color:#718}.woocommerce-shipping-methods,.wc_payment_methods{list-style:none;padding:0;margin:0}.woocommerce-shipping-methods li{margin:9px 0;font-size:12px}.wc_payment_methods li{padding:17px 0;border-bottom:1px solid #dce5df;font-size:13px}.wc_payment_methods input{accent-color:#2f7165}.payment_box{font-size:12px;line-height:1.7;color:#77877e;margin:12px 0}.woocommerce-privacy-policy-text{font-size:11px;color:#77877e;line-height:1.7;margin:20px 0}.place-order .button{width:100%;margin-top:18px}.woocommerce-terms-and-conditions-wrapper{font-size:12px;line-height:1.6}.woocommerce-form-coupon-toggle{font-size:13px}.woocommerce-cart table.shop_table{width:100%;border-collapse:collapse;background:white}.shop_table td,.shop_table th{padding:18px;text-align:left;border-bottom:1px solid #dce5df}.shop_table .product-thumbnail img{width:100px;height:100px;object-fit:contain}.cart-collaterals{max-width:520px;margin:35px 0 0 auto;background:white;padding:25px;border:1px solid #dce5df;border-radius:8px}.cart-collaterals h2{font:700 30px var(--f-heading)}.coupon input{padding:12px;border:1px solid #dce5df}.woocommerce-order-overview{list-style:none;display:flex;flex-wrap:wrap;gap:28px;padding:25px;background:#edf4ef}.woocommerce-order-overview strong{display:block}.woocommerce-customer-details{margin-top:35px}
@media(max-width:1024px){.pdp-layout.product{gap:30px}.pdp-layout .product_title{font-size:34px}.woocommerce-product-gallery__image img{height:380px}.co-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:20px}.co-card,.co-order-card{padding:22px}.tlki-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.tlki-wordpress .container,.tlki-wp-page{padding:20px}.admin-bar .header-wrapper{top:56px}.pdp-layout.product,.co-layout{grid-template-columns:minmax(0,1fr)}.pdp-layout .product_title{font-size:35px}.pdp-gallery-sticky{position:static}.woocommerce-product-gallery__image img{height:340px}.related.products .products{grid-template-columns:1fr}.catalog-sidebar{display:none}.tlki-mobile-filters{display:inline-block;padding:11px;border:1px solid #d5e1d8;background:#fff;border-radius:5px}.catalog-layout{display:block}.catalog-toolbar{flex-wrap:wrap}.catalog-filter-dialog{padding:25px;max-height:90dvh;overflow:auto;width:calc(100% - 30px);border:1px solid #d6e2d9;border-radius:10px}.catalog-filter-dialog::backdrop{background:#18342866}#tlkiCloseFilters{float:right;border:0;background:none;font-size:28px}.form-row-first,.form-row-last{width:100%}.co-heading h1{font-size:36px}.shop_table .product-thumbnail{display:none}.shop_table td,.shop_table th{padding:10px 6px;font-size:12px}.shop_table .quantity input{width:55px}.woocommerce-tabs .tabs{gap:14px;font-size:12px}.pdp-layout .single_add_to_cart_button{min-width:180px}.tlki-product-card img{height:220px}}

/* Related products share catalogue cards; no description or direct-add button. */
.tlki-related .tlki-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.related.products.tlki-related>h2{font:700 32px var(--f-heading);margin:0 0 26px}.related.products.tlki-related .catalog-item-image img{height:100%;width:100%;object-fit:contain}.tlki-related .catalog-item h2{font:700 23px/1.3 var(--f-heading);margin:10px 0 24px}.tlki-related .catalog-item-price{color:#0b1119}.tlki-related .catalog-item{box-shadow:none}@media(max-width:760px){.tlki-related .tlki-related-grid{grid-template-columns:1fr;gap:22px}}
.tlki-related .catalog-item h2 a{font:inherit;line-height:inherit}.tlki-related .catalog-item .catalog-item-category{font:600 .62rem/1.5 var(--f-ui);letter-spacing:.13em;color:#788980;margin:0 0 12px}.tlki-related .catalog-item-bottom>a{font-size:.77rem}

/* Readable secondary text on the existing white and sage surfaces. */
.materials-lead,.materials-stage figcaption,.materials-panel p,.materials-footer p,
.tlki-product-body .tlki-product-category,.tlki-product-description,.tlki-order-phone,
.tlki-footer-phone-row p,.tlki-footer-column p,.tlki-footer-legal p,.tlki-footer-credit,
.tlki-footer-bottom,.tc-banner .tc-eyebrow{color:#4d6059}
main#top:focus{outline:none}