/* VTech 5.4 · Unified typographic design & uncluttered service navigation */
:root { font-synthesis:none; }
html[lang="he"] body,
html[lang="he"] button,
html[lang="he"] input,
html[lang="he"] textarea,
html[lang="he"] select {font-family:"Heebo",Arial,system-ui,sans-serif;}
html[lang="ar"] body,html[lang="ar"] button,html[lang="ar"] input,html[lang="ar"] textarea,html[lang="ar"] select{font-family:"Noto Sans Arabic",Arial,sans-serif;}
html[lang="en"] body,html[lang="en"] button,html[lang="en"] input,html[lang="en"] textarea,html[lang="en"] select,
html[lang="ru"] body,html[lang="ru"] button,html[lang="ru"] input,html[lang="ru"] textarea,html[lang="ru"] select{font-family:"Inter",Arial,sans-serif;}
/* All site content follows the rounded sans-serif display typography of the hero. */
h1,h2,h3,h4,.section-h,.service-title,.vt-feature-link-title,.vt-feature-card h2,
.vt-detail-hero h1,.vt-quick-intro h2,.vt-choice-title,.vt-selected,
.vt-advice,.vt-about-facts-grid h3,.contact-panel h2,.article-card h2,
.vt-dialog-frame h2,.vt-about-invite h3,.vt-inline-brand{font-family:inherit!important;}
html[lang="he"] h1,html[lang="he"] h2,html[lang="he"] h3,
html[lang="he"] .service-title,html[lang="he"] .vt-choice-title{font-weight:800;letter-spacing:0;}
html[lang="he"] .hero h1{letter-spacing:-.5px;}
/* Keep the original step-badge outline, without the distracting number. */
/* Empty outlined circle stays, as requested; no number or replacement symbol. */
/* Center the message form opposite the diagnostic options and lift it slightly. */
@media(min-width:851px){
  .vt-detail-page .vt-diagnosis-layout{align-items:center;}
  .vt-detail-page .vt-diagnosis-layout > .vt-advice{align-self:center;margin-top:-42px;}
}
@media(max-width:850px){.vt-detail-page .vt-diagnosis-layout > .vt-advice{margin-top:0;align-self:stretch;}}
/* Horizontal reviews slider: swipe on touchscreens, arrows on desktop. */
.review-section .vt-review-viewport{width:100%;min-width:0;}
.review-section .review-grid{display:flex;gap:22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:2px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:9px 2px 19px;align-items:stretch;}
.review-section .review-grid::-webkit-scrollbar{display:none;}
.review-section .review-card{flex:0 0 calc((100% - 44px)/3);min-width:0;scroll-snap-align:start;scroll-snap-stop:normal;}
.review-section .review-card p{font-size:15px;line-height:1.8;}
.vt-review-toolbar{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:5px;}
.vt-review-prev,.vt-review-next{cursor:pointer;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#eaf8ff;border:1px solid #b7dcf5;color:#087abd;font-size:28px;line-height:1;transition:background .2s,transform .2s;}
.vt-review-prev:hover:not(:disabled),.vt-review-next:hover:not(:disabled){background:#d5f0ff;transform:translateY(-1px)}
.vt-review-prev:focus-visible,.vt-review-next:focus-visible{outline:3px solid #159ddb;outline-offset:2px;}
.vt-review-prev:disabled,.vt-review-next:disabled{opacity:.32;cursor:default;}
.vt-review-position{font-size:14px;font-weight:750;color:#456f8e;min-width:75px;text-align:center;direction:ltr;unicode-bidi:isolate;}
@media(max-width:960px){.review-section .review-card{flex-basis:calc((100% - 22px)/2);}}
@media(max-width:620px){.review-section .review-card{flex-basis:100%;}.review-section .review-grid{gap:12px;}.vt-review-toolbar{margin-top:0;}}
/* Homepage Contact Us: one obvious, aligned vertical action stack. */
.contact-panel .contact-layout{grid-template-columns:minmax(0,1fr) 225px;align-items:center;}
.contact-panel .contact-buttons{display:flex;align-items:stretch;justify-content:center;flex-direction:column;gap:10px;width:100%;max-width:225px;}
.contact-panel .vt-contact-options{max-width:none;width:100%;display:flex;flex-direction:column;gap:10px;}
.contact-panel .vt-contact-options > *{width:100%;max-width:none;margin:0;min-height:47px;border-radius:14px;justify-content:center;font-size:14px;}
.contact-panel .vt-contact-options > a[href*="wa.me/"]{order:0;}
.contact-panel .vt-contact-options > .vt-open-email{order:1;}
.contact-panel .vt-contact-options > a[href^="tel:"]{order:2;direction:ltr;font-size:17px;}
@media(max-width:850px){.contact-panel .contact-layout{grid-template-columns:1fr;}.contact-panel .contact-buttons{max-width:none;margin-top:22px;}.contact-panel .vt-contact-options{max-width:none;}.contact-panel .vt-contact-options > *{min-height:49px;}}
/* Nine concise options can sit comfortably in two columns; last option spans width. */
.vt-repair-hero + .vt-diagnosis .vt-choice-list > .vt-choice:nth-child(9):last-child{grid-column:1 / -1;}
@media(max-width:560px){.vt-repair-hero + .vt-diagnosis .vt-choice-list > .vt-choice:nth-child(9):last-child{grid-column:auto;}}
