@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&family=Hanken+Grotesk:wght@400;500;600;700&display=swap');

:root {
  --vhm-primary: #14102d;
  --vhm-primary-rgb: 20, 16, 45;
  --vhm-secondary: #100538;
  --vhm-secondary-rgb: 16, 5, 56;
  --vhm-accent: #094d6e;
  --vhm-accent-rgb: 9, 77, 110;
  --vhm-dark-rgb: 15, 23, 42;
  --vhm-dark: #0f172a;
  --vhm-dark-rgb: 15, 23, 42;
  --vhm-light: #f8f9f3;
  --vhm-surface: #edeee3;
  --vhm-text: #334155;
  --vhm-muted-strong: #475569;
  --vhm-muted: #5a697d;
  --vhm-muted-soft: #636c7b;
  --vhm-on-dark: #ffffff;
  --vhm-on-primary: #ffffff;
  --vhm-on-secondary: #ffffff;
  --vhm-on-accent: #ffffff;
  --vhm-on-gradient: #ffffff;
  --vhm-border: #e2e8f0;
  --vhm-line: #f1f5f9;
  --vhm-radius-sm: 8px;
  --vhm-radius-md: 12px;
  --vhm-radius-lg: 16px;
  --vhm-radius-pill: 999px;
  --vhm-btn-radius: 12px;
  --vhm-shadow-card: 0 2px 8px -2px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.04);
  --vhm-shadow-hover: 0 10px 20px -8px rgba(15, 23, 42, 0.14), 0 3px 8px -2px rgba(15, 23, 42, 0.06);
  --vhm-shadow-hero: 0 12px 24px -12px rgba(15, 23, 42, 0.16);
  --vhm-font-heading: 'Montserrat', 'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --vhm-font-body: 'Hanken Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --vhm-weight-heading: 800;
  --vhm-weight-ui: 700;
  --vhm-heading-case: none;
  --vhm-heading-tracking: -0.02em;
  --vhm-grid-gap: 18px;
  --vhm-grid-min: 230px;
  --vhm-card-pad: 14px;
  --vhm-section-pad: 3.75rem;
}
html { scroll-behavior: smooth;}
body, button, input, select, textarea {
  font-family: var(--vhm-font-body) !important;
  color: var(--vhm-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--vhm-font-heading) !important;
  color: var(--vhm-dark);}
.vhm-vidiko :is(a, span, strong, em, b, small, li, td, th, dd, dt, label, address, p) { overflow-wrap: anywhere;}
.vhm-codenu a, .vhm-codenu nav a, .vhm-codenu .kkp-sapeza a { overflow-wrap: normal !important; word-break: normal !important; white-space: nowrap !important;}
.vhm-vidiko .vhm-dupu > *, .vhm-vidiko .vhm-bahi { min-width: 0;}
.vhm-vidiko {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  box-sizing: border-box;}
.vhm-naboli {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--vhm-accent, #3b82f6);
  font-size: 0.8rem;
  font-weight: var(--vhm-weight-ui, 700);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 8px;}
.vhm-vuva {
  font-size: clamp(1.9rem, 3.4vw, 2.75rem);
  font-weight: var(--vhm-weight-heading, 800);
  color: var(--vhm-dark, #0f172a);
  margin: 0;
  line-height: 1.18;
  text-transform: var(--vhm-heading-case, none);
  letter-spacing: var(--vhm-heading-tracking, -0.02em);}
.vhm-dumepa { margin-bottom: 2.75rem;}
.vhm-bahi {
  background: #ffffff;
  border: 1px solid var(--vhm-border, #e2e8f0);
  border-radius: var(--vhm-radius-md, 14px);
  box-shadow: var(--vhm-shadow-card);
  padding: var(--vhm-card-pad, 20px);
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, border-color 0.25s ease;
  position: relative;
  box-sizing: border-box;}
.vhm-bahi:hover {
  transform: translateY(-4px);
  box-shadow: var(--vhm-shadow-hover);
  border-color: rgba(var(--vhm-primary-rgb), 0.3);}
.vhm-dupu {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--vhm-grid-min, 260px), 1fr));
  gap: var(--vhm-grid-gap, 22px);}
