/*
  ZOOMAG — Sitemap 2026 (Fantasy)
  Scope: body.zm-sitemap-body + .zm-sitemap-2026
  Notes: Designed to be "wow" while staying fast + accessible.
*/

:root{
  /* Palette (aligned with Home.css) */
  --zoomag-primary:#FF8E53;
  --zoomag-secondary:#6ED3CF;
  --zoomag-dark:#2E282A;
  --zoomag-light:#F7F9F9;
  --zoomag-cream:#fef9f3;
  --zoomag-sand:#fcf5eb;
  --zoomag-peach:#f9ecdd;

  /* 2026 tokens */
  --zm-bg-0: #0b1020;
  --zm-bg-1: #141a33;
  --zm-bg-2: #1a2a2a;
  --zm-glass: rgba(255,255,255,.68);
  --zm-glass-strong: rgba(255,255,255,.78);
  --zm-ink: #1f2430;
  --zm-ink-soft: rgba(31,36,48,.72);

  --zm-radius-xl: 28px;
  --zm-radius-lg: 20px;
  --zm-radius-md: 16px;

  --zm-shadow-soft: 0 18px 55px rgba(9,12,22,.16);
  --zm-shadow-pop: 0 28px 80px rgba(9,12,22,.22);

  --zm-focus: 0 0 0 3px rgba(110,211,207,.35), 0 0 0 6px rgba(255,142,83,.18);
}

/* ===== Page background (cosmic / aurora zoo) ===== */
body.zm-sitemap-body{
  background:
    radial-gradient(1200px 700px at 15% 15%, rgba(110,211,207,.16), transparent 60%),
    radial-gradient(900px 600px at 85% 20%, rgba(255,142,83,.18), transparent 55%),
    radial-gradient(800px 520px at 50% 90%, rgba(6,214,160,.14), transparent 55%),
    linear-gradient(135deg, var(--zoomag-cream) 0%, var(--zoomag-sand) 50%, var(--zoomag-peach) 100%);
  overflow-x:hidden;
  color: #333 !important;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  min-height: 100vh;
}

/* Fixed animated overlay */
.zm-sitemap-bg{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}

/* Nebula layer */
.zm-sitemap-bg::before{
  content:"";
  position:absolute;
  inset:-20%;
  background:
    radial-gradient(1200px 900px at 10% 25%, rgba(255,142,83,.20), transparent 55%),
    radial-gradient(900px 700px at 80% 30%, rgba(110,211,207,.20), transparent 55%),
    radial-gradient(1000px 780px at 50% 90%, rgba(127,127,255,.12), transparent 60%),
    conic-gradient(from 210deg at 50% 50%, rgba(255,255,255,.08), rgba(255,255,255,0), rgba(255,255,255,.06), rgba(255,255,255,0));
  filter: blur(30px) saturate(1.12);
  opacity:.55;
  transform: translate3d(0,0,0);
  animation: zmNebulaDrift 22s ease-in-out infinite;
}

/* Star dust layer */
.zm-sitemap-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 10% 20%, rgba(255,255,255,.55) 0 1px, transparent 2px),
    radial-gradient(circle at 22% 65%, rgba(255,255,255,.35) 0 1px, transparent 2px),
    radial-gradient(circle at 40% 12%, rgba(255,255,255,.35) 0 1px, transparent 2px),
    radial-gradient(circle at 55% 78%, rgba(255,255,255,.28) 0 1px, transparent 2px),
    radial-gradient(circle at 75% 38%, rgba(255,255,255,.32) 0 1px, transparent 2px),
    radial-gradient(circle at 90% 18%, rgba(255,255,255,.25) 0 1px, transparent 2px);
  opacity:.35;
  animation: zmStarsTwinkle 7.5s ease-in-out infinite;
}

@keyframes zmNebulaDrift{
  0%,100%{ transform: translate3d(-1.5%, -1%, 0) rotate(-1deg); }
  50%{ transform: translate3d(1.5%, 1%, 0) rotate(1deg); }
}
@keyframes zmStarsTwinkle{
  0%,100%{ opacity:.28; filter: blur(.2px); }
  50%{ opacity:.42; filter: blur(0px); }
}

