/* Optional REKOM palette. Disable in template style: Стиль REKOM → Попередній стиль. */
body.site.rekom-app-theme {
  --rk-bg:#f2f3f5; --rk-surface:#fff; --rk-surface-2:#e8ebef;
  --rk-line:#c2c8ce; --rk-text:#17202a; --rk-muted:#515d69;
  --rk-accent:#36a402; --rk-link:#247300; --rk-on-accent:#102015;
  background:var(--rk-bg) !important;
  color:var(--rk-text) !important;
}
body.site.rekom-app-theme a { color:var(--rk-link) !important; }
body.site.rekom-app-theme a:hover { color:#1b5900 !important; }
body.site.rekom-app-theme :is(h1,h2,h3,h4,h5,h6) { color:var(--rk-text) !important; }
body.site.rekom-app-theme :is(p,li) { color:var(--rk-text); }
body.site.rekom-app-theme :is(a,button):focus-visible {
  outline:3px solid var(--rk-link) !important; outline-offset:4px;
}
body.site.rekom-app-theme :is(.wrapperHeaderTop,.topbar,.header,.main_menu,.navbar) {
  background:var(--rk-surface) !important; color:var(--rk-text) !important;
  border-color:var(--rk-line) !important;
}
body.site.rekom-app-theme .header { border-bottom:3px solid var(--rk-accent) !important; }
body.site.rekom-app-theme #site-navigation-main {
  background:var(--rk-surface) !important; border-color:var(--rk-line) !important;
}
body.site.rekom-app-theme #site-navigation-main .nav > li {
  background:transparent !important; border-color:var(--rk-line) !important;
}
body.site.rekom-app-theme #site-navigation-main .nav > li > a {
  color:var(--rk-text) !important; background:transparent !important;
  border-color:var(--rk-line) !important; border-radius:8px;
  box-shadow:none !important;
}
body.site.rekom-app-theme #site-navigation-main .nav > li:is(.active,:hover) > a,
body.site.rekom-app-theme #site-navigation-main .nav > li > a:focus-visible {
  background:var(--rk-accent) !important; color:var(--rk-on-accent) !important;
  border-color:var(--rk-accent) !important;
}
body.site.rekom-app-theme #site-navigation-main .navbar-toggle {
  background:var(--rk-surface) !important; color:var(--rk-text) !important;
  border-color:var(--rk-accent) !important;
}
body.site.rekom-app-theme :is(.wrapper-services-service-station,.wrapper-statistics-service-station) {
  background:var(--rk-surface-2) !important;
}
body.site.rekom-app-theme :is(.wrapper-inner-services-service-station,.wrapper-inner-statistics-service-station,.wrapper-inner-pricing-service-station,.wrapper-points-pricing-service-station,.wrapper-blog-service-station) {
  background:var(--rk-surface) !important; color:var(--rk-text) !important;
  border-color:var(--rk-line) !important; border-radius:12px;
}
body.site.rekom-app-theme .wrapper-inner-services-service-station {
  border:1px solid var(--rk-line) !important; box-shadow:0 8px 24px #17202a08;
}
body.site.rekom-app-theme .img-1-about-us-service-station {
  border-color:var(--rk-accent) !important;
  background-color:var(--rk-accent) !important;
}
body.site.rekom-app-theme .wrapper-points-pricing-service-station :is(h5,i) { color:var(--rk-link) !important; border-color:var(--rk-line) !important; }
body.site.rekom-app-theme :is(.wrapper-inner-services-service-station,.wrapper-inner-statistics-service-station) i {
  color:var(--rk-link) !important; border-color:var(--rk-accent) !important;
}
body.site.rekom-app-theme .wrapper-top-servicing-service-station :is(h1,h2,p) { color:#fff !important; }
body.site.rekom-app-theme #rekom-hero-actions a,
body.site.rekom-app-theme .rekom-enterprises-home a,
body.site.rekom-app-theme a[style*="background"],
body.site.rekom-app-theme a.rekom-route,
body.site.rekom-app-theme .wrapper-btn-services-service-station a,
body.site.rekom-app-theme .wrapper-pricing-service-station a[href="https://service.rekom.com.ua/client/book"],
body.site.rekom-app-theme #rekom-google-reviews a.rr-link-primary {
  background:var(--rk-accent) !important; color:var(--rk-on-accent) !important;
  border-color:var(--rk-accent) !important; border-radius:9px;
  box-shadow:none !important;
}
body.site.rekom-app-theme #rekom-hero-actions a:hover,
body.site.rekom-app-theme .wrapper-btn-services-service-station a:hover,
body.site.rekom-app-theme .rekom-enterprises-home a:hover,
body.site.rekom-app-theme .wrapper-pricing-service-station a[href="https://service.rekom.com.ua/client/book"]:hover {
  background:#43b610 !important; color:var(--rk-on-accent) !important;
}
body.site.rekom-app-theme .rekom-enterprises-home {
  background:linear-gradient(125deg,#fff,#eaf3e7) !important;
  color:var(--rk-text) !important; border-color:var(--rk-accent) !important;
  box-shadow:0 8px 24px #17202a08;
}
body.site.rekom-app-theme .rekom-enterprises-home :is(h2,p,ul,li) { color:var(--rk-text) !important; }
body.site.rekom-app-theme .rekom-enterprises > section:first-child {
  background:linear-gradient(125deg,#fff,#eaf3e7) !important;
  border-color:var(--rk-accent) !important;
}
body.site.rekom-app-theme .rekom-enterprises :is(p,li,h1,h2,h3,h4,h5,ul) { color:var(--rk-text) !important; }
body.site.rekom-app-theme .rekom-enterprises > section:first-child > p:first-child { color:var(--rk-link) !important; }
body.site.rekom-app-theme .rekom-enterprises a { border-color:var(--rk-line) !important; }
body.site.rekom-app-theme a.rekom-call,
body.site.rekom-app-theme a[style*="border"] { border-color:var(--rk-accent) !important; }
body.site.rekom-app-theme .wrapper-price-pricing-service-station,
body.site.rekom-app-theme .wrapper-price-pricing-service-station :is(h3,h5) {
  background:var(--rk-surface-2) !important; color:var(--rk-text) !important;
  border-color:var(--rk-line) !important;
}
body.site.rekom-app-theme .wrapper-price-pricing-service-station h5 { color:var(--rk-link) !important; }
body.site.rekom-app-theme .wrapper-price-pricing-service-station { border-top:3px solid var(--rk-accent) !important; }
body.site.rekom-app-theme #rekom-google-reviews { background:var(--rk-bg) !important; color:var(--rk-text) !important; }
body.site.rekom-app-theme #rekom-google-reviews .rr-card {
  background:var(--rk-surface) !important; color:var(--rk-text) !important; border-color:var(--rk-line) !important;
}
body.site.rekom-app-theme #rekom-google-reviews :is(.rr-eyebrow,.rr-stars,.rr-quote) { color:var(--rk-link) !important; }
body.site.rekom-app-theme #rekom-google-reviews .rr-avatar { border-color:var(--rk-accent) !important; color:var(--rk-link) !important; }
body.site.rekom-app-theme #rekom-google-reviews .rr-link { border-color:var(--rk-accent) !important; }
body.site.rekom-app-theme #rekom-google-reviews .rr-card::before { border-color:var(--rk-accent) !important; }
body.site.rekom-app-theme #rekom-google-reviews .rr-card::after { color:#36a40238 !important; }
body.site.rekom-app-theme #rekom-google-reviews .rr-avatar { background:#eaf3e7 !important; }
body.site.rekom-app-theme .footer,
body.site.rekom-app-theme .copyrights {
  background:var(--rk-surface-2) !important; color:var(--rk-text) !important;
  border-color:var(--rk-line) !important;
}
body.site.rekom-app-theme .footer :is(p,li,h3,h4,h5,h6,strong) { color:var(--rk-text) !important; }
body.site.rekom-app-theme .footer #logo img { filter:none !important; }
body.site.rekom-app-theme .footer a { color:var(--rk-link) !important; }
body.site.rekom-app-theme #toTop {
  background:var(--rk-accent) !important; color:var(--rk-on-accent) !important;
  border-color:var(--rk-accent) !important;
}
body.site.rekom-app-theme #toTop i { color:var(--rk-on-accent) !important; }
body.site.rekom-app-theme :is(.number-statistics-service-station,.title-blog-service-station a) { color:var(--rk-link) !important; }
body.site.rekom-app-theme :is(.wrapper-title-service-station,.wrapper-title-pricing-service-station) { border-color:var(--rk-accent) !important; }
@media (prefers-reduced-motion:reduce) {
  body.site.rekom-app-theme a, body.site.rekom-app-theme button { transition:none !important; }
}

