:root{
  --svc-bg:#F7FAF8;
  --svc-surface:#EAF4EC;
  --svc-text:#18211B;
  --svc-soft:#5D6B62;
  --svc-green:#2F6B3A;
  --svc-green-dark:#234F2B;
  --svc-green-light:#D9F3DF;
  --svc-sage:#78A67F;
  --svc-divider:rgba(24,33,27,.14);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--svc-bg);
  color:var(--svc-text);
  font-family:'Figtree',system-ui,sans-serif;
  overflow-x:hidden;
}
a{color:var(--svc-green-dark)}
section[id]{scroll-margin-top:130px}

.svc-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(247,250,248,.92);
  border-bottom:1px solid rgba(24,33,27,.10);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.svc-nav-shell{
  max-width:1180px;
  min-height:66px;
  margin:0 auto;
  padding:10px 24px;
  display:flex;
  align-items:center;
  gap:28px;
  position:relative;
}

.svc-brand{
  margin-right:auto;
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--svc-text);
  text-decoration:none;
  font-family:'Baloo 2',system-ui,sans-serif;
  font-size:20px;
  font-weight:700;
  line-height:1;
  letter-spacing:-.01em;
  white-space:nowrap;
}

.svc-brand-mark{
  width:30px;
  height:30px;
  flex:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  color:var(--svc-bg);
  background:var(--svc-green);
  font-family:'Figtree',system-ui,sans-serif;
  font-size:13px;
  font-weight:700;
}

.svc-nav-links{
  display:flex;
  align-items:center;
  gap:24px;
  font-size:15px;
  font-weight:600;
}

.svc-nav-links a{
  color:var(--svc-text);
  text-decoration:none;
}

.svc-nav-links a:hover{color:var(--svc-green)}
.svc-mobile-only{display:none}

.svc-nav-phone{
  color:var(--svc-green-dark);
  text-decoration:none;
  white-space:nowrap;
  font-family:'Baloo 2',system-ui,sans-serif;
  font-size:17px;
  font-weight:700;
}

.svc-burger{
  display:none;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  padding:0;
  border:0;
  border-radius:999px;
  color:var(--svc-text);
  background:var(--svc-surface);
  cursor:pointer;
}

.svc-intro{
  max-width:1180px;
  margin:0 auto;
  padding:clamp(36px,5vw,72px) 24px clamp(28px,4vw,44px);
}

.svc-breadcrumbs{
  margin-bottom:18px;
  color:var(--svc-soft);
  font-size:14px;
}

.svc-breadcrumbs a{
  color:var(--svc-soft);
  text-decoration:underline;
  text-underline-offset:3px;
}

.svc-breadcrumbs span{margin:0 8px}

.svc-intro h1{
  max-width:22em;
  margin:0 0 18px;
  color:var(--svc-text);
  font-family:'Baloo 2',system-ui,sans-serif;
  font-size:clamp(34px,4.8vw,58px);
  font-weight:700;
  line-height:1.06;
  letter-spacing:-.02em;
}

.svc-intro>p{
  max-width:34em;
  margin:0 0 28px;
  color:var(--svc-soft);
  font-size:clamp(16px,1.5vw,19px);
  line-height:1.6;
}

.svc-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.svc-tabs a{
  flex:none;
  padding:9px 18px;
  border-radius:999px;
  color:var(--svc-text);
  background:var(--svc-surface);
  text-decoration:none;
  font-size:14px;
  font-weight:600;
}

.svc-tabs a:hover{
  background:var(--svc-green-light);
}

.svc-tabs .svc-tab-accent{
  color:#F7FAF8;
  background:var(--svc-green-dark);
}


.svc-sticky{display:none}

@media(max-width:900px){
  body{padding-bottom:78px}

  .svc-nav-shell{gap:14px}

  .svc-nav-links{display:none !important}

  .svc-nav-links.open{
    display:grid !important;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    gap:2px;
    padding:8px 24px 18px;
    border-top:1px solid rgba(24,33,27,.12);
    background:rgba(247,250,248,.98);
    box-shadow:0 16px 28px rgba(24,33,27,.10);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
  }

  .svc-nav-links.open a{
    display:block;
    padding:13px 0;
    border-bottom:1px solid rgba(24,33,27,.10);
    color:var(--svc-text);
    font-size:17px;
    font-weight:600;
  }

  .svc-nav-links.open .svc-mobile-only{display:block}

  wet-paint-cta[data-nav-cta]{display:none !important}
  .svc-burger{display:inline-flex}

  .svc-sticky{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:1200;
    display:flex;
    gap:10px;
    align-items:center;
    padding:10px 14px;
    background:var(--svc-text);
  }

  .svc-sticky a{
    flex:1;
    min-height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:13px 16px;
    border-radius:999px;
    text-decoration:none;
    font-family:'Baloo 2',system-ui,sans-serif;
    font-size:15px;
    font-weight:700;
  }

  .svc-sticky-call{
    color:#F7FAF8;
    border:1px solid rgba(247,250,248,.30);
  }

  .svc-sticky-quote{
    color:#F7FAF8;
    background:var(--svc-green);
  }
}