.vhm-hahiho {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #ffffff;
  border: 1px solid var(--vhm-border, #e2e8f0);
  border-radius: var(--vhm-radius-pill, 999px);
  padding: 7px 16px;
  font-size: 0.84rem;
  font-weight: var(--vhm-weight-ui, 700);
  color: var(--vhm-dark, #0f172a);
  text-decoration: none;
  
  white-space: normal;
  max-width: 100%;
  flex-shrink: 0;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 6px rgba(0,0,0,0.02);}
.vhm-hahiho:hover {
  border-color: var(--vhm-primary);
  color: var(--vhm-primary);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);}
.vhm-bociza {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0.95rem 2.2rem;
  border-radius: var(--vhm-btn-radius, 12px);
  font-weight: var(--vhm-weight-ui, 700);
  font-size: 0.98rem;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease, background 0.2s ease, filter 0.2s ease;}
.vhm-bociza:active { transform: translateY(1px);}
.vhm-boreli {
  background: var(--vhm-primary, #1e293b);
  color: var(--vhm-on-primary, #ffffff) !important;
  box-shadow: 0 10px 25px -6px rgba(var(--vhm-primary-rgb, 30 41 59), 0.4);}
.vhm-boreli:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px -6px rgba(var(--vhm-primary-rgb), 0.55);
  filter: brightness(1.05);}
.vhm-fozeno { color: var(--vhm-muted, #64748b);}
.vhm-depo {
  background: var(--vhm-surface, #f8fafc);
  border: 1px solid var(--vhm-border, #e2e8f0);
  border-radius: var(--vhm-radius-md, 14px);
  padding: 20px 24px;
  cursor: pointer;
  transition: all 0.2s ease;}
.vhm-depo:hover { border-color: rgba(var(--vhm-primary-rgb), 0.35);}
.vhm-depo summary {
  font-weight: var(--vhm-weight-ui, 700);
  font-size: 1.05rem;
  color: var(--vhm-dark, #0f172a);
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  user-select: none;}
.vhm-depo summary::-webkit-details-marker { display: none;}
.vhm-depo[open] summary .vhm-naho { transform: rotate(45deg); color: var(--vhm-accent);}
.vhm-naho {
  color: var(--vhm-primary, #1e293b);
  font-weight: 800;
  font-size: 1.3rem;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), color 0.2s ease;}
.vhm-dena {
  margin-top: 14px;
  color: var(--vhm-muted-strong, #475569);
  font-size: 0.95rem;
  line-height: 1.75;
  border-top: 1px solid var(--vhm-line, #f1f5f9);
  padding-top: 14px;}
@keyframes vhmVetepe {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}
.vhm-vidiko a:focus-visible, .vhm-bociza:focus-visible, .vhm-hahiho:focus-visible, .vhm-depo summary:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible {
  outline: 2.5px solid var(--vhm-accent, #3b82f6) !important;
  outline-offset: 2px !important;
  border-radius: 4px;}
.vhm-depo summary:focus-visible { outline-offset: 4px;}
@media (prefers-reduced-motion: reduce) {
.vhm-bahi, .vhm-bociza, .vhm-hahiho {
    transition: none !important;
    transform: none !important;}
}
@keyframes kkpDirilo {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.kkp-hado {
  text-align: center;
  margin-bottom: 24px;}
.kkp-hado h2 {
  font-size: clamp(1.8rem, 3.2vw, 2.5rem);
  font-weight: 700;
  color: var(--vhm-dark, #1a1a1a);
  position: relative;
  display: inline-block;
  padding-bottom: 12px;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  font-family: var(--vhm-font-heading);}
.kkp-hado h2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 70px;
  height: 3.5px;
  background: linear-gradient(90deg, #1a7a4a, #5fcf85);
  border-radius: 2px;}
.kkp-seke {
  background: #ffffff;
  padding: 48px 1.5rem 40px;}
.kkp-ronosa {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(1, 59, 53, 0.12);
  margin-bottom: 24px;}
.kkp-ronosa:hover {
  box-shadow: 0 12px 34px rgba(1, 59, 53, 0.15);
  transform: translateY(-4px);
  border-color: #1a7a4a;}
.kkp-pidozu {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #e53935;
  color: #ffffff;
  font-size: 11px;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 20px;
  letter-spacing: 0.5px;
  z-index: 2;
  box-shadow: 0 2px 8px rgba(229, 57, 53, 0.3);}
.kkp-vucono {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #f8faf9;}
.kkp-vucono img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;}
.kkp-ronosa:hover .kkp-vucono img { transform: scale(1.06);}
.kkp-menefa {
  padding: 16px 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  text-align: center;}
.kkp-tifova {
  font-size: 15px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.35;
  letter-spacing: 0.01em;}
.kkp-tifova a { color: inherit; text-decoration: none;}
.kkp-tifova a:hover { color: #1a7a4a;}
.kkp-rozodi {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
  margin: 4px 0 6px;}
.kkp-mepo {
  font-size: 20px;
  font-weight: 800;
  color: #1e5801;}
.kkp-gibu {
  font-size: 13.5px;
  color: #dc3545;
  text-decoration: line-through;}
.kkp-tume {
  margin-top: auto;
  padding-top: 6px;}
.kkp-segoda {
  width: 100%;
  padding: 12px 0;
  background: linear-gradient(135deg, #2e7d32, #43a047);
  color: #ffffff;
  border: none;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 4px 14px rgba(46, 125, 50, 0.25);
  text-transform: uppercase;
  transition: background 0.25s, transform 0.15s, box-shadow 0.25s;}
.kkp-segoda:hover {
  background: linear-gradient(135deg, #1b5e20, #2e7d32);
  box-shadow: 0 6px 20px rgba(46, 125, 50, 0.38);
  transform: translateY(-1px);}
.kkp-segoda:active { transform: scale(0.98);}
.kkp-heboro {
  background: linear-gradient(160deg, #0b3d1f 0%, #145a30 50%, #0d4a27 100%);
  padding: 56px 1.5rem 52px;
  color: #ffffff;
  position: relative;
  overflow: hidden;}
.kkp-vufo {
  text-align: center;
  margin-bottom: 42px;}
.kkp-vufo h2 {
  font-size: clamp(1.8rem, 3.2vw, 2.5rem);
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  letter-spacing: -0.3px;
  font-family: var(--vhm-font-heading);}
.kkp-vufo h2 em {
  font-style: normal;
  color: #5fcf85;}
.kkp-vufo p {
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 8px;
  letter-spacing: 1px;
  text-transform: uppercase;}
.kkp-mabono {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0;
  max-width: 1200px;
  margin: 0 auto;}
@media (max-width: 992px) {
.kkp-mabono { grid-template-columns: repeat(3, 1fr); gap: 16px 0;}
}
@media (max-width: 576px) {
.kkp-mabono { grid-template-columns: repeat(2, 1fr);}
}
.kkp-bibuba {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 16px 14px;
  position: relative;
  transition: background 0.2s;}
.kkp-bibuba:hover {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 14px;}
@media (min-width: 993px) {
.kkp-bibuba:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 20%;
    height: 60%;
    width: 1px;
    background: rgba(255, 255, 255, 0.15);}
}
.kkp-zatube {
  width: 74px;
  height: 74px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  border: 1.5px solid rgba(95, 207, 133, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  font-size: 32px;
  transition: border-color 0.2s, background 0.2s;}
.kkp-bibuba:hover .kkp-zatube {
  background: rgba(95, 207, 133, 0.14);
  border-color: rgba(95, 207, 133, 0.6);}
.kkp-bibuba h3 {
  font-size: 13.5px;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.35;
  margin: 0;
  letter-spacing: 0.1px;}
.kkp-semaci {
  background: var(--vhm-surface, #f7f5f0);
  padding: 48px 1.5rem 44px;
  border-bottom: 1px solid var(--vhm-border, #e2e8f0);}
.kkp-hiku {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 16px;
  max-width: 1200px;
  margin: 0 auto;}
.kkp-mose {
  background: #ffffff;
  border-radius: 12px;
  padding: 22px 14px;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
  border: 1px solid var(--vhm-border, #e2e8f0);
  transition: transform 0.2s, box-shadow 0.2s;}
.kkp-mose:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  border-color: #1a7a4a;}
.kkp-zegu {
  font-size: 32px;
  margin-bottom: 10px;}
.kkp-mose h3 {
  font-size: 14px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0;}
.kkp-vihudu {
  width: 100%;
  padding: 14px 0;
  background: linear-gradient(135deg, #1a7a4a, #2e7d32);
  color: #ffffff;
  border: none;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(26, 122, 74, 0.35);
  transition: all 0.2s;}
.kkp-vihudu:hover {
  background: linear-gradient(135deg, #0b3d1f, #1a7a4a);
  box-shadow: 0 8px 24px rgba(26, 122, 74, 0.45);}
[data-products] .entry {
  border-radius: var(--vhm-radius-lg) !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  box-shadow: var(--vhm-shadow-card) !important;
  padding: var(--vhm-card-pad) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;}
[data-products] .entry:hover {
  transform: translateY(-5px);
  box-shadow: var(--vhm-shadow-hover) !important;}
.vhm-noce {max-width:1320px;margin:0 auto;}
.vhm-hukanu {max-width:1320px;margin:0 auto;padding:0 1.5rem;}
.vhm-rosuze, .vhm-casasu {display:block;width:100%;min-width:0;}
.vhm-naboli {margin-top:0;}
ul.vhm-dupu, ol.vhm-dupu {list-style:none;padding:0;margin:0;}
.vhm-dupu>li {list-style:none;}
figure.vhm-dasela {margin:0;display:block;min-width:0;}
header.vhm-zaceti {display:block;}
article.vhm-bahi, section.vhm-bahi {display:block;}
.vhm-cemo.vhm-cemo.vhm-cemo {font-size:1rem; line-height:1.7; color:var(--vhm-text); margin-bottom:2rem;}
.vhm-riboca.vhm-riboca.vhm-riboca {background:var(--vhm-surface); border:1px solid var(--vhm-border); border-radius:var(--vhm-radius-sm); padding:12px 16px; display:grid; grid-template-columns:1fr 1fr; gap:10px; font-size:0.82rem; font-weight:600; color:var(--vhm-dark);}
.vhm-vuza.vhm-vuza.vhm-vuza {background: rgba(0,0,0,0.03); border: 1px solid var(--vhm-border); border-radius: 10px; padding: 14px 18px; margin: 2rem 0; font-size: 0.82rem; color: var(--vhm-muted-strong); text-align: center; line-height: 1.6;}
.vhm-giza.vhm-giza.vhm-giza {display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; border-top:1px solid var(--vhm-border, rgba(0,0,0,0.1)); padding-top:22px;}
.vhm-duru.vhm-duru.vhm-duru {display:flex; flex-wrap:wrap; gap:10px;}
.vhm-sati.vhm-sati.vhm-sati {display:inline-flex; align-items:center; gap:6px; font-size:0.85rem; font-weight:650; color:var(--vhm-dark, #0f172a); text-decoration:none; border:1px solid var(--vhm-border, rgba(0,0,0,0.12)); border-radius:var(--vhm-radius-pill, 999px); padding:8px 16px;}
.vhm-roleco.vhm-roleco.vhm-roleco {font-size:12px; font-weight:700; opacity:0.75; margin-right:2px;}
.vhm-ledapo.vhm-ledapo.vhm-ledapo {display:inline-flex; align-items:center; justify-content:center; min-width:52px; height:32px; padding:0 10px; background:var(--vhm-light, #ffffff); border:1px solid rgba(0,0,0,0.12); border-radius:5px; font-family:Arial, Helvetica, sans-serif; font-weight:800; font-size:12px; letter-spacing:0.02em; color:#1a1f36;}
.vhm-cite.vhm-cite.vhm-cite {display:flex; gap:10px; overflow-x:auto; padding-bottom:1rem; margin-bottom:2rem; scrollbar-width:none;}
.vhm-fufezi.vhm-fufezi.vhm-fufezi {display:grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap:2.5rem; align-items:center;}
.vhm-gare.vhm-gare.vhm-gare {font-size:clamp(2.4rem, 4.5vw, 3.6rem); font-weight:var(--vhm-weight-heading); color:var(--vhm-dark); line-height:1.15; margin:0 0 1.25rem 0; font-family:var(--vhm-font-heading); text-transform:var(--vhm-heading-case);}
.vhm-cefo.vhm-cefo.vhm-cefo {color:var(--vhm-muted); font-size:1.15rem; line-height:1.6; margin:0 0 2rem 0;}
.vhm-putilo.vhm-putilo.vhm-putilo {border-radius:var(--vhm-radius-md); overflow:hidden; box-shadow:var(--vhm-shadow-hero);}
.vhm-pefegi.vhm-pefegi.vhm-pefegi {display:grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap:14px; align-items:center;}
.vhm-zezisu.vhm-zezisu.vhm-zezisu {display:flex; align-items:center; gap:12px; background:var(--vhm-surface, #f8fafc); border:1px solid var(--vhm-border, var(--vhm-border)); border-radius:12px; padding:12px 16px;}
.vhm-vapu.vhm-vapu.vhm-vapu {font-size:0.86rem; color:var(--vhm-dark, #0f172a); display:block; line-height:1.25;}
.vhm-zusega.vhm-zusega.vhm-zusega {font-size:0.75rem; color:var(--vhm-muted, var(--vhm-muted));}
.vhm-nabo.vhm-nabo.vhm-nabo {display:grid; grid-template-columns:repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap:22px;}
.vhm-kevola.vhm-kevola.vhm-kevola {text-decoration:none; display:block;}
.vhm-fasavu.vhm-fasavu.vhm-fasavu {max-width:1320px; margin:0 auto; display:grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap:3.5rem; align-items:center;}
.vhm-vacora.vhm-vacora.vhm-vacora {font-size:clamp(2rem, 3.5vw, 2.75rem); font-weight:var(--vhm-weight-heading); color:var(--vhm-dark); margin:0 0 16px 0; line-height:1.2; font-family:var(--vhm-font-heading); text-transform:var(--vhm-heading-case);}
.vhm-fivo.vhm-fivo.vhm-fivo {color:var(--vhm-muted); font-size:1.05rem; line-height:1.7; margin:0 0 24px 0;}
.vhm-ceka.vhm-ceka.vhm-ceka {display:grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap:1.25rem; margin-bottom:28px;}
.vhm-dela.vhm-dela.vhm-dela {background:var(--vhm-surface); border:1px solid var(--vhm-border); border-radius:var(--vhm-radius-md); padding:16px;}
.vhm-zafomo.vhm-zafomo.vhm-zafomo {font-size:1.5rem; font-weight:var(--vhm-weight-heading); color:var(--vhm-primary); margin-bottom:2px; font-family:var(--vhm-font-heading);}
.vhm-bota.vhm-bota.vhm-bota {font-size:0.82rem; color:var(--vhm-muted); font-weight:600;}
.vhm-himo.vhm-himo.vhm-himo {position:relative;}
.vhm-nasa.vhm-nasa.vhm-nasa {border-radius:var(--vhm-radius-lg); overflow:hidden; border:2px solid var(--vhm-border); box-shadow:var(--vhm-shadow-hero);}
.vhm-punoru.vhm-punoru.vhm-punoru {font-size:1.02rem; line-height:1.7; color:var(--vhm-text); margin:0;}
.vhm-zila.vhm-zila.vhm-zila {margin:0 0 20px 0; padding-left:1.2rem; line-height:1.9; color:var(--vhm-text);}
.vhm-borezo.vhm-borezo.vhm-borezo {max-width:1000px; margin:0 auto;}
.vhm-vadena.vhm-vadena.vhm-vadena {display:flex; flex-direction:column; gap:16px;}
.vhm-pakasu.vhm-pakasu.vhm-pakasu {max-width:1120px; margin:0 auto; background:linear-gradient(135deg, var(--vhm-primary) 0%, var(--vhm-secondary) 100%); border-radius:var(--vhm-radius-lg); padding:clamp(2.5rem, 5vw, 4rem); color:var(--vhm-on-gradient, #ffffff); text-align:center; box-shadow:var(--vhm-shadow-hero);}
.vhm-komo.vhm-komo.vhm-komo {font-size:clamp(1.9rem, 3.5vw, 2.8rem); font-weight:var(--vhm-weight-heading); color:var(--vhm-on-gradient, #ffffff); margin:0 0 1rem 0; font-family:var(--vhm-font-heading);}
.vhm-nune.vhm-nune.vhm-nune {color:var(--vhm-on-dark); font-size:1.05rem; line-height:1.6; max-width:540px; margin:0 auto 2rem auto;}
.vhm-zafisa.vhm-zafisa.vhm-zafisa {color:var(--vhm-primary); font-weight:700; font-size:0.95rem; text-decoration:none;}
.vhm-lesi.vhm-lesi.vhm-lesi {display:block; width:100%; height:190px; overflow:hidden;}
.vhm-baheku.vhm-baheku.vhm-baheku {padding:24px; display:flex; flex-direction:column; flex:1; justify-content:space-between;}
.vhm-zanave.vhm-zanave.vhm-zanave {display:flex; justify-content:space-between; align-items:center; margin-bottom:12px;}
.vhm-katufi.vhm-katufi.vhm-katufi {color:var(--vhm-muted-soft); font-size:0.8rem; font-weight:600;}
.vhm-vubida.vhm-vubida.vhm-vubida {font-size:1.15rem; font-weight:var(--vhm-weight-ui); color:var(--vhm-dark); margin:0 0 10px 0; line-height:1.35; font-family:var(--vhm-font-heading);}
.vhm-mukopi.vhm-mukopi.vhm-mukopi {color:inherit; text-decoration:none;}
.vhm-cuco.vhm-cuco.vhm-cuco {color:var(--vhm-muted); font-size:0.88rem; line-height:1.55; margin:0 0 16px 0;}
.vhm-zosa.vhm-zosa.vhm-zosa {color:var(--vhm-primary); font-weight:700; font-size:0.875rem; text-decoration:none;}
.vhm-bogu.vhm-bogu.vhm-bogu {max-width: 1240px; margin: 0 auto;}
.vhm-pebure.vhm-pebure.vhm-pebure {text-align: center; max-width: 820px; margin: 0 auto 2.5rem auto;}
.vhm-nudu.vhm-nudu.vhm-nudu {color: var(--vhm-muted); font-size: 1.05rem; line-height: 1.6; margin: 0 0 2rem 0;}
.vhm-fika.vhm-fika.vhm-fika {display: inline-flex; flex-wrap: wrap; gap: 8px; justify-content: center; background: var(--vhm-surface); border: 1px solid var(--vhm-border); border-radius: var(--vhm-radius-pill); padding: 6px;}
.vhm-kupoza.vhm-kupoza.vhm-kupoza {background: var(--vhm-primary); color: var(--vhm-on-primary, #ffffff); padding: 8px 20px; border-radius: var(--vhm-radius-pill); font-size: 0.85rem; font-weight: 700; text-decoration: none;}
.vhm-saruvu.vhm-saruvu.vhm-saruvu {color: var(--vhm-dark); padding: 8px 18px; border-radius: var(--vhm-radius-pill); font-size: 0.85rem; font-weight: 600; text-decoration: none;}
.vhm-zepo.vhm-zepo.vhm-zepo {display: flex; justify-content: center; gap: 28px; flex-wrap: wrap; padding-bottom: 1.5rem; border-bottom: 1px solid var(--vhm-border); font-size: 0.86rem; color: var(--vhm-muted-strong); font-weight: 600;}
.vhm-cuma.vhm-cuma.vhm-cuma {max-width:1220px; margin:0 auto; padding:0 1.5rem; padding-top:4rem; padding-bottom:1rem;}
.vhm-zite.vhm-zite.vhm-zite {display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:clamp(24px, 4vw, 64px); align-items:start;}
.vhm-kiho.vhm-kiho.vhm-kiho {font-size:clamp(2.2rem, 4vw, 3.2rem); font-weight:var(--vhm-weight-heading); color:var(--vhm-dark); margin:0 0 1.5rem 0; font-family:var(--vhm-font-heading); line-height:1.15;}
.vhm-kidude.vhm-kidude.vhm-kidude {font-size:1.08rem; line-height:1.8; color:var(--vhm-text);}
.vhm-raci.vhm-raci.vhm-raci {display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:16px;}
.vhm-bulafa.vhm-bulafa.vhm-bulafa {margin:0; line-height:1.65; color:var(--vhm-text);}
.vhm-puferu.vhm-puferu.vhm-puferu {display:flex; gap:12px; align-items:center; margin-top:auto;}
.vhm-nale.vhm-nale.vhm-nale {display:block; color:var(--vhm-dark);}
.vhm-kekati.vhm-kekati.vhm-kekati {font-size:0.85rem; color:var(--vhm-muted);}
.vhm-kika.vhm-kika.vhm-kika {font-size:clamp(1.4rem, 2.4vw, 1.9rem); font-weight:var(--vhm-weight-heading, 800); color:var(--vhm-dark); margin:0 0 1.25rem 0; font-family:var(--vhm-font-heading);}
.vhm-fone.vhm-fone.vhm-fone {border-top:2px solid var(--vhm-primary); padding-top:14px;}
.vhm-geru.vhm-geru.vhm-geru {font-family:var(--vhm-font-heading); font-weight:800; color:rgba(var(--vhm-primary-rgb), 0.4);}
.vhm-doci.vhm-doci.vhm-doci {font-size:1.05rem; font-weight:var(--vhm-weight-ui, 750); color:var(--vhm-dark); margin:0 0 6px 0; font-family:var(--vhm-font-heading); margin-top:6px;}
.vhm-huge.vhm-huge.vhm-huge {margin:0; color:var(--vhm-muted); line-height:1.6; font-size:0.95rem;}
.vhm-gosota.vhm-gosota.vhm-gosota {display:grid; gap:0;}
.vhm-refe.vhm-refe.vhm-refe {display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap:8px 32px; padding:22px 0; border-top:1px solid var(--vhm-border);}
.vhm-codaro.vhm-codaro.vhm-codaro {font-size:1.05rem; font-weight:var(--vhm-weight-ui, 750); color:var(--vhm-dark); margin:0 0 6px 0; font-family:var(--vhm-font-heading); font-size:1.2rem;}
.vhm-sobidu.vhm-sobidu.vhm-sobidu {margin:0; grid-column:span 2; color:var(--vhm-muted-strong, var(--vhm-text)); line-height:1.7;}
.vhm-rutu.vhm-rutu.vhm-rutu {max-width: 1040px; margin: 0 auto; padding: 4rem 1.5rem; color: var(--vhm-text);}
.vhm-hune.vhm-hune.vhm-hune {display:grid; grid-template-columns:repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap:3rem; align-items:start;}
.vhm-zune.vhm-zune.vhm-zune {font-size:clamp(2.2rem, 4vw, 3.2rem); font-weight:var(--vhm-weight-heading); color:var(--vhm-dark); margin:0 0 1rem 0; font-family:var(--vhm-font-heading);}
.vhm-kuze.vhm-kuze.vhm-kuze {color:var(--vhm-muted); font-size:1.1rem; line-height:1.7; margin:0 0 2rem 0;}
.vhm-hili.vhm-hili.vhm-hili {background:var(--vhm-surface); border-radius:var(--vhm-radius-md); padding:24px; border:1px solid var(--vhm-border);}
.vhm-zoso.vhm-zoso.vhm-zoso {font-weight:800; color:var(--vhm-dark); margin-bottom:6px;}
.vhm-dihe.vhm-dihe.vhm-dihe {color:var(--vhm-muted); font-size:0.95rem;}
.vhm-posove.vhm-posove.vhm-posove {font-size:1.3rem; font-weight:var(--vhm-weight-ui); color:var(--vhm-dark); margin:0 0 1.5rem 0; font-family:var(--vhm-font-heading);}
.vhm-pohi.vhm-pohi.vhm-pohi {margin-bottom:1.5rem;}
.vhm-sipa.vhm-sipa.vhm-sipa {color:var(--vhm-muted); font-size:0.85rem; text-transform:uppercase; font-weight:700; display:block;}
.vhm-hedu.vhm-hedu.vhm-hedu {color:var(--vhm-primary); font-weight:800; font-size:1.1rem; text-decoration:none;}
.vhm-muna.vhm-muna.vhm-muna {color:var(--vhm-dark); font-weight:600; font-size:0.95rem;}
.vhm-ruluva.vhm-ruluva.vhm-ruluva {max-width:960px; margin:0 auto; padding:0 1.5rem 4rem 1.5rem;}
.vhm-vusi.vhm-vusi.vhm-vusi {display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap:clamp(24px, 4vw, 56px); align-items:start;}
.vhm-nenina.vhm-nenina.vhm-nenina {font-size:1.3rem; font-weight:var(--vhm-weight-ui); color:var(--vhm-dark); margin:0 0 1.25rem 0; font-family:var(--vhm-font-heading);}
.vhm-leme.vhm-leme.vhm-leme {padding:16px 0; border-top:1px solid var(--vhm-border);}
.vhm-humado.vhm-humado.vhm-humado {color:var(--vhm-dark); font-weight:700; margin:0 0 6px 0;}
.vhm-gabe.vhm-gabe.vhm-gabe {margin-bottom:10px;}
.vhm-holo.vhm-holo.vhm-holo {max-width:860px; margin:0 auto; padding:2.5rem 1.5rem 4rem;}
.vhm-roloci.vhm-roloci.vhm-roloci {display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:1.5rem;}
.vhm-katice.vhm-katice.vhm-katice {font-size:clamp(1.9rem, 3.6vw, 2.6rem); font-weight:var(--vhm-weight-heading, 900); color:var(--vhm-dark); margin:0 0 1rem 0; font-family:var(--vhm-font-heading);}
.vhm-caku.vhm-caku.vhm-caku {font-size:1.02rem; color:var(--vhm-muted-strong, var(--vhm-text)); line-height:1.75; margin:0 0 1.25rem 0;}
.vhm-tevana.vhm-tevana.vhm-tevana {font-size:1.15rem; font-weight:800; color:var(--vhm-dark); margin:2rem 0 0.8rem 0; font-family:var(--vhm-font-heading); text-transform:uppercase; letter-spacing:0.02em; display:flex; justify-content:space-between; gap:16px; align-items:baseline; border-bottom:1px solid var(--vhm-border); padding-bottom:6px;}
.vhm-suco.vhm-suco.vhm-suco {font-size:0.85rem; color:var(--vhm-muted); font-weight:700;}
.vhm-cedadu.vhm-cedadu.vhm-cedadu {background:var(--vhm-surface); border:1px solid var(--vhm-border); border:1px solid var(--vhm-border); border-radius:var(--vhm-radius-md, 12px); padding:16px 18px; margin:0 0 0.9rem 0;}
.vhm-rigado.vhm-rigado.vhm-rigado {color:var(--vhm-text); line-height:1.7;}
.vhm-kiheve.vhm-kiheve.vhm-kiheve {overflow-x:auto; -webkit-overflow-scrolling:touch; margin:0.5rem 0 1.25rem 0; border:1px solid var(--vhm-border); border-radius:var(--vhm-radius-md, 12px);}
.vhm-bara.vhm-bara.vhm-bara {width:100%; min-width:520px; border-collapse:collapse; font-size:0.94rem; background:var(--vhm-light, #fff);}
.vhm-rasiro.vhm-rasiro.vhm-rasiro {padding:12px 16px; border-bottom:1px solid var(--vhm-line, var(--vhm-border)); color:var(--vhm-text); vertical-align:top;}
.vhm-hukape.vhm-hukape.vhm-hukape {margin:0 0 1rem 0; color:var(--vhm-text); line-height:1.75;}
.vhm-nunonu.vhm-nunonu.vhm-nunonu {margin:0 0 1rem 0; padding-left:1.4rem; color:var(--vhm-text); line-height:1.7;}
.vhm-ralo.vhm-ralo.vhm-ralo {margin-bottom:0.5rem;}
.vhm-coduna.vhm-coduna.vhm-coduna {display:grid; grid-template-columns:minmax(120px, max-content) 1fr; gap:8px 20px; margin:0 0 1rem 0;}
.vhm-cihide.vhm-cihide.vhm-cihide {color:var(--vhm-muted); font-size:0.9rem;}
.vhm-poba.vhm-poba.vhm-poba {margin:0; color:var(--vhm-dark); font-weight:600; overflow-wrap:anywhere;}
.vhm-lupeki.vhm-lupeki.vhm-lupeki {max-width:1320px; margin:0 auto; padding:0 1.5rem; padding-top:4rem; padding-bottom:4rem;}
.vhm-rimi.vhm-rimi.vhm-rimi {text-align:center; max-width:760px; margin:0 auto 3rem auto;}
.vhm-gekepe.vhm-gekepe.vhm-gekepe {font-size:clamp(2.1rem, 4.2vw, 3.3rem); font-weight:var(--vhm-weight-heading, 900); color:var(--vhm-dark); margin:0 0 1rem 0; line-height:1.12; font-family:var(--vhm-font-heading); letter-spacing:var(--vhm-heading-tracking, -0.02em);}
.vhm-gifi.vhm-gifi.vhm-gifi {display:block;}
.vhm-zicada.vhm-zicada.vhm-zicada {padding:22px; display:flex; flex-direction:column; gap:8px; flex:1;}
.vhm-voru.vhm-voru.vhm-voru {display:flex; justify-content:space-between; gap:10px; font-size:0.78rem; color:var(--vhm-muted); font-weight:600;}
.vhm-govoha.vhm-govoha.vhm-govoha {color:var(--vhm-primary); text-transform:uppercase; letter-spacing:0.06em;}
.vhm-tana.vhm-tana.vhm-tana {font-size:1.1rem; font-weight:var(--vhm-weight-ui, 750); color:var(--vhm-dark); margin:0 0 6px 0; line-height:1.35; font-family:var(--vhm-font-heading);}
.vhm-boda.vhm-boda.vhm-boda {margin:0; color:var(--vhm-muted); font-size:0.92rem; line-height:1.6;}
.vhm-heresi.vhm-heresi.vhm-heresi {margin-top:auto; padding-top:10px; color:var(--vhm-primary); font-weight:700; font-size:0.9rem; text-decoration:none;}
.vhm-ficu.vhm-ficu.vhm-ficu {max-width: 1140px; margin: 0 auto; padding: 4rem 1.5rem;}
.vhm-pivi.vhm-pivi.vhm-pivi {display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap:clamp(28px, 5vw, 64px); align-items:start;}
.vhm-geno.vhm-geno.vhm-geno {font-size: clamp(2.2rem, 4vw, 3.2rem); font-weight: var(--vhm-weight-heading); color: var(--vhm-dark); margin: 0 0 1.25rem 0; font-family:var(--vhm-font-heading); line-height:1.15;}
.vhm-kite.vhm-kite.vhm-kite {margin:0; color:var(--vhm-muted-strong, var(--vhm-text)); line-height:1.7; font-size:1.05rem; margin-bottom:28px;}
.vhm-hineba.vhm-hineba.vhm-hineba {background: var(--vhm-surface); border-radius: var(--vhm-radius-lg); padding: 30px; border: 1px solid var(--vhm-border); text-align: center;}
.vhm-nofu.vhm-nofu.vhm-nofu {font-size:1.1rem; font-weight:var(--vhm-weight-ui, 750); color:var(--vhm-dark); margin:0 0 8px 0; font-family:var(--vhm-font-heading); line-height:1.35; font-size:1.25rem;}
.vhm-novufo.vhm-novufo.vhm-novufo {color: var(--vhm-muted); font-size: 0.95rem; margin: 0 0 18px 0;}
.vhm-cusuli.vhm-cusuli.vhm-cusuli {display:flex; flex-direction:column; gap:14px;}
.vhm-linave.vhm-linave.vhm-linave {max-width:1040px; margin:0 auto; padding:3.5rem 1.5rem 4rem;}
.vhm-sobeba.vhm-sobeba.vhm-sobeba {font-size:clamp(2rem, 4vw, 3rem); font-weight:var(--vhm-weight-heading, 900); color:var(--vhm-dark); margin:0 0 1rem 0; font-family:var(--vhm-font-heading); text-align:center;}
.vhm-koro.vhm-koro.vhm-koro {font-size:1.08rem; color:var(--vhm-muted-strong, var(--vhm-text)); line-height:1.7; margin:0 0 2rem 0; max-width:720px; margin-left:auto; margin-right:auto; text-align:center;}
.vhm-bagapo.vhm-bagapo.vhm-bagapo {display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap:18px; align-items:start;}
.vhm-fufa.vhm-fufa.vhm-fufa {border-top:2px solid var(--vhm-primary); padding-top:16px; min-width:0;}
.vhm-cefu.vhm-cefu.vhm-cefu {margin-bottom:8px;}
.vhm-peko.vhm-peko.vhm-peko {font-size:1.35rem; font-weight:var(--vhm-weight-heading, 850); color:var(--vhm-dark); margin:0 0 0.9rem 0; font-family:var(--vhm-font-heading); font-size:1.1rem;}
.vhm-vafu.vhm-vafu.vhm-vafu {margin:0; color:var(--vhm-text); line-height:1.7;}
.vhm-sasa.vhm-sasa.vhm-sasa {margin:2.5rem 0 0 0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap:18px; align-items:start;}
.vhm-soti.vhm-soti.vhm-soti {background:var(--vhm-light, #fff); border:1px solid var(--vhm-border); border-radius:var(--vhm-radius-lg, 18px); padding:24px; box-shadow:var(--vhm-shadow-card, none); min-width:0; padding:16px 18px;}
.vhm-divibo.vhm-divibo.vhm-divibo {color:var(--vhm-dark);}
.vhm-safu.vhm-safu.vhm-safu {color:var(--vhm-text); margin-top:4px;}
.vhm-hoguma.vhm-hoguma.vhm-hoguma {font-size:1.35rem; font-weight:var(--vhm-weight-heading, 850); color:var(--vhm-dark); margin:0 0 0.9rem 0; font-family:var(--vhm-font-heading); margin-top:2.5rem;}
.vhm-dolu.vhm-dolu.vhm-dolu {margin:0; padding-left:1.4rem; color:var(--vhm-text); line-height:1.8;}
.vhm-vemufi.vhm-vemufi.vhm-vemufi {margin:1.5rem 0 0 0; color:var(--vhm-muted);}
.vhm-piri.vhm-piri.vhm-piri {color:var(--vhm-primary);}
.vhm-kobune.vhm-kobune.vhm-kobune {font-size:clamp(2rem, 4vw, 3rem); font-weight:var(--vhm-weight-heading, 900); color:var(--vhm-dark); margin:0 0 1rem 0; font-family:var(--vhm-font-heading); text-align:left;}
.vhm-bunu.vhm-bunu.vhm-bunu {font-size:1.08rem; color:var(--vhm-muted-strong, var(--vhm-text)); line-height:1.7; margin:0 0 2rem 0; max-width:720px;}
.vhm-lerifu.vhm-lerifu.vhm-lerifu {overflow-x:auto; border:1px solid var(--vhm-border); border-radius:var(--vhm-radius-md, 12px); margin:0 0 2rem 0;}
.vhm-lecute.vhm-lecute.vhm-lecute {width:100%; min-width:520px; border-collapse:collapse; background:var(--vhm-light, #fff);}
.vhm-sifina.vhm-sifina.vhm-sifina {text-align:left; padding:12px 16px; background:var(--vhm-surface); color:var(--vhm-dark); border-bottom:1px solid var(--vhm-border);}
.vhm-lahuce.vhm-lahuce.vhm-lahuce {padding:12px 16px; border-bottom:1px solid var(--vhm-line, var(--vhm-border)); font-weight:700; color:var(--vhm-dark);}
.vhm-galo.vhm-galo.vhm-galo {padding:12px 16px; border-bottom:1px solid var(--vhm-line, var(--vhm-border)); color:var(--vhm-text);}
.vhm-lofege.vhm-lofege.vhm-lofege {padding:12px 16px; border-bottom:1px solid var(--vhm-line, var(--vhm-border)); color:var(--vhm-muted);}
.vhm-tavuli.vhm-tavuli.vhm-tavuli {margin:2rem 0 0 0; font-size:0.9rem; color:var(--vhm-muted); line-height:1.6;}
.vhm-hefaku.vhm-hefaku.vhm-hefaku {max-width:1120px; margin:0 auto; padding:3.5rem 1.5rem 4rem;}
.vhm-reruvu.vhm-reruvu.vhm-reruvu {margin:0 0 2rem 0; text-align:center; color:var(--vhm-muted-strong, var(--vhm-text)); font-size:1.02rem;}
.vhm-mage.vhm-mage.vhm-mage {opacity:0.4;}
.vhm-bofovo.vhm-bofovo.vhm-bofovo {margin:0; padding:22px 0; border-top:1px solid var(--vhm-border); display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap:8px 32px;}
.vhm-mibuha.vhm-mibuha.vhm-mibuha {font-weight:700; color:var(--vhm-dark);}
.vhm-fuca.vhm-fuca.vhm-fuca {color:var(--vhm-muted); font-weight:400;}
.vhm-maha.vhm-maha.vhm-maha {color:var(--vhm-accent); letter-spacing:2px; margin-top:6px;}
.vhm-kakico.vhm-kakico.vhm-kakico {margin:0; grid-column:span 2; color:var(--vhm-text); line-height:1.7;}
.vhm-pukari.vhm-pukari.vhm-pukari {max-width:1040px; margin:0 auto; padding:3.5rem 1.5rem 0;}
.vhm-diroba.vhm-diroba.vhm-diroba {text-align:center; max-width:760px; margin:0 auto 2.5rem auto;}
.vhm-tehomo.vhm-tehomo.vhm-tehomo {margin:0; font-size:1.08rem; line-height:1.7; color:var(--vhm-muted-strong, var(--vhm-text));}
.vhm-zepu.vhm-zepu.vhm-zepu {color: var(--vhm-dark); font-weight: var(--vhm-weight-heading); font-size: 1.4rem; margin: 0 0 1.25rem 0; font-family:var(--vhm-font-heading);}
.vhm-ronuli.vhm-ronuli.vhm-ronuli {margin: 0; color: var(--vhm-dark); font-size: 1.15rem; font-weight: var(--vhm-weight-ui); font-family:var(--vhm-font-heading);}
.vhm-radomi.vhm-radomi.vhm-radomi {color: var(--vhm-muted); font-size: 0.85rem; font-weight: 600;}
.vhm-seza.vhm-seza.vhm-seza {margin: 0 0 6px 0; color: var(--vhm-muted-strong); font-size: 0.95rem; line-height:1.6;}
.vhm-novile.vhm-novile.vhm-novile {margin-top:auto;}
.vhm-mado.vhm-mado.vhm-mado {color: var(--vhm-primary); font-weight: 700; font-size: 0.9rem; text-decoration: none;}
.vhm-gibepo.vhm-gibepo.vhm-gibepo {background: var(--vhm-surface); border-radius: var(--vhm-radius-sm); padding: 18px; border: 1px solid var(--vhm-border); font-weight: 700; color: var(--vhm-dark);}
.vhm-gize.vhm-gize.vhm-gize {max-width:860px; margin:0 auto; padding:3rem 1.5rem 4rem;}
.vhm-buzoge.vhm-buzoge.vhm-buzoge {font-size:clamp(1.9rem, 3.6vw, 2.6rem); font-weight:var(--vhm-weight-heading, 900); color:var(--vhm-dark); margin:0 0 0.8rem 0; font-family:var(--vhm-font-heading);}
.vhm-lagi.vhm-lagi.vhm-lagi {color:var(--vhm-muted-strong, var(--vhm-text)); line-height:1.7; margin:0 0 1.5rem 0;}
.vhm-vidu.vhm-vidu.vhm-vidu {list-style:none; padding:0; margin:0; display:grid; gap:10px;}
.vhm-zori.vhm-zori.vhm-zori {height:3px; background:linear-gradient(90deg, #14102d, #094d6e, #3b82f6);}
.vhm-mimotu.vhm-mimotu.vhm-mimotu {max-width:1320px; margin:0 auto; padding:12px 20px; display:flex; justify-content:space-between; align-items:center; gap:16px;}
.vhm-kiva.vhm-kiva.vhm-kiva {display:flex; align-items:center; gap:14px;}
.vhm-vuboku.vhm-vuboku.vhm-vuboku {text-decoration:none; font-size:1.4rem; font-weight:900; color:#0f172a; font-family:var(--vhm-font-heading);}
.vhm-vema.vhm-vema.vhm-vema {font-size:0.75rem; color:var(--vhm-muted); font-weight:600;}
.vhm-sidato.vhm-sidato.vhm-sidato {color:#0f172a; font-weight:700; font-size:13.5px; text-decoration:none;}
.vhm-sakovu.vhm-sakovu.vhm-sakovu {color:var(--vhm-muted); font-weight:600; font-size:13px; text-decoration:none;}
.vhm-latina.vhm-latina.vhm-latina {display:flex; align-items:center; gap:12px;}
.vhm-cika.vhm-cika.vhm-cika {max-width:1100px; margin:0 auto; text-align:center;}
.vhm-kogo.vhm-kogo.vhm-kogo {font-size:14px; line-height:1.7; margin:0 auto 24px auto; max-width:620px; opacity:0.88;}
.vhm-lufu.vhm-lufu.vhm-lufu {display:flex; flex-wrap:wrap; justify-content:center; gap:10px 24px; font-size:14px; font-weight:600; margin-bottom:22px;}
.vhm-kedu.vhm-kedu.vhm-kedu {display:flex; flex-wrap:wrap; justify-content:center; gap:8px 20px; font-size:12.5px; opacity:0.85; margin-bottom:22px;}
.vhm-foge.vhm-foge.vhm-foge {color:inherit;}
.vhm-fuhohu.vhm-fuhohu.vhm-fuhohu {font-size:11.5px; line-height:1.6; opacity:0.75; margin-bottom:16px;}
.vhm-fodupa.vhm-fodupa.vhm-fodupa {display:flex; flex-wrap:wrap; justify-content:center; gap:8px 18px; font-size:12.5px; opacity:0.9; padding-top:18px; border-top:1px solid rgba(255,255,255,0.22);}
.vhm-hedumi.vhm-hedumi.vhm-hedumi {color:inherit; text-decoration:underline; cursor:pointer;}
.vhm-pigi.vhm-pigi.vhm-pigi {padding:0;}
.vhm-fubiku.vhm-fubiku.vhm-fubiku {font-style:normal; font-size:12.5px; line-height:1.8;}
.vhm-diza.vhm-diza.vhm-diza {opacity:0.45;}
.vhm-zekuki.vhm-zekuki.vhm-zekuki {color:inherit; font-weight:600; text-decoration:none;}
.vhm-hula.vhm-hula.vhm-hula {display:flex; flex-wrap:wrap; gap:14px; margin-top:14px;}
.vhm-mebe.vhm-mebe.vhm-mebe {font-size:12.5px; color:inherit; opacity:0.85; text-decoration:underline;}
.vhm-nedo.vhm-nedo.vhm-nedo {margin-top:14px;}
.vhm-vuce.vhm-vuce.vhm-vuce {max-width:1100px; margin:16px auto 0 auto; text-align:center; font-size:12px; opacity:0.75;}
html { touch-action: pan-x pan-y; }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; background: var(--vhm-light, #ffffff); color: var(--vhm-text, #334155); font-family: var(--vhm-font-body, system-ui, sans-serif); font-size: 16px; line-height: 1.6; overflow-x: hidden; }
img, svg, video { max-width: 100%; height: auto; }
img { display: inline-block; vertical-align: middle; }
a { color: var(--vhm-primary, #2563eb); }
button { font: inherit; }
h1, h2, h3, h4, h5, h6 { font-family: var(--vhm-font-heading, inherit); color: var(--vhm-dark, #0f172a); line-height: 1.2; margin: 0 0 0.6em 0; overflow-wrap: anywhere; }
p { overflow-wrap: anywhere; }
a, span, strong, em, b, small, li, td, th, dd, dt, label, address { overflow-wrap: anywhere; }
.vhm-dupu > *, .vhm-bahi { min-width: 0; }
pre { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
code { overflow-wrap: anywhere; }
p, ul, ol { margin: 0 0 1em 0; }
input, select, textarea { font: inherit; max-width: 100%; }
iframe { max-width: 100%; }
[hidden] { display: none !important; }
.vhm-teki { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; margin: 0 0 1.5rem 0; }
.vhm-teki > table { min-width: 480px; }
table { border-collapse: collapse; width: 100%; }
.vhm-hesece { max-width: 1240px; margin: 0 auto; padding: 0 1.5rem; }
.vhm-vere { min-height: 40vh; padding-bottom: 4rem; }
.vhm-zurata { margin-top: 0 !important; }
.vhm-vere > .vhm-zemu { width: 100%; max-width: none; margin-left: 0; margin-right: 0; }
.vhm-vofe { margin: 0; }
.vhm-bociza { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 24px; border-radius: var(--vhm-btn-radius, 10px); font-weight: var(--vhm-weight-ui, 700); text-decoration: none; border: 1.5px solid transparent; cursor: pointer; line-height: 1.2; transition: transform .15s ease, box-shadow .15s ease, filter .15s ease; }
.vhm-bociza:hover { filter: brightness(1.06); transform: translateY(-1px); }
.vhm-boreli { background: var(--vhm-primary, #2563eb); color: var(--vhm-on-primary, #ffffff); box-shadow: var(--vhm-shadow-card, none); }
.vhm-kodo { background: transparent; color: var(--vhm-dark, #0f172a); border-color: var(--vhm-border, #e2e8f0); }
.vhm-bahi { background: var(--vhm-light, #ffffff); border: 1px solid var(--vhm-border, #e2e8f0); border-radius: var(--vhm-radius-lg, 18px); padding: var(--vhm-card-pad, 22px); box-shadow: var(--vhm-shadow-card, none); min-width: 0; }
.vhm-hahiho { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: var(--vhm-radius-pill, 999px); border: 1px solid var(--vhm-border, #e2e8f0); background: var(--vhm-light, #ffffff); color: var(--vhm-dark, #0f172a); font-size: 0.85rem; font-weight: 600; text-decoration: none; }
.vhm-naboli { display: inline-block; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--vhm-primary, #2563eb); margin-bottom: 10px; }
.vhm-vuva { font-size: clamp(1.8rem, 3.2vw, 2.6rem); font-weight: var(--vhm-weight-heading, 850); color: var(--vhm-dark, #0f172a); margin: 0 0 12px 0; font-family: var(--vhm-font-heading, inherit); text-transform: var(--vhm-heading-case, none); letter-spacing: var(--vhm-heading-tracking, -0.02em); }
.vhm-dupu { display: grid; gap: var(--vhm-grid-gap, 1.5rem); grid-template-columns: repeat(auto-fit, minmax(min(var(--vhm-grid-min, 260px), 100%), 1fr)); }
.vhm-nena { white-space: nowrap; }
@media (max-width: 640px) {
[style*="white-space:nowrap"], [style*="white-space: nowrap"] { white-space: normal !important; }
}
.vhm-pufu, .vhm-tunudi { max-width: 1100px; margin: 0 auto; padding: 2.5rem 1.5rem 4rem; }
.vhm-pufu h1, .vhm-tunudi h1 { font-size: clamp(1.7rem, 3vw, 2.4rem); margin-bottom: 1.2rem; }
.vhm-pive { width: 100%; }
.vhm-pive td { padding: 12px 8px; border-bottom: 1px solid var(--vhm-line, #f1f5f9); vertical-align: middle; }
.vhm-pive img { width: 72px; height: 72px; object-fit: cover; border-radius: 10px; }
.vhm-dufonu { display: flex; justify-content: flex-end; margin-top: 1.5rem; }
.vhm-dufonu .vhm-bahi { min-width: min(320px, 100%); }
.vhm-nehu { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 2.5rem; align-items: start; }
.vhm-rosa .vhm-verevu { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
.vhm-rosa label { font-weight: 700; font-size: 0.88rem; color: var(--vhm-dark, #0f172a); }
.vhm-rosa input, .vhm-rosa textarea, .vhm-rosa select { width: 100%; padding: 13px 15px; border: 1.5px solid var(--vhm-border, #e2e8f0); border-radius: var(--vhm-radius-md, 12px); background:var(--vhm-light, #ffffff); color: var(--vhm-text, #334155); font-size: 1rem; outline: none; }
.vhm-rosa input:focus, .vhm-rosa textarea:focus { border-color: var(--vhm-primary, #2563eb); outline: 2px solid var(--vhm-primary, #2563eb); outline-offset: 1px; }
.vhm-nadu input, .vhm-nadu textarea, .vhm-nadu select { border: none; border-bottom: 1.5px solid var(--vhm-border, #e2e8f0); border-radius: 0; padding-left: 2px; padding-right: 2px; background: transparent; }
.vhm-nadu label { font-size: 0.74rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--vhm-muted, #64748b); }
.vhm-rosa h2 { font-size: 1.15rem; margin: 1.4rem 0 0.8rem; }
.vhm-buzu { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; border: 1.5px solid var(--vhm-border, #e2e8f0); border-radius: var(--vhm-radius-md, 12px); margin-bottom: 10px; cursor: pointer; }
.vhm-buzu:has(input:checked) { border-color: var(--vhm-primary, #2563eb); background: rgba(var(--vhm-primary-rgb, 37, 99, 235), 0.05); }
.vhm-buzu input { margin-top: 4px; accent-color: var(--vhm-primary, #2563eb); width: auto; }
.vhm-buzu strong { display: block; font-size: 0.95rem; color: var(--vhm-dark, #0f172a); }
.vhm-buzu span { font-size: 0.82rem; color: var(--vhm-muted, #64748b); }
.vhm-duhini { display: flex; gap: 8px; align-items: flex-start; font-size: 0.82rem; color: var(--vhm-muted-strong, #475569); margin: 14px 0; }
.vhm-duhini input { width: auto; margin-top: 3px; accent-color: var(--vhm-primary, #2563eb); }
.vhm-cofena { width: 100%; font-size: 1.05rem; padding: 15px 24px; }
.vhm-kisu { min-height: 1.4em; font-size: 0.88rem; color: var(--vhm-muted, #64748b); margin-top: 10px; }
.vhm-guhu { position: sticky; top: 16px; }
.vhm-guhu h2 { font-size: 1.1rem; margin: 0 0 12px 0; }
.vhm-vugeco { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--vhm-line, #f1f5f9); font-size: 0.92rem; }
.vhm-vugeco.vhm-tina { border: none; font-weight: 850; font-size: 1.1rem; color: var(--vhm-dark, #0f172a); padding-top: 12px; }
.vhm-rira { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); }
.vhm-zozamo { font-size: 0.8rem; color: var(--vhm-muted, #64748b); text-align: center; margin-top: 10px; }
@media (max-width: 860px) {
.vhm-nehu { grid-template-columns: 1fr; }
.vhm-guhu { position: static; }
}
.vhm-nesoco { max-width: 1240px; margin: 0 auto; padding: 2.5rem 1.5rem 0; }
.vhm-nesoco h1 { font-size: clamp(1.8rem, 3.2vw, 2.6rem); }
.vhm-ruga { max-width: 1240px; margin: 0 auto; padding: 0 1.5rem 3rem; }
.vhm-gizelu { max-width: 640px; margin: 0 auto; padding: 5rem 1.5rem; text-align: center; }
.vhm-gizelu h1 { font-size: clamp(2rem, 5vw, 3.2rem); }
.vhm-rige { max-width: 860px; margin: 0 auto; padding: 2rem 1rem; line-height: 1.8; font-size: 1.1rem; }
.vhm-rige img { border-radius: 14px; }
.vhm-fomu select { height: auto; min-height: 52px; line-height: 1.35; }
[id^="gt-"] { scroll-margin-top: 80px; }
.vhm-codenu { position: relative; z-index: 50; }
.vhm-codenu a { text-decoration: none; }
.vhm-codenu .kkp-sapeza { display: flex; align-items: center; }
.vhm-codenu a, .vhm-codenu nav a, .vhm-codenu .kkp-sapeza a {
  overflow-wrap: normal !important;
  word-break: normal !important;
  white-space: nowrap !important;
}
.vhm-codenu a > div, .vhm-codenu a > span { white-space: normal !important; }
@media (max-width: 768px) {
.vhm-codenu > div:has(> .kkp-sapeza) { display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; align-items: center !important; gap: 8px 12px !important; padding-left: 14px !important; padding-right: 14px !important; }
.vhm-codenu .kkp-sapeza { order: 3 !important; flex: 0 0 100% !important; width: 100% !important; display: flex !important; justify-content: flex-start !important; gap: 16px !important; padding-top: 8px !important; border-top: 1px solid rgba(128,128,128,0.25) !important; white-space: nowrap !important; overflow-x: auto !important; scrollbar-width: none !important; -webkit-overflow-scrolling: touch !important; }
.vhm-codenu .kkp-sapeza a { flex: 0 0 auto !important; }
.vhm-codenu .kkp-sapeza::-webkit-scrollbar { display: none !important; }
.vhm-codenu > div > a[href*="/index."] > div:nth-child(2) { display: none !important; }
.vhm-codenu > div > div > a[href*="/index."] + div { display: none !important; }
.vhm-codenu > div > div:has(> a[href*="/index."]) { min-width: 0 !important; flex: 1 1 auto !important; }
.vhm-codenu > div > div > a[href*="/index."] { display: block !important; max-width: 100% !important; min-width: 0 !important; }
.vhm-codenu > div > div > a[href*="/index."] > div { white-space: normal !important; overflow-wrap: anywhere !important; }
.vhm-codenu > div > div > a[href*="/index."] > div + div { display: none !important; }
.vhm-codenu > div > div > a[href$="/store.html"] { padding: 7px 12px !important; font-size: 12px !important; white-space: nowrap !important; }
}
.vhm-hakaci { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.vhm-tizaga { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; max-width: 100%; box-sizing: border-box; padding: 9px 18px; border-radius: 99px; font-weight: 700; font-size: 0.88rem; line-height: 1.2; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: anywhere; transition: all 0.2s ease; border: 1.5px solid var(--vhm-border, #e2e8f0); background:var(--vhm-light, #ffffff); color: var(--vhm-text, #334155); box-shadow: 0 2px 6px rgba(0,0,0,0.03); }
.vhm-tizaga:hover { border-color: var(--vhm-primary, #2563eb); color: var(--vhm-primary, #2563eb); transform: translateY(-1px); }
.vhm-tizaga.vhm-kupugi { background: var(--vhm-primary, #2563eb); color: var(--vhm-on-primary, #ffffff); border-color: var(--vhm-primary, #2563eb); }
.vhm-mohi { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr)); gap: 24px; margin: 1.5rem 0 0 0; padding: 0; list-style: none; }
.kkp-ronosa { position: relative; background:var(--vhm-light, #ffffff); border: 1.5px solid var(--vhm-border, #e2e8f0); border-radius: 20px; padding: 18px; display: flex; flex-direction: column; justify-content: space-between; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.03); min-width: 0; }
.kkp-ronosa:hover { transform: translateY(-4px); box-shadow: 0 16px 30px -8px rgba(0,0,0,0.1); border-color: var(--vhm-primary, #2563eb); }
.kkp-ronosa .kkp-pidozu { position: absolute; top: 14px; left: 14px; z-index: 2; background: var(--vhm-accent, #f59e0b); color: var(--vhm-on-accent, #0f172a); font-size: 0.7rem; font-weight: 800; letter-spacing: 0.04em; padding: 5px 10px; border-radius: 8px; text-transform: uppercase; }
.kkp-vucono { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 14px; background: var(--vhm-surface, #f1f5f9); margin-bottom: 14px; }
.kkp-vucono img { width: 100%; height: 100%; object-fit: cover; display: block; }
.kkp-menefa { display: flex; flex-direction: column; gap: 6px; flex: 1; }
.kkp-guzu { display: flex; align-items: center; gap: 4px; font-size: 0.82rem; color: var(--vhm-muted, #64748b); }
.kkp-lula { color: #f59e0b; }
.kkp-mosigi { font-weight: 700; color: var(--vhm-dark, #0f172a); }
.kkp-tifova { font-size: 1.05rem; font-weight: 800; color: var(--vhm-dark, #0f172a); line-height: 1.4; margin: 0 0 4px 0; }
.kkp-tifova a { color: inherit; text-decoration: none; }
.kkp-rozodi { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
.kkp-mepo { font-size: 1.15rem; font-weight: 850; color: var(--vhm-primary, #2563eb); }
.kkp-gibu { color: var(--vhm-muted-soft, #94a3b8); text-decoration: line-through; font-size: 0.92rem; }
.kkp-tume { margin-top: auto; }
.kkp-segoda { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; border: none; cursor: pointer; border-radius: 99px; font-weight: 750; font-size: 0.88rem; padding: 11px 18px; background: var(--vhm-primary, #2563eb); color: var(--vhm-on-primary, #ffffff); text-decoration: none; transition: filter .2s ease, transform .2s ease; }
.kkp-segoda:hover { filter: brightness(1.1); transform: translateY(-1px); }
@media (max-width: 768px) {
.vhm-mohi { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.kkp-ronosa { padding: 10px; border-radius: 14px; }
.kkp-tifova { font-size: 0.9rem; line-height: 1.3; }
.kkp-mepo { font-size: 0.95rem; }
.kkp-segoda { font-size: 12px; padding: 9px 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}
.vhm-podudi { max-width: 1180px; margin: 0 auto; padding: 2rem 1rem 1rem; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 3rem; align-items: start; }
.vhm-cuti { position: sticky; top: 16px; min-width: 0; }
.vhm-heza { aspect-ratio: 1 / 1; border-radius: 18px; overflow: hidden; background: var(--vhm-surface, #f1f5f9); box-shadow: 0 15px 35px -10px rgba(15,23,42,0.12); }
.vhm-heza img { width: 100%; height: 100%; object-fit: cover; display: block; }
.vhm-soba { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.vhm-soba button { width: 72px; height: 72px; border-radius: 12px; overflow: hidden; border: 2px solid var(--vhm-border, #e2e8f0); background: none; padding: 0; cursor: pointer; }
.vhm-soba button[aria-current="true"] { border-color: var(--vhm-primary, #2563eb); }
.vhm-soba img { width: 100%; height: 100%; object-fit: cover; display: block; }
.vhm-tiza { min-width: 0; }
.vhm-tiza h1 { font-size: clamp(1.8rem, 3.2vw, 2.6rem); font-weight: 900; line-height: 1.15; letter-spacing: -0.02em; margin: 0 0 10px 0; }
.vhm-hosu { color: var(--vhm-muted, #64748b); font-size: 1.05rem; margin: 0 0 14px 0; }
.vhm-badoli { font-size: 2rem; font-weight: 900; color: var(--vhm-primary, #2563eb); margin: 0 0 14px 0; display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.vhm-badoli del { color: var(--vhm-muted-soft, #94a3b8); font-size: 1.2rem; font-weight: 500; }
.vhm-lipo { color: var(--vhm-text, #334155); margin-bottom: 18px; }
.vhm-lipo ul { padding-left: 1.2em; }
.vhm-fasako { font-size: 0.85rem; color: var(--vhm-muted, #64748b); display: flex; gap: 16px; flex-wrap: wrap; margin-top: 14px; }
form.cart { display: flex; gap: 12px; align-items: stretch; flex-wrap: wrap; margin: 20px 0; }
form.cart .quantity { display: inline-flex; align-items: center; border: 1.5px solid var(--vhm-border, #e2e8f0); border-radius: 12px; overflow: hidden; }
form.cart .quantity button { width: 42px; height: 50px; border: none; background: var(--vhm-surface, #f8fafc); cursor: pointer; font-size: 1.1rem; }
form.cart .quantity input { width: 56px; height: 50px; border: none; text-align: center; font-weight: 700; font-size: 1rem; -moz-appearance: textfield; }
form.cart .quantity input::-webkit-inner-spin-button, form.cart .quantity input::-webkit-outer-spin-button { -webkit-appearance: none; }
form.cart .single_add_to_cart_button { flex: 1 1 200px; padding: 14px 32px; font-size: 1.05rem; font-weight: 800; border-radius: 12px; border: none; cursor: pointer; background: var(--vhm-primary, #2563eb); color: var(--vhm-on-primary, #ffffff); box-shadow: 0 6px 14px -6px rgba(15, 23, 42, 0.25); }
.vhm-fukesi form.cart .single_add_to_cart_button { background: var(--vhm-primary, #1e293b); color: var(--vhm-on-primary, #ffffff); border-radius: 14px; }
@media (max-width: 900px) {
.vhm-podudi { grid-template-columns: 1fr; gap: 1.5rem; padding-top: 1rem; }
.vhm-cuti { position: static; }
}
.vhm-defe { position: fixed; inset: 0; background: rgba(15,23,42,0.5); z-index: 9998; opacity: 0; pointer-events: none; transition: opacity .25s ease; }
.vhm-defe.open { opacity: 1; pointer-events: auto; }
.vhm-calu { position: fixed; top: 0; right: 0; bottom: 0; width: min(420px, 100vw); background: var(--vhm-light, #ffffff); color: var(--vhm-text, #334155); z-index: 9999; transform: translateX(100%); transition: transform .3s ease; display: flex; flex-direction: column; box-shadow: -12px 0 24px -8px rgba(15,23,42,0.22); }
.vhm-calu.open { transform: translateX(0); }
.vhm-riha { display: flex; justify-content: space-between; align-items: center; padding: 18px 20px; border-bottom: 1px solid var(--vhm-border, #e2e8f0); }
.vhm-riha h2 { margin: 0; font-size: 1.15rem; }
.vhm-havezi { background: none; border: none; font-size: 1.4rem; cursor: pointer; padding: 4px 8px; color: var(--vhm-muted, #64748b); line-height: 1; }
.vhm-mota { flex: 1; overflow-y: auto; padding: 12px 20px; }
.vhm-cefohi { text-align: center; color: var(--vhm-muted, #64748b); padding: 40px 0; }
.vhm-vizepu { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid var(--vhm-line, #f1f5f9); }
.vhm-vizepu img, .vhm-vizepu .vhm-cudo { width: 64px; height: 64px; border-radius: 10px; object-fit: cover; background: var(--vhm-surface, #f1f5f9); display: block; }
.vhm-sese { font-weight: 700; color: var(--vhm-dark, #0f172a); font-size: 0.92rem; line-height: 1.3; overflow-wrap: anywhere; }
.vhm-fiposu { color: var(--vhm-muted, #64748b); font-size: 0.85rem; margin-top: 2px; }
.vhm-ducegu { display: inline-flex; align-items: center; border: 1px solid var(--vhm-border, #e2e8f0); border-radius: 8px; overflow: hidden; margin-top: 6px; }
.vhm-ducegu button { width: 28px; height: 28px; border: none; background: var(--vhm-surface, #f8fafc); cursor: pointer; }
.vhm-ducegu span { min-width: 28px; text-align: center; font-size: 0.85rem; font-weight: 700; }
.vhm-gele { background: none; border: none; color: var(--vhm-muted-soft, #94a3b8); cursor: pointer; font-size: 1.1rem; padding: 4px; }
.vhm-harecu { padding: 16px 20px 20px; border-top: 1px solid var(--vhm-border, #e2e8f0); }
.vhm-turagu { display: flex; justify-content: space-between; font-weight: 800; color: var(--vhm-dark, #0f172a); margin-bottom: 12px; }
.vhm-harecu .vhm-bociza { width: 100%; }
.vhm-pumi { display: block; text-align: center; margin-top: 10px; font-size: 0.85rem; color: var(--vhm-muted, #64748b); }
.vhm-bosa { position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 20px); background: var(--vhm-dark, #0f172a); color: #ffffff; padding: 12px 20px; border-radius: 12px; font-weight: 600; font-size: 0.9rem; z-index: 10000; opacity: 0; pointer-events: none; transition: opacity .25s ease, transform .25s ease; max-width: calc(100vw - 32px); }
.vhm-bosa.show { opacity: 1; transform: translate(-50%, 0); }
.vhm-begu { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--vhm-accent, #f59e0b); color: var(--vhm-on-accent, #0f172a); font-size: 11px; font-weight: 800; margin-left: 6px; line-height: 1; }