/* Clear section headings on the gray background. */
body.site.rekom-app-theme :is(.wrapper-services-service-station,.wrapper-statistics-service-station) > .container > .row > h3 {
  text-shadow:none !important;
}

/* Step decorations keep their existing transition with the app accent. */
body.site.rekom-app-theme .wrapper-statistics-service-station .row > div::before,
body.site.rekom-app-theme .wrapper-statistics-service-station .row > div::after {
  background-color:var(--rk-accent) !important;
}
/* Only the article cards have a white surface, not the surrounding gutters. */
body.site.rekom-app-theme .cat_fields:has(.wrapper-blog-service-station) {
  background:transparent !important;
}
body.site.rekom-app-theme .rekom-enterprises [style*="border-left"] {
  border-left-color:var(--rk-accent) !important;
}
body.site.rekom-app-theme .rekom-enterprises #enterprise-prices strong[style*="#a74325"] {
  color:var(--rk-link) !important;
}
body.site.rekom-app-theme .pagenavigation a.btn {
  background:var(--rk-link) !important;
  border-color:var(--rk-link) !important;
  color:#fff !important;
}
body.site.rekom-app-theme .pagenavigation a.btn:hover,
body.site.rekom-app-theme .pagenavigation a.btn:focus-visible {
  background:#1b5900 !important;
  border-color:#1b5900 !important;
  color:#fff !important;
}
body.site.rekom-app-theme .pagenavigation a.btn span {
  color:inherit !important;
}

