/*
Theme Name: Convert Hunter Premium
Theme URI: https://www.converthunter.pl/
Author: Convert Hunter
Description: Convert Hunter — warm, friendly, illustration-led theme. Yellow & purple palette, rounded cards, Onest typography.
Version: 2.1.0
License: GNU General Public License v2 or later
Text Domain: converthunter-premium
*/

:root{
  --yellow:#ED1C24; --yellow-d:#C2141B; --yellow-lt:#F6A9AB; --yellow-bg:#FDE7E8; --accent:#ED1C24;
  --purple:#1A1AFF; --purple-d:#0F0FCC; --purple-lt:#C2C2FF; --purple-bg:#E8E8FF;
  --purple-deep:#0F1466;
  --coral:#ED1C24; --blue:#628BFF; --blue-lt:#DDE9F8; --green:#5B9E5B; --teal:#4FBFA8;
  --ink:#15151A; --grey:#585A62; --grey-lt:#74757B;
  --line:#E8E5DF; --cream:#F8F6F3; --cream-2:#F1EEE8; --white:#FFFFFF;
  --r:16px; --r-lg:26px; --r-xl:36px; --pill:999px;
  --sh-sm:0 6px 18px -10px rgba(22,22,26,.16);
  --sh:0 22px 50px -24px rgba(22,22,26,.20);
  --sh-lg:0 38px 80px -30px rgba(22,22,26,.30);
  --ease:cubic-bezier(.2,1,.3,1);
  --container:1560px;
}

/* ---------- base ---------- */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Onest',-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--white);
  color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
#content{overflow-x:clip}
a{color:inherit;text-decoration:none;transition:color .18s}
img{max-width:100%;height:auto;display:block}
button{font-family:inherit;cursor:pointer;border:0;background:none}
ul{list-style:none}
em{font-style:normal;color:inherit}
.container{max-width:var(--container);margin:0 auto;padding:0 28px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
::selection{background:var(--yellow);color:#fff}
body.admin-bar .ch-hdr{top:32px}
@media(max-width:782px){body.admin-bar .ch-hdr{top:46px}}

/* ---------- typography ---------- */
h1,h2,h3,h4{font-weight:700;letter-spacing:-.018em;line-height:1.12;color:var(--ink)}
.h-xl{font-size:clamp(36px,4.6vw,56px);letter-spacing:-.02em;line-height:1.07}
.h-lg{font-size:clamp(33px,4.3vw,52px)}
.h-md{font-size:clamp(27px,3.1vw,39px)}
.kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;
  color:var(--purple-d);letter-spacing:.04em}
.kicker .dot{width:18px;height:2px;border-radius:0;background:var(--coral)}
.lead{font-size:18px;color:var(--grey);line-height:1.6}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:700;
  border-radius:var(--pill);padding:16px 30px;border:2px solid transparent;
  transition:transform .22s var(--ease),translate .3s var(--ease),background .2s,box-shadow .22s,color .2s}
.btn svg{width:18px;height:18px}
.btn{position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;top:0;left:-130%;width:55%;height:100%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);
  transform:skewX(-22deg);transition:left .6s var(--ease)}
.btn:hover::after{left:155%}
.btn-y{background:var(--yellow);color:#fff;box-shadow:0 8px 22px -10px rgba(237,28,36,.85)}
.btn-y:hover{background:var(--yellow-d);transform:translateY(-3px);box-shadow:0 16px 34px -12px rgba(237,28,36,.95)}
.btn-o{background:transparent;border-color:var(--ink);color:var(--ink)}
.btn-o:hover{background:var(--ink);color:#fff;transform:translateY(-3px)}
.btn-w{background:var(--white);color:var(--ink)}
.btn-w:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.btn-p{background:var(--purple);color:#fff}
.btn-p:hover{background:var(--purple-d);transform:translateY(-3px)}
.btn-sm{padding:11px 21px;font-size:14px}

/* ---------- header ---------- */
.ch-hdr{position:sticky;top:0;z-index:200;background:#fff;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);transition:box-shadow .25s,background .25s}
.ch-hdr.scrolled{box-shadow:var(--sh-sm)}
.ch-hdr-in{display:flex;align-items:center;gap:20px;height:74px}
.ch-logo{display:flex;align-items:center;gap:11px;flex-shrink:0}
.ch-logo-c{width:48px;height:48px;border-radius:50%;background:var(--yellow);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:25px;color:#fff;
  box-shadow:inset 0 -4px 0 rgba(0,0,0,.07);transition:transform .3s var(--ease)}
.ch-logo:hover .ch-logo-c{transform:rotate(-8deg) scale(1.06)}
.ch-logo-t{font-weight:800;font-size:16px;line-height:1.12;letter-spacing:-.01em}
.ch-nav{display:flex;align-items:center;gap:7px;margin-left:auto}
.ch-nav .ch-dd{position:relative}
.ch-nav a,.ch-nav .ch-dd-btn{display:inline-flex;align-items:center;gap:6px;font-size:15px;
  font-weight:600;padding:8px 12px;height:40px;border-radius:8px;color:var(--ink);
  border:0;background:transparent;cursor:pointer;white-space:nowrap;
  transition:color .16s,background .16s}
.ch-nav a:hover,.ch-nav .ch-dd-btn:hover,.ch-nav .ch-dd:hover .ch-dd-btn{color:var(--accent)}
.ch-nav a.on,.ch-nav .ch-dd-btn.on{color:var(--purple)}
.ch-dd-chev{width:13px;height:13px;transition:transform .25s}
.ch-dd:hover .ch-dd-chev{transform:rotate(180deg)}
.ch-submenu{position:absolute;top:calc(100% + 10px);left:0;width:264px;background:var(--white);
  border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh);padding:7px;
  display:flex;flex-direction:column;gap:1px;opacity:0;visibility:hidden;transform:translateY(8px);
  transform-origin:top left;transition:.18s var(--ease);z-index:50}
.ch-submenu::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.ch-dd:hover .ch-submenu{opacity:1;visibility:visible;transform:translateY(0)}
.ch-submenu a{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:11px;
  border:0;transition:background .15s}
.ch-submenu a:hover{background:var(--cream)}
.ch-submenu-ic{width:34px;height:34px;border-radius:9px;background:var(--cream);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.ch-submenu-ic img{width:100%;height:100%;object-fit:cover}
.ch-submenu-tx{display:flex;flex-direction:column;min-width:0}
.ch-submenu-tx .t{font-size:14px;font-weight:700;color:var(--ink)}
.ch-submenu-tx .d{display:none}
.ch-hdr-r{margin-left:0;display:flex;align-items:center;gap:10px}
.ch-icbtn{width:40px;height:40px;border-radius:50%;border:0;background:transparent;cursor:pointer;
  display:flex;align-items:center;justify-content:center;color:var(--ink);transition:background .16s,color .16s;flex-shrink:0}
.ch-icbtn:hover{background:var(--cream-2);color:var(--purple)}
.ch-icbtn svg{width:18px;height:18px}
.ch-hdr-phone{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--ink);padding:8px 14px;border-radius:var(--pill);transition:background .18s,color .18s;white-space:nowrap}
.ch-hdr-phone svg{width:17px;height:17px;color:var(--purple);flex-shrink:0}
.ch-hdr-phone:hover{background:var(--cream-2);color:var(--purple)}
.ch-ic-wa{color:#25D366}
.ch-ic-wa:hover{background:rgba(37,211,102,.13);color:#1da851}
.ch-ic-vb{color:#1A1AFF}
.ch-ic-vb:hover{background:rgba(115,96,242,.13);color:#0F0FCC}
.ch-ic-cart{position:relative}
.ch-cart-count{position:absolute;top:1px;right:1px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--coral);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1}
.ch-cart-count[hidden]{display:none}
@media(max-width:940px){.ch-hdr-phone span{display:none}}
@media(max-width:600px){.ch-hdr-phone{display:none}}
.ch-burger{display:none}.ch-burger:focus,.ch-burger:focus-visible,.ch-hdr.open .ch-burger{outline:none!important;box-shadow:none!important}
@media(max-width:1080px){
  .ch-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);
    flex-direction:column;align-items:stretch;gap:5px;padding:18px 28px 26px;
    border-bottom:1px solid var(--line);box-shadow:var(--sh)}
  .ch-hdr.open .ch-nav{display:flex}
  .ch-nav a,.ch-nav .ch-dd-btn{justify-content:space-between;font-size:16px;padding:14px 16px}
  .ch-dd{width:100%}
  .ch-submenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;
    border:0;padding:4px 0 4px 12px;min-width:0;width:auto;max-height:0;overflow:hidden;transition:max-height .3s}
  .ch-dd.open .ch-submenu{max-height:720px}
  .ch-burger{display:flex}
}
@media(max-width:560px){.ch-hdr-r .btn{display:none}}

/* ---------- hero ---------- */
.ch-hero{padding:48px 0 24px;position:relative;overflow:hidden;background:linear-gradient(180deg,#E3E2DC 0%,#EBEAE5 44%,#F4F3F0 84%,#FFFFFF 100%)}
.ch-hero>.container{position:relative;z-index:2}
.ch-deco{z-index:1}
.ch-hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.ch-hero-blob{display:none}
.ch-hero-blob.bA{width:480px;height:480px;top:-170px;left:-110px;
  background:radial-gradient(circle at 36% 34%,#FBC8C9,var(--yellow));
  border-radius:62% 38% 56% 44%/54% 56% 44% 46%;
  animation:ch-blob-a 19s ease-in-out infinite,ch-morphA 17s ease-in-out infinite}
.ch-hero-blob.bB{width:430px;height:430px;top:0;right:-150px;
  background:radial-gradient(circle at 60% 40%,#D4D4FF,var(--purple-lt));
  border-radius:44% 56% 48% 52%/56% 44% 56% 44%;
  animation:ch-blob-b 23s ease-in-out infinite,ch-morphB 21s ease-in-out infinite}
.ch-hero-blob.bC{width:340px;height:340px;bottom:-190px;left:36%;opacity:.32;
  background:radial-gradient(circle at 45% 50%,#F19A9C,var(--coral));
  border-radius:54% 46% 60% 40%/48% 60% 40% 52%;
  animation:ch-blob-c 21s ease-in-out infinite,ch-morphA 19s ease-in-out infinite reverse}
@keyframes ch-blob-a{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(70px,50px) scale(1.16)}}
@keyframes ch-blob-b{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-56px,66px) scale(1.1)}}
@keyframes ch-blob-c{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(50px,-58px) scale(1.2)}}
@keyframes ch-morphA{0%,100%{border-radius:62% 38% 56% 44%/54% 56% 44% 46%}
  50%{border-radius:42% 58% 44% 56%/58% 42% 56% 44%}}
@keyframes ch-morphB{0%,100%{border-radius:44% 56% 48% 52%/56% 44% 56% 44%}
  50%{border-radius:60% 40% 56% 44%/42% 58% 42% 58%}}
.ch-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.06;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:180px}
@media(prefers-reduced-motion:reduce){
  .ch-hero-blob{animation:none}
}
.ch-hero-grid{display:grid;grid-template-columns:1.58fr 1fr;gap:26px;align-items:stretch}
@media(max-width:980px){.ch-hero-grid{grid-template-columns:1fr}}
.ch-promo{position:relative;display:flex;align-items:center;min-height:480px;
  background:var(--cream);border-radius:var(--r-xl);padding:52px;overflow:hidden}
.ch-promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;width:100%;position:relative;z-index:2}
@media(max-width:600px){.ch-promo-grid{grid-template-columns:1fr}.ch-promo{padding:36px;min-height:0}}
.ch-promo-mark{width:60px;height:6px;border-radius:3px;background:var(--ink);margin-bottom:24px}
.ch-promo h1{margin-bottom:18px}
.ch-promo p{font-size:18px;color:var(--grey);margin-bottom:30px;max-width:420px}
.ch-promo-art{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center}
.ch-promo-art .blob{position:absolute;width:118%;height:118%;left:-9%;top:-9%;
  background:linear-gradient(150deg,#F8BABB,var(--yellow));z-index:0;
  border-radius:60% 40% 55% 45%/52% 58% 42% 48%;animation:morph 16s ease-in-out infinite}
@keyframes morph{0%,100%{border-radius:60% 40% 55% 45%/52% 58% 42% 48%}
  50%{border-radius:42% 58% 46% 54%/58% 42% 58% 42%}}
.ch-promo-art img{position:relative;z-index:1;width:100%;max-width:380px;filter:drop-shadow(0 22px 30px rgba(22,22,26,.18))}
.ch-promo-deco{position:absolute;z-index:1;pointer-events:none}

.ch-side{background:var(--purple-bg);border-radius:var(--r-xl);padding:34px;display:flex;flex-direction:column}
.ch-side-h{display:flex;align-items:center;gap:9px;font-weight:800;font-size:18px;margin-bottom:8px}
.ch-side-h .live{width:9px;height:9px;border-radius:50%;background:var(--coral);
  box-shadow:0 0 0 0 rgba(237,28,36,.6);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(237,28,36,.55)}70%{box-shadow:0 0 0 11px rgba(237,28,36,0)}100%{box-shadow:0 0 0 0 rgba(237,28,36,0)}}
.ch-side-i{display:block;padding:18px 0;border-bottom:1px solid rgba(22,22,26,.09)}
.ch-side-i:first-of-type{padding-top:14px}
.ch-side-num{font-size:12px;font-weight:800;color:var(--purple);letter-spacing:.04em;margin-bottom:6px}
.ch-side-i .t{font-size:15px;font-weight:600;line-height:1.4}
.ch-side-i:hover .t{color:var(--purple)}
.ch-side-i .m{font-size:13px;color:var(--grey-lt);margin-top:6px}
.ch-side-all{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:18px;
  font-size:15px;font-weight:700;color:var(--ink)}
.ch-side-all svg{width:15px;height:15px;transition:transform .2s}
.ch-side-all:hover svg{transform:translateX(4px)}

/* ---------- hero (centered) ---------- */
.ch-hero-inner{max-width:880px;margin:0 auto;text-align:center;position:relative;z-index:2;padding:46px 0 18px}
.ch-hero-inner .kicker{margin-bottom:22px}
.ch-hero-inner h1{margin-bottom:20px}
.ch-hero-inner .lead{max-width:600px;margin:0 auto 32px;font-size:19px}
.ch-hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
/* Hero stats — premium row of 4 cards with colored icon chips */
.ch-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
  max-width:880px;margin:54px auto 0}
.ch-hero-stat{display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:24px 16px 22px;border-radius:20px;background:#fff;border:1px solid var(--line);
  transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease)}
.ch-hero-stat:hover{transform:translateY(-4px);
  box-shadow:0 22px 42px -24px rgba(21,21,26,.22);border-color:transparent}
.ch-hero-stat-ic{display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:13px;margin-bottom:14px}
.ch-hero-stat-ic svg{width:22px;height:22px}
.ch-hs--orange .ch-hero-stat-ic{background:var(--yellow-bg);color:var(--yellow-d)}
.ch-hs--blue   .ch-hero-stat-ic{background:rgba(98,139,255,.14);color:var(--blue)}
.ch-hs--purple .ch-hero-stat-ic{background:rgba(103,107,190,.15);color:var(--purple)}
.ch-hs--green  .ch-hero-stat-ic{background:rgba(91,158,91,.15);color:var(--green)}
.ch-hero-stat .n{font-size:clamp(28px,3.2vw,38px);font-weight:800;letter-spacing:-.035em;
  color:var(--ink);line-height:1;display:block}
.ch-hero-stat .l{font-size:13px;color:var(--grey);font-weight:600;margin-top:8px;line-height:1.4;display:block}
@media(max-width:760px){
  .ch-hero-stats{gap:10px;margin-top:34px}
  .ch-hero-stat{padding:14px 8px 14px;border-radius:16px}
  .ch-hero-stat-ic{width:32px;height:32px;margin-bottom:8px;border-radius:10px}
  .ch-hero-stat-ic svg{width:16px;height:16px}
  .ch-hero-stat .n{font-size:18px}
  .ch-hero-stat .l{font-size:10.5px;margin-top:5px;line-height:1.3}
}
@media(max-width:420px){
  .ch-hero-stats{gap:7px;margin-top:28px}
  .ch-hero-stat{padding:11px 5px 12px;border-radius:14px}
  .ch-hero-stat-ic{width:28px;height:28px;margin-bottom:6px}
  .ch-hero-stat-ic svg{width:14px;height:14px}
  .ch-hero-stat .n{font-size:16px}
  .ch-hero-stat .l{font-size:9.5px;margin-top:4px}
}
@media(max-width:620px){
  .ch-hero{padding-top:18px}
  .ch-deco{display:none}
  .ch-hero-inner{padding:8px 0 10px}
}

/* ---------- hero kinetic capability line ---------- */
.ch-hero-kin{display:flex;align-items:center;justify-content:center;gap:11px;flex-wrap:wrap;
  margin:4px 0 24px;font-weight:800;letter-spacing:-.02em;line-height:1.2;
  font-size:clamp(20px,2.5vw,30px)}
.ch-kin-pre{color:var(--ink)}
.ch-kin-rot{display:inline-grid;height:1.46em;overflow:hidden;
  border-radius:13px;background:var(--yellow);color:#fff;
  box-shadow:0 9px 22px -10px rgba(237,28,36,.95)}
.ch-kin-w{grid-area:1/1;height:1.46em;line-height:1.46em;padding:0 .52em;
  white-space:nowrap;text-align:center;opacity:0;transform:translateY(86%);
  transition:opacity .46s var(--ease),transform .46s var(--ease)}
.ch-kin-w.is-on{opacity:1;transform:translateY(0)}
.ch-kin-w.is-out{opacity:0;transform:translateY(-86%)}
@media(prefers-reduced-motion:reduce){
  .ch-kin-w{transition:none}
}

/* ---------- catalog ---------- */
.ch-catalog-empty{max-width:620px;margin:0 auto;text-align:center;background:var(--cream);
  border-radius:var(--r-xl);padding:54px 44px}
.ch-catalog-empty-ic{display:inline-flex;width:80px;height:80px;border-radius:50%;
  background:var(--yellow);align-items:center;justify-content:center;margin-bottom:22px;
  box-shadow:inset 0 -5px 0 rgba(0,0,0,.07)}
.ch-catalog-empty-ic svg{width:36px;height:36px;color:#fff}
.ch-catalog-empty h3{font-size:24px;margin-bottom:10px}
.ch-catalog-empty p{font-size:16px;color:var(--grey);margin-bottom:26px;line-height:1.6}
@media(max-width:560px){.ch-catalog-empty{padding:40px 24px}}
.ch-catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:860px){.ch-catalog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ch-catalog-grid{grid-template-columns:1fr}}
.ch-prod{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);
  border-radius:var(--r-lg);overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s}
.ch-prod:hover{transform:translateY(-8px);box-shadow:var(--sh)}
.ch-prod-img{aspect-ratio:4/3;background:var(--cream);overflow:hidden;display:block}
.ch-prod-img img{width:100%;height:100%;object-fit:cover}
.ch-prod-img.is-blank{display:flex;align-items:center;justify-content:center}
.ch-prod-img.is-blank svg{width:54px;height:54px;color:var(--grey-lt)}
.ch-prod-body{padding:22px 24px;display:flex;flex-direction:column;gap:8px}
.ch-prod-title{font-size:17px;font-weight:800;letter-spacing:-.02em;line-height:1.3}
.ch-prod-price{font-size:19px;font-weight:800;color:var(--purple)}

/* ---------- ROI calculator ---------- */
.ch-calc-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:44px;align-items:center}
@media(max-width:900px){.ch-calc-grid{grid-template-columns:1fr;gap:30px}}
.ch-calc-copy .kicker{margin-bottom:16px}
.ch-calc-copy h2{margin-bottom:14px}
.ch-calc-copy p{font-size:17px;color:var(--grey);margin-bottom:24px;line-height:1.6}
.ch-calc-box{background:var(--white);border:1px solid var(--line);border-radius:var(--r-xl);
  padding:36px;box-shadow:var(--sh)}
@media(max-width:560px){.ch-calc-box{padding:26px 20px}}
.ch-calc-field{margin-bottom:24px}
.ch-calc-field-top{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:13px}
.ch-calc-field-top .lbl{font-size:14px;font-weight:600;color:var(--ink)}
.ch-calc-field-top .val{font-size:14px;font-weight:600;color:var(--grey);white-space:nowrap}
.ch-calc-field-top .val b{font-size:20px;font-weight:800;color:var(--purple)}
.ch-range{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;
  background:var(--cream-2);outline:none;cursor:pointer}
.ch-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;
  border-radius:50%;background:var(--yellow);border:4px solid #fff;
  box-shadow:0 4px 12px -2px rgba(22,22,26,.45);cursor:pointer;transition:transform .15s}
.ch-range::-webkit-slider-thumb:hover{transform:scale(1.16)}
.ch-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--yellow);
  border:4px solid #fff;box-shadow:0 4px 12px -2px rgba(22,22,26,.45);cursor:pointer}
.ch-calc-metrics{margin-top:30px;display:grid;gap:12px}
.ch-calc-metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ch-calc-metric{background:var(--cream);border-radius:var(--r);padding:18px}
.ch-calc-metric .m-lbl{font-size:12px;font-weight:600;color:var(--grey);line-height:1.4}
.ch-calc-metric .m-num{font-size:23px;font-weight:800;letter-spacing:-.03em;margin-top:6px;color:var(--ink)}
.ch-calc-metric.hl{background:var(--purple);padding:24px 26px;position:relative;overflow:hidden}
.ch-calc-metric.hl::after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;
  border-radius:50%;background:rgba(255,255,255,.1)}
.ch-calc-metric.hl .m-lbl{color:rgba(255,255,255,.82);position:relative;z-index:1}
.ch-calc-metric.hl .m-num{font-size:40px;color:#fff;position:relative;z-index:1}
@media(max-width:560px){
  .ch-calc-metric .m-num{font-size:18px}
  .ch-calc-metric.hl .m-num{font-size:32px}
  .ch-calc-metrics-row{gap:8px}
  .ch-calc-metric{padding:14px 11px}
}

/* ---------- round service cards ---------- */
.ch-round{padding:64px 0 44px}
.ch-round-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px 30px}
@media(max-width:760px){.ch-round-grid{grid-template-columns:1fr;max-width:430px;margin:0 auto;gap:42px}}
.ch-rc{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px;transition:transform .32s var(--ease)}
.ch-rc:hover{transform:translateY(-6px)}
.ch-rc .ch-rc-img{width:106px;height:106px;flex-shrink:0;background:none;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:transform .32s var(--ease)}
.ch-rc:hover .ch-rc-img{transform:scale(1.06)}
.ch-rc-img img{width:100%;height:100%;object-fit:contain}
.ch-rc-tx{display:flex;flex-direction:column;align-items:center}
.ch-rc-tx .t{display:block;font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.ch-rc-tx .d{display:block;font-size:14px;color:var(--grey);margin-top:10px;line-height:1.6;max-width:300px}
.ch-rc-tx .go{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:13.5px;
  font-weight:700;color:var(--purple)}
.ch-rc-tx .go svg{width:14px;height:14px;transition:transform .2s}
.ch-rc:hover .ch-rc-tx .go svg{transform:translateX(4px)}
.ch-rc:hover .ch-rc-tx .go{gap:10px}
.bg-blue{background:var(--blue-lt)}.bg-coral{background:#FDDEDF}.bg-teal{background:#D6ECE7}
.bg-purple{background:var(--purple-lt)}.bg-yellow{background:var(--yellow-lt)}.bg-green{background:#DCEBD6}

/* ---------- integrations orbit ---------- */
.ch-orb{position:relative;width:440px;height:440px;max-width:100%;margin:10px auto 0;--r:172px}
.ch-orb-ring{position:absolute;inset:48px;border:2px dashed #C2C2FF;border-radius:50%}
.ch-orb-hub{position:absolute;top:50%;left:50%;width:122px;height:122px;margin:-61px;border-radius:50%;background:var(--purple);display:flex;align-items:center;justify-content:center;box-shadow:0 16px 34px -10px rgba(103,107,190,.6)}
.ch-orb-rot{position:absolute;inset:0;animation:chorbspin 48s linear infinite}
.ch-orb-node{position:absolute;top:50%;left:50%;width:74px;height:74px;margin:-37px;transform:rotate(var(--a)) translate(var(--r)) rotate(calc(-1*var(--a)))}
.ch-orb-ic{width:100%;height:100%;border-radius:50%;background:var(--white);border:1px solid var(--line);box-shadow:0 9px 22px -8px rgba(20,20,30,.22);display:flex;align-items:center;justify-content:center;animation:chorbspin 48s linear infinite reverse}
.ch-orb-ic svg{width:33px;height:33px;display:block}
@keyframes chorbspin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ch-orb-rot,.ch-orb-ic{animation:none}}
@media(max-width:480px){.ch-orb{width:320px;height:320px;--r:124px}.ch-orb-ring{inset:34px}.ch-orb-hub{width:96px;height:96px;margin:-48px}.ch-orb-node{width:60px;height:60px;margin:-30px}.ch-orb-ic svg{width:27px;height:27px}}
.ch-hero-orb{display:flex;align-items:center;justify-content:center;width:100%}
@media(max-width:940px){.ch-hero-orb{margin-top:8px}}

/* ---------- dotted decor ---------- */
.ch-dotgrid{background-image:radial-gradient(circle,rgba(103,107,190,.14) 1.5px,transparent 1.6px);background-size:32px 32px}
.ch-dotgrid>.container{position:relative;z-index:1}

/* ---------- perks (co dostajesz) ---------- */
.ch-perks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:760px){.ch-perks-grid{grid-template-columns:1fr 1fr;gap:14px}}
@media(max-width:480px){.ch-perks-grid{grid-template-columns:1fr}}
.ch-perk{border-radius:var(--r-lg);padding:30px 26px;transition:transform .3s var(--ease)}
.ch-perk:hover{transform:translateY(-6px)}
.ch-perk h3{font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:9px}
.ch-perk p{font-size:14.5px;line-height:1.6}
.ch-perk--yellow{background:var(--yellow-lt)}
.ch-perk--yellow h3{color:#4A3D00}
.ch-perk--yellow p{color:#6B5E2E}
.ch-perk--purple{background:var(--purple-lt)}
.ch-perk--purple h3{color:#0F0F4A}
.ch-perk--purple p{color:#1F1F80}
.ch-perk--coral{background:#FCD3D4}
.ch-perk--coral h3{color:#9B1116}
.ch-perk--coral p{color:#C12127}

/* ---------- approach banner + wavy dividers ---------- */
.ch-promo-band{position:relative;overflow:hidden;background:var(--purple-deep);padding:104px 0 108px}
.ch-wave{position:absolute;left:0;width:100%;height:62px;z-index:1;display:block;pointer-events:none}
.ch-wave-top{top:-1px}
.ch-wave-bot{bottom:-1px}
.ch-pb-inner{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:2}
.ch-pb-inner .kicker{color:var(--yellow);margin-bottom:18px}
.ch-pb-inner .kicker .dot{background:var(--yellow)}
.ch-pb-inner h2{color:#fff;margin-bottom:16px}
.ch-pb-inner h2 em{color:var(--yellow)}
.ch-pb-inner p{color:#C8C8FF;font-size:18px;max-width:570px;margin:0 auto;line-height:1.6}
.ch-pb-dot{position:absolute;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.045)}
.ch-pb-dot-1{width:300px;height:300px;right:-100px;top:-130px}
.ch-pb-dot-2{width:190px;height:190px;left:-70px;bottom:-100px}

/* ---------- sections ---------- */
.ch-sec{padding:84px 0;position:relative}
.ch-sec-head{text-align:center;max-width:700px;margin:0 auto 46px}
.ch-sec-head .kicker{margin-bottom:16px}
.ch-sec-head p{font-size:18px;color:var(--grey);margin-top:14px}

/* full-bleed colored section backgrounds (fincult-style rhythm) */
.sec-cream{background:var(--cream)}
.sec-lav{background:var(--purple-bg)}
.ch-round.sec-cream{padding-bottom:62px}

/* feature block — image fills edge to edge */
.ch-feature{border-radius:var(--r-xl);overflow:hidden;background:var(--blue-lt);
  aspect-ratio:5/2;position:relative}
.ch-feature img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:680px){.ch-feature{aspect-ratio:4/3}}
.ch-feature-cta{display:flex;gap:14px;justify-content:center;margin-top:34px;flex-wrap:wrap}

/* cream band */
.ch-band{background:var(--cream);border-radius:var(--r-xl);padding:62px 48px;text-align:center;position:relative;overflow:hidden}
.ch-band .kicker{margin-bottom:14px}
.ch-band h2{margin-bottom:14px}
.ch-band p{font-size:18px;color:var(--grey);max-width:600px;margin:0 auto 28px}
.ch-band-deco{position:absolute;border-radius:50%;opacity:.6;pointer-events:none}

/* rich comparison widget */
.ch-rich{background:var(--white);border:1px solid var(--line);border-radius:var(--r-xl);
  padding:40px;box-shadow:var(--sh-sm)}
.ch-rich h3{font-size:23px;margin-bottom:6px}
.ch-rich-sub{font-size:14.5px;color:var(--grey);margin-bottom:24px}
.ch-rich-table{width:100%;border-collapse:collapse}
.ch-rich-table th,.ch-rich-table td{text-align:left;padding:15px 14px;font-size:14.5px}
.ch-rich-table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--grey-lt);font-weight:700}
.ch-rich-table tbody tr{border-top:1px solid var(--line)}
.ch-rich-table td:first-child{font-weight:600}
.ch-rich-table .col-b{background:var(--yellow-bg);font-weight:700}
.ch-rich-table .check{color:var(--green);font-weight:800}
.ch-rich-table .cross{color:var(--grey-lt)}
@media(max-width:600px){
  .ch-rich{padding:24px 17px}
  .ch-rich h3{font-size:19px}
  .ch-rich-table th,.ch-rich-table td{padding:10px 7px;font-size:12px}
  .ch-rich-table thead th{font-size:9.5px;letter-spacing:.02em}
}

/* ---------- colored widget cards ---------- */
.ch-cc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:900px){.ch-cc-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto}}
.ch-cc{border-radius:var(--r-lg);padding:0;color:#fff;display:flex;flex-direction:column;
  overflow:hidden;transition:transform .32s var(--ease),box-shadow .32s}
.ch-cc:hover{transform:translateY(-10px);box-shadow:var(--sh)}
.ch-cc-1{background:var(--green)}.ch-cc-2{background:var(--purple)}.ch-cc-3{background:var(--blue)}
.ch-cc-top{padding:26px 28px 18px;position:relative}
.ch-cc-top::after{content:"";position:absolute;right:-30px;top:-30px;width:130px;height:130px;
  border-radius:50%;background:rgba(255,255,255,.12)}
.ch-cc h3{color:#fff;font-size:20px;line-height:1.22;position:relative;z-index:1;max-width:80%}
.ch-cc-body{padding:6px 28px 28px;display:flex;flex-direction:column;flex-grow:1}
.ch-cc-field{background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.26);
  border-radius:13px;padding:11px 15px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}
.ch-cc-field .l{font-size:11.5px;opacity:.82;font-weight:500;text-transform:uppercase;letter-spacing:.03em}
.ch-cc-field .v{font-size:15px;font-weight:800;display:flex;align-items:center;gap:6px}
.ch-cc-field .chev{width:13px;height:13px;opacity:.7}
.ch-cc-res{background:rgba(255,255,255,.2);border-radius:13px;padding:13px 15px;margin:6px 0 18px}
.ch-cc-res .l{font-size:12px;opacity:.85}
.ch-cc-res .v{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.ch-cc .btn{align-self:stretch;justify-content:center;margin-top:auto}

/* ---------- blog cards (latest articles) ---------- */
.ch-cc-blog{cursor:pointer}
.ch-cc-blog .ch-cc-body{position:relative;z-index:1}
.ch-cc-tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:.06em;color:#fff;background:rgba(255,255,255,.22);
  padding:5px 12px;border-radius:var(--pill);margin-bottom:13px;position:relative;z-index:1}
.ch-cc-excerpt{font-size:14px;line-height:1.6;color:rgba(255,255,255,.9);margin-bottom:20px}
.ch-cc-read{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:800;
  color:#fff;margin-top:auto}
.ch-cc-read svg{width:17px;height:17px;transition:transform .25s var(--ease)}
.ch-cc-blog:hover .ch-cc-read svg{transform:translateX(7px)}
.ch-cc-top::after{transition:transform .55s var(--ease)}
.ch-cc-blog:hover .ch-cc-top::after{transform:scale(1.75)}
.ch-cc-blog.ch-cc-1:hover{box-shadow:0 26px 50px -16px rgba(91,158,91,.55)}
.ch-cc-blog.ch-cc-2:hover{box-shadow:0 26px 50px -16px rgba(103,107,190,.62)}
.ch-cc-blog.ch-cc-3:hover{box-shadow:0 26px 50px -16px rgba(98,139,255,.62)}

/* ---------- purple cta ---------- */
.ch-cta{background:var(--purple);border-radius:var(--r-xl);padding:78px 48px;text-align:center;
  color:#fff;position:relative;overflow:hidden}
.ch-cta-deco{position:absolute;border-radius:50%;pointer-events:none}
.ch-cta>.container,.ch-cta>*:not(.ch-cta-deco){position:relative;z-index:1}
.ch-cta h2{color:#fff;margin-bottom:14px}
.ch-cta p{font-size:18px;opacity:.9;max-width:540px;margin:0 auto 30px}

/* ---------- footer ---------- */
.ch-foot{background:#0A0A2E;color:#fff;padding:60px 0 36px}
.ch-foot em{color:inherit}
.ch-foot-head{display:flex;justify-content:space-between;align-items:center;gap:34px;flex-wrap:wrap;
  padding-bottom:44px;margin-bottom:46px;border-bottom:1px solid #2C2C31}
.ch-foot-h{color:#fff;font-size:clamp(25px,2.8vw,36px);letter-spacing:-.03em;line-height:1.12;max-width:560px}
.ch-foot-head-tx p{color:#9A9CA3;font-size:15px;margin-top:10px}
.ch-foot-headcta{flex-shrink:0;font-size:16px;padding:17px 32px}
@media(max-width:600px){.ch-foot-head{gap:20px}.ch-foot-headcta{width:100%;justify-content:center}}
.ch-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:38px;margin-bottom:40px}
@media(max-width:820px){.ch-foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ch-foot-grid{grid-template-columns:1fr}}
.ch-foot h4{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;margin-bottom:7px}
.ch-foot .sub{font-size:13px;color:#85868C;margin-bottom:12px;line-height:1.5}
.ch-foot a.lk{display:block;font-size:14.5px;color:#B9BAC0;margin-bottom:10px}
.ch-foot a.lk:hover{color:var(--yellow)}
.ch-foot-about{font-size:14.5px;color:#9A9CA3;line-height:1.6;max-width:300px;margin:14px 0 20px}
.ch-foot-social{display:flex;gap:10px}
.ch-foot-social a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.09);
  display:flex;align-items:center;justify-content:center;color:#C9CACE;transition:.18s}
.ch-foot-social a:hover{background:var(--yellow);color:#fff;transform:translateY(-3px)}
.ch-foot-social svg{width:18px;height:18px}
.ch-foot a.lk{position:relative;padding-left:15px}
.ch-foot a.lk::before{content:"";position:absolute;left:0;top:6px;width:5px;height:5px;border-right:2px solid var(--yellow);border-top:2px solid var(--yellow);transform:rotate(45deg)}
.ch-foot-ct{display:flex;align-items:flex-start;gap:9px;font-size:14.5px;color:#B9BAC0;margin-bottom:11px}
.ch-foot-ct svg{width:16px;height:16px;color:var(--yellow);flex-shrink:0;margin-top:2px}
a.ch-foot-ct:hover{color:var(--yellow)}
.ch-foot-ct--static{cursor:default}
.ch-foot-cta{display:inline-flex;margin-bottom:16px}
.ch-foot-bot{border-top:1px solid rgba(255,255,255,.13);padding-top:26px;display:flex;justify-content:space-between;
  flex-wrap:wrap;gap:12px;font-size:13px;color:#7C7D84}

/* ---------- tech marquee ---------- */
.ch-marquee{padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  overflow:hidden;background:var(--cream);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.ch-marquee-track{display:flex;align-items:center;width:max-content;
  animation:ch-scroll 38s linear infinite}
.ch-marquee:hover .ch-marquee-track{animation-play-state:paused}
@keyframes ch-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ch-marquee-item{display:flex;align-items:center;gap:11px;flex-shrink:0;margin-right:58px;
  font-size:16px;font-weight:700;color:var(--grey-lt);white-space:nowrap}
.ch-marquee-item svg{width:26px;height:26px;color:var(--ink);flex-shrink:0}
.ch-marquee-item.ic-make svg{color:#1A1AFF}
.ch-marquee-item.ic-openai svg{color:#10A37F}
.ch-marquee-item.ic-airtable svg{color:#2D7FF9}
.ch-marquee-item.ic-hubspot svg{color:#ED1C24}
.ch-marquee-item.ic-mailchimp svg{color:#2A2A2A}
.ch-marquee-item.ic-telegram svg{color:#26A5E4}
.ch-marquee-item.ic-whatsapp svg{color:#25D366}
.ch-marquee-item.ic-google svg{color:#4285F4}
@media(prefers-reduced-motion:reduce){
  .ch-marquee-track{animation:none;flex-wrap:wrap;justify-content:center;width:auto}
  .ch-marquee-item{margin:8px 29px}
}

/* ---------- decorative floating shapes ---------- */
.ch-deco{position:absolute;pointer-events:none;z-index:0;transition:translate .4s ease}
.ch-deco-star{animation:spin 22s linear infinite}
.ch-deco-float{animation:floaty 7s ease-in-out infinite}
.ch-deco-float-2{animation:floaty 9s ease-in-out infinite reverse}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
@keyframes spin{to{transform:rotate(360deg)}}

/* ===========================================================================
   SERVICE PAGES (modular, restyled)
   ======================================================================== */
.svc-section{padding:74px 0}
.svc-section--soft{background:var(--cream)}
.svc-section--dark{background:var(--purple-deep);color:#fff}
.svc-section--dark .section-title,.svc-section--dark h2,.svc-section--dark h3{color:#fff}
.svc-section--dark .kicker{color:#fff}
.svc-section--dark .lead,.svc-section--dark p{color:rgba(255,255,255,.86)}
.svc-section--dark em{color:inherit}
.svc-head{text-align:center;max-width:700px;margin:0 auto 46px}
.svc-head .kicker{margin-bottom:14px}
.section-title{font-size:clamp(27px,3.1vw,38px);font-weight:700;letter-spacing:-.016em;line-height:1.14}
.svc-prose p{font-size:17px;color:var(--grey);margin-bottom:14px;line-height:1.65}
.svc-hero{padding:56px 0 36px;background:var(--cream)}
.svc-hero-inner{max-width:880px;margin:0 auto;text-align:center}
.svc-breadcrumb{display:flex;gap:8px;justify-content:center;font-size:13px;color:var(--grey-lt);margin-bottom:18px}
.svc-breadcrumb a{color:var(--purple);font-weight:600}
.svc-hero .display{font-size:clamp(34px,4.4vw,54px);font-weight:800;letter-spacing:-.03em;margin-bottom:18px}
.svc-hero .lead{margin:0 auto 26px;max-width:620px}
.svc-hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.svc-hero-stats{display:flex;gap:34px;justify-content:center;margin-top:40px;flex-wrap:wrap}
.hero-stat-num{font-size:34px;font-weight:800;color:var(--purple)}
.hero-stat-lbl{font-size:13px;color:var(--grey);font-weight:600;margin-top:4px}
.hero-stat-sep{display:none}
.svc-intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px}
@media(max-width:860px){.svc-intro-grid{grid-template-columns:1fr;gap:24px}}
.svc-points{display:grid;gap:12px;margin-top:22px}
.svc-points li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px}
.svc-points-ic{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--yellow);color:#fff;
  display:flex;align-items:center;justify-content:center}
.svc-points-ic svg{width:13px;height:13px}
.svc-benefits-grid,.svc-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:900px){.svc-benefits-grid,.svc-related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.svc-benefits-grid,.svc-related-grid{grid-template-columns:1fr}}
.svc-bcard,.svc-rcard{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:30px;transition:transform .3s var(--ease),box-shadow .3s}
.svc-bcard:hover,.svc-rcard:hover{transform:translateY(-8px);box-shadow:var(--sh)}
.svc-bcard-ic,.svc-rcard-ic{width:62px;height:62px;border-radius:18px;background:var(--cream);
  display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.svc-bcard-ic svg,.svc-rcard-ic svg{width:30px;height:30px;color:var(--purple)}
.svc-ic-c1{background:var(--blue-lt)}.svc-ic-c2{background:#DCEBD6}.svc-ic-c3{background:#FDDEDF}
.svc-ic-c4{background:var(--purple-lt)}.svc-ic-c5{background:var(--yellow-lt)}.svc-ic-c6{background:#D6ECE7}
.svc-bcard h3,.svc-rcard h3{font-size:20px;font-weight:800;margin-bottom:9px}
.svc-bcard p,.svc-rcard p{font-size:14.5px;color:var(--grey);line-height:1.6}
.svc-rcard{display:flex;flex-direction:column}
.svc-rcard-go{margin-top:16px;font-weight:700;font-size:14px;color:var(--purple);
  display:inline-flex;align-items:center;gap:7px}
.svc-rcard:hover .svc-rcard-go{gap:11px}
.timeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media(max-width:900px){.timeline-grid{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:560px){.timeline-grid{grid-template-columns:1fr}}
.timeline-connector{display:none}
.timeline-badge{width:56px;height:56px;border-radius:18px;background:#fff;color:var(--ink);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;margin-bottom:16px}
.timeline-step h3{font-size:18px;margin-bottom:8px}
.timeline-day{font-size:12.5px;font-weight:700;color:var(--coral);margin-bottom:6px}
.svc-section--dark .timeline-day{color:var(--purple-lt)}
.timeline-step p{font-size:14px;color:var(--grey);line-height:1.6}
.svc-section--dark .timeline-step p{color:rgba(255,255,255,.8)}

/* ---------- process timeline (play-once reveal, no scroll-jacking) ---------- */
.tl-track{position:relative}
.tl-rail{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;
  position:relative;height:30px;margin:0 0 30px}
.tl-rail-base,.tl-rail-fill{position:absolute;left:12.5%;right:12.5%;top:50%;
  height:3px;margin-top:-1.5px;border-radius:2px}
.tl-rail-base{background:rgba(255,255,255,.16)}
.tl-rail-fill{background:#fff;transform:scaleX(0);transform-origin:left;
  transition:transform .5s var(--ease)}
.tl-node{justify-self:center;position:relative;z-index:2;width:15px;height:15px;
  border-radius:50%;background:var(--purple-deep);border:3px solid rgba(255,255,255,.24);
  transition:background .35s var(--ease),border-color .35s var(--ease),
    box-shadow .35s var(--ease),transform .35s var(--ease)}
.tl-node.on{background:#fff;border-color:#fff;transform:scale(1.18);
  box-shadow:0 0 0 6px rgba(255,255,255,.16)}
.tl-sec .timeline-step{background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.09);border-radius:var(--r-lg);padding:26px 22px;
  transition:opacity .55s var(--ease),transform .55s var(--ease),
    border-color .45s var(--ease),box-shadow .45s var(--ease)}
.tl-sec.tl-anim .timeline-step{opacity:0;transform:translateY(24px)}
.tl-sec.tl-anim .timeline-step.in{opacity:1;transform:translateY(0)}
.tl-sec .timeline-step.on{border-color:rgba(255,255,255,.4);
  box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
@media(prefers-reduced-motion:reduce){
  .tl-sec.tl-anim .timeline-step{opacity:1;transform:none}
  .tl-rail-fill{transition:none}
}

/* ---------- service-match quiz ---------- */
.ch-sec-head p{font-size:16px;color:var(--grey);max-width:570px;margin:14px auto 0;line-height:1.6}
.cq{max-width:760px;margin:0 auto;text-align:center}
.cq-panel{background:var(--purple-deep);border-radius:var(--r-xl);padding:42px;
  color:#fff;text-align:left;box-shadow:0 44px 90px -44px rgba(51,47,88,.75)}
@media(max-width:560px){.cq-panel{padding:26px}}
.cq-bar{height:6px;border-radius:3px;background:rgba(255,255,255,.13);overflow:hidden;margin-bottom:26px}
.cq-bar-fill{display:block;height:100%;width:0;border-radius:3px;background:var(--yellow);
  transition:width .45s var(--ease)}
.cq-stage{transition:opacity .2s var(--ease),transform .2s var(--ease)}
.cq-stage.cq-out{opacity:0;transform:translateY(12px)}
.cq-meta{font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:var(--yellow);margin-bottom:12px}
.cq-q{font-size:clamp(21px,2.5vw,29px);font-weight:800;letter-spacing:-.02em;
  line-height:1.22;margin-bottom:22px;color:#fff}
.cq-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.cq-opts{grid-template-columns:1fr}}
.cq-opt{display:flex;align-items:center;gap:13px;text-align:left;width:100%;
  background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.12);
  border-radius:var(--r);padding:15px 16px;color:#fff;font-size:14.5px;font-weight:600;
  line-height:1.4;cursor:pointer;transition:background .16s var(--ease),
    border-color .16s var(--ease),transform .16s var(--ease)}
.cq-opt:hover{background:rgba(255,255,255,.12);border-color:var(--yellow);transform:translateY(-2px)}
.cq-opt-k{flex-shrink:0;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.1);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;
  color:var(--yellow);transition:background .16s var(--ease),color .16s var(--ease)}
.cq-opt:hover .cq-opt-k{background:var(--yellow);color:#fff}
.cq-back,.cq-restart{margin-top:18px;font-size:13.5px;font-weight:700;
  color:rgba(255,255,255,.55);background:none;border:0;cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;transition:color .16s}
.cq-back:hover,.cq-restart:hover{color:#fff}
.cq-res-eyebrow{font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:var(--yellow);margin-bottom:10px}
.cq-res-name{font-size:clamp(25px,3.3vw,37px);font-weight:800;letter-spacing:-.03em;
  line-height:1.1;color:#fff;margin-bottom:11px}
.cq-res-desc{font-size:15.5px;color:rgba(255,255,255,.82);line-height:1.6;margin-bottom:20px}
.cq-res-price{display:inline-flex;align-items:baseline;gap:9px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.15);border-radius:var(--pill);padding:9px 19px;margin-bottom:26px}
.cq-res-price b{font-size:18px;font-weight:800;color:var(--yellow)}
.cq-res-price span{font-size:12.5px;color:rgba(255,255,255,.66)}
.cq-res-ctas{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- depth: grain texture + soft glow on dark surfaces ---------- */
:root{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}
.svc-section--dark{position:relative;isolation:isolate}
.svc-section--dark::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(125% 74% at 50% 0%,rgba(255,255,255,.085),transparent 62%)}
.svc-section--dark::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  opacity:.06;background-image:var(--grain);background-size:180px}
.ch-foot{position:relative;isolation:isolate}
.ch-foot::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  opacity:.05;background-image:var(--grain);background-size:180px}
.ch-foot::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(1.6px 1.6px at 34px 46px,rgba(255,255,255,.5),transparent),radial-gradient(1.3px 1.3px at 128px 96px,rgba(255,255,255,.36),transparent),radial-gradient(1.9px 1.9px at 188px 28px,rgba(255,255,255,.46),transparent),radial-gradient(1.2px 1.2px at 74px 150px,rgba(255,255,255,.3),transparent),radial-gradient(1.5px 1.5px at 224px 176px,rgba(255,255,255,.42),transparent);background-size:255px 210px}
.cq-panel{position:relative;isolation:isolate}
.cq-panel::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;
  pointer-events:none;background:radial-gradient(130% 82% at 50% 0%,rgba(255,255,255,.08),transparent 64%)}
.cq-panel::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;
  pointer-events:none;opacity:.06;background-image:var(--grain);background-size:170px}
.svc-pricing-grid{display:grid;gap:22px}
.svc-pricing-grid--2{grid-template-columns:repeat(2,1fr)}
.svc-pricing-grid--3{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.svc-pricing-grid{grid-template-columns:1fr!important}}
.svc-plan{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:34px 30px;display:flex;flex-direction:column;position:relative;transition:transform .3s,box-shadow .3s}
.svc-plan:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.svc-plan--featured{border:2px solid var(--purple);box-shadow:var(--sh)}
.svc-plan-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--purple);
  color:#fff;font-size:11.5px;font-weight:700;padding:6px 16px;border-radius:var(--pill);white-space:nowrap}
.svc-plan-name{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--grey);margin-bottom:10px}
.svc-plan-price{font-size:30px;font-weight:800;letter-spacing:-.02em}
.svc-plan-price span{display:block;font-size:13px;font-weight:600;color:var(--grey);margin-top:3px}
.svc-plan-desc{font-size:14px;color:var(--grey);margin-top:12px;line-height:1.55}
.svc-plan-feats{margin:18px 0 22px;padding-top:18px;border-top:1px solid var(--line);display:grid;gap:11px;flex-grow:1}
.svc-plan-feats li{display:flex;gap:10px;font-size:14px;line-height:1.5}
.svc-plan-feats svg{flex-shrink:0;width:15px;height:15px;color:var(--green);margin-top:3px}
.svc-plan-cta{width:100%;margin-top:auto;justify-content:center}
.svc-pricing-note{text-align:center;font-size:13.5px;color:var(--grey-lt);max-width:640px;margin:26px auto 0}
.svc-faq{max-width:820px;margin:0 auto;display:grid;gap:12px}
.svc-faq-item{background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.svc-faq-item[open]{border-color:var(--purple)}
.svc-faq-item summary{display:flex;justify-content:space-between;gap:16px;padding:20px 24px;
  cursor:pointer;font-weight:700;font-size:16px;list-style:none}
.svc-faq-item summary::-webkit-details-marker{display:none}
.svc-faq-chevron{width:18px;height:18px;flex-shrink:0;color:var(--purple);transition:transform .25s}
.svc-faq-item[open] .svc-faq-chevron{transform:rotate(180deg)}
.svc-faq-body{padding:0 24px 22px}
.svc-faq-body p{font-size:14.5px;color:var(--grey);line-height:1.7}
.contact-section{padding:74px 0;background:var(--cream)}
.fc-panel{position:relative;overflow:hidden;background:var(--white);border:1px solid var(--line);box-shadow:0 26px 64px -40px rgba(20,20,30,.34);border-radius:var(--r-xl);padding:56px 54px}
@media(max-width:600px){.fc-panel{padding:38px 24px;border-radius:var(--r-lg)}}
.fc-panel-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center}
@media(max-width:860px){.fc-panel-grid{grid-template-columns:1fr;gap:30px}}
.fc-intro .kicker{margin-bottom:16px}
.fc-intro h2{margin-bottom:16px}
.fc-intro p{font-size:16px;color:var(--grey);line-height:1.7;max-width:430px}
.fc-phone-line{display:flex;align-items:center;gap:9px;margin-top:24px;font-size:15px;color:var(--grey)}
.fc-phone-line svg{width:18px;height:18px;color:var(--purple);flex-shrink:0}
.fc-phone-line a{font-weight:800;color:var(--ink);border-bottom:2px solid var(--yellow-d)}
.fc-deco{position:absolute;pointer-events:none;border-radius:50%}
.fc-deco-1{width:118px;height:118px;border:4px solid rgba(237,28,36,.16);top:-34px;right:70px}
.fc-deco-2{width:72px;height:72px;border:4px solid rgba(103,107,190,.14);bottom:34px;left:-24px}
.fc-deco-3{width:210px;height:210px;border:3px solid rgba(237,28,36,.1);bottom:-118px;right:-72px}
.fc-form{display:flex;flex-direction:column;gap:15px}
.fc-row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:520px){.fc-row-2{grid-template-columns:1fr}}
.fc-group{display:flex;flex-direction:column;gap:6px}
.fc-group label{font-size:12.5px;font-weight:700;color:var(--grey);text-transform:uppercase;letter-spacing:.03em}
.fc-group input,.fc-group textarea{background:var(--cream);border:1.6px solid var(--line);
  border-radius:13px;padding:13px 15px;font-family:inherit;font-size:15px;color:var(--ink);transition:border-color .18s,box-shadow .18s,background .18s;width:100%}
.fc-group input::placeholder,.fc-group textarea::placeholder{color:var(--grey-lt)}
.fc-group input:focus,.fc-group textarea:focus{outline:0;background:var(--white);border-color:var(--purple);box-shadow:0 0 0 3px rgba(103,107,190,.16)}
.fc-group textarea{resize:vertical;min-height:120px}
.fc-checkbox{display:flex;gap:9px;font-size:12.5px;color:var(--grey);line-height:1.45;cursor:pointer}
.fc-checkbox input{margin-top:2px}
.fc-form .btn{align-self:flex-start;margin-top:4px}
.svc-side-phone{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);font-size:13.5px;color:var(--grey)}
.svc-side-phone a{display:block;font-size:19px;font-weight:800;color:var(--purple);margin-top:4px}

/* ---------- stats strip ---------- */
.ch-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:720px){.ch-stats{grid-template-columns:1fr 1fr;gap:16px}}
.ch-stat{display:flex;flex-direction:column;align-items:center;text-align:center;
  background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--sh-sm);padding:34px 20px 30px;
  transition:transform .32s var(--ease),box-shadow .32s var(--ease)}
.ch-stat:hover{transform:translateY(-7px);box-shadow:var(--sh)}
.ch-stat-bar{width:34px;height:4px;border-radius:3px;margin-bottom:18px;background:var(--purple)}
.ch-stat:nth-child(1) .ch-stat-bar{background:var(--yellow)}
.ch-stat:nth-child(2) .ch-stat-bar{background:var(--purple)}
.ch-stat:nth-child(3) .ch-stat-bar{background:var(--coral)}
.ch-stat:nth-child(4) .ch-stat-bar{background:var(--blue)}
.ch-stat-n{font-size:clamp(46px,5.6vw,68px);font-weight:800;letter-spacing:-.04em;
  color:var(--ink);line-height:1}
.ch-stat-l{font-size:13.5px;color:var(--grey);font-weight:600;margin-top:11px;line-height:1.45;max-width:170px}

/* ---------- search overlay ---------- */
.ch-search{position:fixed;inset:0;z-index:300;background:rgba(22,22,26,.62);
  display:flex;align-items:flex-start;justify-content:center;
  padding:14vh 24px 0;opacity:0;visibility:hidden;transition:opacity .26s,visibility .26s}
.ch-search.open{opacity:1;visibility:visible}
.ch-search-form{display:flex;gap:10px;width:100%;max-width:620px;
  transform:translateY(-20px);transition:transform .32s var(--ease)}
.ch-search.open .ch-search-form{transform:none}
.ch-search-form input{flex:1;background:#fff;border:0;border-radius:var(--pill);
  padding:18px 26px;font-family:inherit;font-size:17px;color:var(--ink);min-width:0}
.ch-search-form input:focus{outline:3px solid var(--yellow)}
.ch-search-close{position:absolute;top:26px;right:30px;width:48px;height:48px;border-radius:50%;
  background:#fff;color:var(--ink);font-size:26px;line-height:1;display:flex;
  align-items:center;justify-content:center;transition:transform .2s}
.ch-search-close:hover{transform:rotate(90deg)}

/* ---------- city directory (A-Z) ---------- */
.ch-dir-az{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto 46px;max-width:800px}
.ch-dir-az a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;
  border-radius:50%;border:1.5px solid var(--line);font-weight:700;font-size:14px;color:var(--ink);
  transition:background .15s,border-color .15s}
.ch-dir-az a:hover{background:var(--yellow);border-color:var(--yellow);color:#fff}
.ch-dir-group{border-top:1px solid var(--line);padding:24px 0;scroll-margin-top:90px}
.ch-dir-letter{font-size:28px;font-weight:800;color:var(--purple);letter-spacing:-.02em;margin-bottom:14px}
.ch-dir-links{display:flex;flex-wrap:wrap;gap:9px 22px}
.ch-dir-links a{font-size:14.5px;color:var(--grey);transition:color .15s}
.ch-dir-links a:hover{color:var(--purple)}

/* ---------- blog archive ---------- */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
@media(max-width:880px){.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.blog-grid{grid-template-columns:1fr}}
.blog-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:28px;transition:transform .3s var(--ease),box-shadow .3s}
.blog-card:hover{transform:translateY(-8px);box-shadow:var(--sh)}
.blog-card-cat{align-self:flex-start;font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;color:var(--purple);background:var(--purple-bg);padding:5px 12px;
  border-radius:var(--pill);margin-bottom:16px}
.blog-card-title{font-size:19px;font-weight:800;letter-spacing:-.02em;line-height:1.32;color:var(--ink)}
.blog-card-exc{font-size:14px;color:var(--grey);line-height:1.6;margin-top:9px;flex-grow:1}
.blog-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px;
  padding-top:15px;border-top:1px solid var(--line)}
.blog-card-date{font-size:12.5px;color:var(--grey-lt);font-weight:600}
.blog-card-read{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;color:var(--purple)}
.blog-card-read svg{width:15px;height:15px;transition:transform .2s}
.blog-card:hover .blog-card-read svg{transform:translateX(5px)}
.blog-pagination{margin-top:46px;text-align:center}
.blog-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;
  min-width:42px;height:42px;padding:0 8px;margin:0 3px;border-radius:var(--pill);
  border:1.5px solid var(--line);font-weight:700;font-size:14px;color:var(--ink)}
.blog-pagination .page-numbers.current{background:var(--yellow);border-color:var(--yellow);color:#fff}
.blog-pagination a.page-numbers:hover{border-color:var(--ink)}

/* ---------- single article ---------- */
.bl-single{padding:50px 0 0}
.bl-head,.bl-prose,.bl-foot{max-width:760px;margin-left:auto;margin-right:auto}
.bl-head .svc-breadcrumb{justify-content:flex-start;margin-bottom:16px}
.bl-cat{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  color:var(--purple);background:var(--purple-bg);padding:6px 14px;border-radius:var(--pill);margin-bottom:16px}
.bl-title{font-size:clamp(31px,4.2vw,48px);font-weight:800;letter-spacing:-.03em;line-height:1.12;margin-bottom:14px}
.bl-meta{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--grey);font-weight:600}
.bl-dot{width:4px;height:4px;border-radius:50%;background:var(--grey-lt)}
.bl-cover{max-width:1000px;margin:34px auto 0;border-radius:var(--r-xl);overflow:hidden}
.bl-cover img{width:100%;display:block}
.bl-prose{margin-top:38px;font-size:17px;line-height:1.75}
.bl-prose p{margin-bottom:20px;color:#2B2B33}
.bl-prose h2{font-size:27px;font-weight:800;letter-spacing:-.025em;line-height:1.2;margin:42px 0 14px;color:var(--ink)}
.bl-prose h3{font-size:21px;font-weight:800;margin:30px 0 10px;color:var(--ink)}
.bl-prose ul,.bl-prose ol{margin:0 0 22px;padding:0;list-style:none}
.bl-prose li{position:relative;padding-left:32px;margin-bottom:11px;color:#2B2B33}
.bl-prose ul li::before{content:"";position:absolute;left:4px;top:10px;width:8px;height:8px;border-radius:50%;background:var(--yellow)}
.bl-prose ol{counter-reset:cli}
.bl-prose ol li{counter-increment:cli}
.bl-prose ol li::before{content:counter(cli);position:absolute;left:0;top:1px;width:22px;height:22px;
  background:var(--purple);color:#fff;border-radius:50%;font-size:12px;font-weight:800;
  display:flex;align-items:center;justify-content:center}
.bl-prose a{color:var(--purple);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.bl-prose strong{font-weight:800;color:var(--ink)}
.bl-prose blockquote{margin:26px 0;padding:18px 26px;background:var(--cream);
  border-left:4px solid var(--yellow);border-radius:0 var(--r) var(--r) 0;font-size:18px;font-weight:600;color:var(--ink)}
.bl-foot{margin-top:50px;padding-bottom:10px}
.bl-cta{background:var(--purple-deep);border-radius:var(--r-xl);padding:34px 38px;display:flex;
  align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
.bl-cta h3{color:#fff;font-size:21px;margin-bottom:5px}
.bl-cta p{color:rgba(255,255,255,.82);font-size:14.5px}
.bl-cta .btn{flex-shrink:0}
.bl-back{display:inline-block;margin-top:26px;font-weight:700;color:var(--purple);font-size:14.5px}
@media(max-width:560px){.bl-single{padding:32px 0 0}.bl-cta{padding:26px 24px}}

/* ===========================================================================
   ANIMATIONS
   ======================================================================== */

.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}
.d4{transition-delay:.32s}.d5{transition-delay:.4s}.d6{transition-delay:.48s}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important}
  
}

/* ---------- card pointer-tilt easing ---------- */
.ch-rc,.ch-cc,.ch-hero-stat,.ch-prod{transform-style:preserve-3d}

/* ---------- scroll progress bar ---------- */
.ch-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:400;border-radius:0 3px 3px 0;
  background:linear-gradient(90deg,var(--yellow-d),var(--yellow),var(--coral));
  transition:width .12s linear;box-shadow:0 0 10px -1px rgba(237,28,36,.6)}

/* heading accent = plain coloured word, no underline */

/* ---------- hero headline masked line reveal ---------- */
.ch-split .ch-line{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}
.ch-split .ch-line-i{display:block;transform:translateY(116%);
  transition:transform .9s cubic-bezier(.16,1,.3,1)}
.ch-split.ch-lines-in .ch-line-i{transform:translateY(0)}
.ch-split.ch-lines-in .ch-line:nth-child(1) .ch-line-i{transition-delay:.05s}
.ch-split.ch-lines-in .ch-line:nth-child(2) .ch-line-i{transition-delay:.16s}
.ch-split.ch-lines-in .ch-line:nth-child(3) .ch-line-i{transition-delay:.27s}
.ch-split.ch-lines-in .ch-line:nth-child(4) .ch-line-i{transition-delay:.38s}

/* ---------- hero trust row ---------- */
.ch-hero-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 22px;margin-top:22px}
.ch-hero-trust span{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;
  font-weight:600;color:var(--grey)}
.ch-hero-trust svg{width:16px;height:16px;color:var(--green);flex-shrink:0}

/* ---------- sticky conversion CTA ---------- */
.ch-sticky-cta{position:fixed;right:24px;bottom:24px;z-index:250;display:inline-flex;
  align-items:center;gap:9px;background:var(--yellow);color:#fff;font-weight:800;font-size:15px;
  padding:15px 24px;border-radius:var(--pill);box-shadow:0 16px 36px -10px rgba(237,28,36,.85);
  opacity:0;visibility:hidden;transform:translateY(22px) scale(.96);
  transition:opacity .3s var(--ease),transform .3s var(--ease),background .18s}
.ch-sticky-cta.show{opacity:1;visibility:visible;transform:none}
.ch-sticky-cta:hover{background:var(--yellow-d);transform:translateY(-3px)}
.ch-sticky-cta svg{width:19px;height:19px}
@media(max-width:560px){
  .ch-sticky-cta{right:13px;bottom:13px;padding:13px 19px;font-size:14px}
  .ch-sticky-cta svg{width:17px;height:17px}
}
@media(prefers-reduced-motion:reduce){.ch-sticky-cta{transition:opacity .2s}}

/* ===========================================================================
   HOMEPAGE 2026 — hero with illustration · liczby · why-grid · case · blog
   ======================================================================== */

/* hero — two columns: copy left, illustration right */
.ch-hero{padding:54px 0 44px}
.ch-hero-grid2{display:grid;grid-template-columns:1.04fr .96fr;gap:50px;align-items:center}
@media(max-width:940px){.ch-hero-grid2{grid-template-columns:1fr;gap:32px}}
.ch-hero-col{display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.ch-hero-col .kicker{margin-bottom:18px}
.ch-hero-col h1{margin-bottom:6px}
.ch-hero-col .ch-hero-kin{justify-content:flex-start;margin:8px 0 18px}
.ch-hero-col .lead{font-size:18px;margin:0 0 26px;max-width:540px}
.ch-hero-col .ch-hero-ctas{justify-content:flex-start}
.ch-hero-col .ch-hero-trust{justify-content:flex-start;margin-top:20px}
.ch-hero-art{position:relative;border-radius:var(--r-xl);overflow:hidden;
  background:var(--cream);border:1px solid var(--line)}
.ch-hero-art img{width:100%;display:block}
@media(max-width:940px){
  .ch-hero-col{align-items:center;text-align:center}
  .ch-hero-col .ch-hero-kin,.ch-hero-col .ch-hero-ctas,.ch-hero-col .ch-hero-trust{justify-content:center}
  .ch-hero-col .lead{margin-left:auto;margin-right:auto}
}
/* hero — single centered column (illustration removed) */
.ch-hero-solo{max-width:780px;margin:0 auto}
.ch-hero-solo .ch-hero-col{align-items:center;text-align:center}
.ch-hero-solo .ch-hero-col .ch-hero-kin,
.ch-hero-solo .ch-hero-col .ch-hero-ctas,
.ch-hero-solo .ch-hero-col .ch-hero-trust{justify-content:center}
.ch-hero-solo .ch-hero-col .lead{margin-left:auto;margin-right:auto}
/* hero — subtle floating brand accents */
.ch-hero-deco{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.ch-hd{position:absolute;display:block}
.ch-hd-1{width:16px;height:16px;border-radius:50%;background:var(--yellow);top:20%;left:7%;animation:floaty 7s ease-in-out infinite}
.ch-hd-2{width:32px;height:32px;border-radius:50%;border:3px solid var(--purple-lt);top:58%;left:11%;animation:floaty 9s ease-in-out infinite .8s}
.ch-hd-3{width:10px;height:10px;border-radius:50%;background:var(--coral);top:80%;left:6%;animation:floaty 6.5s ease-in-out infinite 1.4s}
.ch-hd-4{width:28px;height:28px;border-radius:50%;border:3px solid var(--yellow);top:24%;right:8%;animation:floaty 10s ease-in-out infinite .5s}
.ch-hd-5{width:13px;height:13px;border-radius:50%;background:var(--purple);top:62%;right:11%;animation:floaty 8s ease-in-out infinite 1.1s}
.ch-hd-6{width:9px;height:9px;border-radius:50%;background:var(--coral);top:84%;right:6%;animation:floaty 7.5s ease-in-out infinite 1.8s}
@media(max-width:760px){.ch-hd{display:none}}
@media(prefers-reduced-motion:reduce){.ch-hd{animation:none}}

/* liczby band */
.ch-sec--stats{padding:58px 0 30px}

/* dlaczego my — 3 cards with illustrations */
.ch-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
@media(max-width:860px){.ch-why-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}}
.ch-why{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:26px 26px 30px;transition:transform .3s var(--ease),box-shadow .3s}
.ch-why:hover{transform:translateY(-8px);box-shadow:var(--sh)}
.ch-why-img{display:block;border-radius:var(--r);overflow:hidden;background:var(--cream);margin-bottom:20px}
.ch-why-img img{width:100%;display:block;aspect-ratio:1/1;object-fit:cover}
.ch-why h3{font-size:21px;font-weight:800;margin-bottom:9px}
.ch-why p{font-size:14.5px;color:var(--grey);line-height:1.62}

/* case — od chaosu do automatyzacji */
.ch-case{display:grid;grid-template-columns:1.02fr 1fr;gap:38px;align-items:center;
  background:var(--white);border:1px solid var(--line);border-radius:var(--r-xl);
  padding:38px;box-shadow:var(--sh-sm)}
@media(max-width:860px){.ch-case{grid-template-columns:1fr;gap:24px;padding:24px}}
.ch-case-art{border-radius:var(--r-lg);overflow:hidden;background:var(--cream);border:1px solid var(--line)}
.ch-case-art img{width:100%;display:block}
.ch-case-body{display:flex;flex-direction:column;gap:18px}
.ch-case-row{position:relative;padding-left:18px}
.ch-case-row::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:2px}
.ch-case-row--before::before{background:var(--grey-lt)}
.ch-case-row--after::before{background:var(--green)}
.ch-case-tag{display:inline-block;font-size:11px;font-weight:800;text-transform:uppercase;
  letter-spacing:.07em;margin-bottom:6px}
.ch-case-row--before .ch-case-tag{color:var(--grey-lt)}
.ch-case-row--after .ch-case-tag{color:var(--green)}
.ch-case-row p{font-size:14.5px;color:var(--grey);line-height:1.62}
.ch-case-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:4px;
  padding-top:20px;border-top:1px solid var(--line)}
.ch-case-metrics div{display:flex;flex-direction:column;gap:3px}
.ch-case-metrics b{font-size:23px;font-weight:800;color:var(--purple);letter-spacing:-.02em}
.ch-case-metrics span{font-size:12px;color:var(--grey);line-height:1.35}
.ch-case-note{text-align:center;font-size:12.5px;color:var(--grey-lt);margin-top:20px}
@media(max-width:430px){.ch-case-metrics{grid-template-columns:1fr;gap:12px}}

/* blog cards with illustration covers */
.ch-bc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:900px){.ch-bc-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}}
.ch-bc{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);
  border-radius:var(--r-lg);overflow:hidden;transition:transform .32s var(--ease),box-shadow .32s}
.ch-bc:hover{transform:translateY(-9px);box-shadow:var(--sh)}
.ch-bc-cover{display:block;overflow:hidden;background:var(--cream);border-bottom:1px solid var(--line)}
.ch-bc-cover img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover;transition:transform .4s var(--ease)}
.ch-bc:hover .ch-bc-cover img{transform:scale(1.05)}
.ch-bc-body{display:flex;flex-direction:column;flex-grow:1;padding:22px 24px 24px}
.ch-bc-tag{align-self:flex-start;font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;color:var(--purple);background:var(--purple-bg);
  padding:5px 12px;border-radius:var(--pill);margin-bottom:13px}
.ch-bc-body h3{font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1.3;color:var(--ink)}
.ch-bc-excerpt{font-size:14px;color:var(--grey);line-height:1.6;margin-top:9px}
.ch-bc-read{display:inline-flex;align-items:center;gap:7px;margin-top:16px;font-size:14px;
  font-weight:800;color:var(--purple)}
.ch-bc-read svg{width:16px;height:16px;transition:transform .22s}
.ch-bc:hover .ch-bc-read svg{transform:translateX(5px)}

/* mid-page CTA eyebrow */
.ch-cta-eyebrow{color:var(--yellow);margin-bottom:14px}
.ch-cta-eyebrow .dot{background:var(--yellow)}
.ch-foot-fox{width:46px;height:46px;object-fit:contain;display:block;flex-shrink:0}

/* ---------- featured product (katalog) ---------- */
.ch-feat{display:grid;grid-template-columns:1.04fr .96fr;gap:56px;align-items:center;max-width:1060px;margin:0 auto}
@media(max-width:860px){.ch-feat{grid-template-columns:1fr;gap:38px;max-width:480px}}
.ch-feat-visual{position:relative;display:flex;align-items:center;justify-content:center;padding:10px}
.ch-feat-visual::before{content:"";position:absolute;width:80%;height:80%;border-radius:50%;
  background:radial-gradient(circle,rgba(237,28,36,.34),transparent 68%);filter:blur(40px);z-index:0}
.ch-feat-visual img{position:relative;z-index:1;display:block;width:100%;max-width:440px;
  border-radius:var(--r-lg);box-shadow:0 44px 80px -30px rgba(20,20,30,.55);
  animation:ch-feat-float 6s ease-in-out infinite}
@keyframes ch-feat-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}
@media(prefers-reduced-motion:reduce){.ch-feat-visual img{animation:none}}
.ch-feat-badge{position:absolute;z-index:2;top:20px;left:20px;background:var(--yellow);color:#fff;
  font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding:7px 14px;
  border-radius:var(--pill);box-shadow:0 12px 24px -8px rgba(237,28,36,.85)}
.ch-feat-tag{display:inline-block;font-size:12px;font-weight:800;text-transform:uppercase;
  letter-spacing:.06em;color:var(--purple);background:var(--purple-bg);padding:7px 14px;border-radius:var(--pill)}
.ch-feat-info h3{font-size:clamp(25px,2.9vw,33px);font-weight:800;letter-spacing:-.03em;line-height:1.16;margin:16px 0 0}
.ch-feat-info h3 a{color:var(--ink)}
.ch-feat-info h3 a:hover{color:var(--purple)}
.ch-feat-lead{margin-top:13px}
.ch-feat-lead p{font-size:16px;color:var(--grey);line-height:1.65;margin:0}
.ch-feat-list{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:11px}
.ch-feat-list li{position:relative;padding-left:31px;font-size:14.5px;color:var(--ink);line-height:1.5}
.ch-feat-list li::before{content:"\2713";position:absolute;left:0;top:1px;width:20px;height:20px;
  border-radius:50%;background:var(--yellow);color:#fff;font-size:11px;font-weight:800;
  display:flex;align-items:center;justify-content:center;line-height:1}
.ch-feat-buy{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.ch-feat-price{display:flex;flex-direction:column;gap:3px}
.ch-feat-price-v{font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1}
.ch-feat-price-l{font-size:12.5px;color:var(--grey-lt);font-weight:600}
.ch-feat-buy .btn{flex-shrink:0}

/* ---------- service template parts (kontakt / usługi) ---------- */
.btn-primary{background:var(--yellow);color:#fff;box-shadow:0 8px 22px -10px rgba(237,28,36,.85)}
.btn-primary:hover{background:var(--yellow-d);transform:translateY(-3px)}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:var(--purple-deep);transform:translateY(-3px)}
.fc-header{text-align:center;max-width:640px;margin:0 auto 40px}
.fc-header h2{font-size:clamp(26px,3vw,36px);font-weight:800;letter-spacing:-.03em;line-height:1.16}
.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:38px;align-items:start;max-width:1000px;margin:0 auto}
@media(max-width:820px){.contact-grid{grid-template-columns:1fr;gap:26px}}
.fc-side{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 28px}
.fc-side h3{font-size:19px;font-weight:800;letter-spacing:-.02em;margin-bottom:20px;color:var(--ink)}
.fc-step{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
.fc-step:last-of-type{margin-bottom:0}
.fc-step-icon{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--yellow);color:#fff;
  display:flex;align-items:center;justify-content:center}
.fc-step-icon svg{width:17px;height:17px}
.fc-step strong{display:block;font-size:15px;font-weight:800;color:var(--ink);margin-bottom:3px}
.fc-step p{font-size:13.5px;color:var(--grey);line-height:1.55;margin:0}

/* ---------- single product page (premium) ---------- */
.ch-prodp{padding:46px 0 78px}
.ch-prodp-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;color:var(--grey-lt);margin-bottom:32px}
.ch-prodp-crumb a{color:var(--purple);font-weight:600}
.ch-prodp-crumb a:hover{color:var(--purple-d)}
.ch-prodp-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
@media(max-width:880px){.ch-prodp-grid{grid-template-columns:1fr;gap:36px;max-width:520px;margin:0 auto}}
.ch-prodp-visual{position:relative;display:flex;align-items:center;justify-content:center;padding:12px}
.ch-prodp-visual::before{content:"";position:absolute;width:78%;height:78%;border-radius:50%;
  background:radial-gradient(circle,rgba(237,28,36,.32),transparent 68%);filter:blur(42px);z-index:0}
.ch-prodp-visual img{position:relative;z-index:1;display:block;width:100%;max-width:470px;
  border-radius:var(--r-lg);box-shadow:0 44px 84px -32px rgba(20,20,30,.55)}
.ch-prodp-badge{position:absolute;z-index:2;top:22px;left:22px;background:var(--yellow);color:#fff;
  font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding:7px 14px;
  border-radius:var(--pill);box-shadow:0 12px 24px -8px rgba(237,28,36,.85)}
.ch-prodp-tag{display:inline-block;font-size:12px;font-weight:800;text-transform:uppercase;
  letter-spacing:.06em;color:var(--purple);background:var(--purple-bg);padding:7px 14px;border-radius:var(--pill)}
.ch-prodp-title{font-size:clamp(27px,3.2vw,38px);font-weight:800;letter-spacing:-.03em;line-height:1.13;margin:16px 0 0}
.ch-prodp-short{margin-top:14px}
.ch-prodp-short p{font-size:16px;color:var(--grey);line-height:1.65;margin:0}
.ch-prodp-pack{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.ch-prodp-pack li{position:relative;padding-left:30px;font-size:14.5px;color:var(--ink);line-height:1.5}
.ch-prodp-pack li::before{content:"\2713";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;
  background:var(--yellow);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
.ch-prodp-cart{display:flex;align-items:center;gap:20px 26px;flex-wrap:wrap;margin-top:24px;
  padding:22px 24px;background:var(--cream);border:1px solid var(--line);border-radius:var(--r-lg)}
.ch-prodp-price{display:flex;flex-direction:column;gap:3px}
.ch-prodp-price-v{font-size:32px;font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1}
.ch-prodp-price-l{font-size:12.5px;color:var(--grey-lt);font-weight:600}
.ch-prodp-cart form.cart{margin:0;display:flex;align-items:center;gap:12px}
.ch-prodp-cart .quantity{display:none}
.ch-prodp-cart .single_add_to_cart_button{display:inline-flex;align-items:center;justify-content:center;
  background:var(--yellow);color:#fff;font-family:inherit;font-weight:800;font-size:15.5px;border:0;cursor:pointer;
  padding:15px 32px;border-radius:var(--pill);box-shadow:0 10px 24px -10px rgba(237,28,36,.85);
  transition:background .18s var(--ease),transform .18s var(--ease)}
.ch-prodp-cart .single_add_to_cart_button:hover{background:var(--yellow-d);transform:translateY(-2px)}
.ch-prodp-trust{display:flex;flex-wrap:wrap;gap:11px 22px;margin-top:20px}
.ch-prodp-trust span{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--grey);font-weight:600}
.ch-prodp-trust svg{width:15px;height:15px;color:var(--green);flex-shrink:0}
.ch-prodp-desc{background:var(--cream);padding:66px 0}
.ch-prodp-desc-head{text-align:center;margin-bottom:30px}
.ch-prodp-desc-in{max-width:860px;margin:0 auto}
.ch-prodp-desc-in>div{max-width:100%!important}

/* ---------- mobile fixes + kickers off ---------- */
.kicker{display:none}
.custom-logo{height:38px;width:auto;max-width:none;display:block}
.ch-hero-stat .n,.ch-hero-stat .l{display:block}
@media(max-width:600px){
  .custom-logo{height:32px}
}
/* ---------- service cards (big, colored) ---------- */
.ch-svc-card{display:flex;flex-direction:column;border-radius:var(--r-xl);padding:34px 30px 30px;
  color:#fff;min-height:330px;position:relative;overflow:hidden;
  transition:transform .32s var(--ease),box-shadow .32s var(--ease)}
.ch-svc-card::after{content:"";position:absolute;right:-54px;bottom:-54px;width:180px;height:180px;
  border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}
.ch-svc-card>*{position:relative;z-index:1}
.ch-svc-card:hover{transform:translateY(-8px)}
.ch-svc-c1{background:var(--purple);box-shadow:0 26px 54px -26px rgba(103,107,190,.85)}
.ch-svc-c2{background:var(--blue);box-shadow:0 26px 54px -26px rgba(98,139,255,.78)}
.ch-svc-c3{background:var(--green);box-shadow:0 26px 54px -26px rgba(91,158,91,.78)}
.ch-svc-card-ic{width:56px;height:56px;border-radius:15px;background:rgba(255,255,255,.15);display:flex;
  align-items:center;justify-content:center;margin-bottom:20px;color:#fff}
.ch-svc-card-ic svg{width:29px;height:29px}
.ch-svc-card h3{font-size:23px;font-weight:800;letter-spacing:-.02em;line-height:1.2;color:#fff;margin:0}
.ch-svc-card-panel{flex-grow:1;margin:0}
.ch-svc-card-panel p{font-size:15px;line-height:1.62;color:rgba(255,255,255,.88);margin:11px 0 0}
.ch-svc-card-cta{margin-top:22px;align-self:flex-start;display:inline-flex;align-items:center;gap:9px;
  background:#fff;color:var(--ink);font-weight:800;font-size:14.5px;padding:13px 24px;border-radius:var(--pill);
  box-shadow:0 10px 24px -12px rgba(20,20,30,.4);transition:transform .18s var(--ease),box-shadow .18s var(--ease)}
.ch-svc-card-cta svg{width:17px;height:17px}
.ch-svc-card:hover .ch-svc-card-cta{transform:translateY(-2px);box-shadow:0 15px 30px -12px rgba(20,20,30,.55)}

/* ---------- mobile polish ---------- */
@media(max-width:600px){
  .h-xl{font-size:30px;line-height:1.14}
  .h-lg{font-size:25px;line-height:1.16}
  .h-md{font-size:21px}
  .ch-hero{padding-top:22px}
  .ch-hero-col .lead{font-size:16px}
  .ch-sec{padding:54px 0}
  .ch-round{padding:42px 0 26px}
  .contact-section{padding:52px 0}
  .ch-prodp{padding:32px 0 56px}
  .ch-prodp-desc{padding:48px 0}
  .ch-sec-head{margin-bottom:30px}
  .btn{padding:14px 24px;font-size:15px}
  .ch-svc-card{padding:28px 24px 26px;min-height:0}
}

/* ---------- kill horizontal overflow / white gap (mobile) ---------- */
html,body{overflow-x:clip;max-width:100%}
@media(max-width:1080px){.ch-hdr-r{margin-left:auto}}
@media(max-width:600px){
  .ch-ic-wa,.ch-ic-vb{display:none}
  .ch-hdr-in{gap:12px}
}

/* ============================================================
   SERVICE TABS (Let's Automate-style)
   Left list of clickable tabs, right big panel with title + screenshot.
   ============================================================ */
.ch-svct{padding:90px 0 100px;background:var(--white)}
.ch-svct .ch-sec-head{text-align:center;max-width:780px;margin:0 auto 50px}
.ch-svct-sub{font-size:17px;color:var(--grey);margin-top:18px;line-height:1.55}
.ch-svct-grid{display:grid;grid-template-columns:300px 1fr;gap:42px;align-items:start;max-width:1180px;margin:0 auto}

/* Left column — vertical tab list */
.ch-svct-tabs{display:flex;flex-direction:column;gap:8px;position:sticky;top:96px}
.ch-svct-tab{display:flex;align-items:center;gap:14px;width:100%;background:transparent;border:0;
  padding:16px 20px;border-radius:var(--pill);font:inherit;font-weight:600;font-size:15.5px;
  color:var(--ink);text-align:left;cursor:pointer;
  transition:background .22s var(--ease),color .22s var(--ease),transform .22s var(--ease)}
.ch-svct-tab:hover{background:var(--cream)}
.ch-svct-tab.is-active{background:var(--yellow-bg);color:var(--yellow-d)}
.ch-svct-tab-ic{width:22px;height:22px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:currentColor}
.ch-svct-tab-ic svg{width:100%;height:100%}
.ch-svct-tab-l{flex:1;line-height:1.25}

/* Right column — panel container (single visible panel) */
.ch-svct-panels{position:relative;min-height:480px}
.ch-svct-panel{display:none;grid-template-columns:1fr 1.25fr;gap:30px;align-items:center;
  background:var(--cream);border-radius:var(--r-xl);padding:42px 40px;
  box-shadow:0 18px 40px -28px rgba(21,21,26,.18)}
.ch-svct-panel.is-active{display:grid}
.ch-svct-panel-copy{padding:6px 0}
.ch-svct-panel-title{font-size:clamp(22px,2.2vw,28px);font-weight:800;letter-spacing:-.02em;
  line-height:1.18;color:var(--ink);margin:0 0 16px}
.ch-svct-panel-desc{font-size:15.5px;color:var(--grey);line-height:1.6;margin:0 0 24px}
.ch-svct-panel-cta{display:inline-flex;align-items:center;gap:9px;background:var(--ink);color:#fff;
  font-weight:700;font-size:15px;padding:14px 24px;border-radius:var(--pill);text-decoration:none;
  box-shadow:0 12px 26px -14px rgba(21,21,26,.55);
  transition:background .2s var(--ease),transform .2s var(--ease)}
.ch-svct-panel-cta:hover{background:#000;transform:translateY(-2px);color:#fff}
.ch-svct-panel-cta svg{width:16px;height:16px}
.ch-svct-panel-img{position:relative;border-radius:var(--r-lg);overflow:hidden;
  box-shadow:0 24px 50px -24px rgba(21,21,26,.28)}
.ch-svct-panel-img img{display:block;width:100%;height:auto}

/* Tablet & mobile fallback — collapse to all-panels-visible stack (no JS needed). */
@media(max-width:960px){
  .ch-svct{padding:62px 0 70px}
  .ch-svct-grid{grid-template-columns:1fr;gap:22px}
  .ch-svct-tabs{flex-direction:row;flex-wrap:wrap;gap:8px;position:static;justify-content:center}
  .ch-svct-tab{flex:0 1 auto;padding:11px 18px;font-size:14px}
  .ch-svct-panels{min-height:0}
  .ch-svct-panel,
  .ch-svct-panel.is-active{display:grid;grid-template-columns:1fr;gap:22px;padding:30px 24px;
    animation:none;margin-bottom:18px}
  .ch-svct-panel-img{order:-1}
}
@media(max-width:600px){
  .ch-svct{padding:46px 0 56px}
  .ch-svct .ch-sec-head{margin-bottom:30px}
  .ch-svct-tab{padding:10px 14px;font-size:13px}
  .ch-svct-tab-ic{width:18px;height:18px}
  .ch-svct-panel,
  .ch-svct-panel.is-active{padding:22px 18px}
  .ch-svct-panel-title{font-size:20px}
  .ch-svct-panel-desc{font-size:14.5px}
}

/* ============================================================
   CATALOG GRID — full list of Make.com automation scenarios
   ============================================================ */
.ch-cat-meta{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:center;align-items:center;
  font-size:14px;color:var(--grey);margin:-18px 0 36px}
.ch-cat-meta strong{color:var(--ink);font-weight:800}
.ch-cat-meta .ch-cat-count{font-size:15px}
.ch-cat-sep{color:var(--line)}
.ch-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.ch-cat-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;
  transition:transform .26s var(--ease),box-shadow .26s var(--ease),border-color .26s var(--ease)}
.ch-cat-card:hover{transform:translateY(-6px);box-shadow:0 24px 44px -24px rgba(21,21,26,.22);
  border-color:transparent;color:inherit}
.ch-cat-card-thumb{position:relative;background:var(--cream);aspect-ratio:4/3;overflow:hidden}
.ch-cat-card-thumb img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .5s var(--ease)}
.ch-cat-card:hover .ch-cat-card-thumb img{transform:scale(1.04)}
.ch-cat-card-tag{position:absolute;left:12px;top:12px;background:rgba(21,21,26,.86);color:#fff;
  font-size:11px;font-weight:700;letter-spacing:.02em;padding:5px 10px;border-radius:99px;
  backdrop-filter:blur(3px)}
.ch-cat-card-body{display:flex;flex-direction:column;gap:8px;padding:18px 18px 16px;flex:1}
.ch-cat-card-title{font-size:16px;font-weight:800;letter-spacing:-.015em;line-height:1.28;
  color:var(--ink);margin:0}
.ch-cat-card-desc{font-size:13.5px;color:var(--grey);line-height:1.5;margin:0}
.ch-cat-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.ch-cat-card-price{font-size:16px;font-weight:800;color:var(--ink)}
.ch-cat-card-price .amount,.ch-cat-card-price bdi{font-size:inherit;color:inherit;font-weight:inherit}
.ch-cat-card-cta{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:700;color:var(--yellow-d)}
.ch-cat-card-cta svg{width:14px;height:14px}
.ch-cat-card:hover .ch-cat-card-cta{color:var(--yellow-d)}

@media(max-width:1080px){
  .ch-cat-grid{grid-template-columns:repeat(3,1fr);gap:18px}
}
@media(max-width:760px){
  .ch-cat-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .ch-cat-card-body{padding:14px 14px 14px;gap:6px}
  .ch-cat-card-title{font-size:14.5px}
  .ch-cat-card-desc{font-size:12.5px;line-height:1.45}
  .ch-cat-card-price{font-size:15px}
  .ch-cat-card-cta{font-size:12.5px}
  .ch-cat-card-tag{font-size:10px;padding:4px 8px}
}
@media(max-width:420px){
  .ch-cat-grid{gap:10px}
  .ch-cat-card-body{padding:11px 12px 12px}
  .ch-cat-card-title{font-size:13.5px}
  .ch-cat-card-desc{display:none}
}

/* ============================================================
   LATEST 3 PRODUCTS — premium homepage tile with wow effect
   ============================================================ */
.ch-latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:8px}
.ch-latest-card{position:relative;display:flex;flex-direction:column;border-radius:24px;
  padding:26px 24px 24px;overflow:hidden;text-decoration:none;color:inherit;
  background:#fff;border:1px solid var(--line);isolation:isolate;
  transition:transform .34s var(--ease),box-shadow .34s var(--ease),border-color .34s var(--ease)}
.ch-latest-card::before{content:"";position:absolute;inset:-20% -10% auto auto;
  width:62%;height:62%;border-radius:50%;
  background:radial-gradient(circle at center, var(--lc-tint), transparent 70%);
  filter:blur(2px);pointer-events:none;z-index:-1;
  transition:transform .42s var(--ease),opacity .42s var(--ease);opacity:.85}
.ch-latest-card::after{content:"";position:absolute;left:-30%;bottom:-30%;
  width:55%;height:55%;border-radius:50%;
  background:radial-gradient(circle at center, var(--lc-tint), transparent 75%);
  filter:blur(4px);pointer-events:none;z-index:-1;opacity:.55;
  transition:transform .55s var(--ease)}
.ch-latest-card:hover{transform:translateY(-10px);
  box-shadow:0 36px 60px -32px var(--lc-shadow);border-color:transparent;color:inherit}
.ch-latest-card:hover::before{transform:scale(1.18);opacity:1}
.ch-latest-card:hover::after{transform:scale(1.25)}

.ch-lc--c1{--lc-tint:rgba(237,28,36,.22);--lc-accent:var(--yellow-d);--lc-shadow:rgba(237,28,36,.45)}
.ch-lc--c2{--lc-tint:rgba(98,139,255,.22);--lc-accent:#3463E8;--lc-shadow:rgba(98,139,255,.45)}
.ch-lc--c3{--lc-tint:rgba(103,107,190,.22);--lc-accent:var(--purple);--lc-shadow:rgba(103,107,190,.45)}

.ch-latest-card-num{position:absolute;top:22px;right:24px;font-size:13px;font-weight:800;
  letter-spacing:.06em;color:var(--lc-accent);z-index:2}
.ch-latest-card-num span{color:var(--grey);font-weight:700;opacity:.55}

.ch-latest-card-thumb{position:relative;border-radius:18px;overflow:hidden;
  aspect-ratio:4/3;background:#fff;
  box-shadow:0 18px 38px -22px rgba(21,21,26,.25);
  margin-bottom:22px;border:1px solid rgba(21,21,26,.04)}
.ch-latest-card-thumb img{display:block;width:100%;height:100%;object-fit:cover;
  transition:transform .6s var(--ease)}
.ch-latest-card:hover .ch-latest-card-thumb img{transform:scale(1.07)}
.ch-latest-card-badge{position:absolute;left:14px;top:14px;background:var(--lc-accent);
  color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.06em;
  padding:6px 11px;border-radius:99px;text-transform:uppercase;
  box-shadow:0 10px 20px -10px var(--lc-shadow)}

.ch-latest-card-body{display:flex;flex-direction:column;gap:10px;flex:1}
.ch-latest-card-title{font-size:20px;font-weight:800;letter-spacing:-.018em;
  line-height:1.22;color:var(--ink);margin:0}
.ch-latest-card-desc{font-size:14.5px;color:var(--grey);line-height:1.55;margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ch-latest-card-foot{display:flex;align-items:center;justify-content:space-between;
  gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(21,21,26,.08)}
.ch-latest-card-price{font-size:19px;font-weight:800;color:var(--ink)}
.ch-latest-card-price .amount,.ch-latest-card-price bdi{font-size:inherit;color:inherit;font-weight:inherit}
.ch-latest-card-cta{display:inline-flex;align-items:center;gap:6px;
  font-size:14px;font-weight:800;color:var(--lc-accent);white-space:nowrap}
.ch-latest-card-cta svg{width:15px;height:15px;transition:transform .25s var(--ease)}
.ch-latest-card:hover .ch-latest-card-cta svg{transform:translateX(3px)}

.ch-latest-more{display:flex;justify-content:center;margin-top:46px}
.ch-latest-more a{display:inline-flex;align-items:center;gap:9px;color:var(--ink);
  font-weight:700;font-size:15px;padding:14px 28px;border:1.5px solid var(--ink);
  border-radius:var(--pill);text-decoration:none;
  transition:background .22s var(--ease),color .22s var(--ease),transform .22s var(--ease),box-shadow .22s var(--ease)}
.ch-latest-more a:hover{background:var(--ink);color:#fff;transform:translateY(-2px);
  box-shadow:0 18px 32px -16px rgba(21,21,26,.45)}
.ch-latest-more a svg{width:16px;height:16px;transition:transform .25s var(--ease)}
.ch-latest-more a:hover svg{transform:translateX(3px)}

@media(max-width:1080px){
  .ch-latest-grid{grid-template-columns:repeat(3,1fr);gap:18px}
  .ch-latest-card{padding:22px 20px 20px}
  .ch-latest-card-title{font-size:18px}
  .ch-latest-card-desc{font-size:13.5px}
}
@media(max-width:760px){
  .ch-latest-grid{grid-template-columns:1fr;gap:18px}
  .ch-latest-card{padding:22px 20px 20px}
  .ch-latest-card-thumb{margin-bottom:18px}
  .ch-latest-card-title{font-size:19px}
  .ch-latest-card-desc{-webkit-line-clamp:3;font-size:14.5px}
  .ch-latest-more{margin-top:32px}
}
@media(max-width:420px){
  .ch-latest-card{padding:18px 16px 18px;border-radius:20px}
  .ch-latest-card-num{top:18px;right:18px;font-size:12px}
  .ch-latest-card-title{font-size:17px}
  .ch-latest-card-desc{font-size:13.5px;-webkit-line-clamp:3}
  .ch-latest-card-price{font-size:17px}
  .ch-latest-more a{padding:12px 22px;font-size:14px}
}

/* ==========================================================
   HEADER — fox-only logo + nav sits next to logo (HubSpot-style)
   ========================================================== */
.ch-logo .custom-logo{width:40px;height:40px;display:block}
.ch-logo-c,.ch-logo-t{display:none !important}
.ch-nav{margin-left:0 !important;margin-right:auto}
.ch-hdr-r{margin-left:auto !important}
@media(max-width:900px){
	.ch-nav{margin-right:0}
}
/* ==========================================================
   HEADER — pill capsule (hunter.io-style), centered, narrower
   ========================================================== */
.ch-hdr{position:sticky !important;top:20px !important;background:transparent !important;
	border:0 !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;
	box-shadow:none !important;padding:0 14px}
.ch-hdr-in{max-width:1760px !important;margin:0 auto !important;height:60px !important;
	background:#fff !important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
	border:1px solid rgba(21,21,26,.06) !important;border-radius:999px !important;
	box-shadow:0 4px 18px -8px rgba(21,21,26,.08) !important;
	padding:0 22px !important;gap:14px !important}
.ch-hdr.scrolled .ch-hdr-in{box-shadow:0 10px 28px -14px rgba(21,21,26,.18) !important}
.ch-logo .custom-logo{width:46px !important;height:46px !important}
.ch-nav a,.ch-nav .ch-dd-btn{padding:6px 12px !important;height:34px !important;font-size:14.5px !important;border-radius:8px !important}
.ch-hdr-r{gap:8px !important}
.ch-hdr-phone{padding:6px 12px !important;font-size:14px !important}
.ch-icbtn{width:34px !important;height:34px !important}
@media(max-width:760px){
	.ch-hdr{padding:0 8px;top:12px !important}
	.ch-hdr-in{height:54px !important;padding:0 16px !important}
}
/* admin-bar offset: push pill below WP admin bar */
body.admin-bar .ch-hdr{top:38px !important}
@media(max-width:782px){body.admin-bar .ch-hdr{top:54px !important}}

/* ==========================================================
   BUTTONS — BLACK GLOSSY (Clay-style)
   ========================================================== */
.btn-y, .btn-primary{
	background:#0C0C0F !important;
	color:#fff !important;
	border:0 !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.12),
		0 14px 28px -14px rgba(0,0,0,.55),
		0 4px 10px -4px rgba(0,0,0,.40) !important
}
.btn-y:hover, .btn-primary:hover{
	background:#000 !important;
	transform:translateY(-2px) !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.18),
		0 20px 36px -14px rgba(0,0,0,.65),
		0 6px 14px -4px rgba(0,0,0,.50) !important
}
.btn-o{background:#fff !important;border:1.5px solid rgba(21,21,26,.18) !important;color:#15151A !important}
.btn-o:hover{border-color:#15151A !important;background:#fff !important;color:#15151A !important;transform:translateY(-2px) !important}
.btn-ink{background:#0C0C0F !important;color:#fff !important;border:0 !important;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 28px -14px rgba(0,0,0,.55) !important}
.btn-ink:hover{background:#000 !important;transform:translateY(-2px) !important;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 20px 36px -14px rgba(0,0,0,.65) !important}

/* ==========================================================
   TECH STACK v2 — 20 colored brand logos (Clay-style)
   ========================================================== */
.ch-stack{padding:40px 0 84px;background:transparent}
.ch-stack-eyebrow{text-align:center;font-size:12px;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:#9A9AA2;margin:0 0 44px}
.ch-stack-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:40px;row-gap:30px;
  max-width:1000px;margin:0 auto;padding:0 32px}
.ch-stack-item{font-weight:600;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;
  gap:9px;opacity:.92;transition:transform .18s ease,opacity .18s ease}
.ch-stack-item:hover{transform:translateY(-2px);opacity:1}
.ch-stack-ic{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none}
.ch-stack-ic svg{width:21px;height:21px;display:block}
.ch-stack-lb{font-family:'Onest',system-ui,sans-serif;font-size:15px;font-weight:600;
  letter-spacing:-.01em;color:#1A1A20;line-height:1;white-space:nowrap}

@media(max-width:1180px){
  .ch-stack-grid{column-gap:34px;row-gap:26px;max-width:880px;padding:0 24px}
}
@media(max-width:760px){
  .ch-stack{padding:52px 0 64px}
  .ch-stack-eyebrow{font-size:11px;letter-spacing:.18em;margin-bottom:28px;padding:0 16px}
  .ch-stack-grid{column-gap:24px;row-gap:20px;max-width:560px;padding:0 16px}
  .ch-stack-ic{width:20px;height:20px}
  .ch-stack-ic svg{width:19px;height:19px}
  .ch-stack-lb{font-size:14px}
}
@media(max-width:420px){
  .ch-stack-grid{column-gap:18px;row-gap:16px}
  .ch-stack-lb{font-size:13px}
}

/* ==========================================================
   MOBILE — general fixes (hero, container, pill header)
   ========================================================== */
@media(max-width:760px){
  .container{padding-left:16px;padding-right:16px}
  /* Header pill compact */
  .ch-hdr{padding:0 8px}
  .ch-hdr-in{height:52px !important;padding:0 14px !important;gap:8px !important}
  .ch-logo .custom-logo{width:36px !important;height:36px !important}
  .ch-nav a,.ch-nav .ch-dd-btn{padding:5px 10px !important;height:30px !important;font-size:13.5px !important}
  .ch-hdr-phone{display:none !important}
  .ch-icbtn{width:32px !important;height:32px !important}
  .ch-icbtn svg{width:16px;height:16px}
  /* Hero typography & spacing */
  .ch-hero{padding:48px 0 64px;min-height:auto}
  .ch-hero-h{font-size:34px !important;line-height:1.08 !important;letter-spacing:-.025em !important;
    margin:0 0 18px !important;padding:0 4px}
  .ch-hero .lead{font-size:15px;line-height:1.5;margin:0 0 22px;padding:0 8px}
  .ch-hero-kin{font-size:18px !important;flex-wrap:wrap;gap:8px}
  .ch-hero-ctas{flex-direction:column;align-items:stretch;gap:10px;padding:0 12px}
  .ch-hero-ctas .btn{justify-content:center;width:100%;padding:14px 24px;font-size:15px}
  .ch-hero-trust{flex-wrap:wrap;justify-content:center;gap:12px 18px;font-size:13px;padding:0 12px}
  .ch-hero-deco{display:none}
}
@media(max-width:480px){
  .ch-hero-h{font-size:30px !important}
}

/* ==========================================================
   HERO BG — dotted coordinate grid + glow markers
   (replaces .ch-hero-deco floating pills)
   ========================================================== */
.ch-hero-deco{display:none !important}
.ch-hd, .ch-hd-1, .ch-hd-2, .ch-hd-3, .ch-hd-4, .ch-hd-5, .ch-hd-6{display:none !important}
.ch-hero{background:linear-gradient(180deg,#EDEFF1 0%,#F4F5F7 48%,#FAFBFC 84%,#FFFFFF 100%) !important}
.ch-hero-net{position:absolute;inset:0;z-index:0;pointer-events:none}
@media(max-width:760px){
  .ch-hero{background-size: auto, auto, auto, auto, 22px 22px !important}
}
/* All non-hero sections white */
#katalog{background:#FFFFFF !important;background-image:none !important}
.contact-section{background:#FFFFFF !important;background-image:none !important}
.ch-stack, .ch-svct{background:#FFFFFF !important}
/* Magazyn — kill corner glow pseudo-elements on cards */
.ch-latest-card::before, .ch-latest-card::after{display:none !important}
.ch-latest-card:hover{box-shadow:0 24px 44px -28px rgba(21,21,26,.18) !important}

/* ==========================================================
   FOOTER v4 — minimal white (FlowSync-style)
   ========================================================== */
.ch-foot{
  background:#FFFFFF !important;
  background-image:none !important;
  color:#15151A;
  padding:88px 0 56px;
  border-top:1px solid rgba(21,21,26,.08);
  position:relative;
  overflow:visible
}
.ch-foot::before, .ch-foot::after{display:none !important;background:none !important;content:none !important}

.ch-foot-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:64px;
  flex-wrap:wrap;
  margin-bottom:64px
}

.ch-foot-brand{
  display:inline-flex;align-items:center;gap:14px;
  text-decoration:none;color:#15151A;
  flex-shrink:0
}
.ch-foot-brand-ic{
  width:40px;height:40px;display:block;object-fit:contain
}
.ch-foot-brand-t{
  font-family:'Onest',system-ui,sans-serif;
  font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1;
  color:#15151A
}

.ch-foot-cols{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px 96px;
  flex:1;
  max-width:760px;
  margin-left:auto
}
.ch-foot-col{
  display:flex;flex-direction:column;gap:14px
}
.ch-foot-col a{
  font-family:'Onest',system-ui,sans-serif;
  font-size:14px;font-weight:600;letter-spacing:.10em;
  text-transform:uppercase;
  color:#15151A;
  text-decoration:none;
  transition:color .18s ease
}
.ch-foot-col a:hover{color:#ED1C24}

.ch-foot-bot{
  border-top:0 !important;
  padding-top:0;
  font-family:'Onest',system-ui,sans-serif;
  font-size:14px;letter-spacing:0;
  color:rgba(21,21,26,.55)
}
.ch-foot-bot::before{display:none !important;content:none !important}

/* Strip any leftover footer pseudo-elements from earlier iterations */
.ch-foot-mark, .ch-foot-top, .ch-foot-about, .ch-foot-social, .ch-foot-ct,
.ch-foot-cta, .ch-foot-grid, .ch-foot h4, .ch-foot .sub, .ch-foot a.lk,
.ch-foot .ch-logo{display:none !important}

/* admin-bar adjusted */
body.admin-bar .ch-foot{padding-top:88px}

@media(max-width:760px){
  .ch-foot{padding:56px 0 36px}
  .ch-foot-row{flex-direction:column;gap:36px;margin-bottom:40px}
  .ch-foot-brand-t{font-size:22px}
  .ch-foot-brand-ic{width:34px;height:34px}
  .ch-foot-cols{grid-template-columns:1fr;gap:24px;margin-left:0;max-width:none}
  .ch-foot-col a{font-size:13px;letter-spacing:.08em}
}

/* ==========================================================
   KALKULATOR — editorial redesign (cohesion with hero)
   ========================================================== */

/* Section background: same dotted-grid as hero */
#kalkulator.sec-cream{
  background-color:#FFFFFF !important;
  background-image:
    radial-gradient(rgba(21,21,26,.08) 1.1px, transparent 1.6px) !important;
  background-size: 28px 28px !important;
  padding:104px 0 112px;
  position:relative
}
@media(max-width:760px){
  #kalkulator.sec-cream{padding:64px 0 72px;background-size:22px 22px !important}
}

/* Hide the kicker dot "Kalkulator" — too template */
#kalkulator .kicker{display:none !important}

/* Section header copy */
#kalkulator .ch-calc-copy h2{
  font-family:'Onest',system-ui,sans-serif;
  font-size:clamp(36px, 4.4vw, 64px);
  font-weight:600;letter-spacing:-.025em;line-height:1.04;
  color:#15151A;margin-bottom:18px
}
#kalkulator .ch-calc-copy h2 em{
  font-style:normal;color:#ED1C24;background:none;padding:0
}
#kalkulator .ch-calc-copy p{
  font-size:16.5px;color:#4B4A47;line-height:1.6;
  max-width:440px;margin-bottom:32px
}
#kalkulator .ch-calc-copy .btn{
  background:#0C0C0F !important;
  color:#fff !important;border:0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 14px 28px -14px rgba(0,0,0,.55) !important
}

/* Right panel — minimal card */
#kalkulator .ch-calc-box{
  background:#FFFFFF !important;
  border:1px solid rgba(21,21,26,.10) !important;
  border-radius:24px !important;
  padding:40px 36px !important;
  box-shadow:none !important
}
@media(max-width:760px){
  #kalkulator .ch-calc-box{padding:28px 22px !important;border-radius:20px !important}
}

/* Slider fields — clean labels */
#kalkulator .ch-calc-field{margin-bottom:28px}
#kalkulator .ch-calc-field-top{
  display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px
}
#kalkulator .ch-calc-field .lbl{
  font-family:'Onest',system-ui,sans-serif;
  font-size:14px;font-weight:500;color:#4B4A47;letter-spacing:-.005em
}
#kalkulator .ch-calc-field .val{
  font-family:'Onest',system-ui,sans-serif;
  font-size:15px;color:#15151A;font-weight:500
}
#kalkulator .ch-calc-field .val b{
  font-size:18px;font-weight:700;color:#15151A;margin-right:3px
}

/* Slider track + thumb — thin black on light grey */
#kalkulator input.ch-range{
  -webkit-appearance:none;appearance:none;
  width:100%;height:4px;
  background:#EEEEF1 !important;
  border-radius:99px;outline:none;
  margin:6px 0 2px
}
#kalkulator input.ch-range::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;
  width:18px;height:18px;border-radius:50%;
  background:#15151A;border:2px solid #FFFFFF;
  box-shadow:0 2px 6px rgba(21,21,26,.20);
  cursor:pointer;transition:transform .15s ease
}
#kalkulator input.ch-range::-webkit-slider-thumb:hover{transform:scale(1.15)}
#kalkulator input.ch-range::-moz-range-thumb{
  width:18px;height:18px;border-radius:50%;
  background:#15151A;border:2px solid #FFFFFF;
  box-shadow:0 2px 6px rgba(21,21,26,.20);cursor:pointer
}

/* Result — huge number is the hero */
#kalkulator .ch-calc-metrics{
  margin-top:36px;padding-top:32px;
  border-top:1px solid rgba(21,21,26,.10)
}
#kalkulator .ch-calc-metric.hl{
  background:transparent !important;
  padding:0 !important;border-radius:0 !important;color:#15151A !important;
  text-align:left;margin-bottom:24px
}
#kalkulator .ch-calc-metric.hl .m-lbl{
  font-family:'Onest',system-ui,sans-serif;
  font-size:12px !important;font-weight:600 !important;letter-spacing:.18em;
  text-transform:uppercase;color:#8A8A92 !important;margin-bottom:14px !important;display:block
}
#kalkulator .ch-calc-metric.hl .m-num{
  font-family:'Onest',system-ui,sans-serif;
  font-size:clamp(48px, 6.4vw, 86px) !important;
  font-weight:700;letter-spacing:-.035em;line-height:1;
  color:#15151A !important;display:flex;align-items:baseline;gap:10px
}
#kalkulator .ch-calc-metric.hl .m-num::after{
  content:"";display:inline-block;width:64px;height:3px;
  background:#ED1C24;margin-left:18px;align-self:center;flex-shrink:0
}

/* Metric pills (inline format) — replace 3 cream cards */
#kalkulator .ch-calc-metrics-row{
  display:flex;flex-wrap:wrap;gap:10px 14px;
  margin:0 !important;padding:0
}
#kalkulator .ch-calc-metrics-row .ch-calc-metric{
  background:transparent !important;
  padding:8px 14px !important;
  border:1px solid rgba(21,21,26,.10) !important;
  border-radius:99px !important;
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Onest',system-ui,sans-serif;
  font-size:13.5px;font-weight:600;color:#15151A;
  flex:0 0 auto !important
}
#kalkulator .ch-calc-metrics-row .ch-calc-metric .m-lbl{
  font-size:13px !important;font-weight:500 !important;color:#4B4A47 !important;
  text-transform:none !important;letter-spacing:0 !important;margin:0 !important
}
#kalkulator .ch-calc-metrics-row .ch-calc-metric .m-num{
  font-size:14px !important;font-weight:700 !important;color:#15151A !important
}

/* Social proof line under result panel */
#kalkulator .ch-calc-box::after{
  content:"Średnia oszczędność klientów Convert Hunter: 14 000 zł / mc";
  display:block;
  font-family:'Onest',system-ui,sans-serif;
  font-size:12.5px;font-weight:500;letter-spacing:.02em;
  color:#8A8A92;text-align:left;
  margin-top:24px;padding-top:20px;
  border-top:1px solid rgba(21,21,26,.06)
}

/* ==========================================================
   TYPOGRAPHY UNIFICATION — single source of truth for headlines
   ========================================================== */

/* H2 base — every section H2 uses the same recipe */
.ch-sec-head h2, #katalog h2, #kalkulator h2, #uslugi h2, .contact-section h2{
  font-family:'Onest',system-ui,sans-serif !important;
  font-size:clamp(36px, 4.8vw, 64px) !important;
  font-weight:600 !important;
  letter-spacing:-.025em !important;
  line-height:1.04 !important;
  color:#15151A !important
}

/* H2 emphasis — always orange, never italic */
.ch-sec-head h2 em, #katalog h2 em, #kalkulator h2 em, #uslugi h2 em, .contact-section h2 em{
  font-style:normal !important;
  color:#ED1C24 !important;
  background:none !important;
  padding:0 !important;
  font-weight:inherit
}

/* H1 hero — should dominate over H2 */
.ch-hero-h{
  font-size:clamp(40px, 5.8vw, 80px) !important;
  font-weight:600 !important;
  letter-spacing:-.025em !important;
  line-height:1.02 !important
}

/* Uppercase labels — one eyebrow style everywhere */
.ch-stack-eyebrow,
#kalkulator .ch-calc-metric.hl .m-lbl,
.contact-section label{
  font-family:'Onest',system-ui,sans-serif !important;
  font-size:12.5px !important;
  font-weight:600 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  color:#8A8A92 !important
}

/* Catalog CTA — bright orange, not dark variant */
.ch-latest-card-cta{color:#ED1C24 !important}
.ch-latest-card:hover .ch-latest-card-cta{color:#ED1C24 !important}

/* ==========================================================
   SERVICE — 3 steps with photos (editorial)
   ========================================================== */
.ch-steps{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:48px 40px;max-width:1180px;margin:0 auto;padding:0 8px
}
.ch-step{
  display:flex;flex-direction:column;align-items:flex-start;
  text-align:left;position:relative
}
.ch-step-img{
  width:100%;aspect-ratio:1/1;
  border-radius:18px;overflow:hidden;
  background:#F5F5F7;
  margin-bottom:26px;
  position:relative
}
.ch-step-img img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .6s ease
}

.ch-step-meta{
  display:flex;align-items:center;gap:18px;margin-bottom:14px
}
.ch-step-n{
  font-family:'Onest',system-ui,sans-serif;
  font-size:38px;font-weight:700;letter-spacing:-.025em;line-height:1;
  color:#15151A;display:block
}
.ch-step-line{
  display:block;width:48px;height:3px;background:#ED1C24
}
.ch-step-t{
  font-family:'Onest',system-ui,sans-serif;
  font-size:22px;font-weight:600;letter-spacing:-.015em;line-height:1.2;
  color:#15151A;margin:0 0 10px
}
.ch-step-d{
  font-family:'Onest',system-ui,sans-serif;
  font-size:15px;color:#4B4A47;line-height:1.6;margin:0
}

/* drop the CTA section if it exists */
.ch-steps-cta{display:none !important}

/* Mobile */
@media(max-width:900px){
  .ch-steps{grid-template-columns:1fr;gap:48px;max-width:480px}
  .ch-step-img{max-width:100%}
}

/* ==========================================================
   WEIGHT DISCIPLINE — only 400 / 600 / 700 (no 800)
   + kill reveal-on-scroll lag
   ========================================================== */

/* Kill 800 weights — replace with 600 */
.ch-kin-pre, .ch-kin-w,
.ch-latest-card-num, .ch-latest-card-badge, .ch-latest-card-cta,
.ch-latest-card-title,
.ch-cart-count, .ch-svct-tab-l,
.ch-prod-title, .ch-cat-card-title{
  font-weight:600 !important
}

/* Prices stay heavy (display feel) — 700 */
.ch-latest-card-price, .ch-latest-card-price .amount, .ch-latest-card-price bdi,
.woocommerce-Price-amount, .woocommerce-Price-currencySymbol,
.ch-prod-price, .ch-cat-card-price{
  font-weight:700 !important
}

/* Kicker, header phone — semibold 600 */
.kicker, .ch-hdr-phone, .ch-hdr-phone span,
a.ch-foot-ct, .ch-foot-brand-t{
  font-weight:600 !important
}

/* Buttons — semibold 600 */
.btn, .btn-y, .btn-primary, .btn-ink, .btn-o, .btn-dark,
.ch-latest-more a, .ch-steps-cta .btn{
  font-weight:600 !important
}

/* H1 hero — display heavy 700 (was 700 already, keep) */
.ch-hero-h{font-weight:700 !important}

/* H2 all sections — 600 (already set, force here for old blocks) */
.ch-sec-head h2, #katalog h2, #kalkulator h2, #uslugi h2,
.contact-section h2, .ch-foot-h2, .h-lg{
  font-weight:600 !important
}

/* Big display numbers (step n, calc result) — 700 */
.ch-step-n, .ch-calc-metric.hl .m-num{font-weight:700 !important}

/* ==========================================================
   KILL REVEAL ANIMATION — content visible immediately, no scroll-lag
   ========================================================== */

/* Final weight cleanup */
#kalkulator .ch-calc-field .lbl{font-weight:400 !important}
#kalkulator .ch-calc-field .val{font-weight:600 !important}
#kalkulator .ch-calc-field .val b{font-weight:700 !important}
.ch-kin-rot{font-weight:600 !important}
a[href^="tel:"]{font-weight:600 !important}

/* ==========================================================
   QUARTET FIXES
   ========================================================== */

/* 1. Hide contact form decorative rings */
.fc-deco, .fc-deco-1, .fc-deco-2, .fc-deco-3{display:none !important}

/* 2. Kinetic rotator pill — size to active item only (no max-width stretch) */
.ch-kin-rot{
  display:inline-block;
  position:relative;
  width:auto !important;
  min-width:0 !important
}
.ch-kin-w{
  position:absolute;
  top:0;left:0;
  opacity:0;
  pointer-events:none;
  white-space:nowrap;
  visibility:hidden
}
.ch-kin-w.is-on{
  position:relative;
  opacity:1;
  visibility:visible
}

/* 3. Hide cart icon in header (no active catalog yet) */
.ch-icbtn.ch-ic-cart{display:none !important}
.ch-icbtn.ch-ic-cart:has(.ch-cart-count:not([hidden])){display:inline-flex !important}

/* (Header dropdown → flat link handled by markup edit) */
/* Wordmark 2-color */
.ch-wm-a{color:#15151A}
.ch-wm-b{color:#ED1C24}
/* Show 2-color wordmark in header */
.ch-hdr .ch-logo-t{display:inline-block !important;font-family:'Onest',system-ui,sans-serif;
  font-size:20px;font-weight:700;letter-spacing:-.025em;line-height:1;margin-left:10px}
.ch-hdr .ch-logo-t br{display:none}
.ch-hdr .ch-logo-t .ch-wm-a, .ch-hdr .ch-logo-t .ch-wm-b{display:inline}
.ch-hdr .ch-logo{display:inline-flex;align-items:center;gap:0 !important}
@media(max-width:600px){.ch-hdr .ch-logo-t{font-size:17px}}
@media(max-width:420px){.ch-hdr .ch-logo-t{display:none !important}}

/* Hide WA/Viber/Phone from right side of header */
.ch-hdr-r .ch-hdr-phone,
.ch-hdr-r .ch-ic-wa,
.ch-hdr-r .ch-ic-vb{display:none !important}

/* Lighter weight for nav links */
.ch-nav a, .ch-nav .ch-dd-btn{font-weight:500 !important}

/* ==========================================================
   KONTAKT v3 — migrantexpert-style proper layout
   ========================================================== */
.contact-section{padding:104px 0 112px !important;background:#FFFFFF !important;background-image:none !important}
@media(max-width:760px){.contact-section{padding:64px 0 72px !important}}

.ch-kontakt-grid{
  display:grid;
  grid-template-columns:0.85fr 1.2fr 0.95fr;
  gap:32px;
  max-width:1320px;margin:0 auto;
  align-items:stretch
}
.ch-kontakt-left, .ch-kontakt-map, .ch-kontakt-form{display:flex;flex-direction:column}

/* LEFT — plain text style */
.ch-kontakt-intro{
  font-family:'Onest',system-ui,sans-serif;
  font-size:15.5px;color:#4B4A47;line-height:1.65;margin:0 0 28px
}

/* Social buttons — 2+1 grid */
.ch-kontakt-socials{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:36px
}
.ch-soc-wide{grid-column:span 2}
.ch-soc{
  display:flex;align-items:center;gap:12px;
  padding:14px 16px;border-radius:14px;
  color:#fff !important;text-decoration:none;
  font-family:'Onest',system-ui,sans-serif;
  transition:transform .18s ease, filter .18s ease, box-shadow .18s ease
}
.ch-soc:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 14px 24px -14px rgba(0,0,0,.30);color:#fff !important}
.ch-soc-ic{
  display:flex;align-items:center;justify-content:center;
  width:38px;height:38px;flex-shrink:0;
  background:rgba(255,255,255,.20);border-radius:11px
}
.ch-soc-ic svg{width:20px;height:20px;color:#fff}
.ch-soc-tx{display:flex;flex-direction:column;line-height:1.2;color:#fff}
.ch-soc-tx > span{font-size:11.5px;font-weight:500;opacity:.85}
.ch-soc-tx strong{font-size:14.5px;font-weight:600;letter-spacing:-.005em;margin-top:2px}
.ch-soc--vb{background:#7360F2}
.ch-soc--tg{background:#26A5E4}
.ch-soc--wa{background:#25D366}

/* Info — plain text, no eyebrow labels */
.ch-kontakt-info{display:flex;flex-direction:column;gap:14px}
.ch-kontakt-addr{
  font-family:'Onest',system-ui,sans-serif;
  font-size:15.5px;font-weight:500;color:#15151A;line-height:1.45;margin:0
}
.ch-kontakt-hours{
  font-family:'Onest',system-ui,sans-serif;
  font-size:14.5px;color:#4B4A47;margin:0
}
.ch-kontakt-phone{margin:6px 0 0}
.ch-kontakt-phone a{
  font-family:'Onest',system-ui,sans-serif;
  font-size:26px;font-weight:700;letter-spacing:-.02em;
  color:#15151A;text-decoration:none;
  border-bottom:2px solid transparent;
  transition:border-color .18s ease, color .18s ease
}
.ch-kontakt-phone a:hover{color:#ED1C24;border-color:#ED1C24}
.ch-kontakt-mail{margin:0}
.ch-kontakt-mail a{
  font-family:'Onest',system-ui,sans-serif;
  font-size:14.5px;font-weight:500;color:#4B4A47;text-decoration:none;
  border-bottom:1px solid transparent;transition:border-color .18s ease, color .18s ease
}
.ch-kontakt-mail a:hover{color:#ED1C24;border-color:#ED1C24}

/* MAP — bigger */
.ch-kontakt-map{
  border-radius:18px;overflow:hidden;
  border:1px solid rgba(21,21,26,.10);
  min-height:580px
}
.ch-kontakt-map iframe{width:100%;height:100%;border:0;display:block;flex:1}

/* FORM — orange solid (our brand) */
.ch-kontakt-form{
  background:#ED1C24 !important;color:#fff !important;
  border:0 !important;
  border-radius:18px;
  padding:36px 32px !important;
  position:relative;overflow:hidden
}
.ch-kontakt-form::before{
  content:"";position:absolute;top:-40px;right:-40px;width:180px;height:180px;
  background:radial-gradient(circle, rgba(255,255,255,.18), transparent 70%);
  pointer-events:none
}
.ch-kontakt-form-h{
  font-family:'Onest',system-ui,sans-serif;
  font-size:28px;font-weight:700;letter-spacing:-.025em;line-height:1.05;
  color:#fff;margin:0 0 26px;position:relative;z-index:1
}
.ch-kontakt-form .fc-group{margin-bottom:12px;position:relative;z-index:1}
.ch-kontakt-form input[type="text"],
.ch-kontakt-form input[type="tel"],
.ch-kontakt-form input[type="email"],
.ch-kontakt-form textarea{
  width:100%;
  background:#FFFFFF !important;
  border:0 !important;
  border-radius:12px;
  padding:14px 16px;
  color:#15151A !important;
  font-family:'Onest',system-ui,sans-serif;
  font-size:14.5px;
  transition:box-shadow .18s ease
}
.ch-kontakt-form input::placeholder,
.ch-kontakt-form textarea::placeholder{color:#8A8A92 !important}
.ch-kontakt-form input:focus,
.ch-kontakt-form textarea:focus{
  outline:none;
  box-shadow:0 0 0 3px rgba(255,255,255,.40)
}
.ch-kontakt-form label{display:none !important}
.ch-kontakt-form .fc-checkbox{
  display:flex !important;gap:10px;align-items:flex-start;
  font-family:'Onest',system-ui,sans-serif;
  font-size:11.5px !important;font-weight:400 !important;letter-spacing:0 !important;
  text-transform:none !important;
  color:rgba(255,255,255,.85) !important;
  margin:14px 0 18px;line-height:1.55;position:relative;z-index:1
}
.ch-kontakt-form .fc-checkbox input{margin-top:3px;flex-shrink:0;accent-color:#fff}
.ch-kontakt-submit{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  width:100%;
  background:#0C0C0F;
  color:#fff;
  font-family:'Onest',system-ui,sans-serif;
  font-weight:600;font-size:15px;
  padding:14px 24px;
  border-radius:999px;
  border:0;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 14px 28px -14px rgba(0,0,0,.55);
  transition:transform .18s ease, background .18s ease, box-shadow .18s ease;
  position:relative;z-index:1
}
.ch-kontakt-submit:hover{
  background:linear-gradient(180deg,#28282E 0%,#000 100%);
  transform:translateY(-2px)
}
.ch-kontakt-submit svg{width:18px;height:18px}

/* Responsive */
@media(max-width:1080px){
  .ch-kontakt-grid{grid-template-columns:1fr 1fr;gap:24px}
  .ch-kontakt-map{grid-column:span 2;min-height:380px}
}
@media(max-width:760px){
  .ch-kontakt-grid{grid-template-columns:1fr;gap:24px}
  .ch-kontakt-map{grid-column:auto;min-height:280px}
  .ch-kontakt-socials{grid-template-columns:1fr}
  .ch-soc-wide{grid-column:auto}
  .ch-kontakt-form{padding:28px 22px !important}
  .ch-kontakt-form-h{font-size:24px}
}

/* ==========================================================
   SPACING UNIFICATION — single vertical rhythm across all sections
   ========================================================== */

/* All content sections — same padding (84px top, 84px bottom) */
.ch-stack, #katalog, #uslugi, #kalkulator, .contact-section{
  padding-top:84px !important;
  padding-bottom:84px !important
}
@media(max-width:760px){
  .ch-stack, #katalog, #uslugi, #kalkulator, .contact-section{
    padding-top:56px !important;
    padding-bottom:56px !important
  }
}

/* Section heads — same margin-bottom rhythm */
#katalog .ch-sec-head, #uslugi .ch-sec-head, #kalkulator .ch-sec-head, .contact-section .ch-sec-head{
  margin-bottom:48px !important
}
@media(max-width:760px){
  #katalog .ch-sec-head, #uslugi .ch-sec-head, #kalkulator .ch-sec-head, .contact-section .ch-sec-head{
    margin-bottom:32px !important
  }
}

/* H2 — slightly smaller max for visual calm (was 64px, now 56px max) */
.ch-sec-head h2, #katalog h2, #kalkulator h2, #uslugi h2,
.contact-section h2, .ch-foot-h2, .h-lg{
  font-size:clamp(32px, 4.2vw, 56px) !important
}
.ch-hero-h{font-size:clamp(38px, 5.2vw, 72px) !important}

/* Hero spacing — matches rhythm */
.ch-hero{padding-top:96px !important;padding-bottom:96px !important}
@media(max-width:760px){.ch-hero{padding-top:48px !important;padding-bottom:48px !important}}

/* Reduce map height so kontakt section isn't a giant */
.ch-kontakt-map{min-height:420px !important}
@media(max-width:1080px){.ch-kontakt-map{min-height:340px !important}}
@media(max-width:760px){.ch-kontakt-map{min-height:260px !important}}

/* Step images smaller — current 1:1 too tall for the column width */
.ch-step-img{aspect-ratio:5/4 !important}

/* Stack — tighter padding to balance with rest */
.ch-stack-eyebrow{margin-bottom:40px !important}
/* .ch-stack-grid gap handled in base (flex) */

/* Catalog — tighter section head */
#katalog .ch-sec-head h2{max-width:780px !important;margin-left:auto !important;margin-right:auto !important}

/* ==========================================================
   KONTAKT v9 — pure white form, keep WOW polish on accents
   ========================================================== */

.ch-kontakt-form{
  background:#FFFFFF !important;
  color:#15151A !important;
  border:1px solid rgba(21,21,26,0.08) !important;
  border-radius:28px !important;
  padding:44px 32px 36px !important;
  overflow:hidden;position:relative;
  box-shadow:
    0 1px 0 rgba(255,255,255,1) inset,
    0 30px 60px -28px rgba(21,21,26,.18),
    0 8px 22px -12px rgba(21,21,26,.08)
}

/* Fox crest — playful tilt + hover bounce */
.ch-form-crest{
  position:absolute;top:18px;right:18px;
  width:68px;height:68px;
  transform:rotate(-8deg);
  transition:transform .35s cubic-bezier(.2,.7,.2,1);
  filter:drop-shadow(0 8px 18px rgba(237,28,36,.35));
  z-index:3;pointer-events:none
}
.ch-kontakt-form:hover .ch-form-crest{transform:rotate(-2deg) scale(1.05)}

/* Subtle decorative dots */
.ch-kontakt-form::before{
  content:"";position:absolute;bottom:60px;left:24px;
  width:8px;height:8px;border-radius:50%;
  background:#ED1C24;opacity:.55;
  box-shadow:
    -8px 28px 0 -2px #C2141B,
    24px 60px 0 -2px #ED1C24,
    -16px 88px 0 -3px #C2141B;
  pointer-events:none;z-index:0
}
.ch-kontakt-form::after{
  content:"";position:absolute;top:130px;right:36px;
  width:5px;height:5px;border-radius:50%;
  background:#C2141B;opacity:.55;
  box-shadow:
    -30px -28px 0 -1px #ED1C24,
    -16px 38px 0 -1px #ED1C24;
  pointer-events:none;z-index:0
}

.ch-form-eyebrow{
  position:relative;z-index:2;
  font-family:'Onest',system-ui,sans-serif;
  font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  color:#ED1C24;margin-bottom:8px
}
.ch-kontakt-form-h{
  font-family:'Onest',system-ui,sans-serif;
  font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1.04;
  color:#15151A;margin:0 0 24px;position:relative;z-index:2;max-width:240px
}

.ch-form-step{display:none;position:relative;z-index:2}
.ch-kontakt-form.is-step-1 .ch-form-step-1{display:block;animation:chFadeIn .35s ease}
.ch-kontakt-form.is-step-2 .ch-form-step-2{display:block;animation:chFadeIn .35s ease}
@keyframes chFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Inputs — light grey on white */
.ch-form-field{
  position:relative;margin-bottom:10px;
  background:#F5F5F7;
  border:1px solid transparent;
  border-radius:14px;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease
}
.ch-form-field:focus-within{
  background:#FFFFFF;
  border-color:#ED1C24;
  box-shadow:0 0 0 4px rgba(237,28,36,.12), 0 12px 24px -16px rgba(237,28,36,.25);
  transform:translateY(-1px)
}
.ch-form-ic{
  position:absolute;left:16px;top:50%;transform:translateY(-50%);
  width:18px;height:18px;color:#8A8A92;pointer-events:none;z-index:1;
  transition:color .2s ease
}
.ch-form-field:focus-within .ch-form-ic{color:#ED1C24}
.ch-form-field-ta .ch-form-ic{top:18px;transform:none}
.ch-form-field input,
.ch-form-field textarea{
  width:100%;
  background:transparent !important;
  border:0 !important;
  padding:14px 16px 14px 46px !important;
  color:#15151A !important;
  font-family:'Onest',system-ui,sans-serif;
  font-size:14.5px;font-weight:500;
  border-radius:14px
}
.ch-form-field input::placeholder,
.ch-form-field textarea::placeholder{color:#8A8A92 !important;font-weight:400}
.ch-form-field input:focus,
.ch-form-field textarea:focus{outline:none}

.ch-kontakt-form label{display:none !important}
.ch-kontakt-form .fc-checkbox{
  display:flex !important;gap:10px;align-items:flex-start;
  font-family:'Onest',system-ui,sans-serif;
  font-size:11.5px !important;font-weight:400 !important;letter-spacing:0 !important;
  text-transform:none !important;
  color:#4B4A47 !important;
  margin:14px 0 16px;line-height:1.55
}
.ch-kontakt-form .fc-checkbox input{margin-top:3px;flex-shrink:0;accent-color:#ED1C24}

.ch-form-actions{display:flex;gap:10px;align-items:stretch;margin-top:4px}
.ch-kontakt-submit{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  width:100%;
  background:linear-gradient(180deg, #ED1C24 0%, #ED1C24 50%, #C2141B 100%);
  color:#fff;
  font-family:'Onest',system-ui,sans-serif;
  font-weight:700;font-size:15px;letter-spacing:-.01em;
  padding:15px 24px;
  border-radius:999px;
  border:0;cursor:pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    0 14px 26px -10px rgba(237,28,36,.55),
    0 6px 12px -6px rgba(237,28,36,.45);
  transition:transform .2s cubic-bezier(.2,.7,.2,1), box-shadow .2s ease;
  position:relative;overflow:hidden
}
.ch-form-actions .ch-kontakt-submit{width:auto;flex:1}
.ch-kontakt-submit::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(120deg, transparent 30%, rgba(255,255,255,.35), transparent 70%);
  transform:translateX(-100%);
  transition:transform .55s ease
}
.ch-kontakt-submit:hover{
  transform:translateY(-3px) scale(1.02);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.4),
    0 22px 38px -12px rgba(237,28,36,.65),
    0 8px 16px -6px rgba(237,28,36,.55)
}
.ch-kontakt-submit:hover::before{transform:translateX(100%)}
.ch-kontakt-submit svg{width:18px;height:18px;position:relative;z-index:1;transition:transform .2s ease}
.ch-kontakt-submit:hover svg{transform:translateX(4px)}

.ch-kontakt-back{
  display:inline-flex;align-items:center;justify-content:center;
  width:50px;flex-shrink:0;
  background:#F5F5F7;color:#15151A;
  border-radius:999px;border:1px solid rgba(21,21,26,.08);cursor:pointer;
  transition:background .2s ease, transform .2s ease
}
.ch-kontakt-back:hover{background:#15151A;color:#fff;border-color:#15151A;transform:translateY(-2px)}
.ch-kontakt-back svg{width:18px;height:18px}

.ch-form-progress{
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin-top:18px;background:transparent
}
.ch-form-progress span{
  display:block;width:8px;height:8px;border-radius:50%;
  background:rgba(21,21,26,.15);
  transition:background .3s ease, width .3s ease
}
.ch-kontakt-form.is-step-1 .ch-form-step-1 .ch-form-progress span:first-child{background:#ED1C24;width:24px;border-radius:99px}
.ch-kontakt-form.is-step-2 .ch-form-step-2 .ch-form-progress span:last-child{background:#ED1C24;width:24px;border-radius:99px}

.ch-form-hint{
  font-family:'Onest',system-ui,sans-serif;
  font-size:11px;font-weight:500;letter-spacing:.10em;text-transform:uppercase;
  color:#8A8A92;margin:10px 0 0;text-align:center
}

@media(max-width:760px){
  .ch-kontakt-form{padding:36px 22px 28px !important;border-radius:24px !important}
  .ch-form-crest{width:54px;height:54px;top:14px;right:14px}
  .ch-kontakt-form-h{font-size:23px;max-width:220px}
}

/* ==========================================================
   SITE POLISH — black buttons, no rogue blues, compact form
   ========================================================== */

/* 1. Form button — match site (black glossy) */
.ch-kontakt-submit{
  background:#0C0C0F !important;
  color:#fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 14px 28px -14px rgba(0,0,0,.55),
    0 4px 10px -4px rgba(0,0,0,.40) !important
}
.ch-kontakt-submit:hover{
  background:#000 !important;
  transform:translateY(-2px) scale(1.01) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 22px 38px -12px rgba(0,0,0,.65),
    0 6px 14px -4px rgba(0,0,0,.50) !important
}

/* 2. Form eyebrow — grey not orange */
.ch-form-eyebrow{color:#8A8A92 !important}

/* 3. Remove decorative dots from form */
.ch-kontakt-form::before, .ch-kontakt-form::after{display:none !important;content:none !important}

/* 4. Catalog CTA links — black (with subtle hover) */
.ch-latest-card-cta{color:#15151A !important}
.ch-latest-card:hover .ch-latest-card-cta{color:#15151A !important}
.ch-latest-card-cta svg{color:inherit}

/* 5. Strip default blue WP link highlights inside content */
a{color:inherit}
.contact-section a, .ch-kontakt-form a{color:inherit}

/* 6. Compact form — reduce padding, tighten gaps */
.ch-kontakt-form{padding:32px 26px 26px !important;border-radius:24px !important}
.ch-kontakt-form-h{font-size:23px !important;margin-bottom:18px !important}
.ch-form-eyebrow{margin-bottom:6px !important;font-size:10.5px !important}
.ch-form-field{margin-bottom:8px !important}
.ch-form-field input,
.ch-form-field textarea{padding:12px 14px 12px 44px !important;font-size:14px !important}
.ch-form-field-ta textarea{padding-left:44px !important;padding-top:14px !important;min-height:90px;rows:3}
.ch-kontakt-form .fc-checkbox{margin:10px 0 12px !important;font-size:11px !important}
.ch-form-actions{margin-top:2px !important}
.ch-form-progress{margin-top:12px !important}
.ch-form-hint{margin-top:8px !important;font-size:10px !important}
.ch-kontakt-submit{padding:12px 22px !important;font-size:14px !important}
.ch-kontakt-back{width:44px !important}

/* 7. Phone field with flag prefix */
.ch-form-field-phone{position:relative}
.ch-form-field-phone .ch-form-prefix{
  position:absolute;left:14px;top:50%;transform:translateY(-50%);
  font-family:'Onest',system-ui,sans-serif;
  font-size:14px;font-weight:600;color:#15151A;
  padding-right:10px;
  border-right:1px solid rgba(21,21,26,.15);
  display:flex;align-items:center;gap:4px;line-height:1;
  z-index:1;pointer-events:none
}
.ch-form-field-phone input{padding-left:88px !important}
/* Em-highlight in non-hero H2 → black (hero keeps its orange) */
#katalog h2 em, #kalkulator h2 em, #uslugi h2 em, .contact-section h2 em,
.ch-sec-head h2 em{color:#15151A !important}

/* ==========================================================
   FONT + SPACING FINAL UNIFICATION
   - One font-stack everywhere
   - All headings weight 700 (matching hero)
   - Tighter section padding (less air)
   ========================================================== */

/* Single font-stack across EVERYTHING */
html, body, h1, h2, h3, h4, h5, h6, p, span, a, button, label, input, textarea, select{
  font-family:'Onest', -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important
}

/* All H1/H2/H3 → weight 700 (matching hero) */
.ch-hero-h,
.ch-sec-head h2, #katalog h2, #kalkulator h2, #uslugi h2,
.contact-section h2, .ch-foot-h2, .h-lg,
.ch-step-t, .ch-kontakt-form-h{
  font-weight:700 !important
}

/* Big display numbers stay 700 */
.ch-step-n, .ch-calc-metric.hl .m-num, .ch-kontakt-phone a{font-weight:700 !important}

/* SECTION PADDING — tighter (was 84px both, now 56px) */
.ch-stack, #katalog, #uslugi, #kalkulator, .contact-section{
  padding-top:60px !important;
  padding-bottom:60px !important
}
@media(max-width:760px){
  .ch-stack, #katalog, #uslugi, #kalkulator, .contact-section{
    padding-top:40px !important;
    padding-bottom:40px !important
  }
}

/* Hero — only slightly more breathing */
.ch-hero{padding-top:76px !important;padding-bottom:76px !important}
@media(max-width:760px){.ch-hero{padding-top:40px !important;padding-bottom:40px !important}}

/* Section heads — less bottom-margin */
#katalog .ch-sec-head, #uslugi .ch-sec-head, #kalkulator .ch-sec-head, .contact-section .ch-sec-head{
  margin-bottom:32px !important
}
@media(max-width:760px){
  #katalog .ch-sec-head, #uslugi .ch-sec-head, #kalkulator .ch-sec-head, .contact-section .ch-sec-head{
    margin-bottom:24px !important
  }
}

/* Footer — also tighter */
.ch-foot{padding-top:56px !important;padding-bottom:36px !important}
.ch-foot-row{margin-bottom:40px !important}
/* Footer brand 700 */
.ch-foot-brand-t{font-weight:700 !important}

/* ==========================================================
   PILL SCROLL FILL — inside the menu, left → right, no center growth
   ========================================================== */
.ch-progress{display:none !important}  /* kill the old top-of-page bar */

.ch-hdr-in{position:relative;overflow:hidden}
.ch-pill-fill{
  position:absolute;left:0;right:0;bottom:0;
  height:3px;
  background:linear-gradient(90deg, #15151A 0%, #ED1C24 100%);
  transform-origin:left center;
  transform:scaleX(var(--scroll, 0));
  pointer-events:none;
  z-index:1;
  transition:transform .12s linear;
  will-change:transform
}
/* Catalog more — black glossy */
.ch-latest-more a{background:#0C0C0F !important;color:#fff !important;border:0 !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 28px -14px rgba(0,0,0,.55),0 4px 10px -4px rgba(0,0,0,.40) !important}
.ch-latest-more a:hover{background:#000 !important;transform:translateY(-2px) !important;color:#fff !important}
/* Progress bars killed */
.ch-progress, .ch-pill-fill{display:none !important}

/* ==========================================================
   CALC TRIM + SOCIALS REFINE
   ========================================================== */

/* 1. Remove metric pills row + social-proof line from calculator */
#kalkulator .ch-calc-metrics-row{display:none !important}
#kalkulator .ch-calc-box::after{display:none !important;content:none !important}
#kalkulator .ch-calc-metrics{border-top:0 !important;padding-top:0 !important;margin-top:24px !important}
#kalkulator .ch-calc-metric.hl{margin-bottom:0 !important}

/* 2. Social buttons refined — compact migrantexpert-style */
.ch-kontakt-socials{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:28px}
.ch-soc-wide{grid-column:span 2}
.ch-soc{
  display:flex;align-items:center;gap:10px;
  padding:10px 14px !important;
  border-radius:12px !important;
  color:#fff !important;text-decoration:none
}
.ch-soc-ic{
  width:32px !important;height:32px !important;
  background:rgba(255,255,255,.20) !important;
  border-radius:9px !important
}
.ch-soc-ic svg{width:16px !important;height:16px !important}
.ch-soc-tx{display:flex;flex-direction:column;line-height:1.2}
.ch-soc-tx > span{font-size:11px !important;font-weight:400 !important;opacity:.85}
.ch-soc-tx strong{font-size:13.5px !important;font-weight:600 !important;letter-spacing:-.005em;margin-top:1px}

/* ==========================================================
   FOOTER v6 — much more subtle (migrantexpert-like)
   ========================================================== */
.ch-foot{
  background:#FFFFFF !important;
  border-top:1px solid rgba(21,21,26,.06);
  padding:40px 0 28px !important;
  color:#15151A
}
.ch-foot-row{
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:32px;flex-wrap:wrap;
  margin-bottom:28px !important
}

/* Brand block — smaller */
.ch-foot-brand-ic{
  width:32px !important;height:32px !important
}
.ch-foot-brand-t{
  font-size:18px !important;letter-spacing:-.02em !important
}

/* Link columns — smaller, more subtle */
.ch-foot-cols{
  display:grid;grid-template-columns:1fr 1fr;
  gap:18px 60px;
  flex:1;max-width:560px;margin-left:auto
}
.ch-foot-col{display:flex;flex-direction:column;gap:9px}
.ch-foot-col a{
  font-size:11.5px !important;font-weight:500 !important;
  letter-spacing:.10em !important;text-transform:uppercase !important;
  color:rgba(21,21,26,.65) !important
}
.ch-foot-col a:hover{color:#ED1C24 !important}

/* Bottom copyright */
.ch-foot-bot{
  border-top:1px solid rgba(21,21,26,.05) !important;
  padding-top:18px !important;
  font-size:11.5px !important;color:rgba(21,21,26,.40) !important
}

@media(max-width:760px){
  .ch-foot{padding:32px 0 24px !important}
  .ch-foot-row{gap:24px;margin-bottom:20px !important}
  .ch-foot-cols{grid-template-columns:1fr;gap:14px;margin-left:0;max-width:none}
}

/* ==========================================================
   MAP polish — keep grayscale but slightly tone up + fixed pin
   ========================================================== */
.ch-kontakt-map{
  filter:grayscale(0.4) contrast(0.96) brightness(1.02);  /* lighter grayscale so address pin info shows */
  border-radius:18px;overflow:hidden;border:1px solid rgba(21,21,26,.10);
  min-height:420px
}

/* ==========================================================
   FLOATING SOCIAL BUTTONS — fixed bottom-right
   ========================================================== */
.ch-float-socials{
  position:fixed;
  right:24px;bottom:24px;
  display:flex;flex-direction:column;gap:10px;
  z-index:300;
  pointer-events:auto
}
.ch-float-soc{
  display:flex;align-items:center;justify-content:center;
  width:54px;height:54px;border-radius:50%;
  color:#fff;text-decoration:none;
  box-shadow:0 8px 22px -8px rgba(0,0,0,.35), 0 3px 8px -2px rgba(0,0,0,.15);
  transition:transform .22s cubic-bezier(.2,.7,.2,1), box-shadow .22s ease, filter .22s ease;
  position:relative
}
.ch-float-soc:hover{
  transform:scale(1.10) translateY(-2px);
  filter:brightness(1.08);
  box-shadow:0 16px 30px -10px rgba(0,0,0,.45), 0 5px 12px -4px rgba(0,0,0,.20)
}
.ch-float-soc svg{width:24px;height:24px}
.ch-float-soc--tg{background:#26A5E4}
.ch-float-soc--vb{background:#7360F2}
.ch-float-soc--wa{background:#25D366}

@media(max-width:600px){
  .ch-float-socials{right:14px;bottom:14px;gap:8px}
  .ch-float-soc{width:48px;height:48px}
  .ch-float-soc svg{width:20px;height:20px}
}
/* Footer cols — single col after removing services */
.ch-foot-cols{grid-template-columns:1fr !important;max-width:280px !important}

/* Force form inputs/textarea to use parent grey (no white pill inside) */
.ch-kontakt-form .ch-form-field input,
.ch-kontakt-form .ch-form-field input[type="text"],
.ch-kontakt-form .ch-form-field input[type="tel"],
.ch-kontakt-form .ch-form-field input[type="email"],
.ch-kontakt-form .ch-form-field textarea{
  background:transparent !important;
  background-color:transparent !important
}
.ch-kontakt-form .ch-form-field:focus-within input,
.ch-kontakt-form .ch-form-field:focus-within textarea{background:transparent !important}

/* ====== CH FAQ ====== */
.ch-faq-sec{padding:60px 0;background:var(--white);position:relative}
.ch-faq-head{max-width:640px;margin:0 auto 52px;text-align:center}
.ch-faq-head p{margin-top:18px;color:var(--grey);font-size:18px}
.ch-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px;align-items:start;max-width:1080px;margin:0 auto}
.ch-faq-col{display:flex;flex-direction:column;gap:18px}
.ch-faq-item{border:1px solid var(--line);border-radius:var(--r);background:var(--white);transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.ch-faq-item:hover{border-color:#d8d4cb;box-shadow:var(--sh-sm)}
.ch-faq-item.open{border-color:transparent;box-shadow:var(--sh)}
.ch-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 22px;background:none;border:0;cursor:pointer;text-align:left;font-family:inherit;font-size:16.5px;font-weight:600;color:var(--ink);line-height:1.35}
.ch-faq-ic{flex-shrink:0;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--ink);color:#fff;transition:transform .3s var(--ease);box-shadow:0 8px 18px -8px rgba(21,21,26,.45)}
.ch-faq-ic svg{width:17px;height:17px}
.ch-faq-item.open .ch-faq-ic{transform:rotate(45deg)}
.ch-faq-a{max-height:0;overflow:hidden;transition:max-height .38s var(--ease)}
.ch-faq-a-in{padding:0 22px 23px;color:var(--grey);font-size:15.5px;line-height:1.62}
.ch-faq-item.open .ch-faq-a-in{padding-top:2px}
@media (max-width:860px){.ch-faq-grid{grid-template-columns:1fr;gap:16px;max-width:560px}.ch-faq-sec{padding:40px 0}}
@media (prefers-reduced-motion:reduce){.ch-faq-ic,.ch-faq-a{transition:none}}

/* hero rotator pill - clean thin orange chip */
.ch-hero-h .ch-kin-rot{vertical-align:baseline;font-size:.84em;line-height:1.16;height:auto;border-radius:10px;box-shadow:none;margin-left:.04em;overflow:visible}
.ch-hero-h .ch-kin-w{padding:.06em .32em .04em;height:auto;line-height:1.16}

/* ====== OTHER SERVICES ====== */
.ch-os{padding:60px 0;background:var(--white);position:relative}
.ch-os-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1080px;margin:0 auto}
.ch-os-card{display:flex;flex-direction:column;align-items:flex-start;background:var(--white);
  border:1px solid var(--line);border-radius:20px;padding:34px 30px 28px;text-decoration:none;color:inherit;
  position:relative;overflow:hidden;
  transition:transform .32s var(--ease),box-shadow .32s var(--ease),border-color .32s var(--ease)}
.ch-os-card::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--accent),#ED1C24);transform:scaleX(0);transform-origin:left;
  transition:transform .4s var(--ease)}
.ch-os-card:hover{transform:translateY(-8px);border-color:transparent;
  box-shadow:0 30px 60px -32px rgba(21,21,26,.32),0 12px 26px -18px rgba(21,21,26,.18)}
.ch-os-card:hover::before{transform:scaleX(1)}
.ch-os-ic{width:80px;height:80px;border-radius:22px;display:grid;place-items:center;background:#fff;
  border:1px solid var(--line);box-shadow:0 12px 26px -16px rgba(21,21,26,.20);
  margin-bottom:24px;transition:transform .32s var(--ease),box-shadow .32s var(--ease)}
.ch-os-card:hover .ch-os-ic{transform:translateY(-2px) scale(1.04);box-shadow:0 18px 34px -18px rgba(21,21,26,.26)}
.ch-os-ic svg{width:50px;height:50px;display:block}
.ch-os-t{font-size:21px;font-weight:700;letter-spacing:-.01em;margin-bottom:10px}
.ch-os-d{font-size:15px;color:var(--grey);line-height:1.62;margin-bottom:22px}
.ch-os-cta{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--accent)}
.ch-os-cta svg{width:18px;height:18px;transition:transform .3s var(--ease)}
.ch-os-card:hover .ch-os-cta svg{transform:translateX(5px)}
@media (max-width:860px){.ch-os{padding:40px 0}.ch-os-grid{grid-template-columns:1fr;max-width:460px}}

/* ====== JAK TO DZIALA (funnel) ====== */
.ch-jak .ch-os-grid{grid-template-columns:repeat(4,1fr)}
.ch-step-tag{display:block;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent,#ED1C24);margin-bottom:14px}
@media (max-width:1080px){.ch-jak .ch-os-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.ch-jak .ch-os-grid{grid-template-columns:1fr}}

.ch-hero-sys{margin-top:14px;font-size:14px;font-weight:600;color:var(--accent,#ED1C24);letter-spacing:.01em}

/* ====== STACK grouped ====== */
.ch-stack-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 34px;max-width:1000px;margin:0 auto}
.ch-stack-cat{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--grey-lt,#74757B);margin:0 0 14px}
.ch-stack-g-items{display:flex;flex-wrap:wrap;gap:14px 22px}
@media (max-width:820px){.ch-stack-groups{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.ch-stack-groups{grid-template-columns:1fr;max-width:420px}}

/* ====== OS art cards (2x2 big) ====== */
.ch-os--art .ch-os-grid{grid-template-columns:repeat(2,1fr);gap:26px;max-width:980px;margin:0 auto}
.ch-os--art .ch-os-card{padding:0;align-items:stretch;overflow:hidden}
.ch-os-art{position:relative;aspect-ratio:5/3;overflow:hidden;border-bottom:1px solid var(--line)}
.ch-os-art svg{width:100%;height:100%;display:block;transition:transform .45s var(--ease)}
.ch-os--art .ch-os-card:hover .ch-os-art svg{transform:scale(1.035)}
.ch-os-badge{position:absolute;right:16px;top:16px;width:46px;height:46px;border-radius:14px;background:#fff;box-shadow:0 10px 22px -10px rgba(21,21,26,.30);display:grid;place-items:center}
.ch-os-badge svg{width:27px;height:27px}
.ch-os-body{padding:26px 30px 30px;display:flex;flex-direction:column;align-items:flex-start}
.ch-os--art .ch-os-t{font-size:22px;margin-bottom:10px}
@media (max-width:760px){.ch-os--art .ch-os-grid{grid-template-columns:1fr;max-width:460px}}

/* ====== SRV cards (verseo-style flat) ====== */
.ch-srv .ch-srv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1120px;margin:0 auto}
.ch-srv-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px 26px 28px;text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.ch-srv-card::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent,#ED1C24),#ED1C24);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.ch-srv-card:hover{transform:translateY(-7px);border-color:transparent;box-shadow:0 30px 56px -30px rgba(21,21,26,.30)}
.ch-srv-card:hover::before{transform:scaleX(1)}
.ch-srv-ic{width:76px;height:76px;margin-bottom:22px;transition:transform .3s var(--ease)}
.ch-srv-card:hover .ch-srv-ic{transform:translateY(-2px) scale(1.05)}
.ch-srv-ic svg{width:100%;height:100%;display:block}
.ch-srv-t{font-size:18px;font-weight:700;letter-spacing:-.01em;margin-bottom:10px}
.ch-srv-d{font-size:14px;color:var(--grey);line-height:1.6;margin-bottom:20px}
.ch-srv-cta{margin-top:auto;font-size:14px;font-weight:600;color:var(--accent,#ED1C24);display:inline-flex;align-items:center;gap:7px}
.ch-srv-cta svg{width:17px;height:17px;transition:transform .3s var(--ease)}
.ch-srv-card:hover .ch-srv-cta svg{transform:translateX(4px)}
@media (max-width:980px){.ch-srv .ch-srv-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.ch-srv .ch-srv-grid{grid-template-columns:1fr;max-width:360px}}

/* ====== SVF service cards (final) ====== */
.ch-svf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1040px;margin:0 auto}
.ch-svf-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.ch-svf-card:hover{transform:translateY(-6px);border-color:transparent;box-shadow:0 28px 52px -30px rgba(21,21,26,.30)}
.ch-svf-ico{aspect-ratio:5/2;display:grid;place-items:center}
.ch-svf-ico svg{width:60px;height:60px}
.ch-svf--a .ch-svf-ico{background:#0866FF}
.ch-svf--b .ch-svf-ico{background:#ED1C24}
.ch-svf--c .ch-svf-ico{background:#16A34A}
.ch-svf--d .ch-svf-ico{background:#0F766E}
.ch-svf-body{padding:22px;display:flex;flex-direction:column;flex:1}
.ch-svf-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ch-svf-t{font-size:19px;font-weight:700;letter-spacing:-.01em;line-height:1.15;margin:8px 0 12px;min-height:44px;color:var(--ink)}
.ch-svf-list{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:7px}
.ch-svf-list li{position:relative;padding-left:15px;font-size:13px;color:var(--grey);line-height:1.4}
.ch-svf-list li::before{content:"";position:absolute;left:0;top:6px;width:5px;height:5px;border-radius:50%}
.ch-svf-stack{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:9px}
.ch-svf-stack-l{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9a9a9a}
.ch-svf-logos{display:flex;align-items:center;gap:12px}
.ch-svf-cta{margin-top:16px;font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;gap:6px}
.ch-svf-cta svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.ch-svf-card:hover .ch-svf-cta svg{transform:translateX(4px)}
.ch-svf--a .ch-svf-eyebrow,.ch-svf--a .ch-svf-cta{color:#0064E1}.ch-svf--a .ch-svf-list li::before{background:#0866FF}
.ch-svf--b .ch-svf-eyebrow,.ch-svf--b .ch-svf-cta{color:#ED1C24}.ch-svf--b .ch-svf-list li::before{background:#ED1C24}
.ch-svf--c .ch-svf-eyebrow,.ch-svf--c .ch-svf-cta{color:#15803D}.ch-svf--c .ch-svf-list li::before{background:#16A34A}
.ch-svf--d .ch-svf-eyebrow,.ch-svf--d .ch-svf-cta{color:#0F766E}.ch-svf--d .ch-svf-list li::before{background:#0F766E}
@media (max-width:980px){.ch-svf-grid{grid-template-columns:repeat(2,1fr);max-width:680px}}
@media (max-width:560px){.ch-svf-grid{grid-template-columns:1fr;max-width:360px}}

/* ===== corner deco (hero<->stack transition) ===== */

.ch-stack{position:relative;overflow:visible}
.ch-stack>.container{position:relative;z-index:2}
.ch-corner-deco{position:absolute;display:block;z-index:4;width:336px;height:auto;pointer-events:none;filter:drop-shadow(0 9px 12px rgba(20,20,30,.17))}
.ch-corner-deco--l{left:max(8px,calc(50% - 890px));top:-172px}
.ch-corner-deco--r{right:max(8px,calc(50% - 890px));top:-213px;width:420px}
@media(max-width:1040px){.ch-corner-deco{display:none}}

/* ===== proces: 3-step row (hybrid photos) ===== */
.ch-steps{grid-template-columns:repeat(3,1fr);gap:44px 36px;max-width:1080px}
.ch-step-img{aspect-ratio:4/3 !important;border:1px solid var(--line);box-shadow:0 10px 22px rgba(20,20,30,.06);margin-bottom:22px}
.ch-step-img img{filter:saturate(.97) contrast(1.02)}
.ch-step-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(31,31,39,.06));pointer-events:none}
.ch-steps .ch-step-n{font-size:34px}
.ch-steps .ch-step-line{width:44px}
.ch-steps .ch-step-meta{gap:16px;margin-bottom:12px}
.ch-steps .ch-step-t{font-size:21px;margin-bottom:9px}
.ch-steps .ch-step-d{font-size:15px;line-height:1.6}
@media(max-width:860px){.ch-steps{grid-template-columns:1fr;gap:40px;max-width:480px}}

/* ===== service cards: tytuł na kolorze (header) ===== */
.ch-svf-ico{aspect-ratio:auto;display:block;place-items:initial;padding:20px 22px 16px;text-align:left}
.ch-svf-ico svg{width:30px;height:30px;margin-bottom:12px}
.ch-svf-ico .ch-svf-eyebrow{display:block;color:rgba(255,255,255,.82)}
.ch-svf-ico .ch-svf-t{color:#fff;min-height:0;margin:4px 0 0;font-size:21px;font-weight:600}

/* ===== service cards: pop / clickable ===== */
.ch-svf--a .ch-svf-ico{background:linear-gradient(155deg,#3D8BFF 0%,#0866FF 100%)}
.ch-svf--b .ch-svf-ico{background:linear-gradient(155deg,#ED1C24 0%,#ED1C24 100%)}
.ch-svf--c .ch-svf-ico{background:linear-gradient(155deg,#1FBE5A 0%,#15A24A 100%)}
.ch-svf--d .ch-svf-ico{background:linear-gradient(155deg,#14A38F 0%,#0F766E 100%)}
.ch-svf-ico{position:relative}
.ch-svf-ico::after{content:"";position:absolute;top:20px;right:20px;width:30px;height:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h17.5M14.5 5.5L21 12l-6.5 6.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:26px 26px;transition:transform .25s ease}
.ch-svf-card{border:0 !important;box-shadow:0 12px 30px -14px rgba(20,20,30,.16);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease}
.ch-svf-card:hover{transform:translateY(-9px)}
.ch-svf--a:hover{box-shadow:0 30px 54px -18px rgba(8,102,255,.55)}
.ch-svf--b:hover{box-shadow:0 30px 54px -18px rgba(237,28,36,.55)}
.ch-svf--c:hover{box-shadow:0 30px 54px -18px rgba(22,163,74,.55)}
.ch-svf--d:hover{box-shadow:0 30px 54px -18px rgba(15,118,110,.55)}
.ch-svf-card:hover .ch-svf-ico::after{transform:translateX(5px)}
.ch-svf-cta{font-weight:700}
.ch-svf-card:hover .ch-svf-cta{gap:13px}

/* ===== unify card language (premium elevation) ===== */
.ch-latest-card{border:0 !important;box-shadow:0 12px 30px -14px rgba(20,20,30,.16);border-radius:20px;overflow:hidden;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease}
.ch-latest-card:hover{transform:translateY(-9px);box-shadow:0 30px 54px -18px rgba(20,20,30,.24)}
.ch-latest-card-cta{transition:gap .2s ease}
.ch-latest-card:hover .ch-latest-card-cta{gap:12px}
.ch-faq-item{box-shadow:0 8px 22px -14px rgba(20,20,30,.12);transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease}
.ch-faq-item:hover{transform:translateY(-2px);box-shadow:0 16px 32px -16px rgba(20,20,30,.18)}

/* ===== section eyebrows + button micro-polish ===== */
.ch-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:'Onest',system-ui,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.04em;color:#ED1C24;margin:0 0 12px}
.ch-eyebrow .d{width:7px;height:7px;border-radius:50%;background:#ED1C24;flex:none}
.btn,.ch-latest-more a,.ch-kontakt-submit{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease,background-color .2s ease}
.btn:hover,.ch-latest-more a:hover,.ch-kontakt-submit:hover{transform:translateY(-3px);box-shadow:0 16px 30px -12px rgba(20,20,30,.34)}

/* progress-bar-fix */
.ch-progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:99999;pointer-events:none;background:rgba(20,20,30,.06)}
.ch-progress-bar{display:block;height:100%;width:0;background:linear-gradient(90deg,#C2141B 0%,#ED1C24 50%,#ED1C24 100%);background-size:100vw 100%;background-repeat:no-repeat}

/* progress-bar admin-bar offset */
body.admin-bar .ch-progress{top:32px}
@media screen and (max-width:782px){body.admin-bar .ch-progress{top:46px}}

/* ===== scroll progress (unique class) ===== */
.ch-sprog{position:fixed;top:0;left:0;right:0;height:4px;z-index:100000;pointer-events:none;background:rgba(20,20,30,.06)}
.ch-sprog-bar{display:block;height:100%;width:0;background:linear-gradient(90deg,#C2141B 0%,#ED1C24 50%,#ED1C24 100%);background-size:100vw 100%;background-repeat:no-repeat}
body.admin-bar .ch-sprog{top:32px}
@media screen and (max-width:782px){body.admin-bar .ch-sprog{top:46px}}

/* ===== scroll progress INSIDE header pill ===== */
.ch-hdr-in .ch-sprog{position:absolute;left:22px;right:22px;bottom:7px;top:auto;height:3px;width:auto;z-index:5;background:rgba(20,20,30,.07);border-radius:3px;overflow:hidden;pointer-events:none}
.ch-hdr-in .ch-sprog-bar{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,#C2141B 0%,#ED1C24 50%,#ED1C24 100%)}

/* ===== scroll progress UNDER header pill (v2) ===== */
.ch-hdr .ch-sprog{position:absolute !important;left:50% !important;right:auto !important;top:auto !important;bottom:-9px !important;transform:translateX(-50%);width:min(1140px,calc(100% - 56px)) !important;height:3px !important;border-radius:3px;background:rgba(20,20,30,.10);overflow:hidden;z-index:6;pointer-events:none}
.ch-hdr .ch-sprog-bar{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,#C2141B 0%,#ED1C24 50%,#ED1C24 100%)}

/* ===== scroll progress INSIDE pill, flat bottom, crisp 4 colors (v3) ===== */
.ch-hdr .ch-hdr-in .ch-sprog{position:absolute !important;left:34px !important;right:34px !important;bottom:0 !important;top:auto !important;width:auto !important;transform:none !important;height:4px !important;border-radius:0 !important;background:transparent !important;overflow:hidden;z-index:6;pointer-events:none}
.ch-hdr .ch-hdr-in .ch-sprog-bar{display:block;height:100%;width:0;border-radius:0 !important;background:linear-gradient(90deg,#C2141B 0%,#ED1C24 50%,#ED1C24 100%) !important;background-size:auto !important}

/* ===== progress: progressive reveal blue->...->purple (v4) ===== */
.ch-hdr .ch-hdr-in .ch-sprog-bar{position:absolute !important;left:0 !important;top:0 !important;right:auto !important;bottom:auto !important;width:100% !important;height:100% !important;clip-path:inset(0 100% 0 0);background:linear-gradient(90deg,#C2141B 0%,#ED1C24 50%,#ED1C24 100%) !important;background-size:auto !important}

/* ===== progress gradient: smooth blend (v5) ===== */
.ch-hdr .ch-hdr-in .ch-sprog-bar{background:linear-gradient(90deg,#C2141B 0%,#ED1C24 50%,#ED1C24 100%) !important}

/* ===== progress: thin full-width no side gaps (v6) ===== */
.ch-hdr .ch-hdr-in .ch-sprog{left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;height:1.5px !important;border-radius:0 !important}

/* ===== reveal stagger + footer hero bg (v7) ===== */

/* ===== O mnie block (v9) ===== */
.ch-about{padding:60px 0;background:#fff;position:relative}
.ch-about-grid{display:grid;grid-template-columns:.82fr 1fr;gap:56px;align-items:center;max-width:1140px;margin:0 auto}
.ch-about-art{position:relative;border-radius:24px;overflow:hidden;background:radial-gradient(120% 100% at 70% 10%,#23232c 0%,#141418 55%,#0c0c10 100%);aspect-ratio:5/5.4;box-shadow:0 30px 60px -28px rgba(20,20,30,.5)}
.ch-about-art svg{display:block;width:100%;height:100%}
.ch-about-copy p{font-size:16.5px;line-height:1.62;color:#4B4A47;margin:0 0 16px;max-width:520px}
.ch-about-motto{font-weight:700;color:#15151A !important;font-size:17px !important}
.ch-about .btn{margin-top:8px}
@media(max-width:860px){.ch-about-grid{grid-template-columns:1fr;gap:30px}.ch-about-art{max-width:420px;aspect-ratio:5/4;margin:0 auto}}

/* ===== O mnie signature (v10) ===== */
.ch-about-sign{margin:8px 0 18px}
.ch-about-name{font-weight:700;font-style:italic;font-size:20px;color:#15151A}
.ch-about-role{display:block;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:#9A9AA2;margin-top:3px;font-weight:700}

/* Alex Brush (signature) - latin-ext + latin */
@font-face{font-family:'Alex Brush';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/alexbrush/v23/SZc83FzrJKuqFbwMKk6EhUvz7RlNiCY0GA.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Alex Brush';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/alexbrush/v23/SZc83FzrJKuqFbwMKk6EhUXz7RlNiCY.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ===== O mnie slim (v12, faceless, left, signature) ===== */
.ch-about--slim{padding:64px 0}
.ch-about-slim{max-width:660px;margin:0 auto;text-align:left}
.ch-about-rule{display:block;width:46px;height:3px;border-radius:2px;background:linear-gradient(90deg,#ED1C24,#ED1C24);margin:0 0 22px}
.ch-about-slim h2{margin:0 0 18px}
.ch-about-slim p{font-size:17px;line-height:1.66;color:#4B4A47;margin:0 0 15px;max-width:620px}
.ch-about-slim .ch-about-sign{margin:26px 0 22px}
.ch-about-slim .ch-about-name{font-family:'Alex Brush',cursive !important;font-weight:400;font-style:normal;font-size:48px;line-height:1.05;color:#15151A}
.ch-about-slim .ch-about-role{margin-top:10px}
.ch-about-slim .btn{margin-top:2px}
@media(max-width:600px){.ch-about-slim p{font-size:16px}.ch-about-slim .ch-about-name{font-size:40px}}

/* hero top fill — kill white gap above floating header */
body{background:#FFFFFF !important}

/* deco room v1 */
.ch-stack{padding-top:44px !important}

/* hero baseline line (Clay-style) */

/* sprog hide mobile (drops on rounded pill corners) */
@media(max-width:760px){.ch-hdr .ch-hdr-in .ch-sprog{display:block !important;left:26px !important;right:26px !important;bottom:5px !important;top:auto !important;height:2px !important;border-radius:2px !important}}

/* hero card clay-style (contained, rounded, under menu width) */
.ch-hero{max-width:1760px !important;margin:16px auto 0 !important;border-radius:30px !important;border:1px solid rgba(20,20,30,.07) !important}
@media(max-width:1820px){.ch-hero{margin:14px 20px 0 !important;max-width:none !important}}
@media(max-width:760px){.ch-hero{margin:10px 12px 0 !important;border-radius:22px !important}}

/* hero text stretch to wide card */
.ch-hero-solo{max-width:1120px !important}
.ch-hero-col .lead, .ch-hero-inner .lead{max-width:720px !important}
.ch-hero-solo h1, .ch-hero-col h1{font-size:clamp(44px,4.8vw,92px) !important;letter-spacing:-.03em !important;line-height:1.04 !important}
@media(max-width:760px){.ch-hero-solo h1,.ch-hero-col h1{font-size:34px !important}}

/* mobile hdr fixes v2 */
@media(max-width:760px){
.ch-hdr .ch-logo-t{display:inline-block !important;font-size:16px !important}
.ch-hdr-in{background:#FFFFFF !important}
.ch-hero{padding-top:86px !important}
}

/* mobile hdr fixed v3 (sticky breaks under overflow:clip on Samsung) */
@media(max-width:760px){.ch-hdr{position:fixed !important;left:0 !important;right:0 !important}}

/* mobile hdr solid on scroll v4 */
@media(max-width:760px){
.ch-hdr.scrolled{background:rgba(255,255,255,.66) !important;-webkit-backdrop-filter:blur(12px) !important;backdrop-filter:blur(12px) !important}

}

/* mobile sticky overflow fix v5 */
@media(max-width:760px){html,body{overflow-x:visible !important}}

/* ============================================================
   META ADS service page - BLUE theme + rich sections
   Scoped to body.chu-svc-facebook-ads (added via body_class).
   ============================================================ */

/* --- token flip: everything that used purple/orange -> Meta blue --- */
body.chu-svc-facebook-ads{
  --accent:#0866FF;
  --yellow:#0866FF; --yellow-d:#0552CC; --yellow-lt:#BBD6FF; --yellow-bg:#E7F0FF;
  --purple:#0866FF; --purple-d:#0552CC; --purple-lt:#BBD6FF; --purple-bg:#E7F0FF;
  --purple-deep:#08214A;
  --coral:#3D8BFF; --blue:#0866FF; --blue-lt:#DCE9FF;
  --cream:#EEF4FF; --cream-2:#E4EDFF;
}

/* --- HERO: full blue, white text, optional media --- */
.chu-svc-facebook-ads .svc-hero{
  background:linear-gradient(158deg,#0760EE 0%,#0866FF 46%,#2E7CFF 100%);
  color:#fff;padding:62px 0 60px;position:relative;overflow:hidden;isolation:isolate;
}
.chu-svc-facebook-ads .svc-hero-orb{
  position:absolute;width:620px;height:620px;border-radius:50%;z-index:-1;
  right:-160px;top:-220px;pointer-events:none;
  background:radial-gradient(circle,rgba(255,255,255,.16),rgba(255,255,255,0) 62%);
}
.chu-svc-facebook-ads .svc-hero .display,
.chu-svc-facebook-ads .svc-hero h1{color:#fff}
.chu-svc-facebook-ads .svc-hero .lead{color:rgba(255,255,255,.92)}
.chu-svc-facebook-ads .svc-hero .kicker{color:#fff}
.chu-svc-facebook-ads .svc-hero .kicker .dot{background:#fff}
.chu-svc-facebook-ads .svc-breadcrumb{font-size:13px;color:rgba(255,255,255,.7);margin-bottom:18px;display:flex;gap:8px;align-items:center}
.chu-svc-facebook-ads .svc-breadcrumb a{color:rgba(255,255,255,.85)}
.chu-svc-facebook-ads .svc-breadcrumb a:hover{color:#fff}
.chu-svc-facebook-ads .svc-hero .hero-stat-num{color:#fff}
.chu-svc-facebook-ads .svc-hero .hero-stat-lbl{color:rgba(255,255,255,.82)}
/* hero CTAs invert on blue */
.chu-svc-facebook-ads .svc-hero .btn-primary{background:#fff;color:#0866FF;box-shadow:0 12px 30px -12px rgba(2,20,60,.5)}
.chu-svc-facebook-ads .svc-hero .btn-primary:hover{background:#EAF1FF;color:#0552CC;transform:translateY(-3px)}
.chu-svc-facebook-ads .svc-hero .btn-dark{background:rgba(255,255,255,.12);color:#fff;border:2px solid rgba(255,255,255,.42)}
.chu-svc-facebook-ads .svc-hero .btn-dark:hover{background:rgba(255,255,255,.2)}

/* hero media split layout */
.svc-hero--media .svc-hero-inner{max-width:none;text-align:left;display:grid;grid-template-columns:1.04fr .96fr;gap:50px;align-items:center}
.svc-hero--media .svc-hero-col{text-align:left}
.svc-hero--media .svc-hero .display{font-size:clamp(32px,3.6vw,50px)}
.svc-hero--media .svc-hero .lead{margin:0 0 26px;max-width:540px}
.svc-hero--media .svc-hero-ctas{justify-content:flex-start}
.svc-hero--media .svc-hero-stats{justify-content:flex-start;gap:30px;margin-top:34px}
.svc-hero-media{position:relative}
.svc-hero-media-frame{border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 40px 80px -34px rgba(2,18,55,.55);border:1px solid rgba(255,255,255,.5)}
.svc-hero-media-frame img{width:100%;height:auto;display:block}
.svc-hero-badge{position:absolute;left:-18px;bottom:-18px;background:#fff;border-radius:18px;padding:14px 20px;box-shadow:0 24px 50px -20px rgba(2,18,55,.45);text-align:left}
.svc-hero-badge-num{font-size:26px;font-weight:800;letter-spacing:-.03em;color:#0866FF;line-height:1}
.svc-hero-badge-lbl{font-size:12.5px;color:#585A62;font-weight:600;margin-top:5px;max-width:190px;line-height:1.35}
@media(max-width:860px){
  .svc-hero--media .svc-hero-inner{grid-template-columns:1fr;gap:30px;text-align:center}
  .svc-hero--media .svc-hero-col{text-align:center}
  .svc-hero--media .svc-hero-ctas,.svc-hero--media .svc-hero-stats{justify-content:center}
  .svc-hero--media .svc-hero .lead{margin:0 auto 26px}
  .svc-hero-badge{left:50%;transform:translateX(-50%);bottom:-22px}
}

/* --- PILLARS (Hook / Kreacja / Test) --- */
.svc-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:900px){.svc-pillars-grid{grid-template-columns:1fr}}
.svc-pillar{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 18px 26px;box-shadow:var(--sh-sm);transition:transform .22s var(--ease),box-shadow .22s}
.svc-pillar:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.svc-pillar-media{position:relative;border-radius:18px;overflow:hidden;background:#fff;aspect-ratio:4/3;margin-bottom:18px;border:1px solid var(--line)}
.svc-pillar-media img{width:100%;height:100%;object-fit:contain;padding:6px}
.svc-pillar-step{position:absolute;top:12px;left:12px;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 8px 18px -8px rgba(8,102,255,.8)}
.svc-pillar h3{font-size:22px;font-weight:800;margin:0 4px 8px}
.svc-pillar p{font-size:14.5px;color:var(--grey);line-height:1.6;margin:0 4px}

/* --- SEGMENTS (dla kogo) --- */
.svc-seg-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px}
@media(max-width:760px){.svc-seg-grid{grid-template-columns:1fr}}
.svc-seg{display:flex;gap:16px;align-items:flex-start;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 22px;box-shadow:var(--sh-sm);transition:transform .2s var(--ease),box-shadow .2s}
.svc-seg:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.svc-seg-ic{flex-shrink:0;width:48px;height:48px;border-radius:14px;background:var(--blue-lt);color:var(--accent);display:flex;align-items:center;justify-content:center}
.svc-seg-ic svg{width:24px;height:24px}
.svc-seg-tx h3{font-size:17px;font-weight:800;margin:2px 0 5px}
.svc-seg-tx p{font-size:14px;color:var(--grey);line-height:1.55}

/* --- CHANNELS (gdzie się wyświetlą) --- */
.svc-channels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:760px){.svc-channels-grid{grid-template-columns:1fr}}
.svc-channel{text-align:center;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:38px 26px;box-shadow:var(--sh-sm);transition:transform .22s var(--ease),box-shadow .22s}
.svc-channel:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.svc-channel-logo{display:inline-flex;width:66px;height:66px;align-items:center;justify-content:center;border-radius:20px;margin-bottom:16px}
.svc-channel-logo svg{width:38px;height:38px}
.svc-ch--facebook{color:#1877F2;background:#E7F0FF}
.svc-ch--instagram{color:#E4405F;background:#FCE7EE}
.svc-ch--messenger{color:#0084FF;background:#E3F1FF}
.svc-channel h3{font-size:20px;font-weight:800;margin-bottom:8px}
.svc-channel p{font-size:14.5px;color:var(--grey);line-height:1.6}

/* ===== META ADS page - feature rows + calculator (append #2) ===== */

/* --- FEATURE ROWS (method) --- */
.svc-frows{display:flex;flex-direction:column;gap:54px;margin-top:8px}
.svc-frow{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.svc-frow--rev .svc-frow-media{order:2}
.svc-frow-media{border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-sm)}
.svc-frow-media img{width:100%;height:auto;display:block}
.svc-frow-num{display:inline-block;font-size:14px;font-weight:800;color:var(--accent);letter-spacing:.08em;margin-bottom:10px}
.svc-frow-tx h3{font-size:clamp(22px,2.4vw,30px);font-weight:800;letter-spacing:-.02em;margin-bottom:12px}
.svc-frow-tx>p{font-size:16px;color:var(--grey);line-height:1.65;margin-bottom:16px}
.svc-frow-points{display:grid;gap:10px}
.svc-frow-points li{display:flex;gap:11px;align-items:flex-start;font-size:15px;line-height:1.5}
.svc-frow-points svg{flex-shrink:0;width:16px;height:16px;color:var(--accent);margin-top:3px}
@media(max-width:860px){.svc-frow{grid-template-columns:1fr;gap:22px}.svc-frow--rev .svc-frow-media{order:0}}

/* --- CALCULATOR --- */
.svc-calc-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
@media(max-width:900px){.svc-calc-grid{grid-template-columns:1fr;gap:28px}}
.svc-calc-copy .section-title{margin-bottom:14px}
.svc-calc-cta{margin-top:22px}
.svc-calc-box{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:30px;box-shadow:var(--sh)}
.svc-calc-slider{margin-bottom:22px}
.svc-calc-sl-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;font-weight:600;color:var(--grey);margin-bottom:11px}
.svc-calc-sl-val{color:var(--ink);font-size:14px;white-space:nowrap}
.svc-calc-sl-val b{font-size:18px;font-weight:800;color:var(--accent)}
.svc-calc-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:#E3EAF5;outline:none;margin:0}
.svc-calc-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:5px solid var(--accent);box-shadow:var(--sh-sm);cursor:pointer;transition:transform .15s}
.svc-calc-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.14)}
.svc-calc-slider input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:5px solid var(--accent);cursor:pointer}
.svc-calc-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}
.svc-calc-card{background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:18px 18px 16px}
.svc-calc-card--hl{background:linear-gradient(150deg,#0866FF 0%,#3D8BFF 100%);border:0;box-shadow:0 16px 34px -16px rgba(8,102,255,.7)}
.svc-calc-lbl{font-size:12.5px;font-weight:600;color:var(--grey);line-height:1.3}
.svc-calc-card--hl .svc-calc-lbl{color:rgba(255,255,255,.88)}
.svc-calc-num{font-size:30px;font-weight:800;letter-spacing:-.03em;margin-top:8px;color:var(--ink);line-height:1}
.svc-calc-card--hl .svc-calc-num{color:#fff}
.svc-calc-note{font-size:12.5px;color:var(--grey-lt);line-height:1.5;margin-top:18px}

/* ===== META page tweaks #3: smaller method images ===== */
.svc-frow{grid-template-columns:.78fr 1.22fr;gap:42px}
.svc-frow-media{max-width:360px}
.svc-frow:not(.svc-frow--rev) .svc-frow-media{margin-right:auto}
.svc-frow--rev .svc-frow-media{margin-left:auto}
@media(max-width:860px){.svc-frow{grid-template-columns:1fr}.svc-frow-media{max-width:300px;margin:0 auto}}

/* ===== META tweaks #4: hero -> homepage-style contained light-blue card + orange CTA ===== */

/* CTA back to brand orange (structural accents stay blue) */
body.chu-svc-facebook-ads{--yellow:#ED1C24;--yellow-d:#C2141B;--yellow-lt:#F6A9AB;--yellow-bg:#FDE7E8}

/* hero shell: transparent section, content lives in a rounded card */
.chu-svc-facebook-ads .svc-hero{background:transparent;color:var(--ink);padding:16px 22px 4px;overflow:visible}
.chu-svc-facebook-ads .svc-hero .container{max-width:1480px}
.chu-svc-facebook-ads .svc-hero-inner{
  position:relative;max-width:none;text-align:center;display:block;
  border-radius:32px;border:1px solid rgba(20,50,120,.09);
  background:linear-gradient(180deg,#E9F1FF 0%,#F1F7FF 52%,#FFFFFF 100%);
  padding:64px 40px 56px;overflow:hidden;isolation:isolate;
}
/* faint mesh dot grid (homepage vibe) */
.chu-svc-facebook-ads .svc-hero-inner::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(rgba(8,102,255,.12) 1.4px, transparent 1.4px);background-size:30px 30px;
  -webkit-mask-image:radial-gradient(130% 80% at 50% 0%, #000 10%, transparent 72%);
  mask-image:radial-gradient(130% 80% at 50% 0%, #000 10%, transparent 72%);opacity:.55}

.chu-svc-facebook-ads .svc-hero-col{position:relative;z-index:2;max-width:720px;margin:0 auto;text-align:center}
.chu-svc-facebook-ads .svc-hero .display{color:var(--ink)}
.chu-svc-facebook-ads .svc-hero .display em{color:var(--accent)} /* blue accent on key word */
.chu-svc-facebook-ads .svc-hero .lead{color:var(--grey);margin:0 auto 26px;max-width:600px}
.chu-svc-facebook-ads .svc-hero .kicker{color:var(--purple-d)}
.chu-svc-facebook-ads .svc-hero .kicker .dot{background:var(--accent)}
.chu-svc-facebook-ads .svc-breadcrumb{justify-content:center;color:var(--grey-lt)}
.chu-svc-facebook-ads .svc-breadcrumb a{color:var(--grey)}
.chu-svc-facebook-ads .svc-breadcrumb a:hover{color:var(--ink)}
.chu-svc-facebook-ads .svc-hero-ctas{justify-content:center}
.chu-svc-facebook-ads .svc-hero-stats{justify-content:center;gap:40px}
.chu-svc-facebook-ads .svc-hero .hero-stat-num{color:var(--accent)}
.chu-svc-facebook-ads .svc-hero .hero-stat-lbl{color:var(--grey)}

/* hero CTAs: orange primary, white ghost */
.chu-svc-facebook-ads .svc-hero .btn-primary{background:var(--yellow);color:#fff;box-shadow:0 12px 28px -12px rgba(237,28,36,.7)}
.chu-svc-facebook-ads .svc-hero .btn-primary:hover{background:var(--yellow-d);color:#fff;transform:translateY(-3px)}
.chu-svc-facebook-ads .svc-hero .btn-dark{background:#fff;color:var(--ink);border:2px solid rgba(20,30,60,.16)}
.chu-svc-facebook-ads .svc-hero .btn-dark:hover{background:var(--ink);color:#fff;border-color:var(--ink)}

/* corner decos */
.chu-svc-facebook-ads .svc-hero-deco{position:absolute;z-index:1;width:290px;height:auto;top:16px;pointer-events:none;
  filter:drop-shadow(0 16px 22px rgba(20,20,30,.16))}
.chu-svc-facebook-ads .svc-hero-deco--l{left:14px}
.chu-svc-facebook-ads .svc-hero-deco--r{right:14px}
.chu-svc-facebook-ads .svc-hero-deco svg{width:100%;height:auto;display:block}
@media(max-width:1180px){.chu-svc-facebook-ads .svc-hero-deco{width:230px}}
@media(max-width:980px){.chu-svc-facebook-ads .svc-hero-deco{display:none}}
@media(max-width:760px){.chu-svc-facebook-ads .svc-hero-inner{padding:44px 22px 40px}}

/* ===== META tweaks #5: CTA band, calc reco/advanced, price badges ===== */

/* CTA band (blue accent strip) */
.chu-svc-facebook-ads .svc-cta-band{padding:22px}
.chu-svc-facebook-ads .svc-cta-band .container{max-width:1480px}
.chu-svc-facebook-ads .svc-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;
  border-radius:28px;padding:38px 44px;color:#fff;position:relative;overflow:hidden;
  background:linear-gradient(140deg,#0760EE 0%,#0866FF 50%,#2E7CFF 100%);
  box-shadow:0 30px 60px -30px rgba(8,60,180,.55)}
.chu-svc-facebook-ads .svc-cta-inner::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 120% at 92% -10%, rgba(255,255,255,.16), transparent 60%)}
.chu-svc-facebook-ads .svc-cta-tx{position:relative;z-index:1}
.chu-svc-facebook-ads .svc-cta-tx h2{color:#fff;font-size:clamp(22px,2.4vw,30px);font-weight:800;letter-spacing:-.02em;margin:0 0 6px;line-height:1.15}
.chu-svc-facebook-ads .svc-cta-tx h2 em{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.55);text-underline-offset:4px}
.chu-svc-facebook-ads .svc-cta-tx p{color:rgba(255,255,255,.92);font-size:15.5px;margin:0;max-width:640px}
.chu-svc-facebook-ads .svc-cta-btn{flex-shrink:0;background:#fff;color:#0866FF;position:relative;z-index:1}
.chu-svc-facebook-ads .svc-cta-btn:hover{background:#EAF1FF;color:#0552CC;transform:translateY(-3px)}
@media(max-width:700px){.chu-svc-facebook-ads .svc-cta-inner{padding:28px 24px;flex-direction:column;align-items:flex-start}}

/* calculator: package recommendation + advanced toggle */
.svc-calc-reco{display:flex;align-items:center;gap:10px;margin:20px 0 4px;flex-wrap:wrap}
.svc-calc-reco-lbl{font-size:14px;color:var(--grey);font-weight:600}
.svc-calc-reco-pill{display:inline-flex;align-items:center;background:var(--accent);color:#fff;font-weight:800;font-size:14px;padding:6px 16px;border-radius:999px}
.svc-calc-slider--main .svc-calc-sl-val b{font-size:22px}
.svc-calc-adv{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.svc-calc-adv summary{cursor:pointer;font-size:13.5px;font-weight:700;color:var(--accent);list-style:none;display:inline-flex;align-items:center;gap:8px}
.svc-calc-adv summary::-webkit-details-marker{display:none}
.svc-calc-adv summary::before{content:"+";font-size:17px;line-height:1;width:14px;text-align:center}
.svc-calc-adv[open] summary::before{content:"\2013"}
.svc-calc-adv .svc-calc-slider{margin-top:16px;margin-bottom:0}
.svc-calc-adv .svc-calc-slider:first-of-type{margin-top:18px}

/* pricing trust badges */
.svc-price-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 14px;margin:0 0 30px}
.svc-price-badge{display:inline-flex;align-items:center;gap:8px;background:var(--cream);border:1px solid var(--line);color:var(--ink);font-size:13.5px;font-weight:600;padding:9px 16px;border-radius:999px}
.svc-price-badge svg{width:14px;height:14px;color:var(--accent)}

/* ===== META tweaks #6: blue only in hero; neutral elsewhere; decos to sides; logobar; method grid ===== */

/* neutral backgrounds (soft sections grey, dark sections graphite) - blue stays only in hero */
body.chu-svc-facebook-ads{--cream:#F6F7F9; --cream-2:#EEF0F3; --purple-deep:#15151A}
.chu-svc-facebook-ads .svc-section--dark,
.chu-svc-facebook-ads .contact-section.svc-contact{background:#15151A}
.chu-svc-facebook-ads .svc-calc-sec{background:#F6F7F9}

/* fields: white, no blue tint */
.chu-svc-facebook-ads .fc-form input,
.chu-svc-facebook-ads .fc-form textarea{background:#fff !important;border:1.5px solid #E3E5EA !important;color:var(--ink)}
.chu-svc-facebook-ads .fc-form input:focus,
.chu-svc-facebook-ads .fc-form textarea:focus{border-color:var(--accent) !important;box-shadow:0 0 0 3px rgba(8,102,255,.12) !important}
.chu-svc-facebook-ads .svc-calc-card{background:#F4F6F9}
.chu-svc-facebook-ads .svc-calc-box{background:#fff}
.chu-svc-facebook-ads .svc-price-badge{background:#F4F6F9}

/* CTA band -> graphite (not blue) */
.chu-svc-facebook-ads .svc-cta-inner{background:linear-gradient(140deg,#1F1F23 0%,#08080A 100%);box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.chu-svc-facebook-ads .svc-cta-inner::before{background:radial-gradient(60% 120% at 92% -10%, rgba(255,255,255,.10), transparent 60%)}
.chu-svc-facebook-ads .svc-cta-btn{background:#fff;color:var(--ink)}
.chu-svc-facebook-ads .svc-cta-btn:hover{background:#F0F0F2;color:#000}

/* HERO decos -> sides, vertically centered, bigger */
.chu-svc-facebook-ads .svc-hero-inner{min-height:430px;display:flex;flex-direction:column;justify-content:center}
.chu-svc-facebook-ads .svc-hero-deco{top:50%;transform:translateY(-50%);width:340px}
.chu-svc-facebook-ads .svc-hero-deco--l{left:24px}
.chu-svc-facebook-ads .svc-hero-deco--r{right:24px}
@media(max-width:1240px){.chu-svc-facebook-ads .svc-hero-deco{width:250px}}
@media(max-width:1040px){.chu-svc-facebook-ads .svc-hero-deco{display:none}}

/* TOOLS logobar (monochrome) */
.chu-svc-facebook-ads .svc-logobar{padding:34px 0 8px}
.chu-svc-facebook-ads .svc-logobar-cap{text-align:center;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--grey-lt);margin-bottom:22px}
.chu-svc-facebook-ads .svc-logobar-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 38px}
.chu-svc-facebook-ads .svc-logo{display:inline-flex;align-items:center;gap:9px;color:#9aa0a6;transition:color .2s,transform .2s}
.chu-svc-facebook-ads .svc-logo:hover{color:var(--ink);transform:translateY(-2px)}
.chu-svc-facebook-ads .svc-logo svg{width:23px;height:23px}
.chu-svc-facebook-ads .svc-logo span{font-size:15px;font-weight:700;letter-spacing:-.01em}

/* METHOD grid (icon-led, no AI images) */
.chu-svc-facebook-ads .svc-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:760px){.chu-svc-facebook-ads .svc-method-grid{grid-template-columns:1fr}}
.chu-svc-facebook-ads .svc-method-card{display:flex;gap:18px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;box-shadow:var(--sh-sm);transition:transform .2s var(--ease),box-shadow .2s}
.chu-svc-facebook-ads .svc-method-card:hover{transform:translateY(-5px);box-shadow:var(--sh)}
.chu-svc-facebook-ads .svc-method-ic{flex-shrink:0;width:54px;height:54px;border-radius:16px;background:var(--blue-lt);color:var(--accent);display:flex;align-items:center;justify-content:center}
.chu-svc-facebook-ads .svc-method-ic svg{width:28px;height:28px}
.chu-svc-facebook-ads .svc-method-tx h3{font-size:19px;font-weight:800;margin-bottom:8px}
.chu-svc-facebook-ads .svc-method-tx>p{font-size:14.5px;color:var(--grey);line-height:1.6;margin-bottom:12px}
.chu-svc-facebook-ads .svc-method-points{display:grid;gap:8px}
.chu-svc-facebook-ads .svc-method-points li{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;line-height:1.45}
.chu-svc-facebook-ads .svc-method-points svg{flex-shrink:0;width:14px;height:14px;color:var(--accent);margin-top:3px}

/* ===== META tweaks #7: blue tech-mesh hero, decos overhang from logobar, photo block ===== */

/* hero: blue tones (not grey) + tech mesh canvas */
.chu-svc-facebook-ads .svc-hero-inner{
  background:linear-gradient(165deg,#DAE7FF 0%,#E8F1FF 55%,#F4F8FF 100%);
  border:1px solid rgba(20,70,180,.12);overflow:hidden}
.chu-svc-facebook-ads .svc-hero-inner::before{content:none !important}
.chu-svc-facebook-ads .svc-hero-net{position:absolute;inset:0;z-index:0;pointer-events:none}
.chu-svc-facebook-ads .svc-hero-col{position:relative;z-index:2}

/* DECOS now live in the logobar and overhang UP into the hero (homepage straddle) */
.chu-svc-facebook-ads .svc-logobar{position:relative;overflow:visible}
.chu-svc-facebook-ads .svc-logobar .container{position:relative}
.chu-svc-facebook-ads .svc-hero-deco{position:absolute;top:-208px;bottom:auto;transform:none;width:300px;z-index:5;
  filter:drop-shadow(0 16px 24px rgba(20,50,120,.16))}
.chu-svc-facebook-ads .svc-hero-deco--l{left:-8px;right:auto}
.chu-svc-facebook-ads .svc-hero-deco--r{right:-8px;left:auto}
@media(max-width:1240px){.chu-svc-facebook-ads .svc-hero-deco{width:230px;top:-150px}}
@media(max-width:1040px){.chu-svc-facebook-ads .svc-hero-deco{display:none}}
/* give the logobar room so risen decos don't crowd the logos */
.chu-svc-facebook-ads .svc-logobar{padding-top:30px}

/* PHOTO block (how I work) */
.chu-svc-facebook-ads .svc-photos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:820px){.chu-svc-facebook-ads .svc-photos-grid{grid-template-columns:1fr}}
.chu-svc-facebook-ads .svc-photo{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-sm);transition:transform .22s var(--ease),box-shadow .22s}
.chu-svc-facebook-ads .svc-photo:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.chu-svc-facebook-ads .svc-photo-img{aspect-ratio:4/3;overflow:hidden;background:#EEF1F5}
.chu-svc-facebook-ads .svc-photo-img img{width:100%;height:100%;object-fit:cover;display:block}
.chu-svc-facebook-ads .svc-photo figcaption{display:flex;align-items:center;gap:11px;padding:18px 20px;font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.4}
.chu-svc-facebook-ads .svc-photo-n{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}

/* ===== META tweaks #8: hero width = menu, fix calc card, contact white like homepage ===== */

/* hero card as wide as the header/menu */
.chu-svc-facebook-ads .svc-hero{padding:16px 20px 0}
.chu-svc-facebook-ads .svc-hero .container{max-width:1760px;padding:0}
.chu-svc-facebook-ads .svc-hero-inner{min-height:400px;padding:62px 40px 64px}
.chu-svc-facebook-ads .svc-logobar .container{max-width:1760px}

/* FIX broken calculator highlight card (blue gradient must win the cascade) */
.chu-svc-facebook-ads .svc-calc-card.svc-calc-card--hl{background:linear-gradient(150deg,#0866FF 0%,#3D8BFF 100%) !important}
.chu-svc-facebook-ads .svc-calc-card--hl .svc-calc-lbl{color:rgba(255,255,255,.9) !important}
.chu-svc-facebook-ads .svc-calc-card--hl .svc-calc-num{color:#fff !important}

/* contact: WHITE like homepage (undo earlier dark); inputs light-grey like homepage */
.chu-svc-facebook-ads .contact-section.svc-contact{background:#FFFFFF !important}
.chu-svc-facebook-ads .fc-form input,
.chu-svc-facebook-ads .fc-form textarea{background:#F4F6F9 !important;border:1.6px solid var(--line) !important;color:var(--ink)}
.chu-svc-facebook-ads .fc-form input:focus,
.chu-svc-facebook-ads .fc-form textarea:focus{background:#fff !important;border-color:var(--accent) !important;box-shadow:0 0 0 3px rgba(8,102,255,.14) !important}

/* ===== META tweaks #9: fix benefits grid (4 items -> 2x2, no orphan) ===== */
.chu-svc-facebook-ads .svc-bg-4{grid-template-columns:repeat(2,1fr);max-width:1000px;margin-left:auto;margin-right:auto}
@media(max-width:760px){.chu-svc-facebook-ads .svc-bg-4{grid-template-columns:1fr}}

/* ===== META tweaks #10: decos straddle into logobar (homepage), bigger logos ===== */
.chu-svc-facebook-ads .svc-hero-deco{width:340px;top:-172px}
@media(max-width:1240px){.chu-svc-facebook-ads .svc-hero-deco{width:248px;top:-118px}}
@media(max-width:1040px){.chu-svc-facebook-ads .svc-hero-deco{display:none}}

.chu-svc-facebook-ads .svc-logobar{padding:46px 0 72px}
.chu-svc-facebook-ads .svc-logobar-row{gap:22px 54px}
.chu-svc-facebook-ads .svc-logo svg{width:30px;height:30px}
.chu-svc-facebook-ads .svc-logo span{font-size:17px}

/* ===== META tweaks #11: accents -> BRAND ORANGE like homepage (blue stays ONLY in hero bg) ===== */
body.chu-svc-facebook-ads{
  --accent:#ED1C24;
  --purple:#ED1C24; --purple-d:#C2141B; --purple-lt:#F6A9AB; --purple-bg:#FDE7E8;
  --coral:#ED1C24; --blue-lt:#FCE4E5;
}

/* hero: keep blue bg; key word as orange box like homepage "zarabiać więcej" */
.chu-svc-facebook-ads .svc-hero .display em{background:#ED1C24;color:#fff;padding:0 14px;border-radius:10px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.chu-svc-facebook-ads .svc-hero .kicker{color:#C2141B}
.chu-svc-facebook-ads .svc-hero .kicker .dot{background:#ED1C24}
.chu-svc-facebook-ads .svc-hero-inner{min-height:480px}

/* calculator: orange highlight (not blue) + fix clipped budget value */
.chu-svc-facebook-ads .svc-calc-card.svc-calc-card--hl{background:linear-gradient(150deg,#ED1C24 0%,#ED1C24 100%) !important}
.chu-svc-facebook-ads .svc-calc-box{padding:34px 30px 30px}
.chu-svc-facebook-ads .svc-calc-slider--main{margin-top:4px}

/* icon tiles: branded orange, not pale pastel */
.chu-svc-facebook-ads .svc-bcard-ic{background:#FCE4E5 !important}
.chu-svc-facebook-ads .svc-bcard-ic svg{color:#ED1C24}
.chu-svc-facebook-ads .svc-method-ic{background:#FCE4E5;color:#ED1C24}

/* decos dip a touch more into the logobar (second block) */
.chu-svc-facebook-ads .svc-hero-deco{top:-150px}
@media(max-width:1240px){.chu-svc-facebook-ads .svc-hero-deco{top:-104px}}

/* ===== META tweaks #12: accents = BLUE (Meta card color), no orange. Base stays from homepage. ===== */
body.chu-svc-facebook-ads{
  --accent:#0866FF;
  --purple:#0866FF; --purple-d:#0552CC; --purple-lt:#BBD6FF; --purple-bg:#E7F0FF;
  --coral:#3D8BFF; --blue-lt:#DCE9FF;
}
/* hero key word: BLUE box (card color) */
.chu-svc-facebook-ads .svc-hero .display em{background:#0866FF;color:#fff}
.chu-svc-facebook-ads .svc-hero .kicker{color:#0552CC}
.chu-svc-facebook-ads .svc-hero .kicker .dot{background:#0866FF}
/* calculator highlight: BLUE */
.chu-svc-facebook-ads .svc-calc-card.svc-calc-card--hl{background:linear-gradient(150deg,#0866FF 0%,#3D8BFF 100%) !important}
/* icon tiles: BLUE */
.chu-svc-facebook-ads .svc-bcard-ic{background:#DCE9FF !important}
.chu-svc-facebook-ads .svc-bcard-ic svg{color:#0866FF}
.chu-svc-facebook-ads .svc-method-ic{background:#DCE9FF;color:#0866FF}
/* selection blue (was orange via --yellow) */
.chu-svc-facebook-ads ::selection{background:#0866FF;color:#fff}

/* ===== META tweaks #13: all non-hero blocks WHITE; decos overhang hero bottom; less stretch ===== */

/* every non-hero section WHITE (no blue/grey tint); hairline for subtle rhythm */
body.chu-svc-facebook-ads{--cream:#FFFFFF; --cream-2:#F4F5F7}
.chu-svc-facebook-ads .svc-section--soft{background:#FFFFFF;border-top:1px solid #EEF0F3}
.chu-svc-facebook-ads .svc-calc-sec{background:#FFFFFF;border-top:1px solid #EEF0F3}
.chu-svc-facebook-ads .svc-calc-card{background:#F4F6F9}

/* hero: more compact (kill the stretched empty feel) */
.chu-svc-facebook-ads .svc-hero-inner{min-height:340px;padding:56px 40px 56px}
.chu-svc-facebook-ads .svc-hero .container{position:relative}

/* DECOS: anchored to hero card bottom, overhang DOWN onto the second block (logobar) */
.chu-svc-facebook-ads .svc-hero-deco{position:absolute;top:auto;bottom:-84px;transform:none;width:300px;z-index:6;filter:drop-shadow(0 14px 20px rgba(20,50,120,.14))}
.chu-svc-facebook-ads .svc-hero-deco--l{left:-4px;right:auto}
.chu-svc-facebook-ads .svc-hero-deco--r{right:-4px;left:auto}
@media(max-width:1240px){.chu-svc-facebook-ads .svc-hero-deco{width:228px;bottom:-60px}}
@media(max-width:1040px){.chu-svc-facebook-ads .svc-hero-deco{display:none}}

/* logobar: normal padding (decos no longer live here) */
.chu-svc-facebook-ads .svc-logobar{padding:30px 0 12px}

/* ===== META tweaks #14: photo cards + wow, less deco overhang, no section divider lines ===== */

/* divider line only under hero -> remove section hairlines */
.chu-svc-facebook-ads .svc-section--soft{border-top:0 !important}
.chu-svc-facebook-ads .svc-calc-sec{border-top:0 !important}

/* decos: smaller overhang into second block */
.chu-svc-facebook-ads .svc-hero-deco{bottom:-50px}
@media(max-width:1240px){.chu-svc-facebook-ads .svc-hero-deco{bottom:-34px}}

/* photo benefit cards (wow: hover zoom + lift) */
.chu-svc-facebook-ads .svc-benefits-grid--photo{max-width:1120px;margin-left:auto;margin-right:auto}
.chu-svc-facebook-ads .svc-bcard--photo{padding:0;overflow:hidden;display:flex;flex-direction:column;text-align:left}
.chu-svc-facebook-ads .svc-bcard-photo{aspect-ratio:16/10;overflow:hidden;background:#EEF1F5}
.chu-svc-facebook-ads .svc-bcard-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s var(--ease)}
.chu-svc-facebook-ads .svc-bcard--photo:hover .svc-bcard-photo img{transform:scale(1.07)}
.chu-svc-facebook-ads .svc-bcard-body{padding:22px 24px 26px}
.chu-svc-facebook-ads .svc-bcard--photo h3{font-size:19px;font-weight:800;margin-bottom:8px}
.chu-svc-facebook-ads .svc-bcard--photo p{font-size:14.5px;color:var(--grey);line-height:1.6}

/* photo method cards */
.chu-svc-facebook-ads .svc-method-card--photo{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}
.chu-svc-facebook-ads .svc-method-photo{aspect-ratio:16/9;overflow:hidden;background:#EEF1F5}
.chu-svc-facebook-ads .svc-method-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s var(--ease)}
.chu-svc-facebook-ads .svc-method-card--photo:hover .svc-method-photo img{transform:scale(1.06)}
.chu-svc-facebook-ads .svc-method-card--photo .svc-method-body{padding:24px 26px 26px}
.chu-svc-facebook-ads .svc-method-card--photo h3{font-size:20px;font-weight:800;margin-bottom:8px}
.chu-svc-facebook-ads .svc-method-card--photo .svc-method-points{margin-top:12px}

/* ===== META tweaks #15: textmedia split + steps zigzag + warm prose (no photo grids) ===== */

/* --- TEXTMEDIA: warming prose + single rounded photo, alternating sides --- */
.chu-svc-facebook-ads .svc-tm{display:grid;grid-template-columns:1.04fr 1fr;gap:60px;align-items:center;max-width:1180px;margin:0 auto}
.chu-svc-facebook-ads .svc-tm--flip .svc-tm-media{order:2}
.chu-svc-facebook-ads .svc-tm-media{position:relative}
.chu-svc-facebook-ads .svc-tm-img{width:100%;display:block;border-radius:24px;aspect-ratio:4/3;object-fit:cover;box-shadow:0 34px 70px -34px rgba(8,22,55,.32)}
.chu-svc-facebook-ads .svc-tm-body{min-width:0}
.chu-svc-facebook-ads .svc-tm-body .kicker{justify-content:flex-start}
.chu-svc-facebook-ads .svc-tm-body .section-title{text-align:left;margin:14px 0 18px;margin-left:0;max-width:none}
.chu-svc-facebook-ads .svc-tm-body p{color:var(--grey);font-size:16.5px;line-height:1.75;margin:0 0 15px}
.chu-svc-facebook-ads .svc-tm-body p:last-child{margin-bottom:0}
.chu-svc-facebook-ads .svc-tm-cta{margin-top:26px}
@media(max-width:920px){
	.chu-svc-facebook-ads .svc-tm{grid-template-columns:1fr;gap:30px}
	.chu-svc-facebook-ads .svc-tm-media,.chu-svc-facebook-ads .svc-tm--flip .svc-tm-media{order:-1}
}

/* --- STEPS: numbered zigzag with connecting arrows --- */
.chu-svc-facebook-ads .svc-steps{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:36px;row-gap:34px;max-width:1000px;margin:48px auto 0}
.chu-svc-facebook-ads .svc-step{display:flex;gap:22px;align-items:flex-start}
.chu-svc-facebook-ads .svc-step-num{font-size:74px;line-height:.8;font-weight:800;color:#C4D8FF;flex:none;letter-spacing:-.03em}
.chu-svc-facebook-ads .svc-step-tx{padding-top:10px}
.chu-svc-facebook-ads .svc-step-tx h3{font-size:17px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;margin:0 0 8px}
.chu-svc-facebook-ads .svc-step-tx p{color:var(--grey);font-size:15px;line-height:1.62;margin:0;max-width:34ch}
.chu-svc-facebook-ads .svc-step--1{grid-column:1;grid-row:1}
.chu-svc-facebook-ads .svc-step--2{grid-column:2;grid-row:2}
.chu-svc-facebook-ads .svc-step--3{grid-column:1;grid-row:3}
.chu-svc-facebook-ads .svc-step--4{grid-column:2;grid-row:4}
.chu-svc-facebook-ads .svc-arrow{color:var(--accent);display:flex;align-items:flex-end;justify-content:center}
.chu-svc-facebook-ads .svc-arrow-svg{width:118px;height:78px}
.chu-svc-facebook-ads .svc-arrow--1{grid-column:2;grid-row:1;align-self:end}
.chu-svc-facebook-ads .svc-arrow--2{grid-column:1;grid-row:2;align-self:end;transform:scaleX(-1)}
.chu-svc-facebook-ads .svc-arrow--3{grid-column:2;grid-row:3;align-self:end}
@media(max-width:820px){
	.chu-svc-facebook-ads .svc-steps{grid-template-columns:1fr;row-gap:24px;max-width:480px}
	.chu-svc-facebook-ads .svc-step,
	.chu-svc-facebook-ads .svc-step--1,
	.chu-svc-facebook-ads .svc-step--2,
	.chu-svc-facebook-ads .svc-step--3,
	.chu-svc-facebook-ads .svc-step--4{grid-column:1 !important;grid-row:auto !important}
	.chu-svc-facebook-ads .svc-arrow{display:none}
}

/* ===== META tweaks #16: cap stretched grids (center + max-width) ===== */
.chu-svc-facebook-ads .svc-benefits-grid.svc-bg-4{max-width:980px;margin-left:auto;margin-right:auto}
.chu-svc-facebook-ads .svc-benefits-grid.svc-bg-3{max-width:1080px;margin-left:auto;margin-right:auto}
.chu-svc-facebook-ads .svc-channels-grid{max-width:1120px;margin-left:auto;margin-right:auto}
.chu-svc-facebook-ads .svc-pricing-grid{max-width:1240px;margin-left:auto;margin-right:auto}
.chu-svc-facebook-ads .svc-calc-grid{max-width:1240px;margin-left:auto;margin-right:auto}
.chu-svc-facebook-ads .svc-logobar-row{max-width:1180px;margin-left:auto;margin-right:auto}

/* ===== META tweaks #17: blue section eyebrows (FAQ + Kontakt) - kill lone orange ===== */
.chu-svc-facebook-ads .ch-eyebrow{color:var(--accent)}
.chu-svc-facebook-ads .ch-eyebrow .d{background:var(--accent)}

/* ===== META tweaks #18: rich tool logobar + ALIVE benefit cards ===== */

/* --- LOGOBAR: 12 real tools, mark + label, wraps; marks-only on mobile --- */
.chu-svc-facebook-ads .svc-logobar{padding:34px 0 14px}
.chu-svc-facebook-ads .svc-logobar-cap{text-align:center;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#9AA3B2;margin-bottom:26px}
.chu-svc-facebook-ads .svc-logobar-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 30px;max-width:1080px;margin:0 auto}
.chu-svc-facebook-ads .svc-logo{display:inline-flex;align-items:center;gap:9px;opacity:.95;transition:opacity .25s,transform .25s}
.chu-svc-facebook-ads .svc-logo:hover{opacity:1;transform:translateY(-2px)}
.chu-svc-facebook-ads .svc-logo .svc-logo-mark{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;flex:none}
.chu-svc-facebook-ads .svc-logo .svc-logo-mark svg{width:100%;height:100%;display:block}
.chu-svc-facebook-ads .svc-logo .svc-logo-tx{font-size:14.5px;font-weight:700;color:#5A6678;letter-spacing:.005em;line-height:1}
@media(max-width:760px){
	.chu-svc-facebook-ads .svc-logobar-row{gap:20px 26px;max-width:340px}
	.chu-svc-facebook-ads .svc-logo .svc-logo-tx{display:none}
	.chu-svc-facebook-ads .svc-logo .svc-logo-mark{width:32px;height:32px}
}

/* --- BENEFIT CARDS: alive — vivid gradient icon tiles, tighter, hover accent --- */
.chu-svc-facebook-ads .svc-bcard{padding:30px 28px 28px;border:1px solid #E9EDF4;border-radius:20px;background:#fff;position:relative;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.chu-svc-facebook-ads .svc-bcard::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,#0866FF,#5AA0FF);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.chu-svc-facebook-ads .svc-bcard:hover{transform:translateY(-6px);box-shadow:0 28px 54px -30px rgba(8,30,75,.42);border-color:#D6E3F8}
.chu-svc-facebook-ads .svc-bcard:hover::before{transform:scaleX(1)}
.chu-svc-facebook-ads .svc-bcard-ic{width:54px;height:54px;border-radius:15px;margin-bottom:18px;background:linear-gradient(135deg,#0866FF,#3D8BFF) !important;box-shadow:0 12px 22px -10px rgba(8,102,255,.6)}
.chu-svc-facebook-ads .svc-bcard-ic svg{width:26px;height:26px;color:#fff !important}
.chu-svc-facebook-ads .svc-bcard h3{font-size:18px;font-weight:800;margin-bottom:8px;letter-spacing:-.01em}
.chu-svc-facebook-ads .svc-bcard p{font-size:14.5px;color:#5A6678;line-height:1.62}

/* ===== META tweaks #20: animated blue highlight in hero (sweeping shine) ===== */
.chu-svc-facebook-ads .svc-hero .display em{
	background-color:#0866FF;
	background-image:linear-gradient(105deg,#0866FF 0%,#0866FF 38%,#5FA8FF 50%,#0866FF 62%,#0866FF 100%);
	background-size:230% 100%;
	background-repeat:no-repeat;
	background-position:200% 0;
	color:#fff;
	-webkit-background-clip:border-box;
	background-clip:border-box;
	animation:chuHiShine 3.6s ease-in-out infinite;
	will-change:background-position;
}
@keyframes chuHiShine{
	0%{background-position:200% 0;}
	38%{background-position:-120% 0;}
	100%{background-position:-120% 0;}
}
@media (prefers-reduced-motion: reduce){
	.chu-svc-facebook-ads .svc-hero .display em{animation:none;background-image:none;background-color:#0866FF;}
}

/* ===================================================================
 * SVC COMMON #1: token-driven components for ALL service pages
 * (scope: any chu-svc-* page EXCEPT facebook-ads, which keeps its own CSS).
 * Colour comes from per-service token block below.
 * =================================================================== */

/* ---- per-service colour token blocks ---- */
body.chu-svc-strony-www{
	--accent:#ED1C24; --accent-d:#C2141B; --accent-soft:#ED1C24; --accent-2:#F4A0A2;
	--accent-pale:#FBE9E9; --accent-pale2:#FCF4F4; --accent-dot:rgba(237,28,36,.12);
	--accent-num:#F6A9AB; --accent-glow:rgba(237,28,36,.55);
	--yellow:#ED1C24; --yellow-d:#C2141B; --yellow-lt:#F6A9AB; --yellow-bg:#FDE7E8;
	--purple:#ED1C24; --purple-d:#C2141B; --purple-lt:#F6A9AB; --purple-bg:#FDE7E8; --purple-deep:#15151A;
	--coral:#ED1C24; --blue:#ED1C24; --blue-lt:#FCE4E5; --cream:#FFFFFF; --cream-2:#F6F7F9;
}

body.chu-svc-automatyzacje-ai{
	--accent:#6D00CC; --accent-d:#5500A1; --accent-soft:#8B2FE0; --accent-2:#CDA9F2;
	--accent-pale:#F2EAFD; --accent-pale2:#F8F3FE; --accent-dot:rgba(109,0,204,.12);
	--accent-num:#DCC3F7; --accent-glow:rgba(109,0,204,.45);
	--yellow:#6D00CC; --yellow-d:#5500A1; --yellow-lt:#DCC3F7; --yellow-bg:#F2EAFD;
	--purple:#6D00CC; --purple-d:#5500A1; --purple-lt:#DCC3F7; --purple-bg:#F2EAFD; --purple-deep:#15151A;
	--coral:#8B2FE0; --blue:#6D00CC; --blue-lt:#EDE2FB; --cream:#FFFFFF; --cream-2:#F6F4F8;
}

/* scope shortcut applied to every rule below */
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-section--soft{border-top:0 !important}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-calc-sec{border-top:0 !important}

/* ---- HERO: light tinted card + mesh, single tone = service colour ---- */
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero{background:transparent;color:var(--ink);padding:16px 22px 4px;overflow:visible}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero .container{max-width:1480px}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero-inner{position:relative;max-width:none;text-align:center;display:block;border-radius:32px;border:1px solid rgba(20,30,60,.08);background:linear-gradient(180deg,var(--accent-pale) 0%,var(--accent-pale2) 52%,#FFFFFF 100%);padding:64px 40px 56px;overflow:hidden;isolation:isolate}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero-inner::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(var(--accent-dot) 1.4px,transparent 1.4px);background-size:30px 30px;-webkit-mask-image:radial-gradient(130% 80% at 50% 0%,#000 10%,transparent 72%);mask-image:radial-gradient(130% 80% at 50% 0%,#000 10%,transparent 72%);opacity:.6}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero-col{position:relative;z-index:2;max-width:720px;margin:0 auto;text-align:center}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero .display{color:var(--ink)}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero .lead{color:var(--grey);margin:0 auto 26px;max-width:600px}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero .kicker{color:var(--accent-d);justify-content:center}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero .kicker .dot{background:var(--accent)}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-breadcrumb{justify-content:center;color:var(--grey-lt)}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-breadcrumb a{color:var(--grey)}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero-ctas{justify-content:center}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero-stats{justify-content:center;gap:40px}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero .hero-stat-num{color:var(--accent)}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero .hero-stat-lbl{color:var(--grey)}
/* hero highlight (animated shine) */
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero .display em{background-color:var(--accent);background-image:linear-gradient(105deg,var(--accent) 0%,var(--accent) 38%,var(--accent-2) 50%,var(--accent) 62%,var(--accent) 100%);background-size:230% 100%;background-repeat:no-repeat;background-position:200% 0;color:#fff;padding:0 14px;border-radius:10px;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:chuHiShine 3.6s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){ body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero .display em{animation:none;background-image:none} }
/* hero CTAs */
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero .btn-primary{background:var(--accent);color:#fff;box-shadow:0 12px 28px -12px var(--accent-glow)}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero .btn-primary:hover{background:var(--accent-d);color:#fff;transform:translateY(-3px)}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero .btn-dark{background:#fff;color:var(--ink);border:2px solid rgba(20,30,60,.16)}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero .btn-dark:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
/* corner decos */
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero-deco{position:absolute;z-index:1;width:290px;height:auto;top:16px;pointer-events:none;filter:drop-shadow(0 16px 22px rgba(20,30,60,.12))}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero-deco--l{left:14px}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero-deco--r{right:14px}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero-deco svg{width:100%;height:auto;display:block}
@media(max-width:1180px){body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero-deco{width:230px}}
@media(max-width:980px){body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero-deco{display:none}}
@media(max-width:760px){body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero-inner{padding:44px 22px 40px}}

/* ---- TEXTMEDIA: prose + single rounded photo ---- */
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-tm{display:grid;grid-template-columns:1.04fr 1fr;gap:60px;align-items:center;max-width:1180px;margin:0 auto}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-tm--flip .svc-tm-media{order:2}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-tm-img{width:100%;display:block;border-radius:24px;aspect-ratio:4/3;object-fit:cover;box-shadow:0 34px 70px -34px rgba(8,22,55,.32)}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-tm-body .kicker{justify-content:flex-start}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-tm-body .section-title{text-align:left;margin:14px 0 18px;margin-left:0;max-width:none}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-tm-body p{color:var(--grey);font-size:16.5px;line-height:1.75;margin:0 0 15px}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-tm-body p:last-child{margin-bottom:0}
@media(max-width:920px){body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-tm{grid-template-columns:1fr;gap:30px}body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-tm-media,body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-tm--flip .svc-tm-media{order:-1}}

/* ---- STEPS zigzag ---- */
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-steps{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:36px;row-gap:34px;max-width:1000px;margin:48px auto 0}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-step{display:flex;gap:22px;align-items:flex-start}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-step-num{font-size:74px;line-height:.8;font-weight:800;color:var(--accent-num);flex:none;letter-spacing:-.03em}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-step-tx{padding-top:10px}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-step-tx h3{font-size:17px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;margin:0 0 8px}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-step-tx p{color:var(--grey);font-size:15px;line-height:1.62;margin:0;max-width:34ch}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-step--1{grid-column:1;grid-row:1}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-step--2{grid-column:2;grid-row:2}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-step--3{grid-column:1;grid-row:3}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-step--4{grid-column:2;grid-row:4}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-arrow{color:var(--accent);display:flex;align-items:flex-end;justify-content:center}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-arrow-svg{width:118px;height:78px}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-arrow--1{grid-column:2;grid-row:1;align-self:end}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-arrow--2{grid-column:1;grid-row:2;align-self:end;transform:scaleX(-1)}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-arrow--3{grid-column:2;grid-row:3;align-self:end}
@media(max-width:820px){body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-steps{grid-template-columns:1fr;row-gap:24px;max-width:480px}body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-step,body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-step--1,body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-step--2,body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-step--3,body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-step--4{grid-column:1 !important;grid-row:auto !important}body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-arrow{display:none}}

/* ---- ALIVE benefit cards ---- */
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-bcard{padding:30px 28px 28px;border:1px solid #E9EDF4;border-radius:20px;background:#fff;position:relative;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-bcard::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,var(--accent),var(--accent-soft));transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-bcard:hover{transform:translateY(-6px);box-shadow:0 28px 54px -30px rgba(8,30,75,.42);border-color:#D8DEE9}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-bcard:hover::before{transform:scaleX(1)}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-bcard-ic{width:54px;height:54px;border-radius:15px;margin-bottom:18px;background:linear-gradient(135deg,var(--accent),var(--accent-soft)) !important;box-shadow:0 12px 22px -10px var(--accent-glow)}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-bcard-ic svg{width:26px;height:26px;color:#fff !important}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-bcard h3{font-size:18px;font-weight:800;margin-bottom:8px;letter-spacing:-.01em}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-bcard p{font-size:14.5px;color:#5A6678;line-height:1.62}

/* ---- LOGOBAR ---- */
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-logobar{padding:34px 0 14px}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-logobar-cap{text-align:center;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#9AA3B2;margin-bottom:26px}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-logobar-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 30px;max-width:1080px;margin:0 auto}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-logo{display:inline-flex;align-items:center;gap:9px;opacity:.95;transition:opacity .25s,transform .25s}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-logo:hover{opacity:1;transform:translateY(-2px)}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-logo .svc-logo-mark{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;flex:none}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-logo .svc-logo-mark svg{width:100%;height:100%;display:block}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-logo .svc-logo-tx{font-size:14.5px;font-weight:700;color:#5A6678;line-height:1}
@media(max-width:760px){body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-logobar-row{gap:20px 26px;max-width:340px}body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-logo .svc-logo-tx{display:none}body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-logo .svc-logo-mark{width:32px;height:32px}}

/* ---- grid width caps (no stretch) ---- */
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-benefits-grid.svc-bg-4{max-width:980px;margin-left:auto;margin-right:auto}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-benefits-grid.svc-bg-3{max-width:1080px;margin-left:auto;margin-right:auto}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-channels-grid{max-width:1120px;margin-left:auto;margin-right:auto}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-pricing-grid{max-width:1240px;margin-left:auto;margin-right:auto}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-calc-grid{max-width:1240px;margin-left:auto;margin-right:auto}

/* ---- section eyebrow -> accent ---- */
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .ch-eyebrow{color:var(--accent)}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .ch-eyebrow .d{background:var(--accent)}

/* ===== SVC COMMON #2: contain hero canvas (no runaway height) ===== */
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero-net{position:absolute;inset:0;z-index:0;pointer-events:none;width:100%;height:100%}

/* ===== SVC COMMON #3: deco anchor + overhang into block2 + reveal stagger ===== */
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero .container{position:relative}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero-deco{top:auto;bottom:-50px}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero-deco--l{left:-4px;right:auto}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero-deco--r{right:-4px;left:auto}
@media(max-width:1240px){body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero-deco{bottom:-34px}}

/* ===== SVC COMMON #4: hero width = match Meta (1760 card) + min-height ===== */
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero .container{max-width:1760px;padding:0}
body[class*="chu-svc-"]:not(.chu-svc-facebook-ads) .svc-hero-inner{min-height:340px;padding:56px 40px 56px;display:flex;flex-direction:column;justify-content:center}

/* ===== css_about_ed : editorial O mnie (bez zdjecia, fox brand mark) ===== */
.ch-about--editorial .ch-about-ed{display:grid;grid-template-columns:1.12fr .88fr;gap:60px;align-items:center;max-width:1140px;margin:0 auto}
.ch-about--editorial .ch-about-slim{max-width:none;margin:0;text-align:left}
.ch-about--editorial .ch-about-lead{font-size:clamp(19px,2.05vw,24px);font-weight:600;line-height:1.5;color:#16161B;max-width:none;margin:0 0 18px}
.ch-about-mark{justify-self:center;display:flex;align-items:center;justify-content:center}
.ch-about-mark-tile{position:relative;width:300px;height:300px;border-radius:50%;background:var(--cream,#FAF5EF);display:flex;align-items:center;justify-content:center;box-shadow:0 30px 60px -32px rgba(20,20,30,.30)}
.ch-about-mark-tile::before{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(237,28,36,.18)}
.ch-about-mark-tile::after{content:"";position:absolute;inset:22px;border-radius:50%;border:1.5px dashed rgba(237,28,36,.16)}
.ch-about-mark-tile img{position:relative;width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 14px 26px rgba(237,28,36,.20))}
@media(max-width:880px){
  .ch-about--editorial .ch-about-ed{grid-template-columns:1fr;gap:30px;text-align:center}
  .ch-about--editorial .ch-about-slim{text-align:center}
  .ch-about--editorial .ch-about-rule{margin-left:auto;margin-right:auto}
  .ch-about-mark{order:-1}
  .ch-about-mark-tile{width:210px;height:210px}
  .ch-about-mark-tile::after{inset:16px}
  .ch-about-mark-tile img{width:108px;height:108px}
  .ch-about--editorial .ch-about-lead{font-size:18px}
}

/* ===== css_hero_sign : podpis zalozyciela pod hero lead (consolidated 2026-06-10, V1: 38px / +96px) ===== */
.ch-hero-sign{display:flex;flex-direction:column;gap:1px;margin:12px 0 32px !important;transform:translateX(96px)}
.ch-hero-sign-name{font-family:"Alex Brush",cursive !important;font-size:38px;line-height:1.02;color:#15151A}
.ch-hero-sign-role{display:none !important}
@media(max-width:760px){.ch-hero-sign{transform:none}}
@media(max-width:640px){.ch-hero-sign-name{font-size:32px}}

/* ===== css_foot_cols + css_faq_rows : footer 3 kolumny + rowne karty FAQ (2026-06-10) ===== */
.ch-faq-q{min-height:87px}
.ch-foot-cols{grid-template-columns:repeat(3,minmax(0,auto)) !important;max-width:620px !important;gap:8px 56px !important;padding-right:24px}
.ch-foot-col-h{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#15151A;margin-bottom:4px;font-family:'Onest',system-ui,sans-serif}
.ch-foot-col a{text-transform:none !important;letter-spacing:0 !important;font-size:13.5px !important;font-weight:500 !important;color:rgba(21,21,26,.66) !important}
@media(max-width:640px){.ch-foot-cols{grid-template-columns:1fr !important;gap:20px !important}}

/* CH-BTNFLAT (2026-06-11): przyciski bez cienia - czysty, płaski wygląd */
.btn,.btn:hover,.btn-primary,.btn-primary:hover,.btn-dark,.btn-dark:hover,.btn-y,.btn-y:hover,.btn-o,.btn-o:hover,.svc-plan-cta,.svc-plan-cta:hover{box-shadow:none !important}

/* CH-DESLOP (2026-06-11): bez wygenerowanych ozdobników */
.btn::after{display:none !important}
.ch-faq-ic{background:transparent;box-shadow:none;color:#8b8e94;width:26px;height:26px;border-radius:0}
.ch-faq-item.open .ch-faq-ic,.ch-faq-q:hover .ch-faq-ic{color:var(--ink)}
.ch-faq-item:hover{box-shadow:none}
.svc-price-badge{background:transparent !important;border:none !important;padding:0 2px !important;box-shadow:none !important}
.svc-plan-badge{background:var(--ink)}

/* CH-DESLOP2: kickery bez wersalikow poza hero */
.ch-stack-eyebrow,.ch-svf-eyebrow,.ch-svf-stack-l,.ch-latest-card-badge,.ch-foot-col-h,.svc-plan-name{text-transform:none;letter-spacing:.04em}
.svc-hero .kicker{text-transform:uppercase;letter-spacing:.14em}
.ch-hero .ch-eyebrow{text-transform:uppercase;letter-spacing:.16em}

/* CH-DESLOP4: textmedia bez obrazka = sam tekst */
.svc-tm--noimg{display:block;max-width:760px;margin-left:auto;margin-right:auto}
.svc-tm--noimg .svc-tm-body{max-width:none}

/* CH-404-CSS: strona 404 i formularz szukania */
.error404 .ch-page,.error404 main,.error404 #primary{min-height:46vh}
.error404 h1{margin:70px 0 14px}
.search-form{display:flex;gap:10px;max-width:430px;margin:18px 0 90px}
.search-form input[type=search],.search-form .search-field{flex:1;padding:13px 16px;border:1px solid var(--line,#e3e6ea);border-radius:11px;font-size:15px;font-family:inherit;outline:none}
.search-form input[type=search]:focus{border-color:#bfc7cf}
.search-form button,.search-form input[type=submit],.search-form .search-submit{background:var(--ink,#15151A);color:#fff;border:0;border-radius:11px;padding:13px 22px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer}

/* ===== css_svf_art : pastelowe karty uslug z ilustracjami unDraw (2026-06-11) ===== */
.ch-svf-ico .ch-svf-art{width:100%;height:120px;object-fit:contain;margin:0 auto 8px;display:block}
.ch-svf-ico .ch-svf-eyebrow{color:var(--svf-acc)}
.ch-svf-ico .ch-svf-t{color:#15151A}
.ch-svf-ico::after{background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315151A' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h17.5M14.5 5.5L21 12l-6.5 6.5'/%3E%3C/svg%3E")}
.ch-svf--a .ch-svf-ico{background:linear-gradient(165deg,#F0F5FF 0%,#E2ECFF 100%);--svf-acc:#0866FF}
.ch-svf--b .ch-svf-ico{background:linear-gradient(165deg,#FDF1F1 0%,#FDE0E1 100%);--svf-acc:#ED1C24}
.ch-svf--c .ch-svf-ico{background:linear-gradient(165deg,#EFFAF3 0%,#DFF3E7 100%);--svf-acc:#16A34A}
.ch-svf--d .ch-svf-ico{background:linear-gradient(165deg,#F7F0FF 0%,#EDE2FB 100%);--svf-acc:#6D00CC}

/* ===== css_gazeta_vibe START (2026-06-12) — szybki OFF: usun filtr body_class w functions.php (marker: gazeta_vibe_switch); pelny OFF: usun blok do END ===== */
body.gazeta-on::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:2147483000;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='gzn'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23gzn)' opacity='0.6'/%3E%3C/svg%3E")}
.gazeta-on .ch-kin-rot{border-radius:0;clip-path:polygon(1.5% 7%,99% 0%,98.5% 90%,0.5% 99%)}
.gazeta-on .ch-step-img{position:relative}
.gazeta-on .ch-latest-card-badge{border-radius:0!important;background:#ED1C24!important;transform:rotate(-4deg);clip-path:polygon(0% 18%,6% 0%,100% 6%,96% 52%,100% 88%,4% 100%,0% 60%);letter-spacing:.08em}
.gazeta-on .btn-y{border-radius:0;box-shadow:5px 5px 0 rgba(237,28,36,.5)}
.gazeta-on .btn-o{border-radius:0;box-shadow:5px 5px 0 rgba(21,21,26,.22)}
.gazeta-on .ch-latest-card{border-radius:0!important;box-shadow:none!important}
.gazeta-on .ch-latest-card:nth-child(1){clip-path:polygon(0.8% 0.6%,99.6% 0%,100% 99%,0% 99.6%);transform:rotate(-.5deg)}
.gazeta-on .ch-latest-card:nth-child(2){clip-path:polygon(0% 0%,99.2% 1%,99.8% 100%,0.6% 99.2%);transform:rotate(.4deg)}
.gazeta-on .ch-latest-card:nth-child(3){clip-path:polygon(0.4% 1%,100% 0.4%,99.2% 99.6%,0% 100%);transform:rotate(-.3deg)}
.gazeta-on .ch-latest-card-thumb{border-radius:0!important}
.gazeta-on .ch-svf-card{border-radius:0!important}
.gazeta-on .ch-svf--a{clip-path:polygon(0 1.2%,99.4% 0,100% 99%,.6% 100%);transform:rotate(-.4deg)}
.gazeta-on .ch-svf--b{clip-path:polygon(.7% 0,100% .9%,99.3% 100%,0 99.1%);transform:rotate(.35deg)}
.gazeta-on .ch-svf--c{clip-path:polygon(0 .7%,99.1% 0,100% 99.3%,.9% 100%);transform:rotate(-.25deg)}
.gazeta-on .ch-svf--d{clip-path:polygon(.5% 0,100% .6%,99.5% 99.4%,0 100%);transform:rotate(.45deg)}
.gazeta-on .ch-svf-ico,.gazeta-on .ch-svf-art{border-radius:0!important}
.gazeta-on .ch-hero{border-radius:0 !important}
.gazeta-on .ch-hdr-in{border-radius:0 !important}
.gazeta-on .ch-nav a,.gazeta-on .ch-nav .ch-dd-btn{border-radius:0 !important}
.gazeta-on .ch-hdr-cta{border-radius:0 !important;box-shadow:4px 4px 0 rgba(21,21,26,.3) !important}
/* --- wave2: rubryki DZIAL + linie gazetowe --- */
.gz-masthead,.gz-photocap,.gz-impressum,.gz-stamp{display:none !important}
.gazeta-on .ch-eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.14em;font-size:11.5px;font-weight:600;border-radius:0}
.gazeta-on .ch-eyebrow .d{display:none}
.gazeta-on #uslugi-extra .ch-eyebrow::before{content:"Dział 01 - "}
.gazeta-on #katalog .ch-eyebrow::before{content:"Dział 02 - "}
.gazeta-on #uslugi .ch-eyebrow::before{content:"Dział 03 - "}
.gazeta-on #faq .ch-eyebrow::before{content:"Dział 04 - "}
.gazeta-on #kontakt .ch-eyebrow::before{content:"Dział 05 - "}
.gazeta-on .ch-sec-head{position:relative;padding-top:22px}
.gazeta-on .ch-sec-head::before{content:"";position:absolute;top:0;left:0;right:0;height:0;border-top:3px solid #15151A;box-shadow:0 5px 0 -4px #15151A}

@media(max-width:760px){}
/* --- wave2: FAQ wycinki --- */
.gazeta-on .ch-faq-item{border-radius:0}
.gazeta-on .ch-faq-item:nth-child(3n+1){clip-path:polygon(0 3px,calc(100% - 10px) 0,100% calc(100% - 4px),8px 100%,0 calc(100% - 2px));transform:rotate(-.25deg)}
.gazeta-on .ch-faq-item:nth-child(3n+2){clip-path:polygon(6px 0,100% 2px,calc(100% - 6px) 100%,0 calc(100% - 5px));transform:rotate(.3deg)}
.gazeta-on .ch-faq-item:nth-child(3n){clip-path:polygon(0 0,calc(100% - 4px) 4px,100% 100%,4px calc(100% - 2px))}
.gazeta-on .ch-faq-q{border-radius:0}
/* --- wave2: kontakt forma + mapa --- */
.gazeta-on .ch-kontakt-form{border-radius:0;transform:rotate(-.3deg)}
.gazeta-on .ch-kontakt-form input,.gazeta-on .ch-kontakt-form textarea,.gazeta-on .ch-form-field{border-radius:0 !important}
.gazeta-on .ch-kontakt-submit{border-radius:0 !important;box-shadow:5px 5px 0 rgba(168,168,178,.5)}
.gazeta-on .ch-kontakt-map,.gazeta-on .ch-kontakt-map iframe{border-radius:0}
/* --- wave2: ceny jak cena numeru + ramka ogloszenia --- */
.gazeta-on .ch-latest-card-price{background:#15151A;color:#fff;display:inline-block;padding:5px 12px;border-radius:0;transform:rotate(-2deg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;letter-spacing:.02em}
.gazeta-on .ch-latest-card{position:relative}
.gazeta-on .ch-latest-card::before{content:"";position:absolute;inset:7px;border:1px solid rgba(21,21,26,.15);pointer-events:none;z-index:1}
.gazeta-on .ch-latest-grid{counter-reset:ogl}
.gazeta-on .ch-latest-card{counter-increment:ogl}
.gazeta-on .ch-latest-card-body{position:relative}

/* --- wave2: chipy-litery --- */
.gazeta-on .ch-stack-item{border-radius:0}
.gazeta-on .ch-stack-eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.2em}
/* --- wave2: podpisy fotokora --- */
.gazeta-on .gz-photocap{display:block;font-style:italic;font-size:12.5px;line-height:1.45;color:#6b6b75;margin:9px 2px 0}

/* --- wave2: impressum --- */
.gazeta-on .gz-impressum{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:#8a8a93;letter-spacing:.05em;border-top:1px dashed rgba(21,21,26,.2);padding-top:12px;margin-top:8px}

/* --- wave2-fix: forma, FAQ ramki --- */
.gazeta-on .ch-kontakt-form{border-radius:0 !important}
.gazeta-on .ch-kontakt-submit{border-radius:0 !important;box-shadow:5px 5px 0 rgba(168,168,178,.5) !important}
.gazeta-on .ch-faq-item{filter:drop-shadow(3px 4px 0 rgba(21,21,26,.08))}
.gazeta-on .ch-faq-item::before{content:"";position:absolute;inset:6px;border:1px solid rgba(21,21,26,.13);pointer-events:none;z-index:1}
.gazeta-on .ch-faq-item{position:relative}
/* --- wave3: FAQ komiks + rubryki out --- */
.gazeta-on .ch-eyebrow{display:none !important}
.gazeta-on .ch-sec-head{padding-top:30px}
.gazeta-on .ch-faq-sec{background:linear-gradient(180deg,#EDEFF1 0%,#F4F5F7 48%,#FAFBFC 100%)}
.gazeta-on .ch-faq-head{position:relative;padding-top:30px}
.gazeta-on .ch-faq-head::before{content:"";position:absolute;top:0;left:0;right:0;height:0;border-top:3px solid #15151A;box-shadow:0 5px 0 -4px #15151A}
.gazeta-on .ch-faq-head::after{content:"?";position:absolute;top:-30px;right:6%;font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:300px;line-height:1;color:rgba(21,21,26,.055);pointer-events:none;z-index:0}
.gazeta-on .ch-faq-item{border:none;background:#fff;filter:drop-shadow(1.6px 0 0 #15151A) drop-shadow(-1.6px 0 0 #15151A) drop-shadow(0 1.6px 0 #15151A) drop-shadow(0 -1.6px 0 #15151A) drop-shadow(5px 6px 0 rgba(21,21,26,.8));transition:transform .18s ease,filter .18s ease}
.gazeta-on .ch-faq-item::before{display:none}
.gazeta-on .ch-faq-item:hover{transform:translate(-2px,-2px);filter:drop-shadow(1.6px 0 0 #15151A) drop-shadow(-1.6px 0 0 #15151A) drop-shadow(0 1.6px 0 #15151A) drop-shadow(0 -1.6px 0 #15151A) drop-shadow(8px 9px 0 rgba(21,21,26,.8))}
.gazeta-on .ch-faq-item.open{filter:drop-shadow(1.6px 0 0 #15151A) drop-shadow(-1.6px 0 0 #15151A) drop-shadow(0 1.6px 0 #15151A) drop-shadow(0 -1.6px 0 #15151A) drop-shadow(8px 9px 0 rgba(21,21,26,.8))}
.gazeta-on .ch-faq-q{font-weight:700}
.gazeta-on .ch-faq-q::before{content:"Q.";font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:700;color:#ED1C24;font-size:1.22em;line-height:1;flex:0 0 auto;margin-right:2px}

.gazeta-on .ch-faq-ic{border-radius:0 !important;background:#15151A !important;color:#fff !important;border:none !important}
.gazeta-on .ch-faq-item.open .ch-faq-ic,.gazeta-on .ch-faq-q[aria-expanded="true"] .ch-faq-ic{background:#15151A !important;color:#fff !important}
@media(max-width:760px){.gazeta-on .ch-faq-head::after{font-size:170px;top:-10px;right:2%}}
/* --- wave3: foot hero tones --- */
.gazeta-on .ch-foot{background:linear-gradient(180deg,#FAFBFC 0%,#F4F5F7 50%,#EDEFF1 100%) !important}
@media (prefers-reduced-motion:reduce){}
/* --- wave4: komiks hover jezyk --- */
.gazeta-on .ch-svf-card{transition:transform .2s ease,filter .2s ease}
.gazeta-on .ch-svf--a{filter:drop-shadow(4px 5px 0 rgba(8,102,255,.22))}
.gazeta-on .ch-svf--b{filter:drop-shadow(4px 5px 0 rgba(237,28,36,.22))}
.gazeta-on .ch-svf--c{filter:drop-shadow(4px 5px 0 rgba(22,163,74,.22))}
.gazeta-on .ch-svf--d{filter:drop-shadow(4px 5px 0 rgba(109,0,204,.20))}
.gazeta-on .ch-svf--a:hover{transform:translate(-3px,-3px);filter:drop-shadow(8px 9px 0 rgba(8,102,255,.32))}
.gazeta-on .ch-svf--b:hover{transform:translate(-3px,-3px);filter:drop-shadow(8px 9px 0 rgba(237,28,36,.32))}
.gazeta-on .ch-svf--c:hover{transform:translate(-3px,-3px);filter:drop-shadow(8px 9px 0 rgba(22,163,74,.32))}
.gazeta-on .ch-svf--d:hover{transform:translate(-3px,-3px);filter:drop-shadow(8px 9px 0 rgba(109,0,204,.30))}
.gazeta-on .ch-latest-card{filter:drop-shadow(4px 5px 0 rgba(21,21,26,.10));transition:transform .2s ease,filter .2s ease}
.gazeta-on .ch-latest-card:hover{transform:translate(-3px,-3px);box-shadow:none !important;filter:drop-shadow(8px 9px 0 rgba(21,21,26,.16))}
.gazeta-on .ch-step-img{transition:transform .2s ease,filter .2s ease}

.gazeta-on .btn:active,.gazeta-on .ch-kontakt-submit:active,.gazeta-on .ch-hdr-cta:active{transform:translate(2px,2px) !important;box-shadow:none !important;transition:transform .06s ease,box-shadow .06s ease}
/* --- wave4: crop marks na foto --- */
.gazeta-on .ch-step-img{position:relative}
.gazeta-on .ch-step-img::before{content:"";position:absolute;inset:9px;pointer-events:none;z-index:2;background:
linear-gradient(#15151A,#15151A) left 0 top 0/1.5px 13px,
linear-gradient(#15151A,#15151A) left 0 top 0/13px 1.5px,
linear-gradient(#15151A,#15151A) right 0 top 0/1.5px 13px,
linear-gradient(#15151A,#15151A) right 0 top 0/13px 1.5px,
linear-gradient(#15151A,#15151A) left 0 bottom 0/1.5px 13px,
linear-gradient(#15151A,#15151A) left 0 bottom 0/13px 1.5px,
linear-gradient(#15151A,#15151A) right 0 bottom 0/1.5px 13px,
linear-gradient(#15151A,#15151A) right 0 bottom 0/13px 1.5px;
background-repeat:no-repeat}
/* --- wave5-fixes: audyt glownej --- */
.gazeta-on .gz-photocap{display:block !important}
.gazeta-on .gz-impressum{display:block !important}
.gazeta-on .ch-faq-q{gap:12px}
.gazeta-on .ch-faq-q>span:first-of-type{flex:1 1 auto;text-align:left}
.gazeta-on .ch-faq-item.open .ch-faq-ic,.gazeta-on .ch-faq-q[aria-expanded="true"] .ch-faq-ic{transform:rotate(0deg) !important}
.gazeta-on .ch-faq-ic svg{transition:transform .25s ease;transform-origin:50% 50%;transform-box:fill-box}
.gazeta-on .ch-faq-item.open .ch-faq-ic svg,.gazeta-on .ch-faq-q[aria-expanded="true"] .ch-faq-ic svg{transform:rotate(45deg)}
.gazeta-on .ch-latest-card-badge{top:18px !important;left:16px !important}
@media(min-width:1100px){.gazeta-on #kontakt .ch-sec-head::before{left:-218px;right:-218px}}
.gazeta-on .ch-latest-more a,.gazeta-on .ch-latest-more .btn,.gazeta-on a.ch-latest-more,.gazeta-on button.ch-latest-more{border-radius:0 !important;box-shadow:5px 5px 0 rgba(21,21,26,.22) !important}
/* ===== css_gazeta_vibe END ===== */
/* ===== css_gazeta_svc START — газетный слой страниц услуг (зеркало главной) ===== */
/* прямые углы везде */
body.gazeta-on .svc-bcard,body.gazeta-on .svc-plan,body.gazeta-on .svc-tm-img,body.gazeta-on .svc-bcard-ic,body.gazeta-on .svc-hero-art,body.gazeta-on .svc-cta-band,body.gazeta-on .svc-hero-inner,body.gazeta-on .svc-hero .ch-kin-rot,body.gazeta-on .svc-hero-col,body.gazeta-on .svc-hero-net{border-radius:0 !important}
/* benefits карточки: чёрный контур + офсет-тень в цвет услуги + комикс-hover */
body.gazeta-on .svc-bcard{border:1.5px solid #15151A !important;box-shadow:none !important;filter:drop-shadow(4px 5px 0 color-mix(in srgb,var(--accent) 30%,transparent));transition:transform .2s ease,filter .2s ease}
body.gazeta-on .svc-bcard:hover{transform:translate(-3px,-3px);filter:drop-shadow(8px 9px 0 color-mix(in srgb,var(--accent) 42%,transparent))}
/* pricing карточки: то же */
body.gazeta-on .svc-plan{border:1.5px solid #15151A !important;box-shadow:none !important;filter:drop-shadow(5px 6px 0 color-mix(in srgb,var(--accent) 26%,transparent));transition:transform .2s ease,filter .2s ease}
body.gazeta-on .svc-plan:hover{transform:translate(-3px,-3px);filter:drop-shadow(8px 10px 0 color-mix(in srgb,var(--accent) 38%,transparent))}
body.gazeta-on .svc-plan--featured{filter:drop-shadow(6px 7px 0 color-mix(in srgb,var(--accent) 46%,transparent))}
/* фото textmedia: ч/б нуар + crop marks + проявка на hover */
body.gazeta-on .svc-tm-img{filter:grayscale(1) contrast(1.06);box-shadow:none !important;transition:filter .25s ease}
body.gazeta-on .svc-tm-media{position:relative}
body.gazeta-on .svc-tm-media:hover .svc-tm-img{filter:grayscale(1) contrast(1.16) brightness(.96)}
body.gazeta-on .svc-tm-media::before{content:"";position:absolute;inset:9px;pointer-events:none;z-index:2;background:
linear-gradient(#15151A,#15151A) left 0 top 0/1.5px 13px,linear-gradient(#15151A,#15151A) left 0 top 0/13px 1.5px,
linear-gradient(#15151A,#15151A) right 0 top 0/1.5px 13px,linear-gradient(#15151A,#15151A) right 0 top 0/13px 1.5px,
linear-gradient(#15151A,#15151A) left 0 bottom 0/1.5px 13px,linear-gradient(#15151A,#15151A) left 0 bottom 0/13px 1.5px,
linear-gradient(#15151A,#15151A) right 0 bottom 0/1.5px 13px,linear-gradient(#15151A,#15151A) right 0 bottom 0/13px 1.5px;
background-repeat:no-repeat}
/* двойная газетная линейка над заголовком секции */
body.gazeta-on .svc-head{position:relative;padding-top:26px}
body.gazeta-on .svc-head::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(100%,520px);height:0;border-top:3px solid #15151A;box-shadow:0 5px 0 -4px #15151A}
/* чипы logobar прямые */
body.gazeta-on .svc-logobar .svc-logo-mark,body.gazeta-on .svc-logobar .svc-logo{border-radius:0 !important}
/* CTA-band прямой + офсет-тень */
body.gazeta-on .svc-cta-band{filter:drop-shadow(5px 6px 0 color-mix(in srgb,var(--accent) 30%,transparent))}
/* --- css_gazeta_svc_v2: тень фото + острая кнопка hero --- */
body.gazeta-on .svc-hero .btn,body.gazeta-on .svc-hero a.btn-primary{border-radius:0 !important;box-shadow:5px 5px 0 rgba(21,21,26,.28) !important;transition:transform .15s ease,box-shadow .15s ease}
body.gazeta-on .svc-hero .btn:hover{transform:translate(-2px,-2px);box-shadow:7px 8px 0 rgba(21,21,26,.32) !important}
body.gazeta-on .svc-hero .btn:active{transform:translate(2px,2px);box-shadow:none !important}
body.gazeta-on .svc-tm-media{box-shadow:none}
body.gazeta-on .svc-tm-img{filter:grayscale(1) contrast(1.06) drop-shadow(6px 7px 0 color-mix(in srgb,var(--accent) 28%,transparent))}
body.gazeta-on .svc-tm-media:hover .svc-tm-img{filter:grayscale(1) contrast(1.16) brightness(.96) drop-shadow(9px 10px 0 color-mix(in srgb,var(--accent) 38%,transparent))}

/* --- css_gazeta_svc_v3: добить непокрытые блоки (калькулятор, бейджи, кнопки, мягкие тени) --- */
/* калькулятор целиком острый + контур + офсет-тень в цвет услуги */
body.gazeta-on .svc-calc-card,body.gazeta-on .svc-calc-box{border-radius:0 !important;border:1.5px solid #15151A !important;box-shadow:none !important}
body.gazeta-on .svc-calc-card{filter:drop-shadow(6px 7px 0 color-mix(in srgb,var(--accent) 26%,transparent))}
body.gazeta-on .svc-calc-box{filter:drop-shadow(3px 4px 0 color-mix(in srgb,var(--accent) 22%,transparent))}
body.gazeta-on .svc-calc-reco-pill,body.gazeta-on .svc-price-badge,body.gazeta-on .svc-plan-badge{border-radius:0 !important}
/* слайдер-трек калькулятора острый */
body.gazeta-on .svc-calc input[type=range]{border-radius:0}
/* все кнопки на страницах услуг острые + офсет-тень (не только hero) */
body[class*="chu-svc-"].gazeta-on .btn,body[class*="chu-svc-"].gazeta-on a.btn,body[class*="chu-svc-"].gazeta-on button.btn{border-radius:0 !important}
body[class*="chu-svc-"].gazeta-on .btn-primary{box-shadow:5px 5px 0 rgba(21,21,26,.26) !important}
/* иконки-плитки benefits: убрать мягкую тень (плоские) */
body.gazeta-on .svc-bcard-ic{box-shadow:none !important}
/* соцкнопки контакта острые */
body.gazeta-on .ch-soc{border-radius:0 !important}
/* FAQ-item мягкая тень -> чистый газетный (drop-shadow контур уже есть в gazeta_vibe, гасим остаточный box-shadow) */
body.gazeta-on .ch-faq-item{box-shadow:none !important}
/* ===== css_gazeta_svc END ===== */

/* ===== css_hdr_shadow: polosa out, ten przy scrollu ===== */
.ch-hdr .ch-sprog,.ch-hdr-in .ch-sprog{display:none !important}
#ch-hdr .ch-hdr-in{transition:box-shadow .25s ease}
#ch-hdr.scrolled .ch-hdr-in{box-shadow:0 6px 18px -8px rgba(21,21,26,.22)}

/* ===== css_core_fixes: mob menu, sprog, tap, hovers ===== */
.ch-hdr .ch-hdr-in{overflow:visible !important}
.ch-hdr .ch-hdr-in .ch-sprog,.ch-hdr .ch-hdr-in .ch-sprog-bar,.ch-sprog,.ch-sprog-bar{display:none !important}
*{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid #ED1C24;outline-offset:2px}
.ch-nav a:hover,.ch-nav .ch-dd-btn:hover,.ch-nav .ch-dd:hover .ch-dd-btn{color:#ED1C24 !important}
.ch-submenu a:hover{background:rgba(237,28,36,.06) !important}
@media(max-width:1080px){.ch-hdr .ch-nav{z-index:60}}
/* map grayscale noir */
.ch-kontakt-map iframe{filter:grayscale(1) contrast(1.06)}

/* mob nav frame */
@media(max-width:1080px){#ch-hdr.open .ch-nav{border:1.5px solid #15151A;border-top:none;box-shadow:0 14px 28px -14px rgba(21,21,26,.35);background:#fff}}

/* ===== css_noir START ===== */
/* 2. dark dropdown (desktop) */
@media(min-width:1081px){
.gazeta-on .ch-submenu{background:#101014;border:1.5px solid #101014;border-radius:0}
.gazeta-on .ch-submenu a:hover{background:rgba(237,28,36,.32) !important}
.gazeta-on .ch-submenu-tx .t{color:#fff}
}
/* 3. red thread процесса */
.gazeta-on .gz-photocap{min-height:40px}
.gazeta-on .ch-step-meta{position:relative;width:100%;display:flex;align-items:center}
.gazeta-on .ch-step-meta::after{content:"";position:absolute;left:0;right:-40px;top:50%;margin-top:-1px;height:2px;background:#ED1C24;z-index:0}
.gazeta-on .ch-step:last-child .ch-step-meta::after{right:0}
.gazeta-on .ch-step-n{position:relative;z-index:1;background:#fff;padding-right:10px}
.gazeta-on .ch-step-line{display:none}
@media(max-width:760px){.gazeta-on .ch-step-meta::after{right:0}}
/* 4. hover-проявка */

/* 5. рамка полосы (desktop) */
@media(min-width:1081px){
body.gazeta-on::before{content:none}
}
/* 6. hero-цитата = wycinek */
.gazeta-on .ch-hero p.lead{position:relative;background:#fff;padding:24px 30px 34px;transform:rotate(-.4deg);filter:drop-shadow(4px 6px 0 rgba(21,21,26,.12));clip-path:url(#gzRip),96% 100%,90% calc(100% - 4px),83% 100%,76% calc(100% - 5px),68% 100%,60% calc(100% - 4px),52% 100%,44% calc(100% - 5px),36% 100%,28% calc(100% - 4px),20% 100%,12% calc(100% - 5px),5% 100%,0% calc(100% - 6px))}
.gazeta-on .ch-hero p.lead::after{content:"";position:absolute;top:-11px;left:50%;width:96px;height:24px;transform:translateX(-50%) rotate(-2.4deg);background:linear-gradient(180deg,rgba(228,228,233,.6),rgba(240,240,245,.42));pointer-events:none}
.gazeta-on .ch-hero .ch-hero-sign{transform:translate(96px,-78px) !important;margin-bottom:-50px}
@media(max-width:760px){.gazeta-on .ch-hero .ch-hero-sign{transform:translate(0,-70px) !important;margin-bottom:-48px}}
/* ===== css_noir END ===== */
/* icbtn neutral (burger) */
.ch-icbtn{background:#F2F3F5 !important;color:#15151A !important}
.gazeta-on .ch-icbtn{border-radius:0 !important}

/* ===== css_fix13 START ===== */
/* 1 paper visibility */
.gazeta-on .ch-hero p.lead{filter:drop-shadow(5px 7px 0 rgba(21,21,26,.2))}
.gazeta-on .ch-hero p.lead::after{background:linear-gradient(180deg,rgba(196,196,205,.72),rgba(214,214,222,.55));border-left:1px solid rgba(21,21,26,.1);border-right:1px solid rgba(21,21,26,.1)}
/* 2 sign to right corner */
@media(min-width:761px){.gazeta-on .ch-hero .ch-hero-sign{transform:translate(200px,-98px) !important;margin-bottom:-52px !important}}
/* 3 rhythm strip->services */
.gazeta-on #uslugi-extra{padding-top:32px}
/* 4 faq shadows lighter */
.gazeta-on .ch-faq-item{filter:drop-shadow(1.6px 0 0 #15151A) drop-shadow(-1.6px 0 0 #15151A) drop-shadow(0 1.6px 0 #15151A) drop-shadow(0 -1.6px 0 #15151A) drop-shadow(4px 5px 0 rgba(21,21,26,.45))}
.gazeta-on .ch-faq-item:hover{filter:drop-shadow(1.6px 0 0 #15151A) drop-shadow(-1.6px 0 0 #15151A) drop-shadow(0 1.6px 0 #15151A) drop-shadow(0 -1.6px 0 #15151A) drop-shadow(6px 7px 0 rgba(21,21,26,.45))}
.gazeta-on .ch-faq-item.open{filter:drop-shadow(1.6px 0 0 #15151A) drop-shadow(-1.6px 0 0 #15151A) drop-shadow(0 1.6px 0 #15151A) drop-shadow(0 -1.6px 0 #15151A) drop-shadow(6px 7px 0 rgba(21,21,26,.45))}
/* 7 catalog title align */
.gazeta-on .ch-latest-card-title{min-height:50px}
/* 11 desc 3 lines */
.gazeta-on .ch-latest-card-desc{-webkit-line-clamp:3}

/* 9 hero compact */
.gazeta-on .ch-hero{padding-top:56px !important;padding-bottom:50px !important}
/* 13 second wycinek: katalog sub */
.gazeta-on #katalog .ch-sec-head p{position:relative;background:#fff;max-width:600px;margin-left:auto;margin-right:auto;padding:18px 26px 22px;transform:rotate(.35deg);filter:drop-shadow(1.2px 0 0 rgba(21,21,26,.22)) drop-shadow(-1.2px 0 0 rgba(21,21,26,.22)) drop-shadow(0 1.2px 0 rgba(21,21,26,.22)) drop-shadow(0 -1.2px 0 rgba(21,21,26,.22)) drop-shadow(5px 7px 0 rgba(21,21,26,.2));clip-path:url(#gzRip),96% 100%,90% calc(100% - 4px),83% 100%,76% calc(100% - 5px),68% 100%,60% calc(100% - 4px),52% 100%,44% calc(100% - 5px),36% 100%,28% calc(100% - 4px),20% 100%,12% calc(100% - 5px),5% 100%,0% calc(100% - 6px))}
.gazeta-on #katalog .ch-sec-head p::after{content:"";position:absolute;top:-11px;left:50%;width:84px;height:22px;transform:translateX(-50%) rotate(2deg);background:linear-gradient(180deg,rgba(196,196,205,.72),rgba(214,214,222,.55));border-left:1px solid rgba(21,21,26,.1);border-right:1px solid rgba(21,21,26,.1);pointer-events:none}
/* ===== css_fix13 END ===== */
/* gz-foot-note css */
.gz-foot-note{display:none}
.gazeta-on .gz-foot-note{display:block;margin-top:14px;font-size:13.5px;color:#5A5A66;line-height:1.55;max-width:240px}
.gazeta-on .gz-foot-note strong{display:block;color:#15151A;font-weight:700;margin-bottom:2px}
.gazeta-on .gz-foot-note a{color:#ED1C24;font-weight:600;text-decoration:none}
.gazeta-on .gz-foot-note a:hover{text-decoration:underline}
.gazeta-on .gz-foot-note span{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.5px;letter-spacing:.04em;color:#8a8a93;margin-top:8px}

/* css_fix5b */
.gazeta-on .ch-hero p.lead{margin-top:26px}
.gazeta-on .ch-latest-card-thumb{overflow:hidden}
.gazeta-on .ch-latest-card-thumb img{transform:scale(1.16);transform-origin:center}
.gazeta-on .ch-latest-more{margin-top:30px !important;display:block;text-align:center}

/* form crest off + d link purple */
.ch-form-crest{display:none !important}
.ch-svf--d .ch-svf-cta,.ch-svf--d .ch-svf-eyebrow{color:#6D00CC !important}

/* strip litery gazeta (rolled back) */

/* ===== css_mob_fixes ===== */
@media(max-width:760px){
/* svf cards always visible (kill any reveal residue) */
.ch-svf-card{opacity:1 !important;transform:none !important;visibility:visible !important}
/* hero breathing room under fixed header */
.gazeta-on .ch-hero,.ch-hero{margin:0 !important;padding-top:76px !important;padding-bottom:24px !important;padding-left:18px !important;padding-right:18px !important}
.ch-hero .ch-hero-h,.ch-hero h1{margin-top:8px}
/* paper not glued to headline */
.gazeta-on .ch-hero p.lead{margin-top:8px}
/* signature to the right on mobile too */
.gazeta-on .ch-hero .ch-hero-sign{transform:translate(0,-90px) !important;margin-bottom:-40px !important;width:100% !important;max-width:100% !important;box-sizing:border-box;align-items:flex-end;padding-right:34px}
.gazeta-on .ch-hero .ch-hero-sign .ch-hero-sign-name{display:inline-block}
/* kill big gap above hero CTA */
.ch-hero .ch-hero-cta,.ch-hero-actions,.ch-hero .ch-btns{margin-top:22px !important}
}

/* ===== css_gazeta_wc START — магазин под газетный стиль ===== */
/* карточки товаров: острые + чёрный контур + офсет-тень */
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{border:1.5px solid #15151A !important;border-radius:0 !important;background:#fff;box-shadow:5px 6px 0 rgba(21,21,26,.14);transition:transform .2s ease,box-shadow .2s ease;padding:14px 14px 18px}
.woocommerce ul.products li.product:hover{transform:translate(-3px,-3px);box-shadow:9px 10px 0 rgba(21,21,26,.18)}
.woocommerce ul.products li.product img{border-radius:0 !important}
/* кнопки: оранж/цвет -> чёрный газетный, острые, офсет-тень */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce .single_add_to_cart_button{background:#15151A !important;color:#fff !important;border-radius:0 !important;box-shadow:5px 5px 0 rgba(237,28,36,.4) !important;font-weight:700;border:none !important;transition:transform .15s ease,box-shadow .15s ease}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce .single_add_to_cart_button:hover{background:#000 !important;transform:translate(-2px,-2px);box-shadow:7px 8px 0 rgba(237,28,36,.5) !important}
.woocommerce a.button:active,.woocommerce button.button:active{transform:translate(2px,2px);box-shadow:none !important}
/* цены = акцент кроваво-красный, жирно */
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:#ED1C24 !important;font-weight:800;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.woocommerce div.product p.price{font-size:30px}
/* single product галерея/изображение острое */
.woocommerce div.product div.images img,.woocommerce div.product div.images .woocommerce-product-gallery__image{border-radius:0 !important}
.woocommerce div.product div.images{border:1.5px solid #15151A;box-shadow:6px 7px 0 rgba(21,21,26,.12)}
/* сортировка/селекты острые */
.woocommerce .woocommerce-ordering select,.woocommerce select,.woocommerce .quantity .qty{border-radius:0 !important;border:1.5px solid #15151A !important}
/* таблица корзины + чекаут острые */
.woocommerce table.shop_table,.woocommerce table.shop_table td,.woocommerce table.shop_table th,.woocommerce .cart-collaterals .cart_totals,.woocommerce-checkout #payment,.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce #order_review{border-radius:0 !important}
.woocommerce table.shop_table{border:1.5px solid #15151A !important}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:0 !important;border-top-color:#ED1C24 !important}
/* бейдж распродажи острый красный */
.woocommerce span.onsale{border-radius:0 !important;background:#ED1C24 !important;color:#fff}
/* заголовок товара в карточке тёмный */
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-weight:700;color:#15151A}
/* ===== css_gazeta_wc END ===== */
/* ===== css_pg_meta START — strona Meta Ads (chat-meta) ===== */
/* (akcent strony = #ED1C24 ustawiony globalnie/unify - NIE nadpisuję, to nasz kolor) */
/* Czyste karty: OSTRE rogi (газета), BEZ czarnej obwódki, jeden miękki neutralny cień.
   Spójne z analityką (ten sam wzór, prośba Николая 2026-06-13). */

/* HERO: ilustracje flat-vector jak inne usługi — lekki cień, ten sam rozmiar */
body.chu-svc-facebook-ads .svc-hero-deco{filter:drop-shadow(0 9px 16px rgba(20,50,120,.10)) !important;width:290px !important}
@media(max-width:1180px){body.chu-svc-facebook-ads .svc-hero-deco{width:230px !important}}

/* karty + kalkulator: ostre, jasny hairline, miękki NEUTRALNY cień (jeden dla wszystkich) */
body.chu-svc-facebook-ads .svc-bcard,
body.chu-svc-facebook-ads .svc-plan,
body.chu-svc-facebook-ads .svc-calc-box,
body.chu-svc-facebook-ads .svc-calc-card{
  border:1px solid #ECEAE6 !important;
  border-radius:0 !important;
  filter:none !important;
  box-shadow:0 4px 14px rgba(20,20,30,.05) !important;
  transition:box-shadow .25s ease, transform .25s ease !important;
}
body.chu-svc-facebook-ads .svc-bcard:hover,
body.chu-svc-facebook-ads .svc-plan:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 8px 18px rgba(20,20,30,.08) !important;
}
body.chu-svc-facebook-ads .svc-plan--featured{
  border:1px solid var(--accent) !important;
  box-shadow:0 8px 18px rgba(20,20,30,.08) !important;
}
body.chu-svc-facebook-ads .svc-calc-card--hl{
  background:linear-gradient(150deg,#0866FF 0%,#3D8BFF 100%) !important;
  border:0 !important;border-radius:0 !important;
  box-shadow:none !important;
}

/* badge / pill / suwak: ostre, bez czarnej obwódki */
body.chu-svc-facebook-ads .svc-price-badge{border:1px solid #ECEAE6 !important;border-radius:0 !important;background:#fff !important;box-shadow:none !important}
body.chu-svc-facebook-ads .svc-plan-badge{border:0 !important;border-radius:0 !important}
body.chu-svc-facebook-ads .svc-calc-reco-pill{border-radius:0 !important;border:0 !important;box-shadow:none !important}
body.chu-svc-facebook-ads .svc-calc-slider input[type=range]{border-radius:0 !important;height:8px !important;border:0 !important}
body.chu-svc-facebook-ads .svc-calc-slider input[type=range]::-webkit-slider-thumb{border-radius:0 !important;width:18px !important;height:18px !important;background:#0866FF !important;border:0 !important;box-shadow:0 2px 6px rgba(8,102,255,.4) !important}
body.chu-svc-facebook-ads .svc-calc-slider input[type=range]::-moz-range-thumb{border-radius:0 !important;width:16px !important;height:16px !important;background:#0866FF !important;border:0 !important}

/* zdjęcia textmedia: czarno-białe (jak inne usługi), bez crop-marks i twardego ofsetu — miękki cień, ostre */
body.chu-svc-facebook-ads .svc-tm-img{border-radius:0 !important;filter:grayscale(1) !important;box-shadow:0 6px 16px rgba(20,20,30,.10) !important}
body.chu-svc-facebook-ads .svc-tm-media::before{display:none !important}
/* cennik usunięty ze strony -> rekomendacja pakietu w kalkulatorze nie ma sensu */
body.chu-svc-facebook-ads .svc-calc-reco{display:none !important}

/* CTA-band: pełna szerokość, jaskrawa czerwień, wzór fal + duża strzałka, duża typografia */
body.chu-svc-facebook-ads .svc-cta-band{padding:0 !important;box-shadow:none !important;filter:none !important}
body.chu-svc-facebook-ads .svc-cta-band>.container{max-width:none !important;width:100% !important;padding:0 !important}
body.chu-svc-facebook-ads .svc-cta-inner{
  background:var(--accent) !important;color:#fff !important;border-radius:0 !important;box-shadow:none !important;filter:none !important;
  position:relative !important;overflow:hidden !important;
  display:flex !important;align-items:center !important;gap:clamp(20px,4vw,56px) !important;
  padding:clamp(38px,5.5vw,66px) clamp(26px,7vw,108px) !important;
}
body.chu-svc-facebook-ads .svc-cta-waves{position:absolute;left:0;top:0;height:100%;width:48%;pointer-events:none;z-index:0}
body.chu-svc-facebook-ads .svc-cta-arrow{position:relative;z-index:1;flex:0 0 auto;width:clamp(44px,5.4vw,80px);height:clamp(44px,5.4vw,80px)}
body.chu-svc-facebook-ads .svc-cta-arrow svg{width:100%;height:100%;display:block}
body.chu-svc-facebook-ads .svc-cta-tx{position:relative;z-index:1;flex:1 1 auto}
body.chu-svc-facebook-ads .svc-cta-inner h2{font-size:clamp(25px,3.1vw,42px) !important;line-height:1.05 !important;margin:0 !important;font-weight:900 !important;letter-spacing:-.01em !important;color:#fff !important}
body.chu-svc-facebook-ads .svc-cta-inner em{color:#fff !important;text-decoration:underline;text-underline-offset:5px}
body.chu-svc-facebook-ads .svc-cta-btn{position:relative;z-index:1;flex:0 0 auto;background:#15151A !important;color:#fff !important;border:0 !important;border-radius:0 !important;padding:17px 28px !important;font-size:clamp(15px,1.15vw,18px) !important}
body.chu-svc-facebook-ads .svc-cta-btn:hover{background:#000 !important}
@media(max-width:760px){body.chu-svc-facebook-ads .svc-cta-inner{flex-wrap:wrap;gap:18px !important}body.chu-svc-facebook-ads .svc-cta-waves{width:100%;opacity:.5}}
/* contact: убрать красную тень-крест за формой */
body.chu-svc-facebook-ads .ch-form-crest{filter:none !important;box-shadow:none !important}
/* placements: креатив рекламы в наш бренд-красный (#ED1C24) - верный класс .plc-cre */
body.chu-svc-facebook-ads .plc-cre,
body.chu-svc-facebook-ads .plc-creative{background:var(--accent) !important}
/* прогрев-текст под иконкой плейсмента */
body.chu-svc-facebook-ads .svc-plc-desc{font-size:14px;line-height:1.55;color:var(--grey);max-width:320px;margin:8px auto 20px;text-align:center}
/* аватарки-плейсхолдеры: аккуратный нейтральный кружок (не пустой) */
body.chu-svc-facebook-ads .plc-av,
body.chu-svc-facebook-ads .plc-msgad-h .av,
body.chu-svc-facebook-ads .plc-igring b{background:linear-gradient(135deg,#E7E8EC,#CFD2D9) !important}
/* ===== css_pg_meta END ===== */

/* ===== css_pg_auto START — bloki strony automatyzacje (flows + compare + roicalc + notfor) ===== */
/* Bez czarnej obwódki: karty białe trzyma offsetowy cień w kolorze usługi + ostre rogi. */

/* FLOWS — przykładowe wdrożenia A->B->C (2x2) */
.svc-flows{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1000px;margin:0 auto}
.svc-flow{background:#fff;border:0;border-radius:0;padding:22px 22px 20px;filter:drop-shadow(5px 6px 0 color-mix(in srgb,var(--accent) 26%,transparent));transition:transform .2s ease,filter .2s ease}
.svc-flow:hover{transform:translate(-3px,-3px);filter:drop-shadow(8px 10px 0 color-mix(in srgb,var(--accent) 40%,transparent))}
.svc-flow-tag{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);background:#F1EDF9;border-radius:0;padding:4px 10px;margin-bottom:15px}
.svc-flow-chain{display:flex;flex-wrap:wrap;align-items:center;gap:8px 6px;margin-bottom:14px}
.svc-flow-node{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:600;color:#15151A;background:#F1EDF9;border:0;border-radius:0;padding:6px 10px;line-height:1.2}
.svc-flow-node.is-make{background:var(--accent);color:#fff}
.svc-flow-node.is-end{background:#E4D6F7}
.svc-flow-arr{color:var(--accent);font-weight:800;font-size:14px;line-height:1}
.svc-flow-tx{margin:0;font-size:15px;line-height:1.55;color:#3A3A44}
@media(max-width:760px){.svc-flows{grid-template-columns:1fr;gap:16px;max-width:520px}.svc-flow{padding:18px 16px 16px}}

/* COMPARE — Make / n8n / Zapier: tabela (desktop) + karty (mobile) */
.svc-cmp-cards{display:none}
.svc-cmp-wrap{max-width:1000px;margin:0 auto;position:relative;border:0;border-radius:0;filter:drop-shadow(6px 7px 0 color-mix(in srgb,var(--accent) 24%,transparent))}
.svc-cmp{width:100%;border-collapse:collapse;background:#fff;font-size:14.5px}
.svc-cmp th,.svc-cmp td{padding:13px 16px;text-align:left;border-bottom:1px solid rgba(21,21,26,.12);border-right:1px solid rgba(21,21,26,.10);vertical-align:top}
.svc-cmp tr:last-child th,.svc-cmp tr:last-child td{border-bottom:0}
.svc-cmp th:last-child,.svc-cmp td:last-child{border-right:0}
.svc-cmp thead th{background:#15151A;color:#fff;font-weight:700;font-size:14px;border-bottom:0}
.svc-cmp thead th.is-hl{background:var(--accent)}
.svc-cmp .svc-cmp-rowhead{font-weight:700;color:#15151A;background:var(--cream-2,#F6F4F8);width:168px}
.svc-cmp td{color:#3A3A44}
.svc-cmp td.is-hl{background:color-mix(in srgb,var(--accent) 9%,#fff);font-weight:600;color:#15151A}
.svc-cmp-note{max-width:880px;margin:22px auto 0;text-align:center;font-size:15.5px;line-height:1.6;color:#3A3A44}
@media(max-width:760px){
  .svc-cmp-wrap{display:none}
  .svc-cmp-cards{display:grid;gap:16px;max-width:460px;margin:0 auto}
  .svc-cmp-card{background:#fff;border:0;border-radius:0;filter:drop-shadow(5px 6px 0 color-mix(in srgb,var(--accent) 24%,transparent))}
  .svc-cmp-card-h{font-weight:800;font-size:16px;color:#fff;background:#15151A;padding:11px 15px;letter-spacing:.01em}
  .svc-cmp-card.is-hl .svc-cmp-card-h{background:var(--accent)}
  .svc-cmp-card.is-hl .svc-cmp-card-h::after{content:" · najczęściej wybieram";font-weight:600;font-size:11.5px;opacity:.92}
  .svc-cmp-card-row{display:flex;justify-content:space-between;gap:14px;padding:10px 15px;border-top:1px solid rgba(21,21,26,.10)}
  .svc-cmp-card-row .k{font-size:12.5px;font-weight:700;color:#15151A;flex:0 0 38%}
  .svc-cmp-card-row .v{font-size:13.5px;color:#3A3A44;text-align:right}
}

/* NOTFOR — kiedy nie warto (dyskwalifikator) */
.svc-notfor{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1040px;margin:0 auto}
.svc-notfor-card{position:relative;background:#fff;border:0;border-radius:0;padding:22px 22px 20px 56px;filter:drop-shadow(5px 6px 0 color-mix(in srgb,var(--accent) 22%,transparent));transition:transform .2s ease,filter .2s ease}
.svc-notfor-card:hover{transform:translate(-3px,-3px);filter:drop-shadow(8px 10px 0 color-mix(in srgb,var(--accent) 34%,transparent))}
.svc-notfor-x{position:absolute;left:18px;top:21px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;color:#fff;background:var(--accent);line-height:1}
.svc-notfor-card p{margin:0;font-size:15px;line-height:1.55;color:#2A2A33}
.svc-notfor-foot{max-width:780px;margin:26px auto 0;text-align:center;font-size:16.5px;font-weight:600;color:#15151A}
@media(max-width:760px){.svc-notfor{grid-template-columns:1fr;gap:14px;max-width:520px}.svc-notfor-card{padding:18px 16px 16px 52px}}

/* Sciagam czarna obwodke z bialych kart uslugi (gazeta dawala border 1.5px #15151A) i ujednolicam cien na fioletowy */
body.chu-svc-automatyzacje-ai .svc-bcard,
body.chu-svc-automatyzacje-ai .svc-plan,
body.chu-svc-automatyzacje-ai .svc-calc-box,
body.chu-svc-automatyzacje-ai .svc-calc-card{border:0 !important}
body.chu-svc-automatyzacje-ai .svc-calc-card--hl{background:linear-gradient(150deg,var(--accent) 0%,#8B2FE0 100%) !important;box-shadow:none !important;border:0 !important}
/* karty katalogu: cien byl ciemny -> na fioletowy, zeby pasowal do reszty */
body.chu-svc-automatyzacje-ai .ch-latest-card{filter:drop-shadow(5px 6px 0 color-mix(in srgb,var(--accent) 22%,transparent)) !important}
body.chu-svc-automatyzacje-ai .ch-latest-card-thumb{box-shadow:none !important}
body.chu-svc-automatyzacje-ai .ch-soc-ic{border-radius:0 !important}
/* FAQ: zdejmuje czarna komiksowa ramke (spojnie z odczernionymi kartami) -> fioletowy offset */
body.chu-svc-automatyzacje-ai .ch-faq-item,
body.chu-svc-automatyzacje-ai .ch-faq-item:hover,
body.chu-svc-automatyzacje-ai .ch-faq-item.open{filter:drop-shadow(5px 6px 0 color-mix(in srgb,var(--accent) 18%,transparent)) !important;border:0 !important;border-radius:0}
/* ===== css_pg_auto END ===== */

/* css_pg_strony START - strony-www page-specific (realizacje block). Do not merge with base css_svc. */
body.chu-svc-strony-www .svc-rz{max-width:1060px;margin:0 auto;background:#fff;border:1.5px solid var(--ink,#15151A);border-radius:0;box-shadow:9px 9px 0 color-mix(in srgb,var(--accent,#ED1C24) 24%,transparent);padding:24px}
body.chu-svc-strony-www .svc-rz-top{display:grid;grid-template-columns:1.08fr .92fr;gap:26px;align-items:start}
body.chu-svc-strony-www .svc-rz-win{border:1.5px solid var(--ink,#15151A);background:#fff;box-shadow:6px 6px 0 var(--ink,#15151A)}
body.chu-svc-strony-www .svc-rz-bar{display:flex;align-items:center;gap:8px;border-bottom:1.5px solid var(--ink,#15151A);padding:8px 10px}
body.chu-svc-strony-www .svc-rz-bar i{width:9px;height:9px;border:1.5px solid var(--ink,#15151A);display:inline-block}
body.chu-svc-strony-www .svc-rz-bar span{margin-left:6px;font-family:"Onest",system-ui,sans-serif;font-size:12px;color:var(--grey,#585A62)}
body.chu-svc-strony-www .svc-rz-win img{display:block;width:100%;height:auto}
body.chu-svc-strony-www .svc-rz-name{font-family:"Onest",system-ui,sans-serif;font-weight:800;font-size:24px;line-height:1.05;color:var(--ink,#15151A);letter-spacing:-.01em}
body.chu-svc-strony-www .svc-rz-sub{font-size:13.5px;color:var(--grey,#585A62);margin:5px 0 14px}
body.chu-svc-strony-www .svc-rz-desc{font-size:16px;line-height:1.65;color:#26221f;margin:0 0 14px}
body.chu-svc-strony-www .svc-rz-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}
body.chu-svc-strony-www .svc-rz-chip{font-family:"Onest",system-ui,sans-serif;font-size:12.5px;font-weight:600;color:var(--ink,#15151A);background:var(--cream,#F8F6F3);border:1.5px solid var(--ink,#15151A);border-radius:0;padding:5px 10px}
body.chu-svc-strony-www .svc-rz-open{display:inline-block;margin-top:14px;font-family:"Onest",system-ui,sans-serif;font-weight:700;font-size:14px;text-decoration:none;color:#fff;background:var(--accent,#ED1C24);border:1.5px solid var(--ink,#15151A);border-radius:0;padding:9px 16px;box-shadow:3px 3px 0 var(--ink,#15151A)}
body.chu-svc-strony-www .svc-rz-open:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink,#15151A)}
body.chu-svc-strony-www .svc-rz-scoreh{font-family:"Onest",system-ui,sans-serif;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink,#15151A);margin:24px 0 12px;display:flex;align-items:center;gap:10px}
body.chu-svc-strony-www .svc-rz-scoreh::before{content:"";width:18px;height:1.5px;background:var(--accent,#ED1C24)}
body.chu-svc-strony-www .svc-rz-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}
body.chu-svc-strony-www .svc-rz-col-h{font-family:"Onest",system-ui,sans-serif;font-weight:600;font-size:13px;color:var(--grey,#585A62);margin-bottom:10px}
body.chu-svc-strony-www .svc-psi{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
body.chu-svc-strony-www .svc-psi-tile{border:1.5px solid var(--ink,#15151A);border-radius:0;background:#fff;padding:12px 6px 10px;text-align:center;position:relative}
body.chu-svc-strony-www .svc-psi-tile b{display:block;font-family:"Onest",system-ui,sans-serif;font-weight:800;font-size:30px;line-height:1;color:var(--ink,#15151A)}
body.chu-svc-strony-www .svc-psi-tile em{display:block;font-style:normal;font-size:10.5px;letter-spacing:.02em;text-transform:uppercase;color:var(--grey,#585A62);margin-top:6px}
body.chu-svc-strony-www .svc-psi-tile::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--ink,#15151A)}
body.chu-svc-strony-www .svc-psi-tile.g b{color:#137a36}
body.chu-svc-strony-www .svc-psi-tile.g::after{background:#137a36}
body.chu-svc-strony-www .svc-psi-tile.r b{color:var(--accent,#ED1C24)}
body.chu-svc-strony-www .svc-psi-tile.r::after{background:var(--accent,#ED1C24)}
body.chu-svc-strony-www .svc-rz-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;border-top:1.5px solid var(--line,#E8E5DF);padding-top:13px;font-size:13px;color:var(--grey,#585A62)}
body.chu-svc-strony-www .svc-rz-foot a{color:var(--accent,#ED1C24);font-weight:700;text-decoration:none}
@media(max-width:760px){
body.chu-svc-strony-www .svc-rz-top{grid-template-columns:1fr;gap:18px}
body.chu-svc-strony-www .svc-rz-cols{grid-template-columns:1fr;gap:16px}
body.chu-svc-strony-www .svc-rz{padding:16px;box-shadow:6px 6px 0 color-mix(in srgb,var(--accent,#ED1C24) 24%,transparent)}
}
/* rz-mob2x2 */@media(max-width:560px){body.chu-svc-strony-www .svc-psi{grid-template-columns:repeat(2,1fr)}body.chu-svc-strony-www .svc-psi-tile b{font-size:28px}}
/* rz-compare */
body.chu-svc-strony-www .svc-cmp-wrap{max-width:1000px;margin:0 auto;overflow-x:auto}
body.chu-svc-strony-www .svc-cmp{width:100%;border-collapse:collapse;min-width:560px;background:#fff;box-shadow:8px 8px 0 color-mix(in srgb,var(--accent,#ED1C24) 18%,transparent)}
body.chu-svc-strony-www .svc-cmp th,body.chu-svc-strony-www .svc-cmp td{border:1.5px solid var(--ink,#15151A);padding:11px 13px;text-align:left;vertical-align:top;font-size:14.5px;line-height:1.4;color:#26221f}
body.chu-svc-strony-www .svc-cmp thead th{font-family:"Onest",system-ui,sans-serif;font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;background:var(--cream,#F8F6F3);color:var(--ink,#15151A)}
body.chu-svc-strony-www .svc-cmp tbody th.svc-cmp-crit{font-family:"Onest",system-ui,sans-serif;font-weight:700;font-size:13.5px;background:var(--cream,#F8F6F3);color:var(--ink,#15151A);white-space:nowrap}
body.chu-svc-strony-www .svc-cmp .svc-cmp-me{background:color-mix(in srgb,var(--accent,#ED1C24) 7%,#fff)}
body.chu-svc-strony-www .svc-cmp thead th.svc-cmp-me{background:var(--accent,#ED1C24);color:#fff}
body.chu-svc-strony-www .svc-cmp td.svc-cmp-me{font-weight:600;color:var(--ink,#15151A)}
@media(max-width:560px){body.chu-svc-strony-www .svc-cmp{min-width:0}body.chu-svc-strony-www .svc-cmp th,body.chu-svc-strony-www .svc-cmp td{padding:8px 9px;font-size:12.5px}}

/* rz-sweep */body.chu-svc-strony-www .section-title em,body.chu-svc-strony-www .lead em,body.chu-svc-strony-www em{border-radius:0}body.chu-svc-strony-www .ch-kontakt-form{box-shadow:7px 7px 0 color-mix(in srgb,var(--accent,#ED1C24) 20%,transparent)}
/* rz-noborder - bez czarnej obwódki białych bloków (Mikołaj 2026-06-13); cienie w kolor bloku */
body.chu-svc-strony-www .svc-rz{border:none}
body.chu-svc-strony-www .svc-rz-win{border:1px solid var(--line,#E8E5DF);box-shadow:7px 7px 0 color-mix(in srgb,var(--accent,#ED1C24) 22%,transparent)}
body.chu-svc-strony-www .svc-rz-bar{border-bottom:1px solid var(--line,#E8E5DF)}
body.chu-svc-strony-www .svc-rz-bar i{border:none;background:var(--line,#E8E5DF)}
body.chu-svc-strony-www .svc-rz-chip{border:1px solid var(--line,#E8E5DF)}
body.chu-svc-strony-www .svc-rz-open{border:none;box-shadow:3px 3px 0 var(--accent-d,#C2141B)}
body.chu-svc-strony-www .svc-psi-tile{border:1px solid var(--line,#E8E5DF)}
body.chu-svc-strony-www .svc-cmp th,body.chu-svc-strony-www .svc-cmp td{border:none;border-bottom:1px solid var(--line,#E8E5DF)}
body.chu-svc-strony-www .svc-cmp thead th{border-bottom:2px solid var(--accent,#ED1C24)}
body.chu-svc-strony-www .svc-bcard{border:none !important}
body.chu-svc-strony-www .svc-plan{border:none !important}

/* rz-nb2 */body.chu-svc-strony-www .svc-cmp-wrap{border:none!important}
/* rz-sh - cienie w kolor bloku */body.chu-svc-strony-www .ch-faq-item{box-shadow:5px 5px 0 color-mix(in srgb,var(--accent,#ED1C24) 26%,transparent)!important}body.chu-svc-strony-www .ch-kontakt-submit{box-shadow:4px 4px 0 rgba(21,21,26,.30)!important}body.chu-svc-strony-www .svc-hero-deco,body.chu-svc-strony-www .svc-hero-deco--l,body.chu-svc-strony-www .svc-hero-deco--r{filter:drop-shadow(0 8px 12px rgba(21,21,26,.10))!important}
/* rz-soft - miekkie neutralne cienie zamiast czerwonych offsetow */body.chu-svc-strony-www .svc-rz,body.chu-svc-strony-www .svc-cmp,body.chu-svc-strony-www .ch-faq-item,body.chu-svc-strony-www .svc-rz-win{box-shadow:0 6px 22px rgba(22,22,35,.08)!important}body.chu-svc-strony-www .svc-bcard,body.chu-svc-strony-www .svc-plan,body.chu-svc-strony-www .svc-tm-img{filter:drop-shadow(0 7px 14px rgba(22,22,35,.10))!important}
/* rz-v2 - premium realizacje: laptop + PageSpeed rings, clean (Mikolaj 2026-06-13) */
body.chu-svc-strony-www .svc-rzx{max-width:680px;margin:0 auto;text-align:center}
body.chu-svc-strony-www .svc-lap{max-width:520px;margin:0 auto;filter:drop-shadow(0 22px 34px rgba(20,20,40,.22))}
body.chu-svc-strony-www .svc-lap-screen{background:#15151A;border-radius:15px 15px 4px 4px;padding:12px 12px 0;position:relative}
body.chu-svc-strony-www .svc-lap-cam{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:#3a3a40}
body.chu-svc-strony-www .svc-lap-screen img{display:block;width:100%;height:auto;border-radius:3px 3px 0 0}
body.chu-svc-strony-www .svc-lap-deck{height:15px;margin:0 -30px;background:#d8d8dc;border-radius:0 0 13px 13px;position:relative}
body.chu-svc-strony-www .svc-lap-deck::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100px;height:7px;background:#c1c1c6;border-radius:0 0 8px 8px}
body.chu-svc-strony-www .svc-rzx-cap{margin-top:32px}
body.chu-svc-strony-www .svc-rzx-name{font-family:"Onest",system-ui,sans-serif;font-size:22px;font-weight:700;color:var(--ink,#15151A);letter-spacing:-.01em}
body.chu-svc-strony-www .svc-rzx-sub{font-size:14.5px;line-height:1.6;color:var(--grey,#585A62);margin:7px auto 0;max-width:460px}
body.chu-svc-strony-www .svc-rzx-scores{display:flex;justify-content:center;gap:46px;flex-wrap:wrap;margin-top:30px}
body.chu-svc-strony-www .svc-rzx-grp-h{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--grey,#585A62);margin-bottom:14px}
body.chu-svc-strony-www .svc-rzx-grp-h.is-mobile{color:var(--accent,#ED1C24)}
body.chu-svc-strony-www .svc-rings{display:flex;gap:10px;justify-content:center}
body.chu-svc-strony-www .svc-ring{width:62px}
body.chu-svc-strony-www .svc-ring svg{display:block;margin:0 auto}
body.chu-svc-strony-www .svc-ring-l{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.02em;color:var(--grey,#585A62);margin-top:4px;line-height:1.2}
body.chu-svc-strony-www .svc-rzx-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:26px}
body.chu-svc-strony-www .svc-rzx-chip{font-family:"Onest",system-ui,sans-serif;font-size:12.5px;color:#3a3a40;background:#fff;padding:6px 13px;border-radius:999px}
body.chu-svc-strony-www .svc-rzx-links{margin-top:22px;display:flex;gap:18px;justify-content:center;align-items:center;flex-wrap:wrap}
body.chu-svc-strony-www .svc-rzx-links a{font-size:13.5px;font-weight:700;text-decoration:none;color:var(--accent,#ED1C24)}
body.chu-svc-strony-www .svc-rzx-links a.is-strong{color:var(--ink,#15151A)}
body.chu-svc-strony-www .svc-rzx-note{font-size:12px;color:#9a988f;margin-top:12px}
@media(max-width:560px){
body.chu-svc-strony-www .svc-rzx-scores{gap:24px}
body.chu-svc-strony-www .svc-ring{width:58px}
body.chu-svc-strony-www .svc-lap-deck{margin:0 -16px}
}
/* rz-v2-end */

/* rz-cases - grid dodatkowych realizacji (clean cards, soft shadow) */
body.chu-svc-strony-www .svc-cases-h{text-align:center;font-family:"Onest",system-ui,sans-serif;font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--grey,#585A62);margin:50px 0 20px}
body.chu-svc-strony-www .svc-cases{max-width:920px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}
body.chu-svc-strony-www .svc-case{display:block;text-decoration:none;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 22px rgba(22,22,35,.08);transition:transform .2s ease,box-shadow .2s ease}
body.chu-svc-strony-www .svc-case:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(22,22,35,.14)}
body.chu-svc-strony-www .svc-case-shot{display:block;aspect-ratio:16/10;overflow:hidden;background:#f0eee9}
body.chu-svc-strony-www .svc-case-shot img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
body.chu-svc-strony-www .svc-case-meta{display:block;padding:15px 17px 2px}
body.chu-svc-strony-www .svc-case-name{display:block;font-family:"Onest",system-ui,sans-serif;font-weight:700;font-size:16px;color:var(--ink,#15151A)}
body.chu-svc-strony-www .svc-case-desc{display:block;font-size:13px;line-height:1.4;color:var(--grey,#585A62);margin-top:3px}
body.chu-svc-strony-www .svc-case-open{display:inline-block;margin:9px 17px 16px;font-family:"Onest",system-ui,sans-serif;font-weight:700;font-size:13px;color:var(--accent,#ED1C24)}
@media(max-width:560px){body.chu-svc-strony-www .svc-cases{grid-template-columns:1fr;gap:16px}}
/* rz-cases-end */

/* rz-list - lista realizacji na mac-mokapach (bez PageSpeed - inne plany) */
body.chu-svc-strony-www .svc-rzcases{max-width:1000px;margin:44px auto 0;display:flex;flex-direction:column;gap:52px}
body.chu-svc-strony-www .svc-rzcase{display:flex;align-items:center;gap:46px}
body.chu-svc-strony-www .svc-rzcase:nth-child(even){flex-direction:row-reverse}
body.chu-svc-strony-www .svc-rzcase-mac{flex:1 1 56%;min-width:0}
body.chu-svc-strony-www .svc-rzcase-info{flex:1 1 44%;min-width:0}
body.chu-svc-strony-www .svc-rzcase-name{font-family:"Onest",system-ui,sans-serif;font-weight:700;font-size:21px;color:var(--ink,#15151A);letter-spacing:-.01em}
body.chu-svc-strony-www .svc-rzcase-desc{font-size:14.5px;line-height:1.6;color:var(--grey,#585A62);margin:9px 0 0}
body.chu-svc-strony-www .svc-rzcase-link{display:inline-block;margin-top:16px;font-family:"Onest",system-ui,sans-serif;font-weight:700;font-size:14px;color:var(--accent,#ED1C24);text-decoration:none}
body.chu-svc-strony-www .svc-rzcase-link:hover{text-decoration:underline}
body.chu-svc-strony-www .svc-mac{filter:drop-shadow(0 18px 30px rgba(20,20,40,.20))}
body.chu-svc-strony-www .svc-mac-screen{background:#15151A;border-radius:14px 14px 4px 4px;padding:10px 10px 0;position:relative}
body.chu-svc-strony-www .svc-mac-cam{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:6px;height:6px;border-radius:50%;background:#3a3a40}
body.chu-svc-strony-www .svc-mac-screen img{display:block;width:100%;height:auto;border-radius:3px 3px 0 0}
body.chu-svc-strony-www .svc-mac-deck{height:14px;margin:0 -22px;background:#d8d8dc;border-radius:0 0 12px 12px;position:relative}
body.chu-svc-strony-www .svc-mac-deck::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:90px;height:7px;background:#c1c1c6;border-radius:0 0 8px 8px}
@media(max-width:760px){
body.chu-svc-strony-www .svc-rzcase,body.chu-svc-strony-www .svc-rzcase:nth-child(even){flex-direction:column;gap:18px;text-align:center}
body.chu-svc-strony-www .svc-rzcases{gap:40px}
}
/* rz-list-end */

/* rz-yellow - strony-www w zoltym (jak sun group); ciemny tekst na zoltym, brak zoltego tekstu na bialym */
body.chu-svc-strony-www{
	--accent:#FFC400; --accent-d:#E0A400; --accent-soft:#FFD23E; --accent-2:#FFE491;
	--accent-pale:#FFF8E0; --accent-pale2:#FFFBF0; --accent-dot:rgba(255,196,0,.20);
	--accent-num:#FFE491; --accent-glow:rgba(255,196,0,.5);
	--yellow:#FFC400; --yellow-d:#E0A400; --yellow-lt:#FFE491; --yellow-bg:#FFF8E0;
	--purple:#FFC400; --purple-d:#E0A400; --purple-lt:#FFE491; --purple-bg:#FFF8E0;
	--coral:#FFB000; --blue:#FFC400; --blue-lt:#FFF8E0;
}
/* tekst akcentowy -> ciemny (zolty na bialym = nieczytelny) */
body.chu-svc-strony-www .kicker{color:var(--ink,#15151A)}
body.chu-svc-strony-www .section-title em,
body.chu-svc-strony-www .display em,
body.chu-svc-strony-www .svc-hero em,
body.chu-svc-strony-www h1 em, body.chu-svc-strony-www h2 em{color:var(--ink,#15151A) !important}
body.chu-svc-strony-www .svc-rzx-links a,
body.chu-svc-strony-www .svc-rzx-links a.is-strong,
body.chu-svc-strony-www .svc-rzcase-link,
body.chu-svc-strony-www .svc-rzx-grp-h.is-mobile,
body.chu-svc-strony-www .svc-rz-foot a{color:var(--ink,#15151A) !important}
/* zolte TLO -> ciemny tekst */
body.chu-svc-strony-www .display em,
body.chu-svc-strony-www .svc-hero em,
body.chu-svc-strony-www .svc-cmp thead th.svc-cmp-me{color:var(--ink,#15151A) !important}
body.chu-svc-strony-www .svc-cmp thead th.svc-cmp-me{background:#FFC400}
/* rz-yellow-end */

/* rz-yellow2 */body.chu-svc-strony-www .svc-step-num{color:#8A6800}
/* rz-yellow3 */body.chu-svc-strony-www .svc-step-num,body.chu-svc-strony-www .svc-steps .svc-step-num{color:#8A6800 !important;-webkit-text-fill-color:#8A6800 !important;opacity:1 !important}
/* css_pg_strony END */



/* ch-svf-b-yellow START - karta strony-www zolta jak landing (prosba Mikolaja 2026-06-14) */
.ch-svf--b{--accent:#FFC400}
.ch-svf--b .ch-svf-eyebrow{color:#8A6800}
/* ch-svf-b-yellow END */

/* ch-svf-cta-yellow START - panel zolty + link plain zolty tekst (jak inne karty, bez podkreslenia) */
.ch-svf--b .ch-svf-ico{background-image:linear-gradient(165deg,#FFF9E6 0%,#FFEFC0 100%) !important}
.ch-svf--b .ch-svf-cta{background:transparent !important;border:0 !important;box-shadow:none !important;color:#E0A400 !important;text-decoration:none !important}
.ch-svf--b .ch-svf-cta svg,.ch-svf--b .ch-svf-cta path,.ch-svf--b .ch-svf-cta line,.ch-svf--b .ch-svf-cta polyline{stroke:#E0A400 !important;color:#E0A400 !important}
.ch-svf--b li::before,.ch-svf--b .ch-svf-list li::before{background:#E0A400 !important}
/* ch-svf-cta-yellow END */

/* ===== css_unify_svc START — jednolita czerwono-czarna baza stron uslug + maly znak uslugi (chat-2026-06-14-unify) ===== */
body.chu-svc{--accent:#ED1C24!important;--accent-d:#C2141B!important;--yellow:#ED1C24!important;--yellow-d:#C2141B!important;--yellow-lt:#F6A9AB!important;--yellow-bg:#FDE7E8!important;--purple:#ED1C24!important;--purple-d:#C2141B!important;--purple-lt:#F6A9AB!important;--purple-bg:#FDE7E8!important;--purple-deep:#15151A!important;--coral:#ED1C24!important;--blue:#ED1C24!important;--blue-lt:#FCE4E5!important;--green:#ED1C24!important;--green-d:#C2141B!important;--teal:#ED1C24!important;--cream:#F8F6F3!important;--cream-2:#F1EFEA!important}
body.chu-svc .svc-hero{background:transparent!important;color:#15151A!important}
body.chu-svc .svc-hero-inner{background:linear-gradient(180deg,#EDEFF1 0%,#F4F5F7 48%,#FAFBFC 84%,#FFFFFF 100%)!important;border:1px solid rgba(20,20,30,.07)!important}
body.chu-svc .svc-hero-inner::before{display:none!important}
body[class*="chu-svc-"] .svc-hero .display em{background:#ED1C24!important;background-image:none!important;color:#fff!important;animation:none!important;border-radius:0!important;padding:2px 16px!important;-webkit-background-clip:border-box!important;background-clip:border-box!important}
body.chu-svc .svc-hero .kicker{color:#585A62!important}
body.chu-svc .svc-hero .btn-primary{background:#15151A!important;color:#fff!important}
body.chu-svc .svc-hero .btn-primary:hover{background:#000!important;color:#fff!important}
body.chu-svc .svc-hero-deco{filter:drop-shadow(0 14px 22px rgba(20,20,30,.12))!important}
body.chu-svc .svc-bcard-ic,body.chu-svc .svc-bcard-ic[class*="svc-ic-c"]{background:linear-gradient(135deg,#ED1C24,#ED1C24)!important}
body.chu-svc .svc-bcard-ic svg{color:#fff!important}
body.chu-svc .svc-bcard::before{background:linear-gradient(90deg,#ED1C24,#ED1C24)!important}
body.chu-svc .svc-calc-card--hl,body.chu-svc .svc-calc-card.svc-calc-card--hl{background:linear-gradient(150deg,#ED1C24 0%,#ED1C24 100%)!important}
body.chu-svc .svc-calc-num{color:#ED1C24!important}
body.chu-svc .svc-calc-slider input[type=range]{background:linear-gradient(90deg,#ED1C24,#ED1C24)!important}
body.chu-svc .svc-calc-slider input[type=range]::-webkit-slider-thumb{background:#15151A!important}
body.chu-svc .svc-calc-slider input[type=range]::-moz-range-thumb{background:#15151A!important}
body.chu-svc .svc-step-num{color:#F6A9AB!important;border-color:#F6A9AB!important}
body.chu-svc-strony-www .svc-steps .svc-step .svc-step-num,body.chu-svc-strony-www .svc-step .svc-step-num{color:#F6A9AB!important;border-color:#F6A9AB!important;-webkit-text-stroke-color:#F6A9AB!important}
body.chu-svc .svc-method-ic{background:#FDE7E8!important;color:#ED1C24!important}
body.chu-svc .svc-flow-node.is-make,body.chu-svc .svc-flow-node.is-ai,body.chu-svc .svc-flow-node.is-end{background:#ED1C24!important;color:#fff!important;border-color:#ED1C24!important}
body.chu-svc .svc-cmp-me,body.chu-svc th.svc-cmp-me,body.chu-svc .svc-cmp thead th.svc-cmp-me{background:#ED1C24!important;color:#fff!important}
body.chu-svc ::selection{background:#ED1C24!important;color:#fff!important}
body.chu-svc .fc-form input:focus,body.chu-svc .fc-form textarea:focus{border-color:#ED1C24!important;box-shadow:0 0 0 3px rgba(237,28,36,.14)!important}












/* karty uslug -> gazetowe wycinki jak na glownej (.ch-svf-card): ostre, clip-path, lekki obrot, miekki cien, bez ramki */
body.chu-svc .svc-bcard,body.chu-svc .svc-plan{border:0!important;border-radius:0!important;box-shadow:rgba(20,20,30,.16) 0 12px 30px -14px!important}
body.chu-svc .svc-bcard:nth-child(4n+1),body.chu-svc .svc-plan:nth-child(4n+1){clip-path:polygon(0 1.2%,99.4% 0,100% 99%,.6% 100%)!important;transform:rotate(-.4deg)}
body.chu-svc .svc-bcard:nth-child(4n+2),body.chu-svc .svc-plan:nth-child(4n+2){clip-path:polygon(.7% 0,100% .9%,99.3% 100%,0 99.1%)!important;transform:rotate(.35deg)}
body.chu-svc .svc-bcard:nth-child(4n+3),body.chu-svc .svc-plan:nth-child(4n+3){clip-path:polygon(0 .7%,99.1% 0,100% 99.3%,.9% 100%)!important;transform:rotate(-.25deg)}
body.chu-svc .svc-bcard:nth-child(4n+4),body.chu-svc .svc-plan:nth-child(4n+4){clip-path:polygon(.5% 0,100% .6%,99.5% 99.4%,0 100%)!important;transform:rotate(.45deg)}
body.chu-svc .svc-bcard:hover,body.chu-svc .svc-plan:hover{transform:translateY(-4px)!important;box-shadow:rgba(20,20,30,.22) 0 18px 40px -14px!important}
/* breadcrumb off (jak na glownej) + hero typografia/szerokosc 1:1 z .ch-hero */
body.chu-svc .svc-breadcrumb{display:none!important}
body.chu-svc .svc-hero-col{max-width:1120px!important}
body.chu-svc .svc-hero .display{font-size:clamp(44px,4.8vw,92px)!important;font-weight:600!important;letter-spacing:-.03em!important;line-height:1.04!important}
body.chu-svc .svc-hero .lead{max-width:720px!important;font-size:19px!important}
@media(max-width:760px){body.chu-svc .svc-hero-col{max-width:100%!important}body.chu-svc .svc-hero .display{font-size:34px!important;line-height:1.08!important}body.chu-svc .svc-hero .lead{font-size:15px!important}}
body.chu-svc .svc-hero .kicker .dot,body.chu-svc .ch-eyebrow .d,body.chu-svc .ch-eyebrow .dot{background:#ED1C24!important}
@media(max-width:760px){body.chu-svc .svc-bcard,body.chu-svc .svc-plan{transform:none!important}}
/* ===== css_unify_svc END ===== */

/* ch_deco_mobile START (chat-main 2026-06-14) pokaz 2 deko-klastry in-flow obok siebie na <=1040px (byly display:none) */
@media(max-width:1040px){
  .gazeta-on .ch-hero, .ch-hero{padding-bottom:88px !important;}
  .ch-stack{display:block !important;position:relative !important;padding-top:94px !important;}
  .ch-corner-deco{position:absolute !important;top:0 !important;transform:translateY(-50%) !important;bottom:auto !important;display:block !important;height:auto !important;margin:0 !important;z-index:5;filter:drop-shadow(0 6px 9px rgba(20,20,30,.15)) !important;}
  .ch-corner-deco--l{left:6px !important;right:auto !important;margin-right:0 !important;width:clamp(120px,40vw,156px) !important;}
  .ch-corner-deco--r{right:6px !important;left:auto !important;margin-left:0 !important;width:clamp(138px,46vw,182px) !important;}
}
@media(min-width:1041px){
  .ch-corner-deco{width:336px !important;}
  .ch-corner-deco--l{top:-172px !important;}
  .ch-corner-deco--r{width:420px !important; top:-213px !important;}
}
/* ch_deco_mobile END */

/* css_strip_bold START - logobar/strip podpisy jednolicie bold (prosba Nikolaja) */
.ch-stack-item{font-weight:600!important}
/* css_strip_bold END */

/* css_strony_chip START - realizacje chips ostre (gazeta, nie pill) */
body.chu-svc-strony-www .svc-rzx-chip{border-radius:0!important}
/* css_strony_chip END */

/* ===== css_pg_metaflow START ===== */
body.chu-svc-facebook-ads .svc-mflow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1000px;margin:0 auto}
body.chu-svc-facebook-ads .svc-mflow-card{padding:30px 28px 26px}
body.chu-svc-facebook-ads .svc-mflow-num{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:34px;font-weight:800;line-height:1;color:#ED1C24;margin-bottom:12px}
body.chu-svc-facebook-ads .svc-mflow-card h3{font-size:19px;margin:0 0 8px;line-height:1.25}
body.chu-svc-facebook-ads .svc-mflow-card p{margin:0;color:var(--grey,#585A62);font-size:15px;line-height:1.6}
@media(max-width:760px){body.chu-svc-facebook-ads .svc-mflow{grid-template-columns:1fr;gap:16px}}
/* ===== css_pg_metaflow END ===== */

/* ===== css_pg_incl START ===== */
body.chu-svc-facebook-ads .svc-incl{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
body.chu-svc-facebook-ads .svc-incl-row{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border:1px solid #ECEAE6;border-radius:0;padding:20px 26px}
body.chu-svc-facebook-ads .svc-incl-tx{font-size:15px;line-height:1.55;color:var(--grey,#585A62)}
body.chu-svc-facebook-ads .svc-incl-tx strong{color:#15151A;font-weight:700}
body.chu-svc-facebook-ads .svc-incl-price{flex-shrink:0;text-align:right;line-height:1.25;min-width:130px}
body.chu-svc-facebook-ads .svc-incl-old{display:block;font-size:14px;color:#9a9a9a;text-decoration:line-through}
body.chu-svc-facebook-ads .svc-incl-new{display:block;font-size:18px;font-weight:800;color:#ED1C24;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
@media(max-width:760px){body.chu-svc-facebook-ads .svc-incl-row{flex-direction:column;align-items:flex-start;gap:8px}body.chu-svc-facebook-ads .svc-incl-price{text-align:left;min-width:0}}
/* ===== css_pg_incl END ===== */

/* ===== css_pg_seo START ===== */
body.chu-svc-facebook-ads .svc-seo-wrap{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;max-width:1100px;margin:0 auto;text-align:left;align-items:start}
body.chu-svc-facebook-ads .svc-seo-toc{position:sticky;top:96px;border:1px solid #ECEAE6;background:#fff;padding:20px 22px}
body.chu-svc-facebook-ads .svc-seo-toc-h{font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#15151A;margin-bottom:12px}
body.chu-svc-facebook-ads .svc-seo-toc ul{list-style:none;margin:0;padding:0}
body.chu-svc-facebook-ads .svc-seo-toc li{margin:0 0 9px}
body.chu-svc-facebook-ads .svc-seo-toc a{color:#585A62;text-decoration:none;font-size:14px;line-height:1.4;border-left:2px solid transparent;padding-left:10px;display:block}
body.chu-svc-facebook-ads .svc-seo-toc a:hover{color:#ED1C24;border-left-color:#ED1C24}
body.chu-svc-facebook-ads .svc-seo-h{font-size:24px;line-height:1.22;margin:36px 0 12px;scroll-margin-top:92px}
body.chu-svc-facebook-ads .svc-seo-h:first-child{margin-top:0}
body.chu-svc-facebook-ads .svc-seo-body p{font-size:16px;line-height:1.75;color:#3a3a42;margin:0 0 14px}
@media(max-width:900px){body.chu-svc-facebook-ads .svc-seo-wrap{grid-template-columns:1fr;gap:22px}body.chu-svc-facebook-ads .svc-seo-toc{position:static}}
/* ===== css_pg_seo END ===== */

/* ===== css_pg_placements START ===== */
body.chu-svc-facebook-ads .svc-plc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;max-width:1000px;margin:0 auto}
body.chu-svc-facebook-ads .svc-plc-card{text-align:center}
body.chu-svc-facebook-ads .svc-plc-logo{width:44px;height:44px;margin:0 auto 10px}
body.chu-svc-facebook-ads .svc-plc-logo svg{width:100%;height:100%;display:block}
body.chu-svc-facebook-ads .svc-plc-name{font-weight:800;font-size:16px;margin-bottom:16px;color:#15151A}
body.chu-svc-facebook-ads .svc-plc-mock{border:1px solid #E8E5DF;background:#fff;text-align:left;max-width:300px;margin:0 auto;overflow:hidden;box-shadow:0 10px 26px -16px rgba(20,20,30,.2)}
body.chu-svc-facebook-ads .svc-plc-bar{height:30px;background:#15151A}
body.chu-svc-facebook-ads .svc-plc-bar.is-fb{background:#1877F2}
body.chu-svc-facebook-ads .svc-plc-bar.is-ig{background:linear-gradient(90deg,#feda75,#d62976,#4f5bd5)}
body.chu-svc-facebook-ads .svc-plc-bar.is-msg{background:linear-gradient(90deg,#00B2FF,#006AFF)}
body.chu-svc-facebook-ads .svc-plc-ad{padding:14px}
body.chu-svc-facebook-ads .svc-plc-ad-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}
body.chu-svc-facebook-ads .svc-plc-av{width:30px;height:30px;border-radius:50%;background:#E8E5DF;flex:none}
body.chu-svc-facebook-ads .svc-plc-meta{display:flex;flex-direction:column;line-height:1.25}
body.chu-svc-facebook-ads .svc-plc-meta b{font-size:13px;color:#15151A}
body.chu-svc-facebook-ads .svc-plc-meta i{font-size:11px;color:#9a9a9a;font-style:normal}
body.chu-svc-facebook-ads .svc-plc-ad-media{height:118px;background:#F1EFEA;margin-bottom:10px}
body.chu-svc-facebook-ads .svc-plc-ad-cta{background:#15151A;color:#fff;font-size:12px;font-weight:700;text-align:center;padding:9px;margin-bottom:10px}
body.chu-svc-facebook-ads .svc-plc-ad-react{display:flex;gap:12px}
body.chu-svc-facebook-ads .svc-plc-ad-react span{width:34px;height:8px;background:#ECEAE6;display:block}
body.chu-svc-facebook-ads .svc-plc-note{text-align:center;margin:32px auto 0;max-width:640px;color:var(--grey,#585A62);font-size:15px}
@media(max-width:760px){body.chu-svc-facebook-ads .svc-plc{grid-template-columns:1fr;gap:26px}}
/* ===== css_pg_placements END ===== */

/* ===== css_mob_svc START — мобильные фиксы страниц услуг (chat-2026-06-15-mob) ===== */
@media (max-width:760px){
  /* HERO: серая карточка во всю ширину уходит под плавающее меню (как на главной), без белой полосы сверху */
  body.chu-svc .svc-hero{ padding:0 !important; margin:0 !important; }
  body.chu-svc .svc-hero .container{ max-width:none !important; padding:0 !important; }
  body.chu-svc .svc-hero-inner{ margin:0 !important; min-height:auto !important; padding:82px 18px 34px !important; border-radius:0 !important; }

  /* СЕТКИ услуг: мультиколонки -> одна колонка на телефоне */
  body.chu-svc .svc-intro-grid,
  body.chu-svc .svc-tm,
  body.chu-svc .svc-steps,
  body.chu-svc .svc-calc-grid,
  body.chu-svc .svc-pricing-grid--2,
  body.chu-svc .svc-pricing-grid--3,
  body.chu-svc .svc-pillars-grid,
  body.chu-svc .svc-seg-grid,
  body.chu-svc .svc-channels-grid,
  body.chu-svc .svc-frow,
  body.chu-svc .svc-method-grid,
  body.chu-svc .svc-photos-grid,
  body.chu-svc .svc-bg-4,
  body.chu-svc .svc-flows,
  body.chu-svc .svc-notfor,
  body.chu-svc .svc-rz-top,
  body.chu-svc .svc-rz-cols,
  body.chu-svc .svc-cases,
  body.chu-svc .svc-benefits-grid,
  body.chu-svc .svc-related-grid{ grid-template-columns:1fr !important; }

  /* перестраховка от горизонтального скролла */
  body.chu-svc img,
  body.chu-svc .svc-tm-img,
  body.chu-svc .svc-hero-media-frame{ max-width:100% !important; height:auto; }
}
@media (max-width:420px){
  body.chu-svc .svc-calc-metrics{ grid-template-columns:1fr !important; }
}
/* ===== css_mob_svc END ===== */

/* ===== css_pg_placements_v2 START — реальные device-мокапы (chat-2026-06-15-mob) ===== */
body.chu-svc-facebook-ads .plc-ph{width:240px;margin:0 auto;background:#0e0e12;border-radius:34px!important;padding:7px;box-shadow:0 26px 54px -22px rgba(20,20,30,.5)}
body.chu-svc-facebook-ads .plc-scr{position:relative;background:#fff;border-radius:28px!important;overflow:hidden;height:452px;display:flex;flex-direction:column;text-align:left;font-family:'Onest',system-ui,sans-serif;font-size:11px;line-height:1.32;color:#15151A}
body.chu-svc-facebook-ads .plc-scr *{box-sizing:border-box}
body.chu-svc-facebook-ads .plc-sb{display:flex;justify-content:space-between;align-items:center;padding:8px 15px 4px;font-size:10px;font-weight:800}
body.chu-svc-facebook-ads .plc-sb .dots{display:flex;gap:3px}
body.chu-svc-facebook-ads .plc-sb .dots i{width:4px;height:4px;border-radius:50%;background:#15151A;display:block}
body.chu-svc-facebook-ads .plc-i{width:16px;height:16px;display:inline-block;vertical-align:middle}
body.chu-svc-facebook-ads .plc-av{border-radius:50%;flex:none;background:linear-gradient(135deg,#c9ccd3,#e9ebef)}
body.chu-svc-facebook-ads .plc-row{display:flex;align-items:center;gap:9px;padding:7px 13px}
body.chu-svc-facebook-ads .plc-row .nm{font-weight:800;font-size:11.5px}
body.chu-svc-facebook-ads .plc-row .sn{color:#8a8d96;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
body.chu-svc-facebook-ads .plc-row .tm{margin-left:auto;color:#a9acb4;font-size:9.5px;flex:none}
body.chu-svc-facebook-ads .plc-spons{font-size:9px;letter-spacing:.02em;color:#9a9da6;font-weight:600}
body.chu-svc-facebook-ads .plc-mhead{display:flex;align-items:center;gap:8px;padding:6px 13px 8px}
body.chu-svc-facebook-ads .plc-mhead .lg{width:24px;height:24px}
body.chu-svc-facebook-ads .plc-mhead .lg svg{width:100%;height:100%;display:block}
body.chu-svc-facebook-ads .plc-mhead .ti{font-weight:800;font-size:17px;letter-spacing:-.02em}
body.chu-svc-facebook-ads .plc-mhead .sp{margin-left:auto;display:flex;gap:7px}
body.chu-svc-facebook-ads .plc-mhead .sp i{width:20px;height:20px;border-radius:50%;background:#eceef2;display:block}
body.chu-svc-facebook-ads .plc-search{margin:0 13px 6px;background:#eef0f3;border-radius:16px;padding:7px 12px;color:#9a9da6;font-size:11px}
body.chu-svc-facebook-ads .plc-stor{display:flex;gap:11px;padding:5px 13px 9px;overflow:hidden}
body.chu-svc-facebook-ads .plc-stor span{width:42px;height:42px;border-radius:50%;flex:none;background:linear-gradient(135deg,#0084ff,#a033ff 60%,#ff5280)}
body.chu-svc-facebook-ads .plc-stor span:first-child{background:#eef0f3}
body.chu-svc-facebook-ads .plc-unread{background:#eaf3ff}
body.chu-svc-facebook-ads .plc-unread .sn{color:#1c5fd6;font-weight:600}
body.chu-svc-facebook-ads .plc-dot{width:8px;height:8px;border-radius:50%;background:#0a7cff;margin-left:auto;flex:none}
body.chu-svc-facebook-ads .plc-nav{margin-top:auto;display:flex;justify-content:space-around;align-items:center;padding:9px 0 12px;border-top:1px solid #eceef0}
body.chu-svc-facebook-ads .plc-nav i{width:22px;height:22px;color:#b6b9c0}
body.chu-svc-facebook-ads .plc-nav i.on{color:#0a7cff}
body.chu-svc-facebook-ads .plc-fhead{display:flex;align-items:center;padding:8px 13px}
body.chu-svc-facebook-ads .plc-fhead .wm{font-weight:800;font-size:18px;color:#0866ff;letter-spacing:-.03em}
body.chu-svc-facebook-ads .plc-fhead .sp{margin-left:auto;display:flex;gap:7px}
body.chu-svc-facebook-ads .plc-fhead .sp i{width:22px;height:22px;border-radius:50%;background:#eceef2;display:block}
body.chu-svc-facebook-ads .plc-post-h{display:flex;align-items:center;gap:9px;padding:9px 13px 6px}
body.chu-svc-facebook-ads .plc-ptxt{padding:0 13px 8px;font-size:11px}
body.chu-svc-facebook-ads .plc-creative{position:relative;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:linear-gradient(140deg,#9B0E12,#c0282c);color:#fff;text-align:center;padding:0 16px}
body.chu-svc-facebook-ads .plc-creative b{font-size:16px;font-weight:800;letter-spacing:-.02em;line-height:1.12}
body.chu-svc-facebook-ads .plc-creative span{font-size:10px;opacity:.92}
body.chu-svc-facebook-ads .plc-adfoot{display:flex;align-items:center;gap:8px;background:#f0f2f5;padding:8px 12px}
body.chu-svc-facebook-ads .plc-adfoot .col{min-width:0}
body.chu-svc-facebook-ads .plc-adfoot .dm{font-size:8.5px;letter-spacing:.06em;color:#8a8d96;text-transform:uppercase;display:block}
body.chu-svc-facebook-ads .plc-adfoot .hl{font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
body.chu-svc-facebook-ads .plc-adfoot .btn{margin-left:auto;flex:none;background:#e4e6eb;color:#15151A;font-weight:800;font-size:10px;padding:7px 10px;border-radius:7px}
body.chu-svc-facebook-ads .plc-react{display:flex;align-items:center;gap:5px;padding:7px 13px;border-top:1px solid #eef0f2;color:#8a8d96;font-size:10px}
body.chu-svc-facebook-ads .plc-react .em{display:flex}
body.chu-svc-facebook-ads .plc-react .em b{width:15px;height:15px;border-radius:50%;display:block;margin-left:-3px;border:1.5px solid #fff}
body.chu-svc-facebook-ads .plc-react .l1{background:#0a7cff}
body.chu-svc-facebook-ads .plc-react .l2{background:#f0264a}
body.chu-svc-facebook-ads .plc-react .rt{margin-left:auto}
body.chu-svc-facebook-ads .plc-acts{display:flex;justify-content:space-around;padding:6px 0;border-top:1px solid #eef0f2;color:#65676b;font-size:10.5px;font-weight:700}
body.chu-svc-facebook-ads .plc-acts span{display:flex;align-items:center;gap:5px}
body.chu-svc-facebook-ads .plc-acts i{width:15px;height:15px}
body.chu-svc-facebook-ads .plc-ighead{display:flex;align-items:center;padding:8px 13px}
body.chu-svc-facebook-ads .plc-ighead .wm{font-weight:800;font-size:16px;font-style:italic;letter-spacing:-.01em}
body.chu-svc-facebook-ads .plc-ighead .sp{margin-left:auto;display:flex;gap:9px}
body.chu-svc-facebook-ads .plc-ighead .sp i{width:18px;height:18px;color:#15151A}
body.chu-svc-facebook-ads .plc-igph{display:flex;align-items:center;gap:8px;padding:7px 11px}
body.chu-svc-facebook-ads .plc-igring{width:30px;height:30px;border-radius:50%;flex:none;padding:2px;background:conic-gradient(from 30deg,#feda75,#fa7e1e,#d62976,#962fbf,#feda75)}
body.chu-svc-facebook-ads .plc-igring b{display:block;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#c9ccd3,#e9ebef);border:2px solid #fff}
body.chu-svc-facebook-ads .plc-igmedia{position:relative;height:188px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;text-align:center;padding:0 18px;background:linear-gradient(150deg,#f5a623,#d62976 55%,#962fbf)}
body.chu-svc-facebook-ads .plc-igmedia b{font-size:17px;font-weight:800;letter-spacing:-.02em}
body.chu-svc-facebook-ads .plc-igmedia span{font-size:10.5px;opacity:.95}
body.chu-svc-facebook-ads .plc-igmedia .chip{margin-top:4px;background:rgba(255,255,255,.95);color:#15151A;font-weight:800;font-size:10px;padding:6px 12px;border-radius:30px}
body.chu-svc-facebook-ads .plc-igacts{display:flex;align-items:center;gap:13px;padding:9px 13px 4px}
body.chu-svc-facebook-ads .plc-igacts i{width:21px;height:21px;color:#15151A}
body.chu-svc-facebook-ads .plc-igacts .bk{margin-left:auto}
body.chu-svc-facebook-ads .plc-iglk{padding:1px 13px;font-weight:800;font-size:11px}
body.chu-svc-facebook-ads .plc-igcap{padding:3px 13px;font-size:11px}
body.chu-svc-facebook-ads .plc-igcap b{font-weight:800}
body.chu-svc-facebook-ads .plc-igcm{padding:2px 13px;color:#9a9da6;font-size:10.5px}
/* ===== css_pg_placements_v2 END ===== */


/* ===== css_pg_placements_v3 START — Messenger ad card (chat-2026-06-15-mob) ===== */
body.chu-svc-facebook-ads .plc-msgad{margin:7px 11px 2px;border:1px solid #e6e8ec;border-radius:14px;overflow:hidden}
body.chu-svc-facebook-ads .plc-msgad .plc-creative{border-radius:0}
/* ===== css_pg_placements_v3 END ===== */


/* ===== css_pg_placements_v4 START — realna anatomia reklam ( research 2026-06-15) ===== */
body.chu-svc-facebook-ads .plc-post-h .plc-more,body.chu-svc-facebook-ads .plc-igph .plc-more{margin-left:auto;color:#9a9da6}
body.chu-svc-facebook-ads .plc-cre{position:relative;height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(140deg,#9B0E12,#c0282c);color:#fff;text-align:center;padding:16px;overflow:hidden}
body.chu-svc-facebook-ads .plc-cre .eye{position:absolute;top:10px;left:13px;font-size:8px;font-weight:800;letter-spacing:.16em;opacity:.85}
body.chu-svc-facebook-ads .plc-cre .chart{width:110px;height:55px}
body.chu-svc-facebook-ads .plc-cre .big{font-size:15px;font-weight:800;letter-spacing:-.01em}
body.chu-svc-facebook-ads .plc-cre-sq{height:178px}
body.chu-svc-facebook-ads .plc-cre-sm{height:86px;padding:8px;gap:0}
body.chu-svc-facebook-ads .plc-cre-sm .chart{width:98px;height:46px}
body.chu-svc-facebook-ads .plc-lcard{display:flex;align-items:center;gap:8px;background:#f0f2f5;padding:9px 12px}
body.chu-svc-facebook-ads .plc-lcard .col{min-width:0;display:flex;flex-direction:column;gap:1px}
body.chu-svc-facebook-ads .plc-lcard .dm{font-size:8.5px;letter-spacing:.05em;color:#8a8d96;text-transform:uppercase}
body.chu-svc-facebook-ads .plc-lcard .hl{font-size:12px;font-weight:800;color:#15151A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.chu-svc-facebook-ads .plc-lcard .ds{font-size:9.5px;color:#8a8d96;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.chu-svc-facebook-ads .plc-cta{margin-left:auto;flex:none;background:#e4e6eb;color:#15151A;font-weight:800;font-size:10px;padding:8px 11px;border-radius:7px;white-space:nowrap}
body.chu-svc-facebook-ads .plc-igcta{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;font-size:12px;font-weight:700;color:#1c6ee0;border-bottom:1px solid #f1f1f3}
body.chu-svc-facebook-ads .plc-igcta span{font-size:16px;line-height:1}
body.chu-svc-facebook-ads .plc-msgad-h{display:flex;align-items:center;gap:8px;padding:9px 11px 6px}
body.chu-svc-facebook-ads .plc-msgad-h .av{width:26px;height:26px;border-radius:50%;flex:none;background:linear-gradient(135deg,#c9ccd3,#e9ebef)}
body.chu-svc-facebook-ads .plc-msgad-h .nm{font-size:11px;font-weight:800;display:block}
body.chu-svc-facebook-ads .plc-msgad-h .sp{font-size:9px;color:#9a9da6;font-weight:600;display:block}
body.chu-svc-facebook-ads .plc-msgad-b{display:flex;align-items:center;gap:8px;padding:8px 11px}
body.chu-svc-facebook-ads .plc-msgad-b .hl{font-size:11.5px;font-weight:800;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.chu-svc-facebook-ads .plc-msgad-b .cta{margin-left:auto;flex:none;background:#0a7cff;color:#fff;font-weight:800;font-size:10px;padding:7px 10px;border-radius:7px;white-space:nowrap}
body.chu-svc-facebook-ads .plc-msgad-d{padding:0 11px 9px;font-size:9px;color:#aab0b8}
/* ===== css_pg_placements_v4 END ===== */



/* css_svf_redgray START (2026-06-15 v6) - BIALE tlo sekcji (szare usuniete), karta z wyrazna ramka + cien na bialym */
#uslugi-extra{position:relative!important;z-index:2!important}
.ch-svf-card,.ch-svf-card:nth-child(4n+1),.ch-svf-card:nth-child(4n+2),.ch-svf-card:nth-child(4n+3),.ch-svf-card:nth-child(4n+4){clip-path:none!important;-webkit-clip-path:none!important;transform:none!important;filter:drop-shadow(rgba(21,21,26,.16) 1px 0 0) drop-shadow(rgba(21,21,26,.16) -1px 0 0) drop-shadow(rgba(21,21,26,.16) 0 1px 0) drop-shadow(rgba(21,21,26,.16) 0 -1px 0) drop-shadow(rgba(21,21,26,.2) 6px 8px 0)!important}
.ch-svf-card:hover{transform:translateY(-4px)!important;filter:drop-shadow(rgba(21,21,26,.16) 1px 0 0) drop-shadow(rgba(21,21,26,.16) -1px 0 0) drop-shadow(rgba(21,21,26,.16) 0 1px 0) drop-shadow(rgba(21,21,26,.16) 0 -1px 0) drop-shadow(rgba(21,21,26,.22) 9px 11px 0)!important}

@media(min-width:1041px){.ch-svf-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:1140px!important;gap:28px!important;overflow:visible!important}}
.ch-svf-card{position:relative!important;z-index:1!important;background:#fff!important;border:none!important;border-radius:4px!important;box-shadow:none!important;overflow:visible!important;transition:transform .22s,box-shadow .22s!important}
.ch-svf-card:hover{transform:translateY(-6px)!important;box-shadow:none!important}
.ch-svf-art{display:none!important}
.ch-svf--a .ch-svf-ico,.ch-svf--b .ch-svf-ico,.ch-svf--c .ch-svf-ico,.ch-svf--d .ch-svf-ico{background:transparent!important;background-image:none!important}
.ch-svf-ico{position:relative!important;display:block!important;padding:22px 24px 16px!important;border-bottom:1px solid #ECE8E1!important;box-shadow:none!important}
.ch-svf-ico::after{display:none!important}
.ch-svf-ico::before{content:""!important;display:block!important;position:static!important;width:54px!important;height:54px!important;border-radius:13px!important;background-color:#ED1C24!important;background-repeat:no-repeat!important;background-position:center!important;background-size:30px 30px!important;margin:0 0 16px 0!important;font-size:0!important;color:transparent!important}
.ch-svf--a .ch-svf-ico::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%23fff%27%3E%3Cpath%20d%3D%27M3%209.5A1.5%201.5%200%200%201%204.5%208H9l7-4v16l-7-4H4.5A1.5%201.5%200%200%201%203%2014.5z%27%2F%3E%3Cpath%20d%3D%27M6.8%2016H9.5l1%204.6H7.8z%27%2F%3E%3Cpath%20d%3D%27M18.4%209.1a3.6%203.6%200%200%201%200%205.8%27%20stroke%3D%27%23fff%27%20stroke-width%3D%271.9%27%20fill%3D%27none%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E")!important}
.ch-svf--b .ch-svf-ico::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%23fff%27%3E%3Crect%20x%3D%273%27%20y%3D%274.5%27%20width%3D%2718%27%20height%3D%2715%27%20rx%3D%272.6%27%2F%3E%3Ccircle%20cx%3D%276.6%27%20cy%3D%277.6%27%20r%3D%271%27%20fill%3D%27%23ED1C24%27%2F%3E%3Ccircle%20cx%3D%279.7%27%20cy%3D%277.6%27%20r%3D%271%27%20fill%3D%27%23ED1C24%27%2F%3E%3Crect%20x%3D%273%27%20y%3D%279.4%27%20width%3D%2718%27%20height%3D%271.4%27%20fill%3D%27%23ED1C24%27%2F%3E%3C%2Fsvg%3E")!important}
.ch-svf--c .ch-svf-ico::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%23fff%27%3E%3Crect%20x%3D%274%27%20y%3D%2712%27%20width%3D%273.7%27%20height%3D%278%27%20rx%3D%271.2%27%2F%3E%3Crect%20x%3D%2710.15%27%20y%3D%276.5%27%20width%3D%273.7%27%20height%3D%2713.5%27%20rx%3D%271.2%27%2F%3E%3Crect%20x%3D%2716.3%27%20y%3D%279.5%27%20width%3D%273.7%27%20height%3D%2710.5%27%20rx%3D%271.2%27%2F%3E%3C%2Fsvg%3E")!important}
.ch-svf--d .ch-svf-ico::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%23fff%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%273.8%27%20r%3D%271.6%27%2F%3E%3Crect%20x%3D%2711.2%27%20y%3D%274.8%27%20width%3D%271.6%27%20height%3D%273%27%2F%3E%3Crect%20x%3D%274.5%27%20y%3D%277.5%27%20width%3D%2715%27%20height%3D%2711.5%27%20rx%3D%273.4%27%2F%3E%3Ccircle%20cx%3D%279.4%27%20cy%3D%2713%27%20r%3D%271.7%27%20fill%3D%27%23ED1C24%27%2F%3E%3Ccircle%20cx%3D%2714.6%27%20cy%3D%2713%27%20r%3D%271.7%27%20fill%3D%27%23ED1C24%27%2F%3E%3Crect%20x%3D%279.8%27%20y%3D%2716%27%20width%3D%274.4%27%20height%3D%271.5%27%20rx%3D%270.7%27%20fill%3D%27%23ED1C24%27%2F%3E%3C%2Fsvg%3E")!important}
.ch-svf-eyebrow{display:block!important}
.ch-svf-ico .ch-svf-t{color:#15151A!important;margin:2px 0 0!important;min-height:0!important;font-size:20px!important;line-height:1.15!important}
.ch-svf-body{padding:16px 24px 22px!important;flex:0 0 auto!important}
.ch-svf-list{margin:0 0 14px!important;gap:8px!important}
.ch-svf-list li{color:#3a3a40!important;font-size:13.5px!important}
.ch-svf-stack{margin-top:16px!important;padding-top:15px!important;border-top-color:rgba(20,20,30,.09)!important}
.ch-svf-lg{background:transparent!important;border:0!important;padding:0!important}
.ch-svf--a .ch-svf-eyebrow,.ch-svf--b .ch-svf-eyebrow,.ch-svf--c .ch-svf-eyebrow,.ch-svf--d .ch-svf-eyebrow{color:#9A9AA2!important}
.ch-svf--a .ch-svf-cta,.ch-svf--b .ch-svf-cta,.ch-svf--c .ch-svf-cta,.ch-svf--d .ch-svf-cta{color:#ED1C24!important}
.ch-svf--a .ch-svf-list li::before,.ch-svf--b .ch-svf-list li::before,.ch-svf--c .ch-svf-list li::before,.ch-svf--d .ch-svf-list li::before{background:#ED1C24!important}
/* css_svf_redgray END */

/* css_faq_width START - FAQ panel = szerokosc hero, nie full-width (2026-06-15) */
@media(min-width:861px){.gazeta-on .ch-faq-sec{background:#fff!important}
.gazeta-on #faq>.container{background:linear-gradient(180deg,#EDEFF1 0%,#F4F5F7 48%,#FAFBFC 100%)!important;border:1px solid rgba(20,20,30,.07)!important;box-shadow:none!important;padding-top:54px!important;padding-bottom:54px!important}}
/* css_faq_width END */


/* ===== css_tm_unify START — единая обработка textmedia-фото на всех услугах ===== */
html body.chu-svc .svc-tm-img{filter:grayscale(1) contrast(1.05) !important;box-shadow:0 12px 30px -10px rgba(20,20,30,.22) !important;border-radius:0 !important}
html body.chu-svc .svc-tm-media:hover .svc-tm-img{filter:grayscale(1) contrast(1.12) brightness(.98) !important}
html body.chu-svc .svc-tm-media{box-shadow:none !important}
html body.chu-svc .svc-tm-media::before{display:none !important}
/* ===== css_tm_unify END ===== */


/* ===== css_fix_contrast START — calc контраст + убрать беж + чипы портфолио ===== */
html body.chu-svc{--cream:#F5F6F8 !important}
html body.chu-svc .svc-section--soft{background:#fff !important}
html body.chu-svc .svc-cmp-crit{background:#F5F6F8 !important}
html body.chu-svc .svc-calc-card{background:#fff !important;border:1px solid #ECEAE6 !important;filter:none !important;box-shadow:0 12px 28px -16px rgba(20,20,30,.20) !important}
html body.chu-svc .svc-calc-card--hl{background:var(--accent) !important;border:0 !important;box-shadow:none !important}
html body.chu-svc .svc-calc-card--hl .svc-calc-num,
html body.chu-svc .svc-calc-card--hl .svc-calc-lbl{color:#fff !important}
/* портфолио: бейджи не слипаются */
html body.chu-svc .svc-rzx-chips{display:flex !important;flex-wrap:wrap !important;gap:8px !important}
/* ===== css_fix_contrast END ===== */

/* ===== css_fb_round3 START (chat-meta 2026-06-16) ===== */
body.chu-svc-facebook-ads .svc-tm-points{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
body.chu-svc-facebook-ads .svc-tm-points li{display:flex;gap:13px;align-items:flex-start}
body.chu-svc-facebook-ads .svc-tm-pt-ic{flex:0 0 auto;display:flex;width:26px;height:26px;color:#fff;background:var(--accent);border-radius:50%;align-items:center;justify-content:center;margin-top:1px}
body.chu-svc-facebook-ads .svc-tm-pt-ic svg{width:15px;height:15px}
body.chu-svc-facebook-ads .svc-tm-points .svc-tm-pt-tx{color:var(--ink);font-size:16px;line-height:1.55;font-weight:500}
body.chu-svc-facebook-ads .svc-head-cta{margin-top:30px;display:flex;justify-content:center}
body.chu-svc-facebook-ads .svc-hero-stats{justify-content:flex-start;gap:26px 32px;margin-top:34px;flex-wrap:wrap}
body.chu-svc-facebook-ads .svc-hero-stats .hero-stat-num{font-size:30px;color:var(--accent)}
body.chu-svc-facebook-ads .svc-hero-stats .hero-stat-lbl{max-width:148px;line-height:1.35}
body.chu-svc-facebook-ads .svc-hero-stats .hero-stat-sep{width:1px;align-self:stretch;background:rgba(20,20,30,.14);margin:3px 0}
/* ===== css_fb_round3 END ===== */




















/* ===== css_tmpoints_global START (chat-meta 2026-06-16) — punkty checklist + CTA dla WSZYSTKICH stron uslug ===== */
.svc-tm-points{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.svc-tm-points li{display:flex;gap:13px;align-items:flex-start}
.svc-tm-pt-ic{flex:0 0 auto;display:flex;width:26px;height:26px;color:#fff;background:var(--accent);border-radius:50%;align-items:center;justify-content:center;margin-top:1px}
.svc-tm-pt-ic svg{width:15px;height:15px}
.svc-tm-points .svc-tm-pt-tx{color:var(--ink);font-size:16px;line-height:1.55;font-weight:500}
.svc-head-cta{margin-top:30px;display:flex;justify-content:center}
.svc-tm-cta{margin-top:30px}
/* ===== css_tmpoints_global END ===== */

/* ===== css_form_shadow START (chat-meta) — graphitowy cien lead-formy zamiast czerwonego ===== */
body[class*="chu-svc-"] .ch-kontakt-form{box-shadow:rgba(21,21,26,.16) 7px 7px 0 0 !important}
/* ===== css_form_shadow END ===== */


/* ===== css_price_red START (chat-meta) ===== */
.ch-latest-card-price{background:#ED1C24 !important;color:#fff !important}
/* ===== css_price_red END ===== */

/* ===== css_hp_addons START (chat-meta) — blok bolu (z foto) + dlaczego ja na glownej ===== */
.hp-pain{padding:62px 0 30px}
.hp-pain .ch-sec-head{margin-bottom:40px}
.hp-pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1180px;margin:0 auto;align-items:start}
.hp-pain-card{background:#fff;border:1px solid #E8E5DF;border-radius:0;overflow:hidden;display:flex;flex-direction:column}
.hp-pain-img{aspect-ratio:16/10;overflow:hidden;background:#EEF1F5}
.hp-pain-img img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1)}
.hp-pain-body{padding:20px 24px 22px}
.hp-pain-h{display:flex;gap:11px;align-items:center;font-size:19px;font-weight:800;color:#15151A;margin:0 0 10px;line-height:1.25}
.hp-pain-x{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:#FDE7E8;color:#ED1C24;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1}
.hp-pain-body p{margin:0;color:#4a4d55;font-size:16.5px;line-height:1.62}
.hp-pain-foot{text-align:center;max-width:800px;margin:34px auto 0;color:#15151A;font-weight:600;font-size:17px}
.hp-why{padding:62px 0}
.hp-why .ch-sec-head{margin-bottom:34px}
.hp-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1120px;margin:0 auto}
.hp-why-card{background:#fff;border:1px solid #E8E5DF;border-radius:14px;padding:28px 26px}
.hp-why-ic{width:46px;height:46px;border-radius:11px;background:#ED1C24;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.hp-why-ic svg{width:24px;height:24px;color:#fff}
.hp-why-card h3{font-size:18px;font-weight:800;color:#15151A;margin:0 0 8px}
.hp-why-card p{margin:0;color:#585A62;font-size:15px;line-height:1.6}
@media(max-width:860px){.hp-pain-grid,.hp-why-grid{grid-template-columns:1fr}}
/* ===== css_hp_addons END ===== */

/* ===== css_svf_lead START (chat-meta) ===== */
.ch-svf-lead{margin:0;color:#585A62;font-size:15px;line-height:1.62}
/* ===== css_svf_lead END ===== */

/* ===== css_psteps START (chat-meta) — proces zigzag z foto ===== */
.ch-psteps{display:flex;flex-direction:column;gap:56px;max-width:1140px;margin:0 auto}
.ch-pstep{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.ch-pstep:nth-child(even) .ch-pstep-media{order:2}
.ch-pstep-img{border-radius:0;overflow:hidden;aspect-ratio:16/11;box-shadow:0 32px 64px -36px rgba(20,20,30,.28)}
.ch-pstep-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);display:block}
.ch-pstep-cap{margin-top:12px;font-size:13px;font-style:italic;color:#9598a0}
.ch-pstep-n{display:inline-block;font-size:58px;font-weight:800;color:#ED1C24;line-height:1;letter-spacing:-.03em}
.ch-pstep-t{font-size:27px;font-weight:800;color:#15151A;margin:8px 0 14px;letter-spacing:-.01em}
.ch-pstep-d{font-size:17px;line-height:1.7;color:#585A62;max-width:48ch;margin:0}
@media(max-width:820px){.ch-pstep{grid-template-columns:1fr;gap:20px}.ch-pstep:nth-child(even) .ch-pstep-media{order:0}.ch-pstep-n{font-size:46px}.ch-pstep-t{font-size:23px}.ch-pstep-d{font-size:16px}}
/* ===== css_psteps END ===== */


/* ===== css_shop START (chat-meta) — sklep pod nowe zasady ===== */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{border:1px solid #E8E5DF !important;box-shadow:none !important;border-radius:0 !important}
.woocommerce ul.products li.product .button, .woocommerce ul.products li.product a.button{box-shadow:rgba(21,21,26,.16) 6px 6px 0 0 !important}
.woocommerce ul.products li.product .price{color:#ED1C24 !important}
/* ===== css_shop END ===== */




/* ===== css_cmp_fix START (chat-meta) — szary cien + widoczne separatory w czerwonej kolumnie ===== */
.svc-cmp,.svc-cmp-wrap,body[class*="chu-svc-"] .svc-cmp{box-shadow:8px 8px 0 rgba(21,21,26,.12) !important}
.svc-cmp-card{filter:drop-shadow(5px 6px 0 rgba(21,21,26,.14)) !important}
.svc-cmp td.svc-cmp-me,.svc-cmp td.is-hl{border-bottom:1px solid rgba(255,255,255,.28) !important}
.svc-cmp thead th.svc-cmp-me,.svc-cmp thead th.is-hl{border-bottom:1px solid rgba(255,255,255,.4) !important}
.svc-cmp-card.svc-cmp-me,.svc-cmp-card.is-hl{border-color:rgba(255,255,255,.28) !important}
/* ===== css_cmp_fix END ===== */


/* ===== css_prodp START (chat-meta) — strona produktu: bez kremu, bez czerwonych cieni ===== */
.ch-prodp-desc{background:#fff !important}
.ch-prodp-cart{background:#F4F5F7 !important;box-shadow:none !important;border:1px solid #E8E5DF !important}
html body.gazeta-on .woocommerce .single_add_to_cart_button,
html body.gazeta-on .ch-prodp-cart .single_add_to_cart_button,
html body.single-product.gazeta-on .single_add_to_cart_button{box-shadow:5px 5px 0 rgba(21,21,26,.22) !important}
html body.gazeta-on .woocommerce .single_add_to_cart_button:hover,
html body.single-product.gazeta-on .single_add_to_cart_button:hover{box-shadow:7px 7px 0 rgba(21,21,26,.28) !important}
/* ===== css_prodp END ===== */

/* ===== css_svf_align START (chat-meta) — rowne wyrownanie dolu kart uslug (CTA w jednej linii) ===== */
.ch-svf-body{flex:1 1 auto !important;display:flex !important;flex-direction:column !important}
.ch-svf-stack{margin-top:auto !important}
/* ===== css_svf_align END ===== */





/* ===== css_cmp_fix2 START (chat-meta) — lekka tabela, kolumna CH w czerwonej ramce (akcent, nie wypelnienie) ===== */
body[class*="chu-svc-"] .svc-cmp-wrap{filter:none !important}
body[class*="chu-svc-"] .svc-notfor-card{filter:drop-shadow(5px 6px 0 rgba(21,21,26,.12)) !important}
body[class*="chu-svc-"] .svc-notfor-card:hover{filter:drop-shadow(8px 10px 0 rgba(21,21,26,.18)) !important}
/* naglowki: jasne, czyste */
body[class*="chu-svc-"] .svc-cmp thead th{background:#F4F5F7 !important;color:#15151A !important;border-bottom:1px solid #E4E6EA !important;box-shadow:none !important}
/* cialo: konkurenci przygaszeni szary na bialym */
body[class*="chu-svc-"] .svc-cmp tbody td{background:#fff !important;color:#6B7280 !important}
/* kolumna etykiet: ciemna, mocna */
body[class*="chu-svc-"] .svc-cmp tbody th,
body[class*="chu-svc-"] .svc-cmp tbody td:first-child{color:#15151A !important;font-weight:700 !important;background:#fff !important}
/* === kolumna CH: czerwona ramka + czerwony naglowek + mocny ciemny tekst === */
body[class*="chu-svc-"] .svc-cmp thead th.svc-cmp-me,
body[class*="chu-svc-"] .svc-cmp thead th.is-hl{background:#F4F5F7 !important;color:#ED1C24 !important;border-top:2px solid #ED1C24 !important;border-left:2px solid #ED1C24 !important;border-right:2px solid #ED1C24 !important;border-bottom:1px solid #F0D5D6 !important;box-shadow:none !important}
body[class*="chu-svc-"] .svc-cmp tbody td.svc-cmp-me,
body[class*="chu-svc-"] .svc-cmp tbody td.is-hl{background:#fff !important;color:#15151A !important;font-weight:700 !important;border-left:2px solid #ED1C24 !important;border-right:2px solid #ED1C24 !important;border-bottom:1px solid #F1EDED !important}
body[class*="chu-svc-"] .svc-cmp tbody tr:last-child td.svc-cmp-me,
body[class*="chu-svc-"] .svc-cmp tbody tr:last-child td.is-hl{border-bottom:2px solid #ED1C24 !important}
/* mobilna karta CH: jasny naglowek + czerwony tekst + czerwona ramka */
body[class*="chu-svc-"] .svc-cmp-card.is-hl,
body[class*="chu-svc-"] .svc-cmp-card.svc-cmp-me{border:2px solid #ED1C24 !important}
body[class*="chu-svc-"] .svc-cmp-card.is-hl .svc-cmp-card-h,
body[class*="chu-svc-"] .svc-cmp-card.svc-cmp-me .svc-cmp-card-h{background:#F4F5F7 !important;color:#ED1C24 !important;box-shadow:none !important}
/* ===== css_cmp_fix2 END ===== */


/* ===== css_hp_midcta START (chat-meta) ===== */
.hp-midcta{padding:4px 0 44px;background:#fff}
.hp-midcta .container{display:flex;justify-content:center}
.hp-midcta .btn{font-size:16px}
/* ===== css_hp_midcta END ===== */


/* ===== css_stepnum_red START (chat-meta) ===== */
body[class*="chu-svc-"] .svc-step-num,body[class*="chu-svc-"] .svc-steps .svc-step-num{color:#ED1C24 !important;-webkit-text-fill-color:#ED1C24 !important;background:none !important}
/* ===== css_stepnum_red END ===== */


/* ===== css_home_form START (chat-meta) — forma kontaktu na glownej jak na uslugach (grafit offset) ===== */
.contact-section .ch-kontakt-form,body:not([class*="chu-svc-"]) .ch-kontakt-form{box-shadow:rgba(21,21,26,.16) 7px 7px 0 0 !important}
/* ===== css_home_form END ===== */

/* CH-LAP-BAR + CH-TRUST-MEDALS 2026-06-18 */
body.chu-svc-strony-www .svc-lap-bar{display:flex;align-items:center;gap:7px;background:#ECECEF;padding:7px 11px;border-radius:6px 6px 0 0}
body.chu-svc-strony-www .svc-lap-bar .b{width:9px;height:9px;border-radius:50%}
body.chu-svc-strony-www .svc-lap-bar .r{background:#ED6A5E}
body.chu-svc-strony-www .svc-lap-bar .y{background:#F5BF4F}
body.chu-svc-strony-www .svc-lap-bar .g{background:#62C554}
body.chu-svc-strony-www .svc-lap-bar .u{margin-left:8px;flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:#fff;border-radius:6px;font-family:"Onest",system-ui,sans-serif;font-size:11.5px;color:#585A62;padding:4px 10px;white-space:nowrap}
body.chu-svc-strony-www .svc-lap-bar .u svg{width:11px;height:11px;color:#137a36;flex:none}
body.chu-svc-strony-www .svc-lap-screen img{border-radius:0 0 2px 2px !important}
body.chu-svc-strony-www .svc-trust-lbl{text-align:center;font-family:"Onest",system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9a988f;margin:40px 0 16px}
body.chu-svc-strony-www .svc-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:11px}
body.chu-svc-strony-www .svc-trust-it{display:flex;flex-direction:column;align-items:center;gap:7px;background:#fff;border:1px solid #ECEAE3;padding:15px 14px;min-width:112px;box-shadow:5px 5px 0 rgba(20,20,40,.05);transition:transform .15s,box-shadow .15s}
body.chu-svc-strony-www .svc-trust-it:hover{transform:translateY(-3px);box-shadow:7px 9px 0 rgba(237,28,36,.10)}
body.chu-svc-strony-www .svc-trust-it .ic{color:var(--accent,#ED1C24)}
body.chu-svc-strony-www .svc-trust-it .ic svg{width:29px;height:29px;display:block}
body.chu-svc-strony-www .svc-trust-it b{font-family:"Onest",system-ui,sans-serif;font-size:13px;font-weight:700;color:#15151A}
body.chu-svc-strony-www .svc-trust-it i{font-style:normal;font-family:"Onest",system-ui,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.03em;color:#7a786f;text-align:center}
/* CH-LAP-BAR-END */

/* CH-PLC-WOW 2026-06-18 */
body.chu-svc-facebook-ads .svc-plc-card .plc-ph{transition:transform .28s ease, box-shadow .28s ease}
body.chu-svc-facebook-ads .svc-plc-card:hover .plc-ph{transform:translateY(-9px);box-shadow:0 36px 60px -24px rgba(155,14,18,.42)}
body.chu-svc-facebook-ads .cline{transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}
body.chu-svc-facebook-ads .plc-typing{display:inline-flex;gap:4px;align-items:center;margin:2px 11px 6px;padding:8px 12px;background:#EEF0F3;border-radius:14px 14px 14px 4px;width:max-content}
body.chu-svc-facebook-ads .plc-typing b{width:6px;height:6px;border-radius:50%;background:#9aa0a8;display:block;animation:plcTy 1.2s infinite ease-in-out}
body.chu-svc-facebook-ads .plc-typing b:nth-child(2){animation-delay:.18s}
body.chu-svc-facebook-ads .plc-typing b:nth-child(3){animation-delay:.36s}
@keyframes plcTy{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}
/* CH-PLC-WOW-END */

/* CH-TM-IMG-BASE-SHADOW 2026-06-18 - bazowy offset-cien (jak lead-forma) na foto textmedia uslug */
html body.chu-svc .svc-tm-img{box-shadow:7px 7px 0 0 rgba(21,21,26,.16) !important}

/* CH-LANG-SWITCHER */
.ch-lang{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:13px;margin-right:8px}
.ch-lang-i{color:#9a9a9a;text-decoration:none;padding:2px 5px;border-radius:6px;line-height:1}
.ch-lang-i.is-on{color:#15151A}
.ch-lang-i:hover{color:#ED1C24}
.ch-lang-sep{color:#d0d0d0;font-weight:400}

/* ===== CH-MOB-MENU-FIX (2026-06-18) ===== */
@media(max-width:1080px){
  .ch-nav{border:none !important;border-top:1px solid var(--line) !important;box-shadow:0 22px 46px -20px rgba(21,21,26,.30) !important;padding:14px 20px 20px !important;gap:2px !important;border-radius:0 0 18px 18px !important}
  .ch-nav a,.ch-nav .ch-dd-btn{border-radius:10px !important;font-weight:600 !important}
  .ch-nav a:active{background:var(--cream-2)}
  .ch-hdr .ch-burger{position:relative}
  .ch-hdr.open .ch-burger svg{opacity:0}
  .ch-hdr.open .ch-burger::before,.ch-hdr.open .ch-burger::after{content:"";position:absolute;left:50%;top:50%;width:19px;height:2.4px;background:currentColor;border-radius:2px}
  .ch-hdr.open .ch-burger::before{transform:translate(-50%,-50%) rotate(45deg)}
  .ch-hdr.open .ch-burger::after{transform:translate(-50%,-50%) rotate(-45deg)}
  .ch-nav-mob{display:flex !important;flex-direction:column;gap:9px;margin-top:10px;padding-top:14px;border-top:1px solid var(--line)}
  .ch-nav-mob .ch-nav-cta{display:flex;align-items:center;justify-content:center;background:#ED1C24;color:#fff;font-weight:700;padding:13px;border-radius:11px;text-decoration:none;box-shadow:4px 4px 0 0 rgba(21,21,26,.18)}
  .ch-nav-mob .ch-nav-tel{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;color:#15151A;text-decoration:none;padding:8px}
}
.ch-nav-mob{display:none}


/* ===== CH-MOB-MENU-CTA-FIX (2026-06-18) — black btn, white text, active keeps white ===== */
@media(max-width:1080px){
  .ch-nav-mob .ch-nav-cta,
  .ch-nav .ch-nav-mob .ch-nav-cta{background:#15151A !important;color:#fff !important;box-shadow:4px 4px 0 0 rgba(21,21,26,.18) !important}
  .ch-nav-mob .ch-nav-cta:active,
  .ch-nav-mob .ch-nav-cta:hover,
  .ch-nav .ch-nav-mob .ch-nav-cta:active{background:#15151A !important;color:#fff !important}
  .ch-nav-mob .ch-nav-cta:active{transform:translate(2px,2px);box-shadow:none !important}
}

/* ===== CH-MOBILE-POLISH P1 (2026-06-18) ===== */
@media(max-width:1080px){
  .ch-lang{gap:2px;margin-right:4px}
  .ch-lang-i{padding:10px 9px !important;font-size:15px !important;border-radius:8px}
  .ch-burger{width:44px !important;height:44px !important}
}
@media(max-width:600px){
  .ch-foot-col a{padding:9px 0 !important;display:inline-block;line-height:1.2}
  .ch-foot-col-h{font-size:12.5px !important}
  .ch-kontakt-phone a,.ch-kontakt-mail a{padding:6px 0;display:inline-block}
  .ch-foot{padding-bottom:96px}
  .ch-latest-card-thumb{overflow:hidden}
  .ch-latest-card-thumb img{width:100%;height:100%;object-fit:cover}
  .svc-ring-l{font-size:11.5px !important}
}

/* ===== CH-MOBILE-POLISH P2 (2026-06-18) ===== */
@media(max-width:600px){
  .lvx small,.mvx small,.lvx .nn,.mvx .nn,.lvx .old,.mvx .old{font-size:12px !important}
  .lvx-tag,.mvx-tag,.lvx-dh,.mvx-dh,.lvx-ey,.mvx-ey{font-size:11.5px !important}
  .lvx .lab,.mvx .lab,.lvx-tot .lab,.mvx-tot .lab{font-size:11px !important}
  .plc-scr,.plc-ph{overflow:hidden !important}
}

/* ===== CH-SHOP-NODEL (2026-06-18) — убрать зачёркнутые старые цены в магазине ===== */
.woocommerce del,
.price del,
.ch-latest-card-price del,
.ch-prodp del,
.summary del,
del.woocommerce-Price-amount,
.woocommerce-Price-amount.amount del{display:none !important}
.woocommerce ins,
.price ins,
.ch-latest-card-price ins{text-decoration:none !important;background:transparent !important}


/* ===== CH-RU-HERO-GAP (2026-06-18) — без подписи на RU убираем зарезервированный низ карточки лида ===== */
body.chu-ru .ch-hero-col .lead{padding-bottom:24px !important}

/* ===== CH-HERO-LH-FIX (2026-06-18) — многострочная подсветка hero не налазит/не режет буквы ===== */
body[class*="chu-svc-"] .svc-hero .display{line-height:1.16 !important}


/* svf 4-card responsive START */
@media(max-width:1000px){.ch-svf-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ch-svf-grid{grid-template-columns:1fr}}
/* svf 4-card responsive END */


/* ch-svf--g (Google Ads) START */
.ch-svf--g .ch-svf-ico::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2724%27%20height%3D%2724%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27%23fff%27%3E%3Cpath%20d%3D%27M10.5%203a7.5%207.5%200%201%200%204.55%2013.46l4.24%204.25%201.42-1.42-4.25-4.24A7.5%207.5%200%200%200%2010.5%203zm0%202a5.5%205.5%200%201%201%200%2011%205.5%205.5%200%200%201%200-11z%27%2F%3E%3C%2Fsvg%3E")!important}
.ch-svf--g .ch-svf-cta{color:#ED1C24!important}
.ch-svf--g .ch-svf-cta svg,.ch-svf--g .ch-svf-cta path,.ch-svf--g .ch-svf-cta line,.ch-svf--g .ch-svf-cta polyline{stroke:#ED1C24!important;color:#ED1C24!important}
/* ch-svf--g END */

/* ch_ga_5cards: 5 uslug -> flex 3+2 centrowane, adaptyw przez basis/max-width */
.ch-svf-grid{display:flex!important;flex-wrap:wrap;justify-content:center;gap:28px!important;max-width:1140px!important;margin:0 auto}
.ch-svf-grid>.ch-svf-card{flex:1 1 300px;max-width:360px}


/* google-ads: ритм фонов + поджатые отступы START */
body.chu-svc-google-ads .svc-section{padding:58px 0}
/* google-ads rhythm END */


/* ch_ga_design START — стили блоков для /ru/google-analytics/ (scoped) */
/* metaflow: 2-кол сетка нумерованных карточек */
body.chu-svc-google-analytics .svc-mflow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1000px;margin:0 auto}
body.chu-svc-google-analytics .svc-mflow-card{padding:30px 28px 26px}
body.chu-svc-google-analytics .svc-mflow-num{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:34px;font-weight:800;line-height:1;color:#ED1C24;margin-bottom:12px}
body.chu-svc-google-analytics .svc-mflow-card h3{font-size:19px;margin:0 0 8px;line-height:1.25}
body.chu-svc-google-analytics .svc-mflow-card p{margin:0;color:#585A62;font-size:15px;line-height:1.6}

/* inclvalue: рубленый газетный чек-лист */
body.chu-svc-google-analytics .svc-incl{max-width:940px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
body.chu-svc-google-analytics .svc-incl-row{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border:1px solid #ECEAE6;border-radius:0;padding:20px 26px 20px 70px;position:relative;transition:border-color .18s,box-shadow .18s}
body.chu-svc-google-analytics .svc-incl-row{transition:none}
body.chu-svc-google-analytics .svc-incl-row::before{content:"";position:absolute;left:24px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:#ED1C24 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='5 12.5 10 17.5 19 7'/%3E%3C/svg%3E") center/16px 16px no-repeat}
body.chu-svc-google-analytics .svc-incl-tx{font-size:15px;line-height:1.5;color:#585A62}
body.chu-svc-google-analytics .svc-incl-tx strong{color:#15151A;font-weight:800}
body.chu-svc-google-analytics .svc-incl-price{flex-shrink:0;text-align:right}
body.chu-svc-google-analytics .svc-incl-old{display:none}
body.chu-svc-google-analytics .svc-incl-new{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#15151A;padding:6px 12px;border-radius:0;font-family:inherit}

/* benefits-иконки в красных плашках (рубленые) */
body.chu-svc-google-analytics .svc-bcard-ic{width:60px;height:60px;border-radius:0;background:#ED1C24}
body.chu-svc-google-analytics .svc-bcard-ic svg{width:30px;height:30px;color:#fff}

@media(max-width:760px){
 body.chu-svc-google-analytics .svc-mflow{grid-template-columns:1fr;gap:14px}
 body.chu-svc-google-analytics .svc-incl-row{flex-direction:column;align-items:flex-start;gap:10px;padding-left:70px}
}
/* ch_ga_design END */

/* ch_incl_3pages: стили inclvalue (как GA) для landingi/auto/google-ads */
body.chu-svc-automatyzacje-ai .svc-incl-row, body.chu-svc-landingi .svc-incl-row, body.chu-svc-google-ads .svc-incl-row{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border:1px solid #ECEAE6;border-radius:0;padding:20px 26px 20px 70px;position:relative;transition:border-color .18s,box-shadow .18s}
body.chu-svc-automatyzacje-ai .svc-incl-row, body.chu-svc-landingi .svc-incl-row, body.chu-svc-google-ads .svc-incl-row{transition:none}
body.chu-svc-automatyzacje-ai .svc-incl-row::before, body.chu-svc-landingi .svc-incl-row::before, body.chu-svc-google-ads .svc-incl-row::before{content:"";position:absolute;left:24px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:#ED1C24 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='5 12.5 10 17.5 19 7'/%3E%3C/svg%3E") center/16px 16px no-repeat}
body.chu-svc-automatyzacje-ai .svc-incl-tx, body.chu-svc-landingi .svc-incl-tx, body.chu-svc-google-ads .svc-incl-tx{font-size:15px;line-height:1.5;color:#585A62}
body.chu-svc-automatyzacje-ai .svc-incl-tx strong, body.chu-svc-landingi .svc-incl-tx strong, body.chu-svc-google-ads .svc-incl-tx strong{color:#15151A;font-weight:800}
body.chu-svc-automatyzacje-ai .svc-incl-price, body.chu-svc-landingi .svc-incl-price, body.chu-svc-google-ads .svc-incl-price{flex-shrink:0;text-align:right}
body.chu-svc-automatyzacje-ai .svc-incl-old, body.chu-svc-landingi .svc-incl-old, body.chu-svc-google-ads .svc-incl-old{display:none}
body.chu-svc-automatyzacje-ai .svc-incl-new, body.chu-svc-landingi .svc-incl-new, body.chu-svc-google-ads .svc-incl-new{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#15151A;padding:6px 12px;border-radius:0;font-family:inherit}
@media(max-width:760px){
body.chu-svc-automatyzacje-ai .svc-incl, body.chu-svc-landingi .svc-incl, body.chu-svc-google-ads .svc-incl{max-width:940px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
body.chu-svc-automatyzacje-ai .svc-incl-row, body.chu-svc-landingi .svc-incl-row, body.chu-svc-google-ads .svc-incl-row{flex-direction:column;align-items:flex-start;gap:10px;padding-left:70px}
}


/* ch_cky START — брендинг cookie-баннера CookieYes под газету converthunter */
.cky-consent-container.cky-box-bottom-left{left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:22px!important;width:auto!important;max-width:none!important;z-index:9999999!important}
.cky-consent-container .cky-consent-bar{width:min(940px,calc(100vw - 32px))!important;max-width:none!important;background:#fff!important;border:1px solid #15151A!important;border-radius:0!important;box-shadow:0 26px 60px -22px rgba(21,21,26,.5)!important;border-top:5px solid #ED1C24!important;padding:26px 32px!important;font-family:inherit!important}
.cky-consent-container .cky-title{color:#15151A!important;font-weight:800!important;font-family:inherit!important;font-size:19px!important;letter-spacing:-.01em!important}
.cky-consent-container .cky-notice-des,.cky-consent-container .cky-notice-des p,.cky-consent-container .cky-notice-des span{color:#585A62!important;font-family:inherit!important;font-size:14px!important;line-height:1.55!important}
.cky-consent-container .cky-notice-des a{color:#ED1C24!important;text-decoration:underline!important}
.cky-consent-container .cky-notice-btn-wrapper{gap:10px!important}
.cky-consent-container .cky-btn{border-radius:0!important;font-weight:700!important;font-family:inherit!important;padding:11px 22px!important;font-size:14px!important;transition:background .15s,color .15s!important;box-shadow:none!important}
.cky-consent-container .cky-btn-accept{background:#ED1C24!important;border:1px solid #ED1C24!important;color:#fff!important}
.cky-consent-container .cky-btn-accept:hover{background:#C8141B!important;border-color:#C8141B!important}
.cky-consent-container .cky-btn-reject{background:#fff!important;border:1px solid #15151A!important;color:#15151A!important}
.cky-consent-container .cky-btn-reject:hover{background:#15151A!important;color:#fff!important}
.cky-consent-container .cky-btn-customize{background:transparent!important;border:1px solid #D8D5D0!important;color:#15151A!important}
.cky-consent-container .cky-btn-customize:hover{border-color:#15151A!important;background:#FAFAFA!important}
@media(max-width:620px){
 .cky-consent-container.cky-box-bottom-left{bottom:0!important}
 .cky-consent-container .cky-consent-bar{width:100vw!important;border-left:0!important;border-right:0!important;border-bottom:0!important;padding:20px!important}
 .cky-consent-container .cky-notice-btn-wrapper{flex-direction:column!important}
 .cky-consent-container .cky-btn{width:100%!important}
}
/* ch_cky END */