@media(max-width:760px){
  section[id]{scroll-margin-top:84px}

  .svc-tabs{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:6px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  .svc-tabs::-webkit-scrollbar{display:none}
}

@media(max-width:520px){
  .svc-nav-shell,
  .svc-intro{
    padding-left:16px;
    padding-right:16px;
  }

  .svc-brand>span:last-child{display:none}
  .svc-nav-phone{font-size:14px}
}

/* ==========================================================================
   Services STEP 18: Výmalba bytů
   Exact 1.1 / .9 split from Služby.dc.html; palette mapped to DL green.
   ========================================================================== */

.svc-service{
  max-width:1180px;
  margin:0 auto;
  padding:clamp(36px,5vw,64px) 24px;
}

.svc-service-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:clamp(28px,5vw,56px);
  align-items:start;
}

.svc-service-kicker{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
  color:var(--svc-green);
  font-size:13px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.svc-service-number{
  width:40px;
  height:40px;
  flex:none;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  color:#F7FAF8;
  background:var(--svc-green);
  font-family:'Baloo 2',system-ui,sans-serif;
  font-size:17px;
  letter-spacing:0;
}

.svc-service-copy h2{
  margin:0 0 16px;
  color:var(--svc-text);
  font-family:'Baloo 2',system-ui,sans-serif;
  font-size:clamp(28px,3.4vw,40px);
  font-weight:700;
  line-height:1.08;
  letter-spacing:normal;
}

.svc-service-copy p{
  margin:0 0 14px;
  color:var(--svc-soft);
  font-size:17px;
  line-height:1.58;
  text-wrap:pretty;
}

.svc-service-copy p:last-of-type{
  margin-bottom:24px;
}

.svc-service-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}

.svc-secondary-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:11px 20px;
  border:1px solid rgba(24,33,27,.18);
  border-radius:999px;
  color:var(--svc-text);
  background:transparent;
  text-decoration:none;
  font-family:'Baloo 2',system-ui,sans-serif;
  font-size:15px;
  font-weight:700;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}

.svc-secondary-btn:hover{
  transform:translateY(-2px);
  border-color:rgba(47,107,58,.35);
  background:var(--svc-green-light);
}

.svc-included-card{
  padding:26px;
  border-radius:28px;
  background:var(--svc-surface);
}

.svc-included-card h3{
  margin:0 0 14px;
  color:var(--svc-text);
  font-family:'Baloo 2',system-ui,sans-serif;
  font-size:18px;
  font-weight:700;
  line-height:1.2;
}

.svc-included-list{
  display:grid;
  gap:10px;
  color:var(--svc-soft);
  font-size:15px;
  line-height:1.5;
}

.svc-included-list>div{
  display:flex;
  gap:10px;
}

.svc-included-list span{
  flex:none;
  color:var(--svc-sage);
  font-weight:700;
}

.svc-included-note{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid var(--svc-divider);
  color:var(--svc-soft);
  font-size:14px;
  line-height:1.5;
}

@media(max-width:900px){
  .svc-service-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .svc-service{
    padding-left:24px;
    padding-right:24px;
  }
}

@media(max-width:520px){
  .svc-service{
    padding-left:16px;
    padding-right:16px;
  }

  .svc-service-actions{
    align-items:stretch;
  }

  .svc-secondary-btn{
    width:100%;
  }
}


/* ==========================================================================
   Services STEP 19: Výmalba rodinných domů
   Exact .9 / 1.1 split from Služby.dc.html; palette mapped to DL green.
   ========================================================================== */

.svc-house{
  padding:clamp(44px,6vw,80px) 0;
  background:var(--svc-surface);
}

.svc-house-inner{
  max-width:1180px;
  margin:0 auto;
  padding:0 24px;
}

