:root {
  --bg: #ffffff;
  --bg-soft: #f4f4f5;
  --panel: #ffffff;
  --panel-strong: #ffffff;
  --line: rgba(0, 0, 0, 0.1);
  --line-strong: rgba(0, 0, 0, 0.18);
  --text: #111111;
  --muted: #5a5a5f;
  --orange: #ff6a1f;
  --orange-soft: rgba(255, 106, 31, 0.12);
  --blue: #111111;
  --blue-soft: rgba(0, 0, 0, 0.05);
  --success: #1f9d57;
  --shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
  --radius: 24px;
  --radius-sm: 16px;
  --wrap: min(1200px, calc(100vw - 32px));
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
}

body {
  margin: 0;
  font-family: "Inter", system-ui, sans-serif;
  color: var(--text);
  background: var(--bg);
  background-attachment: fixed;
  line-height: 1.6;
}

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

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select,
textarea {
  font: inherit;
}

main {
  overflow: hidden;
  overflow: clip;
}

.site-shell::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 80px 80px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent 88%);
  opacity: 0.35;
}

.wrap {
  width: var(--wrap);
  margin: 0 auto;
}

.section {
  padding: 88px 0;
}

.section-tight {
  padding: 64px 0;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 0.77rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--blue);
}

.eyebrow::before {
  content: "";
  width: 38px;
  height: 1px;
  background: linear-gradient(90deg, var(--orange), transparent);
}

h1,
h2,
h3,
h4 {
  margin: 0 0 18px;
  line-height: 1.05;
  letter-spacing: -0.04em;
}

h1 {
  font-size: clamp(3rem, 7vw, 5.6rem);
}

h2 {
  font-size: clamp(2rem, 4vw, 3.35rem);
}

h3 {
  font-size: clamp(1.25rem, 2vw, 1.7rem);
}

p {
  margin: 0 0 16px;
  color: var(--muted);
}

.section-head {
  max-width: 760px;
  margin-bottom: 36px;
}

.btn-row,
.hero-actions,
.cta-actions,
.card-actions,
.contact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-weight: 700;
  transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.btn:hover,
.btn:focus-visible {
  transform: translateY(-2px);
}

.btn-primary {
  background: linear-gradient(135deg, var(--orange), #ff9036);
  color: #fff;
  box-shadow: 0 20px 40px rgba(255, 106, 0, 0.28);
}

.btn-secondary {
  border-color: var(--line-strong);
  background: rgba(255, 255, 255, 0.02);
}

.btn-ghost {
  border-color: rgba(46, 111, 242, 0.35);
  background: rgba(46, 111, 242, 0.08);
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 30;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: rgba(6, 7, 10, 0.86);
  border-bottom: 1px solid var(--line);
}

/* Ankusi 2026-08-14: header switched from sticky to fixed (sticky was broken site-wide due to a body/html overflow quirk from the parent theme, header scrolled away with page content instead of staying pinned). Fixed guarantees the header is always visible at any scroll position, including the very bottom of the page. --ankusi-header-h is set by JS in functions.php to the header's real rendered height and kept in sync on resize; the 83px fallback covers the moment before JS runs. */
:root {
  --ankusi-header-h: 83px;
}
.site-shell {
  padding-top: var(--ankusi-header-h);
}

.header-row {
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.logo {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.site-header .logo-image {
  display: block;
  width: auto;
  height: 46px;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.3));
}

.site-footer .logo-image {
  height: 42px;
}

.nav-wrap {
  display: flex;
  align-items: center;
  gap: 24px;
}

.site-nav {
  display: flex;
  align-items: center;
  gap: 8px;
}

.site-nav a {
  padding: 12px 14px;
  border-radius: 999px;
  color: #cbd5e3;
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
}

.header-row .btn {
  white-space: nowrap;
  flex-shrink: 0;
}

.site-nav a.active,
.site-nav a:hover,
.site-nav a:focus-visible {
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}

.menu-toggle {
  display: none;
  width: 48px;
  height: 48px;
  border: 1px solid var(--line-strong);
  border-radius: 14px;
  background: transparent;
  color: #fff;
}

.menu-toggle span {
  display: block;
  width: 20px;
  height: 2px;
  margin: 4px auto;
  background: currentColor;
}

.hero {
  position: relative;
  min-height: calc(100vh - 82px);
  display: grid;
  align-items: end;
  padding: 48px 0 64px;
}

.hero-video,
.hero-video video,
.hero-video img,
.hero-overlay {
  position: absolute;
  inset: 0;
}

.hero-video video,
.hero-video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-video img {
  transform: scale(1.08);
  animation: heroPan 24s ease-in-out infinite alternate;
  will-change: transform;
}

@keyframes heroPan {
  0% {
    transform: scale(1.08) translate3d(0, 0, 0);
  }
  100% {
    transform: scale(1.18) translate3d(-2%, -2%, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-video img {
    animation: none;
    transform: scale(1.05);
  }
}

.hero-live {
  position: absolute;
  z-index: 1;
  top: 28px;
  right: calc((100vw - var(--wrap)) / 2);
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 8px 15px;
  border-radius: 999px;
  border: 1px solid var(--line-strong);
  background: rgba(0, 0, 0, 0.55);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #fff;
}

.hero-live::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--orange);
  box-shadow: 0 0 0 0 rgba(255, 107, 33, 0.6);
  animation: livePulse 1.8s ease-out infinite;
}

@keyframes livePulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 107, 33, 0.6);
  }
  100% {
    box-shadow: 0 0 0 12px rgba(255, 107, 33, 0);
  }
}

.hero-overlay {
  background:
    linear-gradient(180deg, rgba(4, 5, 7, 0.5), rgba(3, 4, 5, 0.95)),
    radial-gradient(circle at top right, rgba(46, 111, 242, 0.28), transparent 36%),
    radial-gradient(circle at left center, rgba(255, 107, 33, 0.22), transparent 42%);
}

.hero-content {
  position: relative;
  z-index: 1;
  max-width: 760px;
}

.hero p {
  font-size: clamp(1rem, 2.2vw, 1.18rem);
  max-width: 660px;
}

.hero-panel {
  margin-top: 36px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.stat {
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-sm);
  background: rgba(8, 9, 13, 0.62);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

.stat strong {
  display: block;
  margin-bottom: 8px;
  font-size: 1.45rem;
  color: #fff;
}

.trust-strip {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: rgba(0, 0, 0, 0.02);
}

.trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  padding: 22px 0;
}

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

.trust-index {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border-radius: 18px;
  background: linear-gradient(135deg, var(--orange-soft), var(--blue-soft));
  border: 1px solid var(--line);
  display: grid;
  place-items: center;
  font-weight: 800;
}

.grid-2,
.grid-3,
.grid-4,
.grid-5 {
  display: grid;
  gap: 24px;
}

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

.grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-auto-5 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 24px;
}

.cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}

.cert-item{position:relative;text-align:center;padding:26px 20px 28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease}

.cert-item:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(0,0,0,.12)}

.cert-photo{position:relative;width:100%;max-width:210px;aspect-ratio:210/297;margin:0 auto 20px;border-radius:12px;overflow:hidden;border:1px solid var(--line);box-shadow:0 10px 24px rgba(0,0,0,.08);background:var(--bg-soft)}

.cert-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}

.cert-item:hover .cert-photo img{transform:scale(1.04)}

.cert-ribbon{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;background:var(--orange);color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 6px 14px rgba(255,106,31,.35)}

.cert-item h3{font-size:1.3rem;font-weight:800;letter-spacing:-.01em;margin-bottom:6px}

.cert-sub{font-size:.86rem;color:var(--muted);margin-bottom:0;line-height:1.4}

.grid-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.card,
.feature-card,
.category-card,
.blog-card,
.contact-card,
.gallery-card,
.process-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.media {
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s ease;
}

.card:hover .media img,
.gallery-card:hover .media img,
.category-card:hover .media img,
.blog-card:hover .media img {
  transform: scale(1.06);
}

.card-body,
.feature-body,
.category-body,
.blog-body,
.contact-body,
.process-body {
  padding: 24px;
}

.blog-body h2,
.card-body h2,
.feature-body h2,
.category-body h2,
.contact-body h2,
.process-body h2 {
  font-size: 1.3rem;
  line-height: 1.3;
  margin: 0 0 10px;
}

.workshop-showcase {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 24px;
}

.showcase-main .media {
  aspect-ratio: 16 / 11;
}

.showcase-stack {
  display: grid;
  gap: 24px;
}

.showcase-stack .media {
  aspect-ratio: 7 / 5;
}

.metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 18px;
}

.metric {
  padding: 18px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--line);
}

.metric strong {
  display: block;
  margin-bottom: 6px;
  font-size: 1.3rem;
  color: #fff;
}

.process-card .step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 18px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--orange), var(--blue));
  font-weight: 800;
}

.category-card,
.gallery-card {
  position: relative;
}

.category-body p,
.blog-body p {
  min-height: 76px;
}