/* Accessible price-card disclosure; titles and prices always stay visible. */
body.site.rekom-app-theme .rk-price-interactive { padding-bottom:0; }
body.site.rekom-app-theme .rk-price-interactive .wrapper-price-pricing-service-station { padding:20px 10px; }
body.site.rekom-app-theme .rk-price-toggle {
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; margin-top:12px; padding:8px 18px;
  background:var(--rk-link); color:#fff; border:1px solid var(--rk-link);
  border-radius:8px; font:inherit; font-weight:700; cursor:pointer;
}
body.site.rekom-app-theme .rk-price-toggle:hover { background:#1b5900; }
body.site.rekom-app-theme .rk-price-panel {
  display:grid; grid-template-rows:0fr; opacity:0;
  transition:grid-template-rows .28s ease,opacity .2s ease;
}
body.site.rekom-app-theme .rk-price-open .rk-price-panel { grid-template-rows:1fr; opacity:1; }
body.site.rekom-app-theme .rk-price-clip { min-height:0; overflow:hidden; }
body.site.rekom-app-theme .rk-price-interactive .wrapper-points-pricing-service-station {
  margin:0; padding:20px 16px; box-shadow:none; border-radius:0;
}
@media (prefers-reduced-motion:reduce) {
  body.site.rekom-app-theme .rk-price-panel { transition:none; }
}

/* The enterprise contact section uses the same light surface as its intro. */
body.site.rekom-app-theme .rekom-enterprises > section[style*="background: #202b31"] {
  background:linear-gradient(125deg,#fff,#eaf3e7) !important;
  color:var(--rk-text) !important;
  border:1px solid var(--rk-line);
}

/* Monochrome back-to-top button in all interaction states. */
body.site.rekom-app-theme #toTop,
body.site.rekom-app-theme #toTop:hover,
body.site.rekom-app-theme #toTop:focus,
body.site.rekom-app-theme #toTop:active {
  background:#111 !important; color:#fff !important;
  border-color:#fff !important; box-shadow:none !important;
}
body.site.rekom-app-theme #toTop i,
body.site.rekom-app-theme #toTop i::before,
body.site.rekom-app-theme #toTop::before,
body.site.rekom-app-theme #toTop::after {
  color:#fff !important; background:transparent !important;
  border-color:#fff !important;
}
body.site.rekom-app-theme #toTop:focus-visible { outline-color:#111 !important; }