/* Generated paw particles (JS injects) */
.zm-sitemap-paw{
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:var(--s);
  height:var(--s);
  opacity:var(--o);
  transform: translate3d(0,0,0) rotate(var(--r));
  filter: blur(.2px) drop-shadow(0 10px 30px rgba(0,0,0,.10));
  background:
    radial-gradient(circle at 60% 35%, rgba(255,142,83,.38) 0 18%, transparent 20%),
    radial-gradient(circle at 40% 32%, rgba(110,211,207,.34) 0 18%, transparent 20%),
    radial-gradient(circle at 50% 62%, rgba(255,255,255,.38) 0 22%, transparent 24%),
    radial-gradient(circle at 35% 68%, rgba(255,255,255,.0) 0 30%, transparent 32%);
  border-radius: 30% 70% 68% 32% / 38% 42% 58% 62%;
  mix-blend-mode: soft-light;
  animation: zmPawFloat var(--d) ease-in-out infinite;
}

@keyframes zmPawFloat{
  0%,100%{ transform: translate3d(0,0,0) rotate(var(--r)); }
  50%{ transform: translate3d(0, calc(var(--s) * -0.18), 0) rotate(calc(var(--r) + 8deg)); }
}

/* ===== Main container ===== */
#information-sitemap.zm-sitemap-2026{
  position:relative;
  z-index:1;
  padding: 22px 0 34px;
  background: transparent;
  min-height: 100vh;
}

/* Inner panel (glass card) */
#information-sitemap.zm-sitemap-2026 > .row,
#information-sitemap.zm-sitemap-2026 #content{
  position:relative;
}

.zm-sitemap-panel{
  background: var(--zm-glass);
  border: 1px solid rgba(255,255,255,.65);
  border-radius: var(--zm-radius-xl);
  box-shadow: var(--zm-shadow-soft);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: clamp(18px, 2.6vw, 34px);
  position:relative;
  overflow:hidden;
}

.zm-sitemap-panel::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: linear-gradient(120deg,
    rgba(255,142,83,.55),
    rgba(110,211,207,.55),
    rgba(255,255,255,.35),
    rgba(255,142,83,.55)
  );
  opacity:.16;
  filter: blur(18px);
  animation: zmPanelGlow 10s linear infinite;
}

@keyframes zmPanelGlow{
  0%{ transform: translate3d(-10%, -6%, 0) rotate(0deg); }
  100%{ transform: translate3d(10%, 6%, 0) rotate(360deg); }
}

/* ===== Breadcrumb: upgraded, still compatible with existing markup ===== */
.zm-info-unique-breadcrumb{
  background: linear-gradient(135deg, rgba(46,40,42,.92) 0%, rgba(218,79,73,.92) 55%, rgba(255,142,83,.92) 100%);
  border-radius: 22px;
  padding: 14px 18px;
  margin-bottom: 18px;
  position: relative;
  overflow: hidden;
  display:flex;
  align-items:center;
  min-height: 66px;
  box-shadow: 0 16px 40px rgba(9,12,22,.25);
  border: 1px solid rgba(255,255,255,.16) !important;
}
.zm-info-unique-breadcrumb::before{
  content:"";
  position:absolute;
  inset:-60%;
  background:
    radial-gradient(circle at 40% 40%, rgba(255,255,255,.25), transparent 55%),
    linear-gradient(45deg, transparent, rgba(255,255,255,.22), transparent);
  animation: zmBreadShine 8.5s linear infinite;
  z-index:1;
}
@keyframes zmBreadShine{
  0%{ transform: translate3d(-20%, -20%, 0) rotate(0deg); }
  100%{ transform: translate3d(20%, 20%, 0) rotate(360deg); }
}

.zm-info-unique-breadcrumb .breadcrumb{
  margin:0;
  padding:0;
  background:transparent;
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:10px;
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  white-space:nowrap;
  -webkit-overflow-scrolling: touch;
}
.zm-info-unique-breadcrumb .breadcrumb::-webkit-scrollbar{ display:none; }

