/* MUVIO: сторінки розділу «Сервіс» (адреса, сервіс і ремонт, контакти, франшиза).
   Плоский стиль як у каталозі й на сторінках магазину: Inter, без карток, номерів і ліній. */
html:not(#_):not(#__):not(#___) body{background:#fff !important}
html.dark:not(#_):not(#__):not(#___) body,html.theme-dark:not(#_):not(#__):not(#___) body,html[data-theme="dark"]:not(#_):not(#__):not(#___) body{background:#000 !important}

html:not(#_):not(#__):not(#___) .sp-main,
html:not(#_):not(#__):not(#___) .sp-main *{font-family:"Inter","Helvetica Neue",Arial,sans-serif !important}
.sp-main{max-width:1040px;margin:0 auto;padding:64px 24px 112px;box-sizing:border-box}
.sp-main *{box-sizing:border-box}

html:not(#_):not(#__):not(#___) .sp-eyebrow{font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;opacity:.6;margin:0 0 18px}
html:not(#_):not(#__):not(#___) .sp-h1{font-size:clamp(30px,3.6vw,44px);font-weight:400;line-height:1.12;letter-spacing:-.01em;text-transform:none;margin:0 0 22px}
html:not(#_):not(#__):not(#___) .sp-lead{font-size:17px;line-height:1.7;opacity:.75;max-width:700px;margin:0}
.sp-section{margin-top:84px}
html:not(#_):not(#__):not(#___) .sp-h2{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin:0 0 32px}
html:not(#_):not(#__):not(#___) .sp-intro{font-size:15px;line-height:1.75;opacity:.75;max-width:700px;margin:-8px 0 36px}

.sp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 64px}
.sp-grid.sp-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 48px}
html:not(#_):not(#__):not(#___) .sp-item h3{font-size:18px;font-weight:500;line-height:1.3;text-transform:none;letter-spacing:0;margin:0 0 10px}
html:not(#_):not(#__):not(#___) .sp-item p{font-size:15px;line-height:1.75;opacity:.75;margin:0}
html:not(#_):not(#__):not(#___) .sp-item p + p{margin-top:10px}

.sp-facts{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px 40px;margin:0}
html:not(#_):not(#__):not(#___) .sp-facts dt{font-size:14px;opacity:.55;margin:0}
html:not(#_):not(#__):not(#___) .sp-facts dd{font-size:16px;line-height:1.6;margin:0}

.sp-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
html:not(#_):not(#__):not(#___) a.sp-btn,html:not(#_):not(#__):not(#___) button.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 28px;font-size:15px;font-weight:500;letter-spacing:.01em;text-decoration:none;text-transform:none;background:#1D5D3B;color:#fff !important;border:1px solid #1D5D3B;border-radius:0;cursor:pointer;transition:background-color .15s ease}
html:not(#_):not(#__):not(#___) a.sp-btn:hover,html:not(#_):not(#__):not(#___) button.sp-btn:hover{background:#24754A;border-color:#24754A}
html:not(#_):not(#__):not(#___) a.sp-btn.sp-ghost{background:transparent;color:inherit !important;border:1px solid rgba(128,128,128,.55)}
html:not(#_):not(#__):not(#___) a.sp-btn.sp-ghost:hover{border-color:currentColor;background:transparent}
html:not(#_):not(#__):not(#___) button.sp-btn:disabled{opacity:.6;cursor:default}

html:not(#_):not(#__):not(#___) a.sp-link{color:#1D5D3B !important;text-decoration:underline;text-underline-offset:3px}
html.dark:not(#_):not(#__):not(#___) a.sp-link,html.theme-dark:not(#_):not(#__):not(#___) a.sp-link,html[data-theme="dark"]:not(#_):not(#__):not(#___) a.sp-link{color:#34D399 !important}
html:not(#_):not(#__):not(#___) a.sp-big{font-size:20px;font-weight:500;text-decoration:none;color:inherit !important}
html:not(#_):not(#__):not(#___) a.sp-big:hover{color:#1D5D3B !important}
html.dark:not(#_):not(#__):not(#___) a.sp-big:hover,html[data-theme="dark"]:not(#_):not(#__):not(#___) a.sp-big:hover{color:#34D399 !important}

.sp-map{display:block;width:100%;height:440px;border:0;background:rgba(128,128,128,.12);transform:translateZ(0)}
html.dark .sp-map,html[data-theme="dark"] .sp-map{filter:invert(.92) hue-rotate(180deg) contrast(.9)}

.sp-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px;max-width:760px}
.sp-form .sp-full{grid-column:1/-1}
html:not(#_):not(#__):not(#___) .sp-form label{display:block;font-size:13px;opacity:.65;margin:0 0 6px}
html:not(#_):not(#__):not(#___):not(#____) .sp-form input{width:100%;height:46px;padding:0 2px;font-size:16px;color:inherit;background:transparent !important;border:0 !important;border-bottom:1px solid rgba(128,128,128,.55) !important;border-radius:0 !important;box-shadow:none !important;outline:none !important}
html:not(#_):not(#__):not(#___):not(#____) .sp-form input:focus{border-bottom-color:currentColor !important}
html:not(#_):not(#__):not(#___) .sp-feedback{display:none;font-size:14px;line-height:1.6}
html:not(#_):not(#__):not(#___) .sp-feedback.sp-show{display:block}
html:not(#_):not(#__):not(#___) .sp-feedback.sp-ok{color:#1D5D3B}
html:not(#_):not(#__):not(#___) .sp-feedback.sp-err{color:#B42318}
html.dark:not(#_):not(#__):not(#___) .sp-feedback.sp-ok,html[data-theme="dark"]:not(#_):not(#__):not(#___) .sp-feedback.sp-ok{color:#34D399}
html.dark:not(#_):not(#__):not(#___) .sp-feedback.sp-err,html[data-theme="dark"]:not(#_):not(#__):not(#___) .sp-feedback.sp-err{color:#F87171}

@media (max-width:820px){
    .sp-main{padding:40px 20px 80px}
    .sp-section{margin-top:64px}
    .sp-grid,.sp-grid.sp-3{grid-template-columns:1fr;gap:32px}
    .sp-facts{grid-template-columns:1fr;gap:4px 0}
    .sp-facts dd{margin-bottom:18px !important}
    .sp-map{height:320px}
    .sp-form{grid-template-columns:1fr;gap:22px}
    .sp-actions{flex-direction:column}
    html:not(#_):not(#__):not(#___) a.sp-btn,html:not(#_):not(#__):not(#___) button.sp-btn{width:100%}
}

/* Текст у вкладених span мусить успадковувати колір кнопки/посилання (інакше тема перебиває його) */
html:not(#_):not(#__):not(#___):not(#____) .sp-main a span,html:not(#_):not(#__):not(#___):not(#____) .sp-main button span{color:inherit !important}
html:not(#_):not(#__):not(#___):not(#____) a.sp-btn.sp-ghost{color:#111827 !important}
html.dark:not(#_):not(#__):not(#___):not(#____) a.sp-btn.sp-ghost,html.theme-dark:not(#_):not(#__):not(#___):not(#____) a.sp-btn.sp-ghost,html[data-theme="dark"]:not(#_):not(#__):not(#___):not(#____) a.sp-btn.sp-ghost{color:#fff !important}
html:not(#_):not(#__):not(#___):not(#____) a.sp-btn:not(.sp-ghost),html:not(#_):not(#__):not(#___):not(#____) button.sp-btn{color:#fff !important}
html:not(#_):not(#__):not(#___) .sp-item p:has(a.sp-big){opacity:1}