/*
 * Входни страници на услугите (платформа S0, 26.10.2026): светъл вид като /3d-printirane/ (printirane.css, #printirane).
 * Стойностите на токените са копирани оттам под коренов клас .vh-svetla, докато uslugi-svetli.css още не е слят.
 * Точки на прекъсване 1020 и 640. Бутоните са правоъгълни (12 px), не хапчета.
 */
@font-face{font-family:"Golos Text";src:url(/wp-content/uploads/shriftove/golos-text-cyrillic.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";src:url(/wp-content/uploads/shriftove/golos-text-latin.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.vh-svetla{--bg:#ECEEF1;--s1:#FFFFFF;--s2:#F6F7F9;--ln:#D5DAE0;--ln2:#C3CAD1;--tx:#1C232B;--mu:#5B6673;--or:#F26A1B;--te2:#0B6F86;
  --tekst:#3B4652;--or-tekst:#B8480C;
  background:var(--bg);color:var(--tx);font-family:"Golos Text",system-ui,sans-serif;font-size:17px;line-height:1.6;
  padding:calc(76px + clamp(24px,3vw,48px)) 0 clamp(48px,6vw,88px)}
.vh-svetla *,.vh-svetla *::before,.vh-svetla *::after{box-sizing:border-box}
.vh-svetla .vh-obvivka{width:min(1120px,100% - 48px);margin:0 auto}
.vh-svetla :where(h1,h2,h3){font-family:"Golos Text",system-ui,sans-serif;color:var(--tx);letter-spacing:-.02em;margin:0}
.vh-svetla h1{font-size:clamp(30px,3.4vw,46px);line-height:1.12;font-weight:800;letter-spacing:-.03em}
.vh-svetla h2{font-size:clamp(24px,2.4vw,32px);line-height:1.2;font-weight:800;letter-spacing:-.03em;margin-bottom:18px}
.vh-svetla h3{font-size:19px;font-weight:700;margin-bottom:10px}
.vh-svetla p{margin:0}
.vh-svetla :is(p,li,td,dd,small) a:not(.vh-btn){color:var(--te2);text-decoration:underline;text-underline-offset:3px}
.vh-svetla :is(p,li,td,dd,small) a:not(.vh-btn):hover{color:var(--tx)}
.vh-svetla :is(a,button,summary):focus-visible{outline:3px solid var(--or);outline-offset:3px}

/* пътека */
.vh-kroshki{margin-bottom:22px;font-size:15px;color:var(--mu)}
.vh-kroshki ol{display:flex;flex-wrap:wrap;gap:0 10px;margin:0;padding:0;list-style:none}
.vh-kroshki li:not(:last-child)::after{content:"›";margin-left:10px;color:var(--ln2)}
.vh-kroshki a{color:var(--te2);text-decoration:none;display:inline-block;padding:10px 0}
.vh-kroshki a:hover{text-decoration:underline}

/* първи екран */
.vh-glava{max-width:820px}
.vh-svetla .vh-opredelenie{margin-top:16px;font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:var(--tekst)}
.vh-svetla .vh-cta{margin-top:24px}
.vh-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:12px;border:1px solid var(--or);
  background:var(--or);color:var(--tx);font:600 16px/1.2 "Golos Text",system-ui,sans-serif;text-decoration:none;cursor:pointer;transition:background .15s,transform .15s}
.vh-btn:hover{background:#FF8A47;color:var(--tx)}
.vh-btn:active{transform:scale(.97)}

/* снимка и схема */
.vh-snimka,.vh-shema{margin:32px 0 0}
.vh-snimka img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid var(--ln);background:var(--s2)}
.vh-svetla figcaption{margin-top:10px;font-size:14px;color:var(--mu)}
.vh-shema-svg{padding:20px;background:var(--s1);border:1px solid var(--ln);border-radius:8px;overflow-x:auto}
.vh-shema-svg svg{display:block;width:100%;height:auto;max-width:100%}

/* раздели */
.vh-razdel{margin-top:clamp(40px,5vw,72px);scroll-margin-top:84px}
.vh-nakratko{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}
.vh-nakratko>div{padding:18px 20px;background:var(--s1);border:1px solid var(--ln);border-radius:8px}
.vh-nakratko dt{font-size:14px;font-weight:600;color:var(--mu);margin-bottom:6px}
.vh-nakratko dd{margin:0;font-size:18px;font-weight:600;color:var(--tx)}

