/* Salon index page. Kept external because native content sanitisation removes inline styles. */
body:has(.all-salons-page) .all-salons-page{
  --salons-ink:#2f2a25;
  --salons-muted:#756d65;
  --salons-line:#eadfd4;
  --salons-soft:#faf7f2;
  --salons-accent:#f5a400;
  --salons-accent-dark:#d88900;
  --salons-shadow:0 16px 36px rgba(45,35,27,.09);
  width:100%;
  margin:0;
  background:#fff;
  color:var(--salons-ink);
  font:400 16px/1.6 Roboto,Arial,sans-serif;
}
body:has(.all-salons-page) .all-salons-page *,
body:has(.all-salons-page) .all-salons-page *::before,
body:has(.all-salons-page) .all-salons-page *::after{box-sizing:border-box}
body:has(.all-salons-page) .all-salons-page :is(h1,h2,h3,strong,.eyebrow,a,button){font-family:Montserrat,Arial,sans-serif}
body:has(.all-salons-page) .all-salons-page a{color:inherit;text-decoration:none}
body:has(.all-salons-page) .all-salons-page :is(img,svg){display:block}
body:has(.all-salons-page) .all-salons-page .wrap{width:min(var(--dn-wrap,1200px),calc(100% - 64px));margin-inline:auto}
body:has(.all-salons-page) .all-salons-page .breadcrumbs{display:flex;align-items:center;gap:9px;margin:0 0 30px;color:var(--salons-muted);font-size:13px}
body:has(.all-salons-page) .all-salons-page .breadcrumbs strong{color:var(--salons-ink)}
body:has(.all-salons-page) .all-salons-page .section-head-centered{max-width:760px;margin:0 auto 32px;text-align:center}
body:has(.all-salons-page) .all-salons-page .section-head-centered h2{margin:0 0 10px;color:var(--salons-ink);font-size:clamp(32px,3vw,46px);line-height:1.12;letter-spacing:-.025em;text-transform:none}
body:has(.all-salons-page) .all-salons-page .section-head-centered p{margin:0;color:var(--salons-muted);font-size:16px}

body:has(.all-salons-page) .all-salons-hero{
  display:flex;
  min-height:430px;
  align-items:center;
  padding:52px 0;
  border-bottom:1px solid var(--salons-line);
  background:
    linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.91) 39%,rgba(255,255,255,.27) 100%),
    url('/uploads/images/salonai-miestai/salonai-hero-showroom-v2.webp') center right/cover no-repeat;
}
body:has(.all-salons-page) .all-salons-hero-copy{max-width:620px}
body:has(.all-salons-page) .all-salons-hero h1{max-width:590px;margin:0 0 18px;color:var(--salons-ink);font-size:clamp(40px,4vw,52px);font-weight:700;line-height:1.06;letter-spacing:-.03em;text-transform:none}
body:has(.all-salons-page) .all-salons-hero-copy p{max-width:570px;margin:0 0 26px;color:var(--salons-ink);font-size:18px;line-height:1.55}
body:has(.all-salons-page) .all-salons-count{display:inline-flex;align-items:center;gap:10px;color:var(--salons-ink);font-weight:700}
body:has(.all-salons-page) .all-salons-count>span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#fff1d5;color:var(--salons-accent-dark)}
body:has(.all-salons-page) .all-salons-count svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}