/* Round back-to-top control. */
body.site.rekom-app-theme #toTop { border-radius:50% !important; overflow:hidden; box-sizing:border-box; width:42px; height:42px; padding:0; }

/* One crisp green ring; use a plain arrow instead of the font's extra circle. */
body.site.rekom-app-theme #toTop,
body.site.rekom-app-theme #toTop:hover,
body.site.rekom-app-theme #toTop:focus,
body.site.rekom-app-theme #toTop:active {
  border:2px solid var(--rk-accent) !important;
}
body.site.rekom-app-theme #toTop i {
  display:flex; align-items:center; justify-content:center;
  width:100%; height:100%; margin:0; line-height:1;
}
body.site.rekom-app-theme #toTop i::before {
  content:"\2191"; font-family:Arial,sans-serif !important;
  font-size:28px; font-weight:700; line-height:1;
}

/* Header contact: a single comfortable call target on phones. */
body.site.rekom-app-theme .rekom-header-contact { text-align:right; padding:8px 0; }
body.site.rekom-app-theme a.rekom-header-phone {
  display:inline-flex; align-items:center; gap:12px; box-sizing:border-box;
  max-width:100%; min-height:64px; padding:10px 16px;
  border:1px solid var(--rk-line); border-radius:14px;
  background:var(--rk-surface); color:var(--rk-text) !important;
  text-decoration:none; text-align:left; line-height:1.25;
  box-shadow:0 3px 12px #17202a08;
}
body.site.rekom-app-theme a.rekom-header-phone:hover {
  background:#eaf3e7; border-color:var(--rk-accent); color:var(--rk-text) !important;
}
body.site.rekom-app-theme .rekom-header-phone-icon {
  display:flex; align-items:center; justify-content:center; flex:0 0 42px;
  width:42px; height:42px; border-radius:50%; background:#eaf3e7; color:var(--rk-link);
}
body.site.rekom-app-theme .rekom-header-phone-icon svg { display:block; width:24px; height:24px; }
body.site.rekom-app-theme .rekom-header-phone small { display:block; margin-bottom:4px; font-size:13px; color:var(--rk-muted); }
body.site.rekom-app-theme .rekom-header-phone strong { display:block; font-size:19px; font-weight:700; white-space:nowrap; color:var(--rk-text); }
@media (max-width:767px) {
 body.site.rekom-app-theme .rekom-header-contact { text-align:center; }
}
@media (max-width:360px) {
 body.site.rekom-app-theme a.rekom-header-phone { gap:8px; padding:10px; }
 body.site.rekom-app-theme .rekom-header-phone strong { font-size:17px; }
}