.vh-stapki{margin:0;padding:0;list-style:none;counter-reset:vh;display:grid;gap:14px}
.vh-stapki li{counter-increment:vh;position:relative;padding:16px 18px 16px 64px;background:var(--s1);border:1px solid var(--ln);border-radius:8px;display:flex;flex-direction:column;gap:4px}
.vh-stapki li::before{content:counter(vh);position:absolute;left:18px;top:16px;width:32px;height:32px;border-radius:50%;background:var(--s2);border:1px solid var(--ln2);
  display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--or-tekst)}
.vh-stapki b{color:var(--tx)}
.vh-stapki span{color:var(--tekst)}

.vh-dve{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:28px}
.vh-spisak{margin:0;padding:0 0 0 20px;display:grid;gap:10px;color:var(--tekst)}
.vh-spisak li::marker{color:var(--or)}

/* таблици */
.vh-tablica{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--ln);border-radius:8px;background:var(--s1)}
.vh-tablica table{width:100%;border-collapse:collapse;font-size:16px;min-width:520px}
.vh-tablica caption{text-align:left;padding:14px 16px;font-weight:700;color:var(--tx);caption-side:top}
.vh-tablica :is(th,td){padding:12px 16px;text-align:left;vertical-align:top;border-top:1px solid var(--ln)}
.vh-tablica thead th{background:var(--s2);font-weight:700;color:var(--tx)}
.vh-tablica tbody th{font-weight:600;color:var(--tx);background:transparent}
.vh-tablica td{color:var(--tx)}
.vh-tablica td.vh-izvor-kl,.vh-izvori small{color:var(--mu);font-size:14px;word-break:break-word}

/* въпроси */
.vh-vaprosi{display:grid;gap:10px}
.vh-vaprosi details{background:var(--s1);border:1px solid var(--ln);border-radius:8px}
.vh-vaprosi summary{cursor:pointer;padding:16px 18px;font-weight:600;color:var(--tx);min-height:48px}
.vh-vaprosi details p{padding:0 18px 16px;color:var(--tekst)}

/* карти */
.vh-karti{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.vh-karta-v{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px 20px;background:var(--s1);border:1px solid var(--ln);border-radius:8px;text-decoration:none !important;color:var(--tx)}
.vh-karta-v:hover{border-color:var(--or)}
.vh-karta-v b{font-weight:700;color:var(--tx)}
.vh-karta-v span{font-size:15px;color:var(--tekst)}
.vh-vrazki{display:flex;flex-wrap:wrap;gap:0 24px;margin-top:18px}
.vh-vrazki a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--te2)}
.vh-hub-v{margin-top:18px}
.vh-hub-v a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--te2)}
.vh-hub{padding:clamp(32px,4vw,56px) 0}
.vh-svetla .vh-dolu .vh-cta{margin-top:0}
.vh-proizhod{color:var(--tekst);font-size:15px}
.vh-proizhod ul{margin-top:10px}

@media (max-width:1020px){
  .vh-karti{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vh-dve{grid-template-columns:1fr}
}
@media (max-width:640px){
  .vh-svetla{font-size:16px}
  .vh-svetla .vh-obvivka{width:calc(100% - 32px)}
  .vh-nakratko,.vh-karti{grid-template-columns:1fr}
  .vh-btn{width:100%}
  .vh-stapki li{padding-left:58px}
  .vh-vrazki{flex-direction:column}
  .vh-svetla .vh-opredelenie{margin-top:12px}
  .vh-svetla .vh-cta{margin-top:20px}
  .vh-tablica{overflow-x:visible;border:0;background:transparent}
  .vh-tablica table,.vh-tablica tbody,.vh-tablica tr,.vh-tablica td,.vh-tablica tbody th,.vh-tablica caption{display:block;width:100%;min-width:0}
  .vh-tablica caption{padding:0 0 10px}
  .vh-tablica thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .vh-tablica thead :is(tr,th){display:block;width:1px;height:1px;margin:0;padding:0;border:0;overflow:hidden}
  .vh-tablica tr{margin-bottom:12px;background:var(--s1);border:1px solid var(--ln);border-radius:8px;overflow:hidden}
  .vh-tablica tbody th{padding:12px 16px;border-top:0;background:var(--s2)}
  .vh-tablica td{padding:10px 16px;overflow-wrap:anywhere}
  .vh-tablica td[data-label]::before{content:attr(data-label);display:block;font-size:13px;font-weight:600;color:var(--mu);margin-bottom:2px}
}
@media (prefers-reduced-motion:reduce){
  .vh-btn{transition:none}
}