.svc-house-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:clamp(28px,5vw,56px);
  align-items:center;
}

.svc-house-media{
  order:2;
  height:clamp(240px,30vw,380px);
}

.svc-house-placeholder{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  padding:22px;
  border-radius:28px;
  color:var(--svc-green-dark);
  background:
    radial-gradient(circle at 25% 20%,rgba(255,255,255,.78),transparent 27%),
    radial-gradient(circle at 78% 72%,rgba(120,166,127,.22),transparent 30%),
    linear-gradient(145deg,#EEF5F0 0%,#D8E7DB 100%);
  box-shadow:0 3px 10px rgba(24,33,27,.10);
}

.svc-house-placeholder::before{
  content:"";
  position:absolute;
  inset:16px;
  border:1px dashed rgba(47,107,58,.24);
  border-radius:20px;
}

.svc-house-placeholder::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:58px;
  height:42px;
  border:2px solid rgba(47,107,58,.28);
  border-radius:10px;
  transform:translate(-50%,-50%);
  background:
    linear-gradient(145deg,transparent 48%,rgba(47,107,58,.18) 49% 58%,transparent 59%),
    linear-gradient(35deg,transparent 48%,rgba(47,107,58,.12) 49% 58%,transparent 59%);
}

.svc-house-placeholder span{
  position:relative;
  z-index:1;
  display:inline-flex;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(247,250,248,.86);
  font-size:13px;
  font-weight:700;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

.svc-house-copy h2{
  margin:0 0 16px;
  color:var(--svc-text);
  font-family:'Baloo 2',system-ui,sans-serif;
  font-size:clamp(28px,3.4vw,40px);
  font-weight:700;
  line-height:1.08;
  letter-spacing:normal;
}

.svc-house-copy p{
  margin:0 0 14px;
  color:var(--svc-soft);
  font-size:17px;
  line-height:1.58;
  text-wrap:pretty;
}

.svc-house-copy p:last-of-type{
  margin-bottom:24px;
}

@media(max-width:900px){
  .svc-house-grid{
    grid-template-columns:1fr;
  }

  .svc-house-media{
    order:2;
  }
}

@media(max-width:760px){
  .svc-house-inner{
    padding-left:24px;
    padding-right:24px;
  }

  .svc-house-media{
    height:clamp(240px,68vw,360px);
  }
}

@media(max-width:520px){
  .svc-house-inner{
    padding-left:16px;
    padding-right:16px;
  }
}


/* ==========================================================================
   Services STEP 20: Kanceláře a provozovny
   Exact 1.1 / .9 split and "Jak to řešíme" card from Služby.dc.html.
   ========================================================================== */

.svc-offices{
  padding-top:clamp(44px,6vw,80px);
  padding-bottom:clamp(44px,6vw,80px);
}

.svc-how-card{
  padding:26px;
  border-radius:28px;
  background:var(--svc-surface);
}

.svc-how-card h3{
  margin:0 0 16px;
  color:var(--svc-text);
  font-family:'Baloo 2',system-ui,sans-serif;
  font-size:18px;
  font-weight:700;
  line-height:1.2;
}

.svc-how-list{
  display:grid;
  gap:16px;
  color:var(--svc-soft);
  font-size:15px;
  line-height:1.5;
}

.svc-how-list>div{
  display:grid;
  gap:3px;
}

.svc-how-list strong{
  display:block;
  color:var(--svc-text);
  font-family:'Baloo 2',system-ui,sans-serif;
  font-size:16px;
  font-weight:700;
  line-height:1.25;
}


/* ==========================================================================
   Services STEP 21: Byt před pronájmem a prodejem
   Full-width light band with 1.1 / .9 inner split from Služby.dc.html.
   ========================================================================== */

.svc-rental{
  padding:clamp(44px,6vw,80px) 0;
  background:var(--svc-surface);
}

.svc-rental-inner{
  max-width:1180px;
  margin:0 auto;
  padding:0 24px;
}

.svc-rental-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:clamp(28px,5vw,56px);
  align-items:start;
}

.svc-rental-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}

.svc-rental-actions>span{
  max-width:25em;
  color:var(--svc-soft);
  font-size:14px;
  line-height:1.45;
}

.svc-rental-card{
  padding:26px;
  border-radius:28px;
  background:var(--svc-bg);
}

.svc-rental-card h3{
  margin:0 0 14px;
  color:var(--svc-text);
  font-family:'Baloo 2',system-ui,sans-serif;
  font-size:18px;
  font-weight:700;
  line-height:1.2;
}