.zm-info-unique-breadcrumb .breadcrumb-item{
  color:#fff !important;
  font-weight:800;
  font-size: 0.98rem;
  text-shadow: 0 10px 30px rgba(0,0,0,.25);
  display:inline-flex;
  align-items:center;
  flex-shrink:0;
}
.zm-info-unique-breadcrumb .breadcrumb-item + .breadcrumb-item::before{
  content:"›";
  color: rgba(255,248,225,.9) !important;
  margin:0 8px;
  font-weight:900;
  font-size:1.3em;
  text-shadow: 0 0 18px rgba(255,248,225,.45);
}
.zm-info-unique-breadcrumb .breadcrumb-item a{
  color: rgba(255,248,225,.95) !important;
  text-decoration:none;
  transition: filter .25s ease, transform .25s ease;
}
.zm-info-unique-breadcrumb .breadcrumb-item a:hover{
  filter: brightness(1.1);
  transform: translateY(-1px);
}
.zm-info-unique-breadcrumb .breadcrumb-item a:focus-visible{
  outline:none;
  box-shadow: var(--zm-focus);
  border-radius: 10px;
}
.zm-info-breadcrumb-decoration{
  position:absolute;
  font-size: 1.45rem;
  opacity:.35;
  z-index:0;
  pointer-events:none;
  animation: zmCrumbFloat 9s ease-in-out infinite;
}
.zm-info-breadcrumb-decoration:nth-child(1){ top:-10px; left:14%; color:#FF8E53; }
.zm-info-breadcrumb-decoration:nth-child(2){ bottom:-12px; right:18%; color:#6ED3CF; }
.zm-info-breadcrumb-decoration:nth-child(3){ top:42%; right:7%; color:#FFDA83; }
@keyframes zmCrumbFloat{
  0%,100%{ transform: translateY(0px); opacity:.35; }
  50%{ transform: translateY(-9px); opacity:.62; }
}

@media (max-width:768px){
  .zm-info-unique-breadcrumb{
    padding: 10px 12px;
    min-height: 54px;
    border-radius: 16px;
    box-shadow: 0 12px 26px rgba(9,12,22,.18);
  }
  .zm-info-breadcrumb-decoration{ display:none; }
  .zm-info-unique-breadcrumb::before{ display:none; }
}

/* ===== Hero (title + search) ===== */
.zm-sitemap-hero{
  display:grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin: 10px 0 22px;
  position:relative;
}

.zm-sitemap-title{
  margin: 0;
  text-align:center;
  font-weight: 900;
  letter-spacing: -0.02em;
  font-size: clamp(2rem, 2.6vw, 3.1rem);
  line-height: 1.05;
  background: linear-gradient(90deg, #111827, #111827, var(--zoomag-primary), var(--zoomag-secondary), #111827);
  background-size: 260% 100%;
  -webkit-background-clip: text;
  background-clip:text;
  color: transparent;
  animation: zmTitleSweep 7s ease-in-out infinite;
  text-shadow: 0 24px 48px rgba(0,0,0,.08);
}
@keyframes zmTitleSweep{
  0%,100%{ background-position: 0% 50%; }
  50%{ background-position: 100% 50%; }
}

.zm-sitemap-tagline{
  margin: 0;
  text-align:center;
  color: var(--zm-ink-soft);
  font-weight: 650;
  font-size: 1.02rem;
}

.zm-sitemap-searchbar{
  display:flex;
  gap: 10px;
  align-items:center;
  justify-content:center;
  padding: 10px;
}

.zm-sitemap-search{
  width: min(720px, 100%);
  position:relative;
}

.zm-sitemap-search input{
  width: 100%;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.55);
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 16px 48px rgba(9,12,22,.12);
  padding: 14px 48px 14px 44px;
  font-weight: 700;
  color: var(--zm-ink);
  outline: none;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.zm-sitemap-search input:focus{
  border-color: rgba(110,211,207,.65);
  box-shadow: 0 18px 60px rgba(9,12,22,.16), var(--zm-focus);
  transform: translateY(-1px);
}

.zm-sitemap-search::before{
  content:"🔎";
  position:absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.05rem;
  opacity:.72;
}

.zm-sitemap-clear{
  position:absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.72);
  box-shadow: 0 8px 24px rgba(9,12,22,.10);
  cursor:pointer;
  font-weight: 900;
  line-height: 0;
  display:flex;
  align-items:center;
  justify-content:center;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.zm-sitemap-clear:hover{ transform: translateY(-50%) scale(1.05); filter: brightness(1.06); }
.zm-sitemap-clear:active{ transform: translateY(-50%) scale(.98); }
.zm-sitemap-clear:focus-visible{ outline:none; box-shadow: var(--zm-focus); }

/* Hint chips */
.zm-sitemap-chips{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  align-items:center;
  justify-content:center;
  margin-top: 4px;
}
.zm-sitemap-chip{
  border:none;
  cursor:pointer;
  appearance:none;

  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.66);
  border: 1px solid rgba(255,255,255,.55);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-weight: 800;
  color: rgba(31,36,48,.78);
  box-shadow: 0 12px 34px rgba(9,12,22,.10);
  user-select:none;
  transition: transform .2s ease, box-shadow .2s ease;
}
.zm-sitemap-chip:hover{ transform: translateY(-2px); box-shadow: 0 16px 42px rgba(9,12,22,.12); }

/* ===== Grid layout polish ===== */
.zm-sitemap-2026 .petz-sitemap-uniq-grid .row{ margin: 0 -12px; }
.zm-sitemap-2026 .petz-sitemap-uniq-column{ padding: 0 12px; margin-bottom: 22px; }

/* ===== Cards ===== */
.zm-sitemap-2026 .petz-sitemap-uniq-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap: 14px;
}

/* Base card */
.zm-sitemap-2026 .petz-sitemap-uniq-list > li{
  --accent: var(--zoomag-primary);
  --accent2: var(--zoomag-secondary);
  position:relative;
  border-radius: var(--zm-radius-lg);
  background: rgba(255,255,255,.64);
  border: 1px solid rgba(255,255,255,.56);
  overflow:hidden;
  box-shadow: 0 14px 46px rgba(9,12,22,.12);
  transform: translate3d(0, 10px, 0) scale(.995);
  opacity: 0;
  transition: transform .35s cubic-bezier(.2,.9,.2,1), box-shadow .35s cubic-bezier(.2,.9,.2,1), filter .35s ease;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Reveal (IntersectionObserver adds .is-in) */
.zm-sitemap-2026 .petz-sitemap-uniq-list > li.is-in{
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

/* Holographic border */
.zm-sitemap-2026 .petz-sitemap-uniq-list > li::before{
  content:"";
  position:absolute;
  inset: 0;
  padding: 1.5px;
  border-radius: inherit;
  background: linear-gradient(120deg, var(--accent), var(--accent2), rgba(255,255,255,.9), var(--accent));
  background-size: 220% 220%;
  animation: zmBorderShift 8s linear infinite;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: .9;
  pointer-events:none;
}
@keyframes zmBorderShift{
  0%{ background-position: 0% 50%; }
  50%{ background-position: 100% 50%; }
  100%{ background-position: 0% 50%; }
}

/* Shine */
.zm-sitemap-2026 .petz-sitemap-uniq-list > li::after{
  content:"";
  position:absolute;
  top:-30%;
  left:-55%;
  width: 70%;
  height: 160%;
  background: linear-gradient(45deg, transparent, rgba(255,255,255,.30), transparent);
  transform: rotate(20deg);
  opacity: 0;
  pointer-events:none;
}

@media (hover:hover){
  .zm-sitemap-2026 .petz-sitemap-uniq-list > li:hover{
    transform: translate3d(0, -6px, 0) scale(1.01);
    box-shadow: var(--zm-shadow-pop);
    filter: saturate(1.04);
  }
  .zm-sitemap-2026 .petz-sitemap-uniq-list > li:hover::after{
    opacity: 1;
    animation: zmCardShine 1.05s ease-out 1;
  }
}
@keyframes zmCardShine{
  0%{ transform: translateX(0) rotate(20deg); }
  100%{ transform: translateX(240%) rotate(20deg); }
}

/* Section-specific accents (keeps your existing classes) */
.zm-sitemap-2026 .petz-sitemap-uniq-cats-section{ --accent:#ff6fb1; --accent2: var(--zoomag-primary); }
.zm-sitemap-2026 .petz-sitemap-uniq-dogs-section{ --accent:#6bd6ff; --accent2: var(--zoomag-secondary); }
.zm-sitemap-2026 .petz-sitemap-uniq-rodents-section{ --accent:#ffd166; --accent2:#b5ffb0; }
.zm-sitemap-2026 .petz-sitemap-uniq-birds-section{ --accent:#78e08f; --accent2:#74b9ff; }
.zm-sitemap-2026 .petz-sitemap-uniq-fish-section{ --accent:#1e90ff; --accent2:#9b59ff; }
.zm-sitemap-2026 .petz-sitemap-uniq-vet-section{ --accent:#ff6b6b; --accent2:#ffd166; }

/* Links */

/* Link + toggle row (JS wraps top links into .zm-sitemap-head) */
.zm-sitemap-head{
  display:flex;
  align-items:center;
  gap: 12px;
}
.zm-sitemap-head > a{
  flex: 1 1 auto;
  justify-content:flex-start;
}

.zm-sitemap-2026 a{
  text-decoration:none;
}
.zm-sitemap-2026 a:focus-visible{
  outline:none;
  box-shadow: var(--zm-focus);
  border-radius: 12px;
}

/* Main link row */
.zm-sitemap-2026 .petz-sitemap-uniq-main-link,
.zm-sitemap-2026 .petz-sitemap-uniq-special-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 18px 18px;
  font-weight: 900;
  letter-spacing: -0.01em;
  font-size: 1.18rem;
  color: #0f172a;
  position:relative;
  z-index:1;
}

/* Icon bubble on the left (uses the existing ::before content emojis) */
.zm-sitemap-2026 .petz-sitemap-uniq-main-link::before,
.zm-sitemap-2026 .petz-sitemap-uniq-special-link::before{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 12px 32px rgba(9,12,22,.12);
  border: 1px solid rgba(255,255,255,.65);
  margin-right: 12px;
  flex: 0 0 auto;
}

/* Decorative gradient underline that animates slightly */
.zm-sitemap-2026 .petz-sitemap-uniq-main-link .zm-title,
.zm-sitemap-2026 .petz-sitemap-uniq-special-link .zm-title{
  position:relative;
}
.zm-sitemap-2026 .petz-sitemap-uniq-main-link::after,
.zm-sitemap-2026 .petz-sitemap-uniq-special-link::after{
  content:\"\";
  position:absolute;
  left: 18px;
  right: 18px;
  bottom: 10px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, var(--accent), var(--accent2), transparent);
  opacity: .35;
  filter: blur(.2px);
}

@media (hover:hover){
  .zm-sitemap-2026 .petz-sitemap-uniq-main-link:hover,
  .zm-sitemap-2026 .petz-sitemap-uniq-special-link:hover{
    transform: translateY(-1px);
  }
}

/* Toggle button injected by JS */
.zm-sitemap-toggle{
  margin-left:auto;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.55);
  background: rgba(255,255,255,.70);
  box-shadow: 0 12px 30px rgba(9,12,22,.10);
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
.zm-sitemap-toggle:hover{ filter: brightness(1.05); transform: translateY(-1px); }
.zm-sitemap-toggle:active{ transform: translateY(0) scale(.98); }
.zm-sitemap-toggle:focus-visible{ outline:none; box-shadow: var(--zm-focus); }
.zm-sitemap-toggle svg{
  width: 18px;
  height: 18px;
  transition: transform .25s ease;
  opacity: .9;
}

/* Accordion */
.zm-sitemap-2026 .petz-sitemap-uniq-sublist{
  list-style:none;
  padding: 0;
  margin: 0;
  border-top: 1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.50);
  max-height: 0;
  overflow:hidden;
  opacity: 0;
  transform: translateY(-6px);
  transition: max-height .55s cubic-bezier(.2,.9,.2,1), opacity .35s ease, transform .35s ease;
}
.zm-sitemap-2026 .petz-sitemap-uniq-subsublist{
  list-style:none;
  padding: 0;
  margin: 0;
  background: rgba(255,255,255,.40);
  border-top: 1px dashed rgba(0,0,0,.08);
}

/* Open state (JS adds .is-open) */
.zm-sitemap-2026 .petz-sitemap-uniq-list > li.is-open > .petz-sitemap-uniq-sublist{
  max-height: 1200px;
  opacity: 1;
  transform: translateY(0);
}

/* Desktop hover also opens */
@media (hover:hover){
  .zm-sitemap-2026 .petz-sitemap-uniq-list > li:hover > .petz-sitemap-uniq-sublist{
    max-height: 1200px;
    opacity: 1;
    transform: translateY(0);
  }
}

/* Rotate chevron when open */
.zm-sitemap-2026 .petz-sitemap-uniq-list > li.is-open .zm-sitemap-toggle svg{
  transform: rotate(180deg);
}

/* Sub links */
.zm-sitemap-2026 .petz-sitemap-uniq-sublink{
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 14px 18px 14px 18px;
  font-weight: 750;
  color: rgba(31,36,48,.78);
  transition: transform .22s ease, background .22s ease, color .22s ease;
}
.zm-sitemap-2026 .petz-sitemap-uniq-sublink::before{
  content:\"\";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  box-shadow: 0 10px 18px rgba(9,12,22,.12);
  opacity: .9;
  flex: 0 0 auto;
}
@media (hover:hover){
  .zm-sitemap-2026 .petz-sitemap-uniq-sublink:hover{
    background: rgba(110,211,207,.12);
    color: rgba(31,36,48,.92);
    transform: translateX(4px);
  }
}

.zm-sitemap-2026 .petz-sitemap-uniq-subsublink{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 12px 18px 12px 26px;
  font-weight: 650;
  font-size: .98rem;
  color: rgba(31,36,48,.65);
  transition: transform .22s ease, background .22s ease, color .22s ease;
}
.zm-sitemap-2026 .petz-sitemap-uniq-subsublink::before{
  content:\"✨\";
  opacity: .65;
}
@media (hover:hover){
  .zm-sitemap-2026 .petz-sitemap-uniq-subsublink:hover{
    background: rgba(255,142,83,.10);
    color: rgba(31,36,48,.88);
    transform: translateX(4px);
  }
}

/* Special pages column: slightly different vibe */
.zm-sitemap-2026 .petz-sitemap-uniq-special-pages{
  background: transparent;
  padding: 0;
  border: none;
  box-shadow: none;
  animation: none;
}

/* Special card emphasis */
.zm-sitemap-2026 .petz-sitemap-uniq-special-pages > li{
  background: rgba(255,255,255,.66);
}

/* Footer spacing harmony */
#information-sitemap.zm-sitemap-2026 .row > #content{ padding-bottom: 10px; }

/* ===== Search filtering helpers ===== */

/* Empty state */
.zm-sitemap-empty{
  margin: 18px auto 6px;
  width: min(720px, 100%);
  text-align:center;
  padding: 18px 16px;
  border-radius: 20px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(255,255,255,.55);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 16px 48px rgba(9,12,22,.12);
}
.zm-sitemap-empty-icon{ font-size: 2rem; margin-bottom: 6px; }
.zm-sitemap-empty-title{ font-weight: 900; font-size: 1.1rem; color: rgba(31,36,48,.92); }
.zm-sitemap-empty-text{ margin-top: 6px; color: rgba(31,36,48,.72); font-weight: 650; }


.zm-sitemap-muted{
  opacity: .35 !important;
  filter: grayscale(.1) blur(.0px);
}
.zm-sitemap-hidden{
  display:none !important;
}

/* ===== Responsive ===== */
@media (max-width: 992px){
  .zm-sitemap-2026 .petz-sitemap-uniq-main-link,
  .zm-sitemap-2026 .petz-sitemap-uniq-special-link{
    padding: 16px 16px;
    font-size: 1.12rem;
  }
  .zm-sitemap-2026 .petz-sitemap-uniq-main-link::before,
  .zm-sitemap-2026 .petz-sitemap-uniq-special-link::before{
    width: 40px;
    height: 40px;
    border-radius: 14px;
  }
}

@media (max-width: 768px){
  .zm-sitemap-panel{ border-radius: 22px; }
  .zm-sitemap-search input{ padding: 13px 48px 13px 44px; }
}

/* ===== Reduced motion ===== */
@media (prefers-reduced-motion: reduce){
  .zm-sitemap-bg::before,
  .zm-sitemap-bg::after,
  .zm-sitemap-paw,
  .zm-sitemap-panel::before,
  .zm-sitemap-title,
  .zm-sitemap-2026 .petz-sitemap-uniq-list > li::before{
    animation: none !important;
  }
  .zm-sitemap-2026 .petz-sitemap-uniq-list > li,
  .zm-sitemap-2026 .petz-sitemap-uniq-sublist{
    transition: none !important;
  }
}


/* ===== v9 custom breadcrumb markup support (sitemap) ===== */
#information-sitemap .zm-info-unique-breadcrumb-wrapper{margin-bottom:18px;}
#information-sitemap .zm-info-unique-breadcrumb-wrapper > ul.zm-info-unique-breadcrumb{
  list-style:none; display:flex; align-items:center; gap:10px; margin:0; padding:14px 18px;
  border-radius:18px; white-space:nowrap; overflow-x:auto; overflow-y:hidden;
}
#information-sitemap .zm-info-unique-breadcrumb-wrapper > ul.zm-info-unique-breadcrumb::-webkit-scrollbar{display:none;}
#information-sitemap .zm-info-unique-breadcrumb-item{display:inline-flex; align-items:center; gap:10px; margin:0; padding:0; flex-shrink:0;}
#information-sitemap .zm-info-unique-breadcrumb-link{display:inline-flex; align-items:center; gap:8px; text-decoration:none !important;}
#information-sitemap .zm-info-unique-breadcrumb-separator{display:inline-flex; align-items:center;}