.tag-row,
.filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tag,
.filter-btn {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid var(--line);
  color: var(--text);
  background: rgba(0, 0, 0, 0.035);
  font-size: 0.92rem;
}

.filter-btn {
  cursor: pointer;
}

.filter-btn.active,
.filter-btn:hover,
.filter-btn:focus-visible {
  background: linear-gradient(135deg, var(--orange-soft), var(--blue-soft));
  border-color: rgba(255, 255, 255, 0.16);
}

.why-grid .feature-card {
  padding: 28px;
}

.cert-card {
  padding: 28px;
}

.cert-code {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  margin-bottom: 16px;
  border: 1px solid var(--line-strong);
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cert-note {
  margin-top: 28px;
  padding: 20px 22px;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.03);
}

.icon-box {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255, 106, 0, 0.16), rgba(17, 17, 17, 0.06));
  border: 1px solid var(--line);
  display: grid;
  place-items: center;
  margin-bottom: 18px;
  color: var(--text);
  font-weight: 800;
}

.finish-banner {
  padding: 28px;
  border-radius: var(--radius);
  background:
    linear-gradient(120deg, rgba(255, 107, 33, 0.14), rgba(46, 111, 242, 0.14)),
    rgba(255, 255, 255, 0.03);
  border: 1px solid var(--line);
}

.cta-band {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: calc(var(--radius) + 4px);
  background:
    radial-gradient(circle at top left, rgba(255, 107, 33, 0.26), transparent 32%),
    radial-gradient(circle at bottom right, rgba(46, 111, 242, 0.26), transparent 36%),
    linear-gradient(135deg, #14161d, #08090c);
  padding: 34px;
}

.cta-band .eyebrow {
  color: #ff9a52;
}

.cta-band h2,
.cta-band .cta-actions {
  color: #ffffff;
}

.cta-band p {
  color: #c7cad1;
}

.cta-band .btn-ghost {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.08);
}

.site-header .btn-ghost {
  color: #ffffff;
}

.catalog-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.gallery-card .media {
  aspect-ratio: 1 / 1.05;
}

.gallery-card .caption {
  padding: 14px 16px 18px;
}

.gallery-card.hidden {
  display: none;
}

.inline-cta {
  display: grid;
  place-items: center;
  text-align: center;
  min-height: 100%;
  padding: 28px;
  border-radius: var(--radius);
  border: 1px dashed rgba(255, 255, 255, 0.18);
  background:
    linear-gradient(135deg, rgba(255, 106, 0, 0.12), rgba(39, 165, 255, 0.12)),
    rgba(255, 255, 255, 0.03);
}

.blog-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.blog-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
  color: var(--muted);
  font-size: 0.9rem;
}

.contact-layout {
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  gap: 24px;
}

.company-intro-layout {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 24px;
  align-items: stretch;
}

.process-board {
  padding: 18px;
  border-radius: calc(var(--radius) + 4px);
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(16, 31, 67, 0.96), rgba(8, 16, 36, 0.96));
  box-shadow: var(--shadow);
}

.process-board img {
  width: 100%;
  border-radius: 20px;
  display: block;
}

.company-copy {
  padding: 30px;
}

.company-copy p:last-child {
  margin-bottom: 0;
}

.video-placeholder {
  min-height: 100%;
  padding: 30px;
  display: grid;
  align-content: center;
  gap: 16px;
  text-align: center;
  border: 1px dashed rgba(255, 255, 255, 0.2);
  border-radius: var(--radius);
  background:
    linear-gradient(135deg, rgba(255, 107, 33, 0.1), rgba(46, 111, 242, 0.12)),
    rgba(255, 255, 255, 0.03);
}

.video-frame {
  aspect-ratio: 16 / 9;
  border-radius: 22px;
  border: 1px solid var(--line-strong);
  background:
    radial-gradient(circle at center, rgba(255, 255, 255, 0.08), transparent 52%),
    linear-gradient(135deg, rgba(17, 37, 82, 0.96), rgba(9, 21, 47, 0.96));
  display: grid;
  place-items: center;
}

.video-frame span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 0 20px;
  border-radius: 999px;
  border: 1px solid var(--line-strong);
  background: rgba(255, 255, 255, 0.05);
  font-weight: 700;
  color: #fff;
}

.contact-list {
  display: grid;
  gap: 18px;
}

.contact-item {
  padding: 18px;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.03);
}