.svc-rental-list{
  display:grid;
  gap:10px;
  color:var(--svc-soft);
  font-size:15px;
  line-height:1.5;
}

.svc-rental-list>div{
  display:flex;
  gap:10px;
}

.svc-rental-list span{
  flex:none;
  color:var(--svc-sage);
  font-weight:700;
}

@media(max-width:900px){
  .svc-rental-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .svc-rental-inner{
    padding-left:24px;
    padding-right:24px;
  }
}

@media(max-width:520px){
  .svc-rental-inner{
    padding-left:16px;
    padding-right:16px;
  }

  .svc-rental-actions{
    align-items:flex-start;
  }

  .svc-rental-actions>span{
    width:100%;
  }
}


/* ==========================================================================
   Services STEP 22: Dekorativní stěrky a Marmorino Classico
   Full-width dark band with 1.05 / .95 split from Služby.dc.html.
   ========================================================================== */

.svc-marmorino{
  padding:clamp(48px,7vw,90px) 0;
  color:#F0FAE1;
  background:var(--svc-green-dark);
}

.svc-marmorino-inner{
  max-width:1180px;
  margin:0 auto;
  padding:0 24px;
}

.svc-marmorino-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:clamp(28px,5vw,56px);
  align-items:center;
}

.svc-marmorino-kicker{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
  color:var(--svc-green-light);
  font-size:13px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.svc-marmorino-number{
  width:40px;
  height:40px;
  flex:none;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  color:var(--svc-green-dark);
  background:var(--svc-sage);
  font-family:'Baloo 2',system-ui,sans-serif;
  font-size:17px;
  letter-spacing:0;
}

.svc-marmorino-copy h2{
  margin:0 0 18px;
  color:#F0FAE1;
  font-family:'Baloo 2',system-ui,sans-serif;
  font-size:clamp(27px,3.1vw,37px);
  font-weight:600;
  line-height:1.14;
  letter-spacing:-.015em;
}

.svc-marmorino-copy p{
  margin:0 0 14px;
  color:#DCEBD2;
  font-size:17px;
  line-height:1.58;
  text-wrap:pretty;
}

.svc-marmorino-copy p:last-of-type{
  margin-bottom:22px;
}

.svc-marmorino-steps{
  display:grid;
  gap:12px;
  margin-bottom:26px;
  color:#F0FAE1;
  font-size:15px;
  line-height:1.5;
}

.svc-marmorino-steps>div{
  display:flex;
  gap:10px;
}

.svc-marmorino-steps span{
  flex:none;
  color:var(--svc-sage);
  font-weight:700;
}

.svc-marmorino-media{
  height:clamp(260px,32vw,420px);
}

.svc-marmorino-placeholder{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  padding:22px;
  border-radius:28px;
  background:
    radial-gradient(circle at 25% 22%,rgba(217,243,223,.24),transparent 26%),
    radial-gradient(circle at 72% 68%,rgba(120,166,127,.30),transparent 28%),
    linear-gradient(145deg,#31553A 0%,#193A25 100%);
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}

.svc-marmorino-placeholder::before{
  content:"";
  position:absolute;
  inset:16px;
  border:1px dashed rgba(217,243,223,.28);
  border-radius:20px;
}

.svc-marmorino-placeholder::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:64px;
  height:46px;
  border:2px solid rgba(217,243,223,.30);
  border-radius:10px;
  transform:translate(-50%,-50%);
  background:
    linear-gradient(145deg,transparent 48%,rgba(217,243,223,.16) 49% 58%,transparent 59%),
    linear-gradient(35deg,transparent 48%,rgba(217,243,223,.10) 49% 58%,transparent 59%);
}

.svc-marmorino-placeholder span{
  position:relative;
  z-index:1;
  display:inline-flex;
  padding:7px 11px;
  border-radius:999px;
  color:var(--svc-green-dark);
  background:rgba(240,250,225,.88);
  font-size:13px;
  font-weight:700;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

@media(max-width:900px){
  .svc-marmorino-grid{
    grid-template-columns:1fr;
  }

  .svc-marmorino-media{
    height:clamp(260px,68vw,380px);
  }
}

@media(max-width:760px){
  .svc-marmorino-inner{
    padding-left:24px;
    padding-right:24px;
  }
}

@media(max-width:520px){
  .svc-marmorino-inner{
    padding-left:16px;
    padding-right:16px;
  }
}


/* ==========================================================================
   Services STEP 23: Příprava a opravy povrchů
   Exact 1.1 / .9 split with repair checklist from Služby.dc.html.
   ========================================================================== */

.svc-prep{
  padding-top:clamp(44px,6vw,80px);
  padding-bottom:clamp(44px,6vw,80px);
}

.svc-prep-card{
  padding:26px;
  border-radius:28px;
  background:var(--svc-surface);
}

.svc-prep-card h3{
  margin:0 0 14px;
  color:var(--svc-text);
  font-family:'Baloo 2',system-ui,sans-serif;
  font-size:18px;
  font-weight:700;
  line-height:1.2;
}

.svc-prep-list{
  display:grid;
  gap:10px;
  color:var(--svc-soft);
  font-size:15px;
  line-height:1.5;
}

.svc-prep-list>div{
  display:flex;
  gap:10px;
}

.svc-prep-list span{
  flex:none;
  color:var(--svc-sage);
  font-weight:700;
}


/* ==========================================================================
   Services STEP 24: Poptávka
   .85 / 1.15 split from Služby.dc.html, wired to existing Netlify form flow.
   ========================================================================== */

.svc-quote{
  max-width:1180px;
  margin:0 auto;
  padding:clamp(56px,8vw,100px) 24px;
}

.svc-quote-grid{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:clamp(28px,5vw,64px);
  align-items:start;
}

.svc-quote-copy h6{
  margin:0 0 12px;
  color:var(--svc-green);
  font-family:'Figtree',system-ui,sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.svc-quote-copy h2{
  margin:0 0 16px;
  color:var(--svc-text);
  font-family:'Baloo 2',system-ui,sans-serif;
  font-size:clamp(28px,3.6vw,44px);
  font-weight:700;
  line-height:1.08;
}

.svc-quote-copy>p{
  margin:0 0 28px;
  color:var(--svc-soft);
  font-size:17px;
  line-height:1.58;
  text-wrap:pretty;
}

.svc-contact-list{
  display:grid;
  gap:16px;
  margin-bottom:28px;
}

.svc-contact-row{
  display:flex;
  gap:14px;
  align-items:flex-start;
}

.svc-contact-icon{
  width:36px;
  height:36px;
  flex:none;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--svc-surface);
  font-size:16px;
}

.svc-contact-label{
  margin-bottom:2px;
  color:var(--svc-soft);
  font-size:13px;
  font-weight:600;
}

.svc-contact-values{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}

.svc-contact-values a{
  color:var(--svc-text);
  text-decoration:none;
  font-family:'Baloo 2',system-ui,sans-serif;
  font-size:21px;
  font-weight:700;
}

.svc-contact-values span{
  color:rgba(24,33,27,.35);
}

.svc-contact-email{
  color:var(--svc-text);
  text-decoration:none;
  font-size:17px;
}

.svc-review-note{
  padding:20px 24px;
  border-radius:24px;
  background:var(--svc-green-light);
}

.svc-review-note h3{
  margin:0 0 6px;
  color:var(--svc-green-dark);
  font-family:'Baloo 2',system-ui,sans-serif;
  font-size:17px;
  font-weight:700;
}

.svc-review-note p{
  margin:0;
  color:var(--svc-green-dark);
  font-size:14px;
  line-height:1.5;
}

.svc-quote-card{
  padding:clamp(24px,3vw,40px);
  border-radius:32px;
  background:var(--svc-surface);
  box-shadow:0 12px 32px rgba(24,33,27,.14);
}

.svc-quote-form{
  display:grid;
  gap:16px;
}

.svc-form-two{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.svc-field{
  display:grid;
  gap:7px;
}

.svc-field label{
  color:var(--svc-text);
  font-size:14px;
  font-weight:700;
}

.svc-input{
  width:100%;
  min-height:48px;
  padding:12px 14px;
  border:1px solid rgba(24,33,27,.17);
  border-radius:14px;
  outline:none;
  color:var(--svc-text);
  background:rgba(247,250,248,.90);
  font:inherit;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}

textarea.svc-input{
  min-height:116px;
  resize:vertical;
}

.svc-input:focus{
  border-color:rgba(47,107,58,.65);
  background:#fff;
  box-shadow:0 0 0 3px rgba(47,107,58,.10);
}

.svc-honeypot{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  white-space:nowrap !important;
}

.svc-privacy-note{
  margin:0;
  color:var(--svc-soft);
  text-align:center;
  font-size:12px;
  line-height:1.45;
}

.svc-privacy-note a{
  color:var(--svc-green-dark);
}

.svc-form-success{
  padding:28px 4px;
}

.svc-success-icon{
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
  border-radius:999px;
  color:#F7FAF8;
  background:var(--svc-sage);
  font-size:24px;
  font-weight:700;
}

.svc-form-success h3{
  margin:0 0 10px;
  color:var(--svc-text);
  font-family:'Baloo 2',system-ui,sans-serif;
  font-size:26px;
  font-weight:700;
}

.svc-form-success p{
  margin:0 0 22px;
  color:var(--svc-soft);
  font-size:16px;
  line-height:1.55;
}

@media(max-width:900px){
  .svc-quote-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .svc-quote{
    padding-left:24px;
    padding-right:24px;
  }

  .svc-form-two{
    grid-template-columns:1fr;
  }

  .svc-input{
    font-size:16px;
  }
}

@media(max-width:520px){
  .svc-quote{
    padding-left:16px;
    padding-right:16px;
  }

  .svc-contact-values{
    display:grid;
    gap:0;
  }

  .svc-contact-values span{
    display:none;
  }
}


/* ==========================================================================
   Services STEP 25: Footer
   1.4 / .8 / .8 layout from Služby.dc.html; palette mapped to DL green.
   ========================================================================== */

.svc-footer{
  padding:clamp(40px,5vw,60px) 0 26px;
  color:#DCE7DF;
  background:var(--svc-text);
}

.svc-footer-inner{
  max-width:1180px;
  margin:0 auto;
  padding:0 24px;
}

.svc-footer-grid{
  display:grid;
  grid-template-columns:1.4fr .8fr .8fr;
  gap:clamp(24px,4vw,56px);
  padding-bottom:32px;
}

.svc-footer-logo{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
  color:#F7FAF8;
  font-family:'Baloo 2',system-ui,sans-serif;
  font-size:22px;
  font-weight:700;
  line-height:1;
}

.svc-footer-logo>span{
  width:30px;
  height:30px;
  flex:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  color:#F7FAF8;
  background:var(--svc-green);
  font-family:'Figtree',system-ui,sans-serif;
  font-size:13px;
  font-weight:700;
}

.svc-footer-brand p{
  max-width:34em;
  margin:0 0 18px;
  color:#9FAEA4;
  font-size:15px;
  line-height:1.55;
}

.svc-footer-column h3{
  margin:0 0 14px;
  color:#7F9184;
  font-family:'Figtree',system-ui,sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.svc-footer-column nav,
.svc-footer-links{
  display:grid;
  gap:10px;
  font-size:15px;
}

.svc-footer-column a,
.svc-footer-bottom a{
  color:#DCE7DF;
  text-decoration:none;
}

.svc-footer-column a:hover,
.svc-footer-bottom a:hover{
  color:#F7FAF8;
}

.svc-footer-bottom{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:space-between;
  padding-top:20px;
  border-top:1px solid rgba(247,250,248,.14);
  color:#7F9184;
  font-size:13px;
  line-height:1.5;
}

@media(max-width:900px){
  .svc-footer-grid{
    grid-template-columns:1fr;
  }

  .svc-footer-column nav,
  .svc-footer-links{
    max-width:28em;
  }
}

@media(max-width:760px){
  .svc-footer-inner{
    padding-left:24px;
    padding-right:24px;
  }

  .svc-footer-bottom{
    display:grid;
    justify-content:start;
  }
}

@media(max-width:520px){
  .svc-footer-inner{
    padding-left:16px;
    padding-right:16px;
  }
}


/* ==========================================================================
   Services FINAL AUDIT: mobile navigation parity with supplied source
   ========================================================================== */

@media(max-width:900px){
  .svc-nav-links.open .svc-desktop-only{
    display:none !important;
  }

  .svc-nav-links.open .svc-mobile-call{
    margin-top:14px;
    padding:14px 20px;
    border:1px solid rgba(24,33,27,.18);
    border-bottom:1px solid rgba(24,33,27,.18);
    border-radius:999px;
    color:var(--svc-text);
    background:transparent;
    text-align:center;
  }
}


/* Real realization photos on Services page */
.svc-service-photo{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:28px;
  box-shadow:0 12px 30px rgba(24,33,27,.14);
}

.svc-service-photo-top{
  object-position:center top;
}


/* Crop adjustment for house painting photo */
.svc-service-photo-house{
  object-position:center 18%;
}