body:has(.all-salons-page) .all-salons-cities{padding:58px 0 32px}
body:has(.all-salons-page) .all-salons-map{display:block;overflow:hidden;margin-bottom:38px;padding:0;border:1px solid var(--salons-line);border-radius:8px;background:var(--salons-soft)}
body:has(.all-salons-page) .all-salons-map__intro{padding:30px 34px 27px}
body:has(.all-salons-page) .all-salons-map__intro .eyebrow{margin:0 0 9px;color:var(--salons-accent-dark);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body:has(.all-salons-page) .all-salons-map__intro h2{max-width:700px;margin:0 0 10px;color:var(--salons-ink);font-size:clamp(29px,2.4vw,38px);line-height:1.12;letter-spacing:-.025em;text-transform:none}
body:has(.all-salons-page) .all-salons-map__intro>p:last-child{max-width:700px;margin:0;color:var(--salons-muted);font-size:15px;line-height:1.6}
body:has(.all-salons-page) .all-salons-map__layout{display:block;min-width:0;background:#fff}
body:has(.all-salons-page) .all-salons-map__filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--salons-line);border-bottom:1px solid var(--salons-line);background:#fff}
body:has(.all-salons-page) .all-salons-map__filters button{min-width:0;min-height:58px;padding:0 14px;border:0;border-right:1px solid var(--salons-line);background:#fff;color:var(--salons-ink);cursor:pointer;font:700 13px/1.25 Montserrat,Arial,sans-serif;transition:background-color .16s ease,color .16s ease}
body:has(.all-salons-page) .all-salons-map__filters button:last-child{border-right:0}
body:has(.all-salons-page) .all-salons-map__filters button:is(:hover,:focus-visible){background:#fff5e3}
body:has(.all-salons-page) .all-salons-map__filters button.is-active{background:var(--salons-accent);color:var(--salons-ink)}
body:has(.all-salons-page) .all-salons-map__filters button:focus-visible{position:relative;z-index:2;outline:3px solid rgba(245,164,0,.38);outline-offset:-3px}
body:has(.all-salons-page) .all-salons-map__canvas{min-width:0;overflow:hidden;background:#eee8e0}
body:has(.all-salons-page) .all-salons-map__canvas iframe{display:block;width:100%;height:520px;border:0;background:#eee8e0}
body:has(.all-salons-page) .all-salons-map__locations{display:flex;gap:8px;overflow-x:auto;padding:13px 14px;border-top:1px solid var(--salons-line);border-bottom:1px solid var(--salons-line);background:#fff;scrollbar-width:thin;scroll-snap-type:x proximity}
body:has(.all-salons-page) .all-salons-map__locations button{display:grid;position:relative;min-width:172px;min-height:58px;padding:9px 12px 9px 31px;border:1px solid var(--salons-line);border-radius:3px;background:#fff;color:var(--salons-ink);cursor:pointer;text-align:left;scroll-snap-align:start;transition:border-color .16s ease,background-color .16s ease}
body:has(.all-salons-page) .all-salons-map__locations button::before{position:absolute;top:17px;left:13px;width:8px;height:8px;border-radius:50%;background:var(--salons-accent);box-shadow:0 0 0 4px rgba(245,164,0,.16);content:""}
body:has(.all-salons-page) .all-salons-map__locations button:is(:hover,:focus-visible),body:has(.all-salons-page) .all-salons-map__locations button.is-active{border-color:var(--salons-accent-dark);background:#fff8eb}
body:has(.all-salons-page) .all-salons-map__locations button:focus-visible{outline:2px solid rgba(245,164,0,.38);outline-offset:2px}
body:has(.all-salons-page) .all-salons-map__locations strong{font:700 12.5px/1.25 Montserrat,Arial,sans-serif}
body:has(.all-salons-page) .all-salons-map__locations small{margin-top:3px;color:var(--salons-muted);font-size:12px}
body:has(.all-salons-page) .all-salons-map__locations button[hidden]{display:none!important}
body:has(.all-salons-page) .all-salons-map__footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;padding:12px 20px;background:#fff}
body:has(.all-salons-page) .all-salons-map__footer>span{color:var(--salons-muted);font-size:13px}
body:has(.all-salons-page) .all-salons-map__footer a{display:inline-flex;align-items:center;gap:9px;color:var(--salons-accent-dark);font-size:13px;font-weight:700}
body:has(.all-salons-page) .all-salons-map__footer a span{font-size:19px;transition:transform .16s ease}
body:has(.all-salons-page) .all-salons-map__footer a:hover span{transform:translateX(3px)}
body:has(.all-salons-page) .all-salons-city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body:has(.all-salons-page) .all-salons-city-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--salons-line);border-radius:8px;background:#fff;box-shadow:var(--salons-shadow);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
body:has(.all-salons-page) .all-salons-city-card:hover{border-color:var(--salons-accent);box-shadow:0 20px 42px rgba(246,166,0,.14);transform:translateY(-3px)}
body:has(.all-salons-page) .all-salons-city-card:focus-visible{outline:3px solid rgba(245,164,0,.42);outline-offset:3px}
body:has(.all-salons-page) .all-salons-city-card.is-featured{border-color:var(--salons-line)}
body:has(.all-salons-page) .all-salons-city-card>img{width:100%;height:210px;padding:10px;object-fit:contain;object-position:center;background:#fbf7f1}
body:has(.all-salons-page) .all-salons-city-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:11px 12px;padding:22px}
body:has(.all-salons-page) .all-salons-city-body strong{grid-column:1/-1;color:var(--salons-ink);font-size:27px;line-height:1.08}
body:has(.all-salons-page) .all-salons-city-body strong .all-salons-city-count{font:600 15px/1.2 Roboto,Arial,sans-serif;color:var(--salons-muted);letter-spacing:0;white-space:nowrap}
body:has(.all-salons-page) .all-salons-city-separator{color:var(--salons-accent-dark)}
body:has(.all-salons-page) .all-salons-city-body small{display:inline-flex;grid-column:1/-1;align-items:center;gap:8px;color:var(--salons-muted);font-size:14px;font-weight:700}
body:has(.all-salons-page) .all-salons-city-body small svg{width:17px;height:17px;fill:none;stroke:var(--salons-accent-dark);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
body:has(.all-salons-page) .all-salons-city-body>span{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:18px;border-top:1px solid var(--salons-line);color:var(--salons-accent-dark);font-weight:700}
body:has(.all-salons-page) .all-salons-city-body i{font-style:normal;font-size:21px;transition:transform .18s ease}
body:has(.all-salons-page) .all-salons-city-card:hover .all-salons-city-body i{transform:translateX(3px)}
body:has(.all-salons-page) .all-salons-city-body em{grid-column:2;align-self:center;margin:0;color:var(--salons-accent-dark);font-size:21px;font-style:normal;line-height:1;transition:transform .18s ease}
body:has(.all-salons-page) .all-salons-city-card:hover .all-salons-city-body em{transform:translateX(3px)}

body:has(.all-salons-page) .all-salons-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;margin-top:26px;margin-bottom:28px;border:1px solid #efd9b8;border-radius:8px;background:linear-gradient(90deg,#fff5e8,#fff)}
body:has(.all-salons-page) .all-salons-benefits article{padding:30px 24px;text-align:center;border-right:1px solid #eadfce}
body:has(.all-salons-page) .all-salons-benefits article:last-child{border-right:0}
body:has(.all-salons-page) .all-salons-benefits article::before{display:block;width:34px;height:3px;margin:0 auto 18px;border-radius:3px;background:var(--salons-accent);content:""}
body:has(.all-salons-page) .all-salons-benefits article>span{display:grid;width:62px;height:62px;margin:0 auto 14px;place-items:center;border-radius:50%;background:#fff0d8;color:var(--salons-accent-dark)}
body:has(.all-salons-page) .all-salons-benefits svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55}
body:has(.all-salons-page) .all-salons-benefits h2{max-width:220px;margin:0 auto 8px;color:var(--salons-ink);font-size:17px;line-height:1.18;text-transform:none}
body:has(.all-salons-page) .all-salons-benefits p{max-width:240px;margin:0 auto;color:var(--salons-muted);font-size:14px}

body:has(.all-salons-page) .all-salons-help{display:grid;grid-template-columns:.92fr 1.18fr;overflow:hidden;margin-top:30px;margin-bottom:54px;border:1px solid var(--salons-line);border-radius:8px;background:#fff;box-shadow:var(--salons-shadow)}
body:has(.all-salons-page) .all-salons-help-copy{padding:42px;background:linear-gradient(90deg,#fff5ea,#fff)}
body:has(.all-salons-page) .all-salons-help-copy .eyebrow{margin:0 0 10px;color:var(--salons-accent-dark);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body:has(.all-salons-page) .all-salons-help-copy h2{max-width:520px;margin:0 0 14px;color:var(--salons-ink);font-size:clamp(30px,2.8vw,42px);line-height:1.08;letter-spacing:-.025em;text-transform:none}
body:has(.all-salons-page) .all-salons-help-copy p:not(.eyebrow){max-width:480px;margin:0 0 26px;color:var(--salons-muted)}
body:has(.all-salons-page) .all-salons-help-copy dl{display:flex;flex-wrap:wrap;gap:24px;margin:0}
body:has(.all-salons-page) .all-salons-help-copy dt{color:var(--salons-muted);font-size:12px;font-weight:700}
body:has(.all-salons-page) .all-salons-help-copy dd{margin:0;color:var(--salons-ink);font-weight:700}
body:has(.all-salons-page) .all-salons-form{display:grid;gap:14px;padding:42px}
body:has(.all-salons-page) .cms-exact-form form{display:grid;gap:13px}
body:has(.all-salons-page) .cms-exact-form :is(.form-group,p){margin:0 0 12px}
body:has(.all-salons-page) .cms-exact-form :is(input:not([type=submit]):not([type=hidden]),textarea,select){width:100%;min-height:48px;padding:13px 15px;border:1px solid #ddd;border-radius:6px;background:#fff;box-shadow:none;font:inherit}
body:has(.all-salons-page) .cms-exact-form input[type=file]{padding:10px 12px}
body:has(.all-salons-page) .cms-exact-form textarea{min-height:112px;resize:vertical}
body:has(.all-salons-page) .cms-exact-form :is(input,textarea,select):focus{border-color:var(--salons-accent-dark);outline:2px solid rgba(245,164,0,.2);outline-offset:1px}
body:has(.all-salons-page) .cms-exact-form :is(input[type=submit],button[type=submit]){width:100%;min-height:48px;padding:0 24px;border:0;border-radius:4px;background:var(--salons-accent);color:var(--salons-ink);cursor:pointer;font-weight:700;transition:background-color .18s ease,transform .18s ease}
body:has(.all-salons-page) .cms-exact-form :is(input[type=submit],button[type=submit]):hover{background:#e89900;transform:translateY(-1px)}
body:has(.all-salons-page) .cms-exact-form fieldset{min-width:0;margin:0;padding:0;border:0}
body:has(.all-salons-page) .cms-exact-form .captcha{overflow-x:auto}

@media(max-width:991px){
  body:has(.all-salons-page) .all-salons-page .wrap{width:calc(100% - 36px)}
  body:has(.all-salons-page) .all-salons-map__filters{display:flex;overflow-x:auto}
  body:has(.all-salons-page) .all-salons-map__filters button{flex:0 0 150px}
  body:has(.all-salons-page) .all-salons-map__canvas iframe{height:440px}
  body:has(.all-salons-page) .all-salons-city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body:has(.all-salons-page) .all-salons-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
  body:has(.all-salons-page) .all-salons-benefits article:nth-child(2){border-right:0}
  body:has(.all-salons-page) .all-salons-benefits article:nth-child(-n+2){border-bottom:1px solid #eadfce}
  body:has(.all-salons-page) .all-salons-help{grid-template-columns:1fr}
}
@media(max-width:640px){
  body:has(.all-salons-page) .all-salons-page .wrap{width:calc(100% - 28px)}
  body:has(.all-salons-page) .all-salons-hero{min-height:370px;padding:40px 0;background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.88)),url('/uploads/images/salonai-miestai/salonai-hero-showroom-v2.webp') 63% center/cover no-repeat}
  body:has(.all-salons-page) .all-salons-hero h1{font-size:34px;line-height:1.08}
  body:has(.all-salons-page) .all-salons-hero-copy p{font-size:16px}
  body:has(.all-salons-page) .all-salons-cities{padding:42px 0 24px}
  body:has(.all-salons-page) .all-salons-map{width:calc(100% - 28px);margin-bottom:28px}
  body:has(.all-salons-page) .all-salons-map__intro{padding:24px 18px 22px}
  body:has(.all-salons-page) .all-salons-map__intro h2{font-size:27px}
  body:has(.all-salons-page) .all-salons-map__canvas iframe{height:370px}
  body:has(.all-salons-page) .all-salons-map__locations button{min-width:165px}
  body:has(.all-salons-page) .all-salons-map__footer{display:grid;gap:5px;padding:14px 16px}
  body:has(.all-salons-page) .all-salons-city-grid,
  body:has(.all-salons-page) .all-salons-benefits{grid-template-columns:1fr}
  body:has(.all-salons-page) .all-salons-benefits article,
  body:has(.all-salons-page) .all-salons-benefits article:nth-child(2),
  body:has(.all-salons-page) .all-salons-benefits article:nth-child(-n+2){border-right:0;border-bottom:1px solid #eadfce}
  body:has(.all-salons-page) .all-salons-benefits article:last-child{border-bottom:0}
  body:has(.all-salons-page) .all-salons-help-copy,
  body:has(.all-salons-page) .all-salons-form{padding:28px 22px}
  body:has(.all-salons-page) .all-salons-help-copy dl{display:grid;gap:14px}
}
@media(prefers-reduced-motion:reduce){
  body:has(.all-salons-page) .all-salons-page *{transition:none!important}
}