/* Header address uses the existing route; retain the opening hours. */
body.site.rekom-app-theme .rekom-header-location { padding:8px 0; text-align:left; }
body.site.rekom-app-theme a.rekom-header-address {
 display:inline-flex; align-items:center; gap:12px; box-sizing:border-box;
 max-width:100%; min-height:64px; padding:10px 16px; border:1px solid var(--rk-line);
 border-radius:14px; background:var(--rk-surface); color:var(--rk-text) !important;
 text-decoration:none; text-align:left; line-height:1.25; box-shadow:0 3px 12px #17202a08;
}
body.site.rekom-app-theme a.rekom-header-address:hover { background:#eaf3e7; border-color:var(--rk-accent); }
body.site.rekom-app-theme .rekom-header-address small { display:block; margin-bottom:4px; font-size:13px; color:var(--rk-muted); }
body.site.rekom-app-theme .rekom-header-address strong { display:block; font-size:17px; color:var(--rk-text); }
body.site.rekom-app-theme .rekom-header-hours { margin:6px 0 0; font-size:12px; line-height:1.5; color:var(--rk-muted); }
body.site.rekom-app-theme .wrapperHeaderTop .wrapperLogo #logo img { width:185px; max-width:100%; height:auto; }
@media (max-width:767px) {
 body.site.rekom-app-theme .rekom-header-location { text-align:center; }
}
@media (max-width:360px) {
 body.site.rekom-app-theme a.rekom-header-address { padding:10px; gap:8px; }
 body.site.rekom-app-theme .rekom-header-address strong { font-size:16px; }
}

/* Six compact real review excerpts: desktop grid, touch carousel. */
body.site.rekom-app-theme #rekom-google-reviews .rr-track {
 grid-auto-flow:row; grid-template-columns:repeat(3,minmax(0,1fr));
 grid-auto-columns:auto; gap:16px;
}
body.site.rekom-app-theme #rekom-google-reviews .rr-card { min-height:200px; padding:18px; gap:10px; }
body.site.rekom-app-theme #rekom-google-reviews .rr-author-row { flex-direction:row; justify-content:flex-start; gap:10px; text-align:left; }
body.site.rekom-app-theme #rekom-google-reviews .rr-avatar { flex:0 0 42px; width:42px; height:42px; border-width:2px; font-size:16px; margin:0; }
body.site.rekom-app-theme #rekom-google-reviews .rr-author { font-size:15px; }
body.site.rekom-app-theme #rekom-google-reviews .rr-date { font-size:11px; }
body.site.rekom-app-theme #rekom-google-reviews .rr-stars { align-self:flex-start; font-size:15px; }
body.site.rekom-app-theme #rekom-google-reviews .rr-comment { text-align:left !important; font-size:14px !important; line-height:1.5 !important; -webkit-line-clamp:3; }
body.site.rekom-app-theme #rekom-google-reviews .rr-read { align-self:flex-start; font-size:13px; }
body.site.rekom-app-theme #rekom-google-reviews .rr-card::before { width:65px; height:65px; border-width:9px; top:-28px; right:-28px; }
body.site.rekom-app-theme #rekom-google-reviews .rr-card::after { font-size:65px; right:12px; }
@media (max-width:991px) {
 body.site.rekom-app-theme #rekom-google-reviews .rr-track { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px) {
 body.site.rekom-app-theme #rekom-google-reviews .rr-track { grid-auto-flow:column; grid-template-columns:none; grid-auto-columns:92%; gap:12px; }
}

/* Light honeycomb surfaces, fixed only on desktop with a fine pointer. */
body.site.rekom-app-theme :is(.wrapper-services-service-station,.wrapper-statistics-service-station) {
  background-color:#f1f4f2 !important;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2255.426%22%20viewBox%3D%220%200%2096%2055.426%22%3E%3Cpath%20d%3D%22M0%2027.713H16L32%200H64L80%2027.713H96M16%2027.713L32%2055.426H64L80%2027.713%22%20fill%3D%22none%22%20stroke%3D%22%23cbd5cd%22%20stroke-opacity%3D%22.58%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E") !important;
  background-repeat:repeat !important;
  background-size:96px 55.426px !important;
  background-attachment:scroll !important;
}
body.site.rekom-app-theme :is(.wrapper-services-service-station,.wrapper-statistics-service-station)::before {
  background:transparent !important;
}
@media (min-width:992px) and (hover:hover) and (pointer:fine) {
  body.site.rekom-app-theme :is(.wrapper-services-service-station,.wrapper-statistics-service-station) {
    background-attachment:fixed !important;
  }
}

/* Fit the full call number in tablet/phone desktop-mode header columns. */
@media (min-width:768px) and (max-width:1199px) {
 body.site.rekom-app-theme .wrapperHeaderTop .wrapper-top-4 .resizable { padding-left:0!important; padding-right:0!important; }
 body.site.rekom-app-theme a.rekom-header-phone { min-height:56px; padding:8px; gap:6px; }
 body.site.rekom-app-theme .rekom-header-phone .rekom-header-phone-icon { flex-basis:30px; width:30px; height:30px; }
 body.site.rekom-app-theme .rekom-header-phone-icon svg { width:20px; height:20px; }
 body.site.rekom-app-theme .rekom-header-phone strong { font-size:16px; }
 body.site.rekom-app-theme .rekom-header-phone small { font-size:12px; }
}