.contact-form {
  display: grid;
  gap: 16px;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.field {
  display: grid;
  gap: 8px;
}

.field label {
  color: var(--text);
  font-weight: 600;
}

.field input,
.field select,
.field textarea {
  width: 100%;
  padding: 15px 16px;
  border-radius: 16px;
  border: 1px solid var(--line-strong);
  background: var(--bg-soft);
  color: var(--text);
}

.field textarea {
  min-height: 150px;
  resize: vertical;
}

.page-hero {
  padding: 88px 0 44px;
  border-bottom: 1px solid var(--line);
  background: var(--bg-soft);
}

.page-hero p {
  max-width: 780px;
}

.page-hero--compact {
  padding: 44px 0 28px;
}

.page-hero--compact .eyebrow {
  font-size: 0.7rem;
  margin-bottom: 6px;
}

.page-hero--compact h1 {
  font-size: clamp(1.6rem, 2.6vw, 2.15rem);
  margin-bottom: 8px;
}

.page-hero--compact p {
  font-size: 0.95rem;
  max-width: 640px;
  margin-bottom: 0;
  color: var(--muted);
}

.site-footer {
  padding-top: 48px;
  border-top: 1px solid var(--line);
  background: #0a0a0a;
  color: #c9ccd3;
}
.site-footer h4 { color: #ffffff; }
.site-footer a { color: #e7e9ee; }
.site-footer a:hover { color: #ffffff; }
.site-footer .footer-note-small { color: #9a9da5; }
.site-footer .logo-text { color: #ffffff; }

.footer-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr 0.8fr 1fr;
  gap: 24px;
}

.footer-grid h4 {
  margin-bottom: 14px;
  font-size: 1rem;
}

.footer-list {
  display: grid;
  gap: 10px;
}

.footer-note {
  margin-top: 32px;
  padding: 20px 0 28px;
  border-top: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: #9a9da5;
  font-size: 0.95rem;
}

/* Reserve space so the fixed floating contact buttons never permanently cover the last footer line */
.site-footer { padding-bottom: 90px; }
@media (max-width: 640px) { .site-footer { padding-bottom: 130px; } .footer-note { flex-direction: column; gap: 6px; } }

.floating-contact {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 20;
  display: grid;
  gap: 12px;
}

.floating-contact a {
  min-width: 54px;
  min-height: 54px;
  padding: 0 18px;
  border-radius: 999px;
  box-shadow: var(--shadow);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 1100px) {
  .catalog-grid,
  .blog-grid,
  .grid-4,
  .gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-5 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-auto-5,
  .cert-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero-panel,
  .trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workshop-showcase,
  .company-intro-layout,
  .contact-layout,
  .footer-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
  .menu-toggle {
    display: inline-block;
  }

  .nav-wrap {
    position: absolute;
    top: calc(100% + 10px);
    left: 16px;
    right: 16px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: rgba(8, 9, 13, 0.98);
  }

  .nav-wrap.open {
    display: flex;
  }

  .site-nav,
  .footer-note {
    flex-direction: column;
    align-items: flex-start;
  }

  .header-row {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    min-height: 68px;
  }

  .site-header .logo-image {
    height: 40px;
  }

  .site-nav {
    width: 100%;
  }

  .site-nav a,
  .nav-wrap .btn {
    width: 100%;
    justify-content: center;
  }

  .grid-2,
  .grid-3,
  .grid-auto-5,
  .cert-grid,
  .catalog-grid,
  .blog-grid,
  .grid-4,
  .grid-5,
  .hero-panel,
  .trust-grid,
  .form-grid,
  .metrics {
    grid-template-columns: 1fr;
  }

  .gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .hero {
    min-height: auto;
    padding-top: 28px;
  }

  .section,
  .page-hero {
    padding: 72px 0 36px;
  }

  .hero-live {
    top: 18px;
    font-size: 0.64rem;
    letter-spacing: 0.12em;
    padding: 7px 12px;
  }

  .cta-band {
    padding: 26px 22px;
  }

  .company-copy,
  .why-grid .feature-card,
  .cert-card,
  .card-body,
  .category-body,
  .blog-body,
  .contact-body,
  .process-body,
  .finish-banner {
    padding: 22px;
  }
}

@media (max-width: 640px) {
  .floating-contact {
    right: 12px;
    bottom: 12px;
    flex-direction: row;
  }

  .floating-contact a {
    min-height: 48px;
    padding: 0 14px;
    font-size: 0.9rem;
  }

  .filter-row {
    gap: 8px;
  }

  .tag,
  .filter-btn {
    min-height: 34px;
    padding: 0 12px;
    font-size: 0.85rem;
  }
}

@media (max-width: 820px) {
  body {
    background-attachment: scroll;
  }
}

@media (max-width: 430px) {
  :root {
    --wrap: calc(100vw - 24px);
  }

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

  .btn {
    width: 100%;
    justify-content: center;
  }

  .hero-actions .btn,
  .cta-actions .btn,
  .card-actions .btn,
  .contact-actions .btn {
    width: 100%;
  }

  .floating-contact {
    left: 12px;
    right: 12px;
  }

  .floating-contact a {
    flex: 1;
    justify-content: center;
  }

  .section,
  .page-hero {
    padding: 56px 0 32px;
  }

  .category-body p,
  .blog-body p {
    min-height: 0;
  }
}

@media (max-width: 340px) {
  h1 {
    font-size: 2.4rem;
  }

  .stat,
  .metric,
  .contact-item {
    padding: 16px;
  }
}

/* ---- Products: left category menu + product grid ---- */
.catalog-layout{display:grid;grid-template-columns:300px 1fr;gap:36px;align-items:start}
.cat-menu{position:sticky;top:100px;display:grid;gap:10px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}
.cat-menu-title{font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);padding:6px 12px 10px}
.cat-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:17px 20px;border-radius:14px;border:1px solid transparent;background:transparent;color:var(--text);font-weight:700;font-size:1.12rem;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.cat-btn:hover{background:rgba(0,0,0,.04);color:var(--text)}
.cat-btn.active{background:linear-gradient(135deg,var(--orange-soft),var(--blue-soft));border-color:var(--line-strong);color:var(--text)}
.cat-btn .count{flex:0 0 auto;min-width:26px;height:26px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;background:rgba(0,0,0,.06);color:var(--muted)}
.cat-btn.active .count{background:rgba(0,0,0,.28);color:#fff}
.cat-panel{display:none}
.cat-panel.active{display:block;animation:catfade .35s ease}
@keyframes catfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cat-panel-head{margin-bottom:26px}
.cat-panel-head h2{margin-bottom:10px;font-size:clamp(1.3rem, 2vw, 1.7rem)}
.cat-panel-head h2 a{color:inherit;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 2px;transition:color .2s,background-size .25s}
.cat-panel-head h2 a:hover{color:var(--blue);background-size:100% 2px}
.product-card .media{display:block}
.product-card h3 a{color:inherit;text-decoration:none}
.product-card h3 a:hover{color:var(--blue)}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:26px}
.product-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel);box-shadow:var(--shadow);display:flex;flex-direction:column}
.product-card .media{aspect-ratio:4/3}
.product-card .p-body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.product-card h3{font-size:1.02rem;margin:0}
.product-card .p-spec{color:var(--muted);font-size:.98rem;margin:0;flex:1}
.product-card .btn{width:100%}
@media (max-width:1000px){.catalog-layout{grid-template-columns:1fr}.cat-menu{position:static;grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto}.cat-menu-title{display:none}.cat-btn{white-space:nowrap}.product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}
@media (max-width:560px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (max-width:360px){.product-grid{grid-template-columns:1fr}}
/* ---- Text logo wordmark ---- */
.logo-text{font-family:"Inter",system-ui,sans-serif;font-weight:900;font-size:1.55rem;letter-spacing:.26em;text-transform:uppercase;color:#fff;line-height:1;padding-left:.04em}
.site-footer .logo-text{font-size:1.3rem}
/* ---- Extra mobile hardening ---- */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.floating-contact{bottom:calc(18px + env(safe-area-inset-bottom));right:calc(18px + env(safe-area-inset-right))}
@media (max-width:820px){.logo-text{font-size:1.3rem;letter-spacing:.2em}}
@media (max-width:640px){.floating-contact{bottom:calc(12px + env(safe-area-inset-bottom))}}
@media (max-width:430px){.logo-text{font-size:1.15rem;letter-spacing:.16em}.floating-contact{left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right))}}
/* ---- Image logo responsive sizing ---- */
.site-header .logo-image{height:42px;width:auto;max-width:200px;object-fit:contain}
.site-footer .logo-image{height:38px}
@media (max-width:820px){.site-header .logo-image{height:34px;max-width:170px}}
@media (max-width:430px){.site-header .logo-image{height:30px;max-width:148px}}
/* ---- Contact phone row (country code + number) ---- */
.phone-row{display:flex;gap:8px}
.phone-row select{flex:0 0 auto;width:auto;max-width:46%}
.phone-row input{flex:1 1 auto;min-width:0}
@media (max-width:430px){.phone-row{flex-direction:column}.phone-row select{max-width:100%}}
/* ---- Form success message (shown after submit via #form-success) ---- */
.form-success{display:none;margin-bottom:18px;padding:16px 18px;border-radius:16px;border:1px solid rgba(31,157,87,.4);background:rgba(31,157,87,.1);color:#166238;font-weight:600}
.form-success:target{display:block}
.form-success strong{color:#fff}
/* ---- Gallery lightbox ---- */
.gallery-card .media img{cursor:zoom-in}
.lightbox{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;background:rgba(3,4,6,.93);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:24px}
.lightbox.open{display:flex;animation:lbfade .25s ease}
@keyframes lbfade{from{opacity:0}to{opacity:1}}
.lb-fig{margin:0;max-width:min(1100px,92vw);max-height:88vh;display:flex;flex-direction:column;align-items:center;gap:14px}
.lb-img{max-width:100%;max-height:82vh;border-radius:14px;box-shadow:0 30px 90px rgba(0,0,0,.6);object-fit:contain;background:#0b0d12}
.lb-img.zoom{animation:lbzoom .35s cubic-bezier(.2,.7,.2,1)}
@keyframes lbzoom{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
.lb-cap{color:#e8ecf5;font-weight:600;font-size:.98rem;text-align:center;letter-spacing:.01em}
.lb-btn{position:absolute;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:#fff;width:52px;height:52px;border-radius:999px;font-size:1.4rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .2s ease,transform .2s ease}
.lb-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}
.lb-close{top:20px;right:20px;font-size:1.9rem}
.lb-prev{left:20px;top:50%;transform:translateY(-50%)}
.lb-next{right:20px;top:50%;transform:translateY(-50%)}
.lb-prev:hover{transform:translateY(-50%) scale(1.05)}
.lb-next:hover{transform:translateY(-50%) scale(1.05)}
@media (max-width:640px){.lb-btn{width:44px;height:44px;font-size:1.2rem}.lb-prev{left:10px}.lb-next{right:10px}.lb-close{top:12px;right:12px}}
/* ---- Home capabilities panel ---- */
.cap-panel{min-height:100%;padding:26px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}
.cap-panel h3{font-size:1.15rem;margin:0 0 16px}
.cap-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.cap-list li{display:flex;flex-direction:column;gap:2px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.cap-list li:last-child{border-bottom:0;padding-bottom:0}
.cap-list strong{color:#fff;font-size:1.02rem}
.cap-list span{color:var(--muted);font-size:.9rem}
/* ---- Success modal ---- */
.form-modal{display:none;position:fixed;inset:0;z-index:10001;align-items:center;justify-content:center;padding:20px}
.form-modal.open{display:flex;animation:lbfade .25s ease}
.fm-backdrop{position:absolute;inset:0;background:rgba(3,4,6,.82);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.form-modal-card{position:relative;z-index:1;width:min(440px,92vw);text-align:center;padding:34px 26px;border-radius:22px;border:1px solid var(--line-strong);background:linear-gradient(180deg,#12151d,#0a0b0f);box-shadow:0 40px 100px rgba(0,0,0,.6);animation:lbzoom .3s ease}
.fm-check{width:66px;height:66px;margin:0 auto 16px;border-radius:999px;display:grid;place-items:center;font-size:2rem;color:#fff;background:linear-gradient(135deg,#3bd17f,#26a862);box-shadow:0 12px 30px rgba(59,209,127,.4)}
.form-modal-card h3{margin:0 0 10px}
.form-modal-card p{margin:0 0 20px;color:var(--muted)}
.form-modal-card .btn{width:100%}
/* ================= HOME REDESIGN ================= */
.ankusi-home .section{padding:36px 0}
.ankusi-home .section-tight{padding:28px 0}
.ankusi-home h2{font-size:clamp(1.4rem,2.6vw,1.9rem)}
.ankusi-home h3{font-size:clamp(1rem,1.8vw,1.25rem)}
.ankusi-home .section-head{margin-bottom:18px;max-width:760px}
.ankusi-home p{font-size:.94rem}
.ankusi-home .steps-grid,
.ankusi-home .cert-grid,
.ankusi-home .cat-cards,
.ankusi-home .order-flow,
.ankusi-home .home-blog{gap:14px}
.ankusi-home .cert-item{padding:18px 14px 20px}
.ankusi-home .cert-photo{margin-bottom:12px}
.ankusi-home .of-step{padding:14px 10px}
.ankusi-home .cp-gate{margin-top:14px}
@media(max-width:640px){.ankusi-home .section{padding:26px 0}.ankusi-home .section-tight{padding:20px 0}.ankusi-home p{font-size:.9rem}}
/* Hero carousel */
.hero-carousel{position:relative;display:flex;flex-direction:column;min-height:clamp(440px,84vh,760px);overflow:hidden}
.hc-slide{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:opacity 1.1s ease,transform 6s ease;background-size:cover;background-position:center}
.hc-slide.active{opacity:1;transform:scale(1.1)}
.hc-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,5,7,.28),rgba(3,4,5,.86)),radial-gradient(circle at left center,rgba(255,107,33,.18),transparent 42%)}
.hc-inner{position:relative;z-index:2;flex:1 0 auto;width:var(--wrap);max-width:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:60px;padding-top:110px;box-sizing:border-box}
.hc-title{font-size:clamp(1.8rem,4.6vw,3.4rem);font-weight:900;letter-spacing:-.02em;line-height:1.06;max-width:900px;color:#fff;margin:0 0 14px}
.hc-sub{max-width:600px;color:#e2e7f0;font-size:clamp(.95rem,2vw,1.12rem);margin:0 0 20px}

.hero-carousel .eyebrow{color:#fff}

.hero-carousel .btn-secondary{color:#fff}
.hc-actions{display:flex;gap:12px;flex-wrap:wrap}
.hc-dots{position:absolute;bottom:18px;left:0;right:0;z-index:3;display:flex;gap:4px;justify-content:center}
.hc-dot{width:24px;height:24px;border-radius:999px;background:transparent;border:0;cursor:pointer;padding:0;display:grid;place-items:center}
.hc-dot::after{content:'';display:block;width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.4);transition:width .3s,background .3s}
.hc-dot.active::after{background:var(--orange);width:24px}
@media(max-width:640px){.hero-carousel{min-height:clamp(420px,72vh,560px)}.hc-inner{padding-bottom:44px;padding-top:100px}}
/* Company profile */
.cp-layout{display:grid;grid-template-columns:4fr 6fr;gap:36px;align-items:center}
.cp-video{position:relative;aspect-ratio:16/9;width:100%;border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#000}

.cp-video-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;cursor:pointer}

.cp-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:rgba(255,106,31,.92);border:3px solid rgba(255,255,255,.9);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease}

.cp-video-play:hover{transform:translate(-50%,-50%) scale(1.08);background:rgba(255,106,31,1)}

.cp-video-play svg{margin-left:3px}
.cp-video img,.cp-video video{width:100%;height:100%;object-fit:cover}
.cp-video iframe{position:absolute;inset:0;width:100%;height:100%;display:block;border:0}
.cp-gate{margin-top:26px;border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}
.cp-gate img{width:100%;display:block;aspect-ratio:21/9;object-fit:cover}
@media(max-width:820px){.cp-layout{grid-template-columns:1fr;gap:20px}.cp-video{order:-1;width:100%}}
@media(max-width:480px){.cp-video{border-radius:14px}}
/* Steps grid (How wheels are made) */
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.step-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel)}
.step-card .media{aspect-ratio:4/3}
.step-card .media img{width:100%;height:100%;object-fit:cover}
.step-card .sc-body{padding:12px 14px 14px}
.sc-num{font-size:.72rem;font-weight:800;color:#a8430e;letter-spacing:.12em}
.step-card h4{font-size:.96rem;margin:3px 0 0;line-height:1.25}
@media(max-width:1000px){.steps-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.steps-grid{grid-template-columns:repeat(2,1fr);gap:12px}}
/* Ordering process timeline */
.order-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.of-step{text-align:center;padding:20px 12px;border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.02)}
.of-num{width:46px;height:46px;margin:0 auto 12px;border-radius:999px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--orange),var(--blue))}

.of-step{position:relative;overflow:visible}

.of-step:not(:first-child)::before{content:'';position:absolute;top:43px;left:-50%;width:100%;height:2px;background:var(--line-strong);z-index:0}

.of-num{position:relative;z-index:1}

.of-step--end .of-num{background:linear-gradient(135deg,var(--success),#17c56a)}

.of-flag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:3px 10px;border-radius:999px;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--orange);color:#fff;white-space:nowrap;z-index:2}

.of-flag--end{background:var(--success)}

@media(max-width:820px){.of-step::before{display:none}.of-flag{position:static;transform:none;display:inline-flex;margin-bottom:8px}}
.of-step h4{font-size:.92rem;margin:0 0 4px;line-height:1.25}
.of-step p{font-size:.78rem;margin:0;color:var(--muted)}
@media(max-width:1000px){.order-flow{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.order-flow{grid-template-columns:repeat(2,1fr);gap:10px}}
/* Category cards (compact) */
.cat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cat-cards a{position:relative;display:block;aspect-ratio:16/10;border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.cat-cards a img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.cat-cards a:hover img{transform:scale(1.07)}
.cat-cards a span{position:absolute;left:0;right:0;bottom:0;padding:18px 18px 16px;background:linear-gradient(180deg,transparent,rgba(3,4,6,.9));color:#fff;font-weight:800;font-size:1.1rem}
@media(max-width:900px){.cat-cards{grid-template-columns:repeat(2,1fr);gap:14px}.cat-cards a{aspect-ratio:4/3}}
@media(max-width:520px){.cat-cards{grid-template-columns:1fr;gap:12px}}
/* Gallery marquee */
.gallery-marquee{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.gm-track{display:flex;gap:14px;width:max-content;animation:gmscroll 45s linear infinite}
.gallery-marquee:hover .gm-track{animation-play-state:paused}
.gm-item{width:300px;aspect-ratio:4/3;border-radius:14px;overflow:hidden;flex:0 0 auto;border:1px solid var(--line)}

.gm-item img,
.gallery-card .media img{cursor:zoom-in}
.gm-item img{width:100%;height:100%;object-fit:cover}
@keyframes gmscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:640px){.gm-item{width:210px}}
/* Blog cards on home */
.home-blog{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.home-blog{grid-template-columns:1fr}}
.hb-date{font-size:.8rem;color:var(--muted);margin:0 0 8px}
/* Contact page: hero intro + footer note + FAQ accordion */
.hero-note-sm {
  font-size: 0.92rem;
  line-height: 1.6;
}

.footer-note-small {
  margin-top: 10px;
  font-size: 0.82rem;
  line-height: 1.5;
  color: var(--muted);
}

.faq-item summary {
  cursor: pointer;
  font-weight: 700;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.faq-item summary::-webkit-details-marker {
  display: none;
}

.faq-item summary::after {
  content: "+";
  font-size: 1.1rem;
  color: var(--blue);
  flex-shrink: 0;
}

.faq-item[open] summary::after {
  content: "\2212";
}

.faq-item p {
  margin: 10px 0 0;
  color: var(--muted);
}

/* ---- Single Product Page ---- */
.product-hero{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.product-gallery{display:grid;gap:14px}
.zoom-frame{position:relative;aspect-ratio:1/1;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel);box-shadow:var(--shadow);cursor:zoom-in}
.zoom-frame img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center;transition:transform .08s linear}
.zoom-frame.zoomed img{transition:none}
.thumb-row{display:flex;gap:10px;flex-wrap:wrap}
.thumb{width:76px;height:76px;border-radius:12px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;background:rgba(0,0,0,.03)}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.thumb.active{border-color:var(--blue)}
.product-info{display:grid;gap:20px;align-content:start}
.product-info .p-cat-link{font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);text-decoration:none}
.product-info .p-cat-link:hover{text-decoration:underline}
.product-info h1{margin:4px 0 0;font-size:clamp(1.8rem, 2.6vw, 2.3rem);line-height:1.15}
.product-lede{color:var(--muted);font-size:1.05rem;margin:0}
.spec-table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.spec-table tr{border-bottom:1px solid var(--line)}
.spec-table tr:last-child{border-bottom:none}
.spec-table th,.spec-table td{text-align:left;padding:12px 16px;font-size:.92rem}
.spec-table th{color:var(--muted);font-weight:600;width:42%;background:rgba(0,0,0,.02)}
.spec-table td{color:var(--text);font-weight:600}
.spec-note{color:var(--muted);font-size:.88rem;margin:0}
.product-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}
.desc-section{margin-top:56px;padding-top:44px;border-top:1px solid var(--line)}
.desc-section h2{margin-bottom:16px}
.desc-section .desc-body{color:var(--muted);font-size:1rem;line-height:1.7;max-width:820px}
.desc-body h2{font-size:1.5rem;line-height:1.3;margin:32px 0 14px;color:var(--text)}
.desc-body h3{font-size:1.2rem;line-height:1.3;margin:24px 0 12px;color:var(--text)}
.desc-body img{border-radius:var(--radius-sm)}
.desc-body p{margin:0 0 14px}
@media (max-width:900px){.product-hero{grid-template-columns:1fr}}
/* ================= COMPANY PROFILE REDESIGN ================= */
.cp-facts{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.cp-facts li{padding-left:22px;position:relative;color:var(--muted);line-height:1.5;font-size:15px}
.cp-facts li::before{content:'';position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:var(--orange)}
.cp-facts li strong{color:var(--text)}
.cp-stats{margin-top:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}
.cp-stat{background:var(--bg);padding:18px 16px;text-align:center}
.cp-stat strong{display:block;font-size:20px;color:var(--text);letter-spacing:-0.01em}
.cp-stat span{display:block;margin-top:4px;font-size:12.5px;color:var(--muted);line-height:1.4}
@media (max-width: 780px){
  .cp-stats{grid-template-columns:repeat(2,1fr)}
}
/* ================= CERT GRID 5-UP ================= */
.cert-grid-5{grid-template-columns:repeat(5,1fr)}
@media (max-width: 980px){
  .cert-grid-5{grid-template-columns:repeat(3,1fr)}
}
@media (max-width: 620px){
  .cert-grid-5{grid-template-columns:repeat(2,1fr)}
}
/* ================= STEP CARD DESCRIPTIONS ================= */
.sc-desc{margin:6px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted)}
/* Fitment Guide page */
.fitment-controls{margin-bottom:22px}
.fitment-search{width:100%;max-width:420px;padding:12px 16px;border-radius:10px;border:1px solid rgba(0,0,0,.12);font-size:.98rem;margin-bottom:16px;display:block}
.fitment-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid rgba(0,0,0,.08)}
.fitment-table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:820px}
.fitment-table th,.fitment-table td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(0,0,0,.07);white-space:nowrap}
.fitment-table td:last-child,.fitment-table th:last-child{white-space:normal;min-width:220px}
.fitment-table thead th{background:rgba(0,0,0,.03);font-weight:700;position:sticky;top:0}
.fitment-table tbody tr:hover{background:rgba(0,0,0,.02)}
.fitment-footnote{margin-top:18px;font-size:.92rem;color:var(--muted,#666);line-height:1.6}

/* Custom Idea Banner (redesigned 2026-08-04) */
.custom-idea-banner{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-soft);padding:20px 22px;margin:14px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.custom-idea-banner .cib-copy{flex:1 1 260px;min-width:220px}
.custom-idea-banner .cib-copy strong{display:block;font-size:1rem;font-weight:800;color:var(--text)}
.custom-idea-banner .cib-copy span{display:block;color:var(--muted);font-size:.9rem;margin-top:2px}
.custom-idea-banner .cib-actions{display:flex;gap:12px;flex-wrap:wrap}
.custom-idea-banner .btn{min-height:46px;padding:0 20px;font-size:.92rem}
@media (max-width:560px){.custom-idea-banner{flex-direction:column;align-items:stretch;text-align:center}.custom-idea-banner .cib-actions{justify-content:center}}.lang-switch{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:#cbd5e3;font-weight:700;font-size:.8rem;letter-spacing:.03em;white-space:nowrap;flex-shrink:0;margin-right:4px}.lang-switch:hover{color:#fff;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.05)}.custom-idea-banner .btn-ghost,.custom-idea-banner .btn-secondary{color:var(--text);border-color:var(--line-strong);background:rgba(0,0,0,.03)}.custom-idea-banner .btn-ghost:hover,.custom-idea-banner .btn-secondary:hover{background:rgba(0,0,0,.06)}.pagination-row{gap:8px}.pagination-row .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:6px 10px;border-radius:10px;border:1px solid var(--line);color:var(--text);text-decoration:none;font-weight:700}.pagination-row .page-numbers.current{background:var(--text);color:#fff;border-color:var(--text)}.pagination-row .page-numbers:hover{background:var(--bg-soft)}.product-card h2 a{color:inherit;text-decoration:none}.product-card h2 a:hover{color:var(--blue)}.product-card h2{font-size:1.02rem;margin:0;line-height:1.35}
/* === Fitment model page redesign (2026-08-14) === */
.fitment-hero-row{display:block;margin:24px 0 8px;}
.fitment-intro{color:#5a5a5f;font-size:1.05rem;line-height:1.6;margin:0;max-width:760px;}

.fitment-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;align-items:start;}
.fitment-card{background:#ffffff;border:1px solid rgba(0,0,0,.1);border-radius:16px;padding:24px;box-shadow:0 20px 50px rgba(0,0,0,.08);}
.fitment-card h2{font-size:1.05rem;font-weight:800;margin:0 0 12px;line-height:1.3;}
.fitment-card-body p{margin:0 0 10px;color:#111111;line-height:1.6;}
.fitment-card-body p:last-child{margin-bottom:0;}
.fitment-card-body ul{padding-left:20px;margin:8px 0;}
.fitment-card-body li{margin-bottom:6px;line-height:1.5;}
.fitment-card-body a{color:#ff6a1f;font-weight:700;text-decoration:none;}
.fitment-card-body a:hover{text-decoration:underline;}
.fitment-card--max{border-color:rgba(255,106,31,.35);background:linear-gradient(180deg, rgba(255,106,31,.06), #ffffff 60%);}
.fitment-card--max h2{color:#ff6a1f;}
.fitment-card--full{grid-column:1 / -1;}
.fitment-card--reference .fitment-card-body p:last-child{margin-top:16px;padding-top:16px;border-top:1px dashed rgba(0,0,0,.15);}
.fitment-card--reference .fitment-card-body p:last-child a{display:inline-block;margin-top:10px;background:#111111;color:#ffffff;padding:10px 22px;border-radius:999px;font-weight:800;text-decoration:none;}
.fitment-card--reference .fitment-card-body p:last-child a:hover{background:#ff6a1f;text-decoration:none;}
@media (max-width:900px){
  .fitment-card-grid{grid-template-columns:1fr;}
}
.fitment-card--table{grid-column:1 / -1;}
.fitment-spec-table{width:100%;border-collapse:collapse;margin-top:4px;}
.fitment-spec-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
.fitment-spec-table th,.fitment-spec-table td{padding:10px 14px;text-align:left;border-bottom:1px solid rgba(0,0,0,.1);font-size:.95rem;}
.fitment-spec-table thead th{font-weight:800;color:#111111;background:rgba(0,0,0,.03);}
.fitment-spec-table tbody th{font-weight:700;color:#111111;white-space:nowrap;}
.fitment-spec-table tbody td{color:#111111;}
.fitment-spec-table tbody tr:last-child th,.fitment-spec-table tbody tr:last-child td{border-bottom:none;}
@media (max-width:600px){
  .fitment-spec-table th,.fitment-spec-table td{padding:8px 10px;font-size:.85rem;}
}
/* === Fitment brand hub page (2026-08-14) === */
.fitment-brand-page .fitment-card-grid{grid-template-columns:repeat(3,1fr);}
.fitment-card--brand-link{padding:20px 24px;transition:border-color .15s,box-shadow .15s;}
.fitment-card--brand-link:hover{border-color:rgba(255,106,31,.4);}
.fitment-card--brand-link h2{margin:0;font-size:1rem;font-weight:700;}
.fitment-card--brand-link h2 a{color:#111111;text-decoration:none;}
.fitment-card--brand-link h2 a:hover{color:#ff6a1f;}
@media (max-width:900px){
  .fitment-brand-page .fitment-card-grid{grid-template-columns:1fr;}
}
/* Fitment brand nav icons (2026-08-14) */
.fitment-brand-card-icon{width:56px;height:56px;margin:0 0 14px;}
.fitment-brand-card-icon img{width:100%;height:100%;object-fit:contain;display:block;}
.fitment-card--brand-link{text-align:left;}

/* Ankusi 2026-08-15: brand card real description text (replaces the removed generic icon) */
.fitment-card-desc{margin-top:8px;font-size:0.9rem;line-height:1.5;color:var(--muted);}


/* Ankusi 2026-08-15: fitment model page FAQ card (auto-generated from real per-vehicle data) */
.fitment-card--faq h3{margin:18px 0 6px;font-size:1.02rem;font-weight:700;}
.fitment-card--faq h3:first-of-type{margin-top:10px;}
.fitment-card--faq p{margin:0 0 4px;color:var(--muted);}


/* Ankusi 2026-08-25: brand nav card photo + name overlay + full-card click-through */
.fitment-card--brand-link{display:block;color:inherit;text-decoration:none;}
.fitment-card--brand-link.has-image{padding:0;overflow:hidden;position:relative;}
.fitment-card--brand-link .fitment-card-photo{display:block;position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#111111;}
.fitment-card--brand-link .fitment-card-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease;}
.fitment-card--brand-link:hover .fitment-card-photo img{transform:scale(1.05);}
.fitment-card--brand-link .fitment-card-photo-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.78) 100%);}
.fitment-card--brand-link.has-image .fitment-card-body{position:absolute;left:0;right:0;bottom:0;padding:16px 20px;}
.fitment-card--brand-link.has-image h2{color:#ffffff;margin:0;font-size:1.05rem;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.5);}
.fitment-card--brand-link.has-image .fitment-card-desc{color:rgba(255,255,255,.88);margin-top:4px;display:block;font-size:0.85rem;}
.fitment-card--brand-link:not(.has-image){padding:20px 24px;}
.fitment-card--brand-link:not(.has-image) h2{color:#111111;}
.fitment-card--brand-link:hover{border-color:rgba(255,106,31,.4);box-shadow:0 20px 50px rgba(0,0,0,.16);}

/* === ANKUSI Fitment Deep-Dive Content Styling (2026-08-24) === */
.fitment-card--deep{grid-column:1/-1;}

.fitment-tier{border-left:4px solid var(--line-strong);border-radius:12px;background:var(--bg-soft);padding:18px 20px;margin:0 0 16px;}
.fitment-tier:last-child{margin-bottom:0;}
.fitment-tier-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap;}
.fitment-tier-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:999px;font-weight:800;font-size:.85rem;color:#fff;padding:0 10px;}
.fitment-tier-title{font-weight:800;font-size:1rem;margin:0;}
.fitment-tier-spec{font-size:.82rem;color:var(--muted);font-weight:600;}
.fitment-tier p{margin:6px 0;line-height:1.6;font-size:.95rem;}
.fitment-tier--a{border-color:#1f9d57;} .fitment-tier--a .fitment-tier-badge{background:#1f9d57;}
.fitment-tier--b{border-color:#2f8fd6;} .fitment-tier--b .fitment-tier-badge{background:#2f8fd6;}
.fitment-tier--c{border-color:#ff6a1f;} .fitment-tier--c .fitment-tier-badge{background:#ff6a1f;}
.fitment-tier--d{border-color:#e0433a;} .fitment-tier--d .fitment-tier-badge{background:#e0433a;}
.fitment-tier--e{border-color:#7a3fd6;} .fitment-tier--e .fitment-tier-badge{background:#7a3fd6;}

.fitment-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:12px 0;border-radius:12px;border:1px solid var(--line);}
.fitment-table-scroll table{width:100%;border-collapse:collapse;min-width:640px;}
.fitment-table-scroll th,.fitment-table-scroll td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line);font-size:.88rem;white-space:nowrap;}
.fitment-table-scroll thead th{background:var(--bg-soft);font-weight:800;}
.fitment-table-scroll tbody tr:last-child td{border-bottom:none;}
.fitment-table-scroll tbody tr:nth-child(even){background:rgba(0,0,0,.015);}
@media (max-width:600px){
  .fitment-table-scroll th,.fitment-table-scroll td{padding:8px 10px;font-size:.8rem;}
}

.fitment-case{border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:0 0 16px;background:#fff;}
.fitment-case:last-child{margin-bottom:0;}
.fitment-case-title{font-weight:800;font-size:.95rem;margin:0 0 8px;color:var(--orange);}
.fitment-case p{margin:4px 0;font-size:.92rem;line-height:1.6;}

.fitment-decision-step{display:flex;gap:14px;padding:14px 0;border-bottom:1px dashed var(--line);}
.fitment-decision-step:last-child{border-bottom:none;}
.fitment-decision-num{flex:0 0 auto;width:32px;height:32px;border-radius:999px;background:var(--orange);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.9rem;}
.fitment-decision-body{flex:1;min-width:0;}
.fitment-decision-body strong{display:block;margin-bottom:4px;}

.fitment-faq-item{padding:14px 0;border-bottom:1px solid var(--line);}
.fitment-faq-item:last-child{border-bottom:none;}
.fitment-faq-q{font-weight:800;margin:0 0 6px;font-size:.95rem;color:var(--text);}
.fitment-faq-a{margin:0;color:var(--muted);font-size:.92rem;line-height:1.65;}

@media (max-width:600px){
  .fitment-card{padding:18px;}
  .fitment-tier{padding:14px 16px;}
  .fitment-case{padding:14px 16px;}
}
/* === ANKUSI Fitment Page — Codex Layout Fix (2026-08-24) === */
/* P0: Grid blowout fix — grid items need min-width:0 or intrinsic content (tables) forces tracks wider than container */
.fitment-card-grid{
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
  width:100%;
  max-width:100%;
}
.fitment-card,
.fitment-card-body,
.fitment-card--full,
.fitment-card--deep{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.fitment-card-body{overflow-wrap:break-word;word-break:break-word;}
.fitment-table-scroll{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.fitment-table-scroll table{
  width:max-content;
  min-width:100%;
  max-width:none;
}
@media (max-width:900px){
  .fitment-card-grid{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:600px){
  .fitment-model-body .wrap{width:auto;margin-inline:16px;max-width:calc(100% - 32px);}
  .fitment-card{width:100%;padding:18px;border-radius:12px;box-sizing:border-box;}
}

/* Desktop reading column constraint */
.fitment-model-body{max-width:1120px;margin:0 auto;}
/* Ankusi 2026-08-28: unify every module to one consistent column width so cards align top-to-bottom instead of mixing full-width and centered-narrow boxes */
.fitment-model-body .wrap{max-width:860px;}
/* Ankusi 2026-08-28 (fix): OE/Flush/Max were left out of the full-width unification above and still sat in the old 2026-08-14 3-column .fitment-card-grid, breaking visual consistency with every other section on the page. Make them span full width like every other module. */
.fitment-card--oe,.fitment-card--flush,.fitment-card--max{grid-column:1/-1;}
.fitment-model-body .fitment-card-body{font-size:1rem;line-height:1.7;}
@media (min-width:1024px){
  .fitment-card--deep{max-width:860px;margin-left:auto;margin-right:auto;}
}

/* Ankusi 2026-08-28: layout redesign pilot (Tesla Model 3) - diagram reference card + scrollable tables */
.fitment-card--diagram{border-top:4px solid #ff6a1f;}
.fitment-diagram-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:14px;}
.fitment-diagram-grid figure{margin:0;}
.fitment-diagram-grid img{width:100%;height:auto;border-radius:12px;border:1px solid rgba(0,0,0,.1);display:block;}
.fitment-diagram-grid figcaption{margin-top:8px;font-size:.85rem;color:#5a5a5f;text-align:center;line-height:1.4;}
@media (max-width:640px){
  .fitment-diagram-grid{grid-template-columns:1fr;}
}
.fitment-table-scroll{overflow-x:auto;margin:12px 0;-webkit-overflow-scrolling:touch;}
.fitment-table-scroll table{min-width:520px;}
.fitment-card--wide .fitment-card-body{max-width:none;}
.fitment-card--wide .fitment-table-scroll table{width:100%;min-width:640px;}

/* Quick Specs component */
.fitment-quickspecs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:20px 0 0;}
.fitment-quickspec{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-width:0;}
.fitment-quickspec-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;}
.fitment-quickspec-value{display:block;font-size:1.05rem;font-weight:800;color:var(--text);word-break:break-word;}
@media (max-width:768px){
  .fitment-quickspecs{grid-template-columns:repeat(2,1fr);}
  .fitment-quickspec:last-child{grid-column:1 / -1;}
}

/* Best-for-most callout */
.fitment-recommend{background:linear-gradient(180deg, rgba(255,106,31,.08), #ffffff 65%);border:1px solid rgba(255,106,31,.3);border-radius:14px;padding:18px 20px;margin:20px 0 0;}
.fitment-recommend-label{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--orange);margin-bottom:6px;}
.fitment-recommend p{margin:4px 0;font-size:.95rem;line-height:1.6;}
.fitment-recommend a{color:var(--orange);font-weight:700;}

/* Tier accordion (details/summary) — recommended tier stands out, others neutral */
.fitment-tier-list{margin:16px 0 0;}
.fitment-tier-acc{border:1px solid var(--line);border-radius:12px;margin:0 0 10px;overflow:hidden;background:#fff;}
.fitment-tier-acc:last-child{margin-bottom:0;}
.fitment-tier-acc[open]{border-color:var(--line-strong);}
.fitment-tier-acc.is-recommended{border-color:var(--orange);box-shadow:0 0 0 1px rgba(255,106,31,.25) inset;}
.fitment-tier-acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 16px;min-height:44px;font-weight:800;font-size:.95rem;}
.fitment-tier-acc summary::-webkit-details-marker{display:none;}
.fitment-tier-acc summary::after{content:'+';margin-left:auto;font-size:1.2rem;font-weight:400;color:var(--muted);}
.fitment-tier-acc[open] summary::after{content:'\2212';}
.fitment-tier-badge{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:999px;background:var(--bg-soft);color:var(--text);font-weight:800;font-size:.8rem;flex:0 0 auto;}
.fitment-tier-acc.is-recommended .fitment-tier-badge{background:var(--orange);color:#fff;}
.fitment-tier-acc-spec{margin-left:auto;font-weight:600;font-size:.82rem;color:var(--muted);white-space:nowrap;}
.fitment-tier-acc-body{padding:0 16px 16px;font-size:.92rem;line-height:1.7;}
.fitment-tier-acc-body p{margin:0 0 8px;}
.fitment-tier-acc-body p:last-child{margin-bottom:0;}
.fitment-tier-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px;margin:0 0 10px;}
.fitment-tier-field-label{font-size:.75rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.03em;}
.fitment-tier-field-value{font-size:.9rem;font-weight:600;}
@media (max-width:480px){.fitment-tier-fields{grid-template-columns:1fr;}}

/* Decision guide, case studies (full-width sections keep readable column) */
.fitment-decision-step{display:flex;gap:14px;padding:14px 0;border-bottom:1px dashed var(--line);max-width:860px;margin-left:auto;margin-right:auto;}
.fitment-case{max-width:860px;margin-left:auto;margin-right:auto;}

/* FAQ as native details/summary */
.fitment-faq-list{margin:16px auto 0;max-width:860px;}
.fitment-faq-acc{border-bottom:1px solid var(--line);padding:0;}
.fitment-faq-acc summary{list-style:none;cursor:pointer;padding:14px 0;font-weight:800;font-size:.95rem;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.fitment-faq-acc summary::-webkit-details-marker{display:none;}
.fitment-faq-acc summary::after{content:'+';color:var(--orange);font-weight:700;flex:0 0 auto;}
.fitment-faq-acc[open] summary::after{content:'\2212';}
.fitment-faq-acc-body{padding:0 0 16px 22px;color:var(--muted);font-size:.92rem;line-height:1.7;}

/* Table scroll hint */
.fitment-scroll-hint{display:none;font-size:.78rem;color:var(--muted);margin:8px 0 4px;font-weight:600;}
@media (max-width:768px){.fitment-scroll-hint{display:block;}}

/* Safe-area padding so fixed floating contact buttons never cover fitment content */
.fitment-model-page main{padding-bottom:96px;}
@media (max-width:600px){
  .fitment-model-page main{padding-bottom:calc(88px + env(safe-area-inset-bottom));}
}

/* Mobile hero: Quick Specs must appear before the diagram, diagram shrinks and moves down */
@media (max-width:720px){
  .fitment-hero-diagram{order:3;max-width:180px;margin:16px auto 0;}
}

/* === Ankusi 2026-09-05: Fitment Guide top-level quick vehicle lookup filter + brand card text-only redesign === */
#ankusi-fitment-index .fitment-card--brand-link h2{font-size:1.5rem;font-weight:800;margin:0 0 6px;}
#ankusi-fitment-index .fitment-card-desc{font-size:.78rem;color:var(--muted);}
.afi-filter{background:#f7f7f8;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:22px;margin:28px 0;}
.afi-filter h2{font-size:1.1rem;margin:0 0 4px;font-weight:800;}
.afi-filter>p{margin:0 0 16px;font-size:.88rem;color:var(--muted);}
.afi-filter-row{display:flex;gap:12px;flex-wrap:wrap;}
.afi-filter-row select,.afi-filter-row input{flex:1 1 180px;min-height:46px;padding:0 14px;font-size:.95rem;border:1px solid rgba(0,0,0,.15);border-radius:10px;background:#fff;color:#111;}
.afi-filter-row select:focus,.afi-filter-row input:focus{outline:none;border-color:#ff6a1f;box-shadow:0 0 0 3px rgba(255,106,31,.15);}
.afi-results{margin-top:16px;display:none;}
.afi-results.active{display:block;}
.afi-results-count{font-size:.85rem;color:var(--muted);margin:0 0 10px;}
.afi-result-list{display:flex;flex-direction:column;max-height:520px;overflow-y:auto;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:#fff;}
.afi-result-row{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;text-decoration:none;color:#111;border-bottom:1px solid rgba(0,0,0,.06);font-size:.92rem;}
.afi-result-row:last-child{border-bottom:none;}
.afi-result-row:hover{background:#fafafa;color:#ff6a1f;}
.afi-result-row .afi-year{color:#888;font-size:.85em;margin-left:10px;white-space:nowrap;}
.afi-empty{padding:16px;color:#666;font-size:.9rem;}
.afi-clear{background:none;border:none;color:#ff6a1f;font-size:.85rem;cursor:pointer;padding:0;margin-top:12px;text-decoration:underline;}
@media (max-width:600px){
  .afi-filter{padding:16px;}
  .afi-filter-row{flex-direction:column;}
  .afi-filter-row select,.afi-filter-row input{width:100%;flex:0 0 auto;}
  #ankusi-fitment-index .fitment-card--brand-link h2{font-size:1.05rem;}
  #ankusi-fitment-index .fitment-card-desc{font-size:.72rem;margin-top:4px;}
  .afi-result-list{max-height:400px;}
}


/* === Ankusi 2026-09-05-v2: Fitment Guide + Brand Hub mobile compact pass === */
@media (max-width:600px){
  .page-template-template-ankusi-fitment-brand-index .page-hero--compact,
  .page-template-template-ankusi-fitment-brand .page-hero--compact{
    padding:22px 0 16px;
  }
  .page-template-template-ankusi-fitment-brand-index .page-hero--compact h1,
  .page-template-template-ankusi-fitment-brand .page-hero--compact h1{
    font-size:1.32rem;
    line-height:1.2;
    margin-bottom:6px;
  }
  .page-template-template-ankusi-fitment-brand-index .page-hero--compact p,
  .page-template-template-ankusi-fitment-brand .page-hero--compact p{
    font-size:.85rem;
    line-height:1.42;
  }
  .page-template-template-ankusi-fitment-brand-index .eyebrow{
    font-size:.65rem;
    margin-bottom:4px;
  }
  .page-template-template-ankusi-fitment-brand-index .fitment-checklist-callout{
    padding:8px 0;
  }
  .page-template-template-ankusi-fitment-brand-index .fitment-checklist-callout p{
    font-size:.85rem;
    line-height:1.42;
    margin:0;
  }
  .page-template-template-ankusi-fitment-brand-index .afi-filter{
    padding:14px;
    margin:14px 0;
  }
  .page-template-template-ankusi-fitment-brand-index .afi-filter h2{
    font-size:1rem;
    margin-bottom:3px;
  }
  .page-template-template-ankusi-fitment-brand-index .afi-filter>p{
    font-size:.8rem;
    margin-bottom:10px;
  }
  .page-template-template-ankusi-fitment-brand-index .afi-filter-row{
    gap:8px;
  }
  .page-template-template-ankusi-fitment-brand-index #ankusi-fitment-index .wrap>.fitment-footnote{
    font-size:.85rem;
    margin-top:14px;
  }
  .page-template-template-ankusi-fitment-brand-index .fitment-card-grid{
    gap:8px;
    margin-top:12px;
  }
  .page-template-template-ankusi-fitment-brand-index .fitment-card--brand-link{
    padding:12px 14px;
  }
  .page-template-template-ankusi-fitment-brand-index .fitment-card--brand-link h2{
    font-size:1.05rem;
    margin-bottom:3px;
  }
  .page-template-template-ankusi-fitment-brand-index .fitment-card-desc{
    font-size:.72rem;
    margin-top:4px;
  }
  .page-template-template-ankusi-fitment-brand .fitment-brand-notes{
    padding:14px 0 2px;
  }
  .page-template-template-ankusi-fitment-brand .fitment-brand-notes h2{
    font-size:1.02rem;
    margin-bottom:8px;
  }
  .page-template-template-ankusi-fitment-brand .fitment-brand-notes p,
  .page-template-template-ankusi-fitment-brand .fitment-brand-notes li{
    font-size:.85rem;
    line-height:1.42;
  }
  .page-template-template-ankusi-fitment-brand .fitment-brand-combo-list{
    margin:8px 0;
    padding-left:18px;
  }
  .page-template-template-ankusi-fitment-brand .fitment-brand-combo-list li{
    margin-bottom:6px;
  }
  .page-template-template-ankusi-fitment-brand .fb-combo-block{
    margin-bottom:16px;
  }
  .page-template-template-ankusi-fitment-brand .fitment-brand-combo-heading{
    font-size:.95rem;
    margin-bottom:8px;
  }
  .page-template-template-ankusi-fitment-brand .fb-series-group{
    margin-bottom:12px;
  }
  .page-template-template-ankusi-fitment-brand .fb-series-heading{
    font-size:.86rem;
    margin-bottom:5px;
    padding-bottom:4px;
  }
  .page-template-template-ankusi-fitment-brand .fb-row{
    padding:7px 4px;
    font-size:.85rem;
  }
  .page-template-template-ankusi-fitment-brand .fitment-footnote{
    font-size:.85rem;
    margin-top:14px;
  }
}


/* === Ankusi 2026-09-05-v3: mobile footer accordion (collapse Quick Links/Categories/Contact by default) === */
@media (max-width:1100px){
  .footer-grid{ row-gap:0; }
  .footer-grid > div{ border-bottom:1px solid rgba(255,255,255,.08); padding:14px 0; }
  .footer-grid > div:first-child{ border-bottom:none; padding:0 0 18px; }
  .site-footer .footer-heading{ cursor:pointer; position:relative; padding-right:26px; -webkit-user-select:none; user-select:none; margin:0 !important; }
  .site-footer .footer-heading::after{ content:'+'; position:absolute; right:2px; top:50%; transform:translateY(-50%); font-size:1.3em; font-weight:400; color:#9a9da5; line-height:1; }
  .site-footer .footer-heading.is-open::after{ content:'-'; }
  .site-footer .footer-list{ max-height:0; overflow:hidden; gap:0 !important; transition:max-height .22s ease; }
  .site-footer .footer-heading.is-open + .footer-list{ max-height:420px !important; gap:10px !important; padding-top:10px; padding-bottom:4px; }
  .footer-grid > div:last-child .footer-note-small{ margin-top:8px; }
  .footer-note{ margin-top:12px !important; }
.footer-note{ padding:12px 0 16px !important; font-size:.82rem !important; gap:4px !important; }
}


/* === Ankusi 2026-09-06: RU car model pages (template-ankusi-fitment-model-ru) — mobile compact spacing === */
@media (max-width:600px){
  .page-template-template-ankusi-fitment-model-ru .page-hero--compact{
    padding:22px 0 16px;
  }
  .page-template-template-ankusi-fitment-model-ru .page-hero--compact .eyebrow{
    font-size:.7rem;
    margin-bottom:6px;
  }
  .page-template-template-ankusi-fitment-model-ru .page-hero--compact h1{
    font-size:1.32rem;
    line-height:1.2;
    margin-bottom:4px;
  }
  .page-template-template-ankusi-fitment-model-ru .fitment-hero-row{
    margin:14px 0 6px;
  }
  .page-template-template-ankusi-fitment-model-ru .fitment-intro{
    font-size:.85rem;
    line-height:1.42;
  }
  .page-template-template-ankusi-fitment-model-ru .fitment-hero-diagram{
    margin-top:10px;
  }
  .page-template-template-ankusi-fitment-model-ru .fitment-card{
    padding:14px 16px;
  }
  .page-template-template-ankusi-fitment-model-ru .fitment-card h2{
    font-size:.98rem;
    line-height:1.3;
    margin:0 0 8px;
  }
  .page-template-template-ankusi-fitment-model-ru .fitment-card-grid{
    gap:12px;
    margin-top:12px;
  }
  .page-template-template-ankusi-fitment-model-ru .fitment-spec-table th,
  .page-template-template-ankusi-fitment-model-ru .fitment-spec-table td{
    padding:6px 8px;
    font-size:.8rem;
  }
  .page-template-template-ankusi-fitment-model-ru .fitment-card--build .fitment-card-body p{
    font-size:.85rem;
    line-height:1.5;
    margin:0;
  }
  .page-template-template-ankusi-fitment-model-ru .contact-list{
    gap:10px;
  }
  .page-template-template-ankusi-fitment-model-ru .contact-item.faq-item{
    padding:12px 14px;
  }
  .page-template-template-ankusi-fitment-model-ru .contact-item.faq-item summary{
    font-size:.9rem;
    line-height:1.4;
  }
  .page-template-template-ankusi-fitment-model-ru .contact-item.faq-item p{
    font-size:.85rem;
    line-height:1.5;
    margin:8px 0 0;
  }
  .page-template-template-ankusi-fitment-model-ru .fitment-footnote{
    font-size:.85rem;
    margin-top:20px;
  }
}

/* === Ankusi 2026-09-06: RU fitment index page (template-ankusi-fitment-index-ru) — mobile compact spacing === */
@media (max-width:600px){
  .page-template-template-ankusi-fitment-index-ru .page-hero--compact{
    padding:22px 0 16px;
  }
  .page-template-template-ankusi-fitment-index-ru .page-hero--compact h1{
    font-size:1.32rem;
    line-height:1.2;
    margin-bottom:6px;
  }
  .page-template-template-ankusi-fitment-index-ru .page-hero--compact p{
    font-size:.85rem;
    line-height:1.42;
  }
  .page-template-template-ankusi-fitment-index-ru .contact-list{
    margin-bottom:14px !important;
  }
  .page-template-template-ankusi-fitment-index-ru .contact-list h2{
    font-size:1.05rem;
    line-height:1.3;
    margin:0 0 6px;
  }
  .page-template-template-ankusi-fitment-index-ru .contact-list ul{
    margin:0;
    padding-left:18px;
  }
  .page-template-template-ankusi-fitment-index-ru .contact-list li{
    margin-bottom:2px;
    font-size:.88rem;
    line-height:1.5;
  }
  .page-template-template-ankusi-fitment-index-ru .contact-list li a{
    font-size:.88rem;
  }
}

/* === Ankusi 2026-09-06: Product pages (single-product.php) — mobile compact text-block spacing === */
@media (max-width:600px){
  .single-product .eyebrow{
    font-size:.72rem;
    margin-bottom:12px !important;
  }
  .single-product .product-hero{
    gap:20px;
  }
  .single-product .product-info{
    gap:12px;
  }
  .single-product .product-info h1{
    font-size:1.5rem;
    line-height:1.2;
  }
  .single-product .product-lede{
    font-size:.9rem;
    line-height:1.45;
  }
  .single-product .spec-table th,
  .single-product .spec-table td{
    padding:8px 10px;
    font-size:.82rem;
  }
  .single-product .spec-note{
    font-size:.8rem;
  }
  .single-product .custom-idea-banner{
    padding:14px 16px;
    margin:10px 0;
  }
  .single-product .custom-idea-banner .cib-copy strong{
    font-size:.92rem;
  }
  .single-product .custom-idea-banner .cib-copy span{
    font-size:.82rem;
  }
  .single-product .desc-section{
    margin-top:28px;
    padding-top:22px;
  }
  .single-product .desc-section h2{
    font-size:1.15rem;
    margin-bottom:10px;
  }
  .single-product .desc-body{
    font-size:.9rem;
    line-height:1.5;
  }
  .single-product .desc-body p{
    margin:0 0 10px;
  }
}


/* Language dropdown switcher (2026-09-06) */
.lang-dropdown{position:relative;display:inline-block;}
.lang-dropdown-toggle{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.32);border-radius:20px;padding:6px 12px;cursor:pointer;font:inherit;font-size:13px;color:rgba(255,255,255,.92);line-height:1;transition:background .15s ease,border-color .15s ease,color .15s ease;}
.lang-dropdown-toggle:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.55);color:#fff;}
.lang-dropdown.open .lang-dropdown-toggle{border-color:#ff6a1f;background:rgba(255,106,31,.14);color:#fff;}
.lang-caret{font-size:9px;margin-left:3px;display:inline-block;}
.lang-dropdown-menu{display:none;position:absolute;top:100%;right:0;margin-top:6px;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.14);min-width:60px;z-index:60;overflow:hidden;}
.lang-dropdown.open .lang-dropdown-menu{display:block;}
.lang-dropdown-menu a{display:block;padding:8px 14px;text-decoration:none;color:#222;font-size:13px;}
.lang-dropdown-menu a:hover{background:#f5f5f5;}


/* Homepage: Recently Added Fitment Guides */
.recent-fitment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}
.recent-fitment-card{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);padding:16px 18px;transition:transform .2s ease,box-shadow .2s ease}
.recent-fitment-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.recent-fitment-card .rfc-name{font-weight:700;font-size:.92rem;line-height:1.35;color:var(--text)}
.recent-fitment-card .rfc-spec{font-size:.8rem;color:var(--muted)}
.recent-fitment-card .rfc-cta{font-size:.8rem;font-weight:600;color:var(--orange);margin-top:auto}
@media(max-width:980px){.recent-fitment-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.recent-fitment-grid{grid-template-columns:1fr}}

/* ===================== AR SITE RTL OVERRIDES (added 2026-09-13) ===================== */
[dir="rtl"]{direction:rtl}
[dir="rtl"] .cat-btn,[dir="rtl"] .spec-table th,[dir="rtl"] .spec-table td,[dir="rtl"] .fitment-table th,[dir="rtl"] .fitment-table td,[dir="rtl"] .fitment-spec-table th,[dir="rtl"] .fitment-spec-table td,[dir="rtl"] .fitment-card--brand-link,[dir="rtl"] .fitment-table-scroll th,[dir="rtl"] .fitment-table-scroll td{text-align:right}
[dir="rtl"] .site-header .header-row,[dir="rtl"] .site-nav,[dir="rtl"] .nav-wrap,[dir="rtl"] .footer-grid,[dir="rtl"] .hc-actions,[dir="rtl"] .cta-actions,[dir="rtl"] .contact-actions,[dir="rtl"] .phone-row,[dir="rtl"] .cp-facts{direction:rtl}
[dir="rtl"] .cp-facts li{padding-right:0}
[dir="rtl"] .fitment-intro,[dir="rtl"] .fitment-verified-note,[dir="rtl"] p,[dir="rtl"] li{text-align:right}
[dir="rtl"] .eyebrow{text-align:right}