/* Nawigacja na hero - scentralizowana w style.css jako body:has(.bhero) header.nav... */
  .pg section{padding:70px 0}
  .pg .bg-stone{background:var(--stone)}
  .pg .bg-gold{background:var(--gold-grad)}
  .pg .bg-paper{background:var(--paper)}
  .pg .sec-head.center{margin:0 auto;text-align:center}
  .pg .sec-head .eyebrow{display:block;margin-bottom:12px}
  .pg .sec-head h2{margin:0}
  .pg .sec-head .lead{color:var(--muted);font-size:var(--fs-body-lead);margin:16px 0 0}
  .pg .cta{position:relative;overflow:hidden;background:#141A33;color:#fff;border-radius:24px;padding:70px 56px;text-align:center}
  .pg .cta::before{content:"";position:absolute;inset:-20px;background:url(../images/bg-top.webp) center/cover no-repeat;filter:blur(16px) brightness(.68);z-index:0}
  .pg .cta::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,20,36,.72),rgba(16,20,36,.28) 46%,rgba(16,20,36,.05) 78%);z-index:1}
  .pg .cta>*{position:relative;z-index:2}
  .pg .cta h2{color:var(--gold)}
  .pg .cta p{color:#DCE0EE;max-width:56ch;margin:16px auto 0;font-size:var(--fs-body)}
  .pg .cta .row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}
  .pg .btn-light{background:#fff;color:var(--wine)}
  .pg .btn-light:hover{background:var(--cream)}
  .pg .btn-outline{background:transparent;border-color:rgba(255,255,255,.6);color:#fff}
  .pg .btn-outline:hover{border-color:#fff;background:rgba(255,255,255,.1)}
  @media(max-width:767.98px){.pg .cta{padding:44px 24px}}
  .bhero{position:relative;min-height:clamp(520px,76vh,720px);overflow:hidden;display:flex;background:#0D1220}
  .bhero .kv{position:absolute;inset:0;background:linear-gradient(150deg,#242F65,#141A33 58%,#0D1220)}
.bhero .ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,20,36,.72),rgba(16,20,36,.28) 56%,rgba(16,20,36,.05))}
  .bhero .in{position:relative;flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:0 28px 54px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}
  @media(max-width:767.98px){.bhero .in{padding:0 22px 90px}}
  .bhero .crumb{margin-bottom:auto;padding-top:96px;font-size:var(--fs-caption);color:rgba(255,255,255,.75);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
  .bhero .crumb a:hover{color:#fff}
  .bhero .crumb .sep{opacity:.5}
  .bhero .eyebrow{color:var(--gold)}
  .bhero p{color:rgba(255,255,255,.92);font-size:var(--fs-body-lead);max-width:52ch;margin:20px 0 0}
  .bhero .hero-cta{margin-top:26px}
  .services-rows{display:flex;flex-direction:column;gap:70px;margin-top:44px}
  .service-row{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
  .service-row:nth-child(even) .service-row__media{order:2}
  .service-row__media{border-radius:18px;overflow:hidden;min-height:340px;position:relative;background:linear-gradient(155deg,#E7E9F1,#DDE0EC 55%,#D1D5E6);border:1px solid var(--line)}
.service-row__body h3{font-family:var(--serif);font-weight:500;font-size:var(--fs-h4);margin:0 0 10px}
  .service-row__desc{color:var(--muted);font-size:var(--fs-body);margin:0 0 20px}
  .service-list{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:11px}
  .service-list li{display:flex;gap:12px;align-items:flex-start;font-size:var(--fs-body);line-height:var(--lh-body)}
  .service-list .ico{flex:none;width:26px;height:26px;border-radius:50%;background:var(--gold);color:var(--wine);display:flex;align-items:center;justify-content:center;margin-top:1px}
  .service-list .ico svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
  @media(max-width:767.98px){.service-row{grid-template-columns:1fr;gap:26px}.service-row:nth-child(even) .service-row__media{order:0}.service-row__media{min-height:230px}}

  .pg section{padding:70px 0}
  .pg .bg-stone{background:var(--stone)}
  .pg .bg-paper{background:var(--paper)}
  .pg .bg-cream{background:var(--cream)}
  .pg .sec-head.center{margin:0 auto;text-align:center}
  .pg .sec-head .eyebrow{display:block;margin-bottom:12px}
  .pg .sec-head h2{margin:0}
  .pg .sec-head .lead{color:var(--muted);font-size:var(--fs-body-lead);margin:16px auto 0;max-width:62ch}
  .pg .split-photo{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
  .pg .split-photo.rev .sp-media{order:2}
  .pg .sp-media{border-radius:18px;min-height:390px;background:var(--stone) center/cover no-repeat;border:1px solid var(--line)}
  .pg .sp-body .eyebrow{display:block;margin-bottom:14px}
  .pg .sp-body h2{font-family:var(--serif);margin:0 0 14px}
  .pg .sp-body p{color:var(--muted);font-size:var(--fs-body);line-height:1.7;margin:0 0 14px}
  .pg .sp-body p:last-child{margin-bottom:0}
  @media(max-width:767.98px){.pg .split-photo{grid-template-columns:1fr;gap:26px}.pg .split-photo.rev .sp-media{order:0}.pg .sp-media{min-height:250px}}
  .pg .vision{max-width:920px;margin:0 auto;text-align:center}
  .pg .vision .eyebrow{display:block;margin-bottom:14px}
  .pg .vision-q{font-family:var(--serif);font-weight:500;font-size:var(--fs-h3);line-height:1.32;margin:0;letter-spacing:-.01em}
  .pg .reach-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:56px}
  .pg .rstat{position:relative;border-top:2px solid var(--line);padding-top:22px}
  .pg .rstat::before{content:"";position:absolute;top:-2px;left:0;width:46px;height:2px;background:var(--wine)}
  .pg .rstat b{display:block;font-family:var(--serif);font-size:var(--fs-stat);font-weight:600;line-height:var(--lh-stat);letter-spacing:var(--ls-stat);color:var(--wine)}
  .pg .rstat span{display:block;margin-top:14px;color:var(--muted);font-size:var(--fs-body-sm);font-weight:600;line-height:1.35;max-width:22ch}
  @media(max-width:1023.98px){.pg .reach-stats{grid-template-columns:1fr 1fr}}
  .pg .cert-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:44px}
  .pg .cert{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:36px 34px;display:flex;flex-direction:column;align-items:flex-start}
  .pg .cert-badge{font-family:var(--serif);font-weight:500;font-size:var(--fs-eyebrow);color:#fff;background:var(--wine);border-radius:12px;padding:10px 18px;margin-bottom:20px;line-height:1}
  .pg .cert h3{font-family:var(--serif);font-weight:500;font-size:var(--fs-h5);margin:0 0 10px}
  .pg .cert p{color:var(--muted);font-size:var(--fs-body);line-height:1.65;margin:0}
  @media(max-width:767.98px){.pg .cert-grid{grid-template-columns:1fr}}
  .pg .fut-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:16px}
  .pg .fut-list li{display:flex;gap:14px;align-items:flex-start;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--wine)}
  .pg .fut-list .fx{flex:none;width:26px;height:26px;border-radius:50%;background:var(--gold);color:var(--wine);fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;padding:6px;margin-top:1px}
  /* Podklad (cieply wash) pod cala osia czasu */
  .pg .tl-band{background:color-mix(in srgb,var(--gold-soft) 30%,#fff)}
  .pg .tl{max-width:1040px;margin:52px auto 0}
  .pg .tl-item{display:grid;grid-template-columns:360px 1fr;gap:46px;align-items:center;padding:38px 0;border-top:1px solid var(--line)}
  .pg .tl-item.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.61,.36,1)}
  .pg .tl-item.reveal.in{opacity:1;transform:none}
  .pg .tl-item:first-child{border-top:0;padding-top:0}
  .pg .tl-item:nth-child(even){grid-template-columns:1fr 360px}
  .pg .tl-item:nth-child(even) .tl-thumb{order:2}
  .pg .tl-thumb{width:100%;height:238px;border-radius:16px;background:var(--stone) center/cover no-repeat;border:1px solid var(--line);box-shadow:0 12px 30px rgba(20,24,40,.06)}
  /* Rok = znak czasu: ikona zegara (zloto) + wiekszy rok */
  .pg .tl-year{font-family:var(--serif);font-weight:600;font-size:var(--fs-stat);color:var(--gold-deep);line-height:var(--lh-stat);margin:0 0 14px;letter-spacing:-.01em}
  .pg .tl-text h3{font-family:var(--serif);font-weight:500;font-size:var(--fs-h4);margin:0 0 12px;line-height:1.15}
  .pg .tl-text p:not(.tl-year){color:var(--muted);font-size:var(--fs-body);line-height:1.7;margin:0;max-width:54ch}
  @media(max-width:767.98px){.pg .tl-item,.pg .tl-item:nth-child(even){grid-template-columns:1fr;gap:22px}.pg .tl-item:nth-child(even) .tl-thumb{order:0}.pg .tl-thumb{height:210px}}
  @media(max-width:767.98px){.pg .tl-thumb{width:100%;height:180px}}
  .pg .sp-media.cert-media{background:#fff;display:flex;align-items:center;justify-content:center;padding:36px}
  .pg .cert-media img{max-width:76%;max-height:330px;object-fit:contain}
  .pg .cert-list{display:grid;gap:16px;margin-top:26px}
  .pg .cert-row{display:flex;gap:16px;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
  .pg .cert-row .cert-badge{margin:0;flex:none;font-size:var(--fs-eyebrow);padding:8px 12px}
  .pg .cert-row b{font-family:var(--serif);font-weight:500;font-size:var(--fs-body);display:block;margin-bottom:4px}
  .pg .cert-row p{color:var(--muted);font-size:var(--fs-body-sm);line-height:1.55;margin:0}
  .pg .bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:320px;gap:16px;margin-top:44px}
  .pg .bx{border-radius:18px;overflow:hidden;border:1px solid var(--line)}
  .pg .bx-white{background:var(--paper);padding:24px 24px;display:flex;flex-direction:column;justify-content:center}
  .pg .bx-white .val-ic{width:46px;height:46px;border-radius:12px;background:var(--gold-soft);color:var(--wine);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
  .pg .bx-white .val-ic svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .pg .bx-white h3{font-family:var(--serif);font-weight:600;font-size:var(--fs-lead);margin:0 0 6px;line-height:1.2}
  .pg .bx-white p{color:var(--muted);font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);margin:0}
  .pg .bx-photo{position:relative;background:linear-gradient(155deg,#E7E9F1,#DDE0EC 55%,#D1D5E6)}
.pg .w1{grid-column:1;grid-row:1}.pg .p1{grid-column:2/4;grid-row:1}.pg .w2{grid-column:4;grid-row:1}
  .pg .w3{grid-column:1;grid-row:2}.pg .w4{grid-column:2;grid-row:2}.pg .p2{grid-column:3/5;grid-row:2}
  .pg .p3{grid-column:1/3;grid-row:3}.pg .w5{grid-column:3;grid-row:3}.pg .w6{grid-column:4;grid-row:3}
  @media(max-width:767.98px){.pg .bento{grid-template-columns:1fr 1fr;grid-auto-rows:250px}.pg .w1,.pg .w2,.pg .w3,.pg .w4,.pg .w5,.pg .w6{grid-column:auto;grid-row:auto}.pg .p1,.pg .p2,.pg .p3{grid-column:1/3;grid-row:auto}}
  @media(max-width:767.98px){.pg .bento{grid-template-columns:1fr;grid-auto-rows:auto}.pg .w1,.pg .w2,.pg .w3,.pg .w4,.pg .w5,.pg .w6,.pg .p1,.pg .p2,.pg .p3{grid-column:auto}.pg .bx-photo{min-height:190px}.pg .bx-white{min-height:150px}}
  .pg .vision-sign{margin-top:28px}
  .pg .vision-sign b{display:block;font-family:var(--serif);font-weight:500;font-size:var(--fs-lead);color:var(--ink)}
  .pg .vision-sign span{display:block;color:var(--muted);font-size:var(--fs-body-sm);margin-top:3px}
  .pg .cert2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px}
  .pg .cert2-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:40px 34px 34px;text-align:center;display:flex;flex-direction:column;align-items:center}
  .pg .cert2-logo{margin-bottom:28px;display:flex;align-items:center;justify-content:center;min-height:150px}
  .pg .cert2-logo img{max-width:58%;max-height:170px;object-fit:contain}
  .pg .cert2-card h3{font-family:var(--serif);font-weight:500;font-size:var(--fs-h5);margin:0 0 10px}
  .pg .cert2-card p{color:var(--muted);font-size:var(--fs-body-sm);line-height:1.6;margin:0;max-width:44ch}
  @media(max-width:767.98px){.pg .cert2{grid-template-columns:1fr}}
  /* Slider certyfikatów (możliwość dodawania kolejnych) */
  /* Certyfikaty: jedna pełnoszerokościowa, zapętlona wstęga (marquee) - zamiast przyciętego slidera */
  .pg .cert-marquee{position:relative;margin-top:44px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
  .pg .cert-track{display:flex;align-items:stretch;width:max-content;padding:4px 0;animation:certscroll 55s linear infinite;will-change:transform}
  .pg .cert-marquee:hover .cert-track{animation-play-state:paused}
  @keyframes certscroll{to{transform:translateX(-50%)}}
  .pg .cert-track .cert2-card{flex:0 0 clamp(300px,30vw,380px);margin-right:24px}
  .pg .cert2-logo--text{font-family:var(--serif);font-size:var(--fs-h3);font-weight:600;color:var(--wine);min-height:150px}
  @media(prefers-reduced-motion:reduce){.pg .cert-track{animation:none}}
  @media(max-width:767.98px){.pg .cert-track .cert2-card{flex:0 0 80vw;max-width:340px}}

  /* Uwaga klienta 17.09.2026: dopóki komplet certyfikatów mieści się w jednej linii,
     pasek ma stać. Klasa .is-static jest nadawana z JS w o-nas.php (liczy karty i szerokość);
     marquee wraca dopiero wtedy, gdy kart jest za dużo, by pokazać je statycznie. */
  .pg .cert-marquee.is-static{overflow:visible;-webkit-mask-image:none;mask-image:none;max-width:var(--maxw);margin-left:auto;margin-right:auto;padding:0 28px}
  .pg .cert-marquee.is-static .cert-track{display:grid;grid-template-columns:repeat(var(--cert-cols,4),minmax(0,1fr));gap:24px;width:auto;animation:none;will-change:auto}
  .pg .cert-marquee.is-static .cert-track .cert2-card{flex:none;margin-right:0;padding:34px 26px 30px}
  .pg .cert-marquee.is-static .cert-track .cert2-card[aria-hidden="true"]{display:none}
  .pg .cert-marquee.is-static .cert2-logo{min-height:120px;margin-bottom:22px}
  .pg .cert-marquee.is-static .cert2-logo--text{min-height:120px}
  @media(max-width:1023.98px){.pg .cert-marquee.is-static{padding:0 24px}.pg .cert-marquee.is-static .cert-track{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media(max-width:767.98px){.pg .cert-marquee.is-static{padding:0 20px}.pg .cert-marquee.is-static .cert-track{grid-template-columns:1fr}.pg .cert-marquee.is-static .cert-track .cert2-card{max-width:none}}

  /* Marquee wartości: chwytanie/dragowanie (JS-driven, bez przeskoku na hover) */
  /* Pasek certyfikatów przeniesiony ze strony głównej (namespaced pod .pg .certs, by nie kolidował z .cert grid) */
  .pg .certs{margin-top:44px;border-top:1px solid var(--line);padding-top:42px;text-align:center}
  .pg .certs-cap{font-size:var(--fs-eyebrow);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 28px}
  .pg .certs-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:760px;margin:0 auto}
  .pg .certs .cert{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:26px 18px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
  .pg .certs .cert-badge{width:70px;height:70px;border-radius:50%;border:2px solid var(--wine);background:none;color:var(--wine);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:500;font-size:var(--fs-eyebrow);line-height:1.05;text-align:center;padding:0;margin:0}
  .pg .certs .cert b{font-family:var(--serif);font-weight:500;font-size:var(--fs-body);letter-spacing:0}
  .pg .certs .cert span{font-size:var(--fs-eyebrow);color:var(--muted);line-height:1.4;max-width:22ch}
  .pg .certs-docs{margin:28px 0 0;font-size:var(--fs-body-sm);color:var(--muted)}
  .pg .certs-docs a{color:var(--wine);font-weight:600}
  .pg .certs-docs a:hover{text-decoration:underline}
  @media(max-width:767.98px){.pg .certs-row{grid-template-columns:1fr;max-width:360px}}

  /* zaslepki na zdjecia (usuniete fotografie - uwagi klienta 26.08.2026) */
  .pg .sp-media:not(.cert-media){position:relative;background:linear-gradient(155deg,#E7E9F1,#DDE0EC 55%,#D1D5E6)}
.pg .vm-card .vimg{position:relative;background:linear-gradient(155deg,#E7E9F1,#DDE0EC 55%,#D1D5E6)}
.pg .tl-thumb{position:relative;background:linear-gradient(155deg,#E7E9F1,#DDE0EC 55%,#D1D5E6)}
  /* "Kim jesteśmy": placeholder kwadratowy zamiast prostokątnego (03.09.2026) */
  .pg .sp-media--square{aspect-ratio:1/1;min-height:0}
  /* Wartości: karuzela 1:1 jak na stronie Kariera (kariera.css), 03.09.2026 */
/* Karuzela wartości (benchmark: koła w rzędzie, aktywne większe na środku, sąsiedzi w pełnym rozmiarze, numer + nazwa nad, opis pod; nieskończona, autoplay) */
.pg .val-slider{--val-w:420px;--val-c:270px;--val-scale:1.45;--val-gap:30px;--val-mid:calc((var(--val-c)*var(--val-scale)/2 + var(--val-w) - var(--val-c)/2)/2);position:relative;margin-top:36px}
.pg .sec-wartosci{overflow:hidden}
.pg .val-viewport{overflow:visible;outline:none;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.pg .val-viewport:active{cursor:grabbing}
.pg .val-viewport:focus-visible{outline:2px solid var(--wine);outline-offset:6px;border-radius:12px}
.pg .val-track{display:flex;will-change:transform;transition:transform .7s cubic-bezier(.22,.61,.36,1)}
.pg .val-item{flex:0 0 var(--val-w);display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 12px;min-height:calc(var(--val-c)*var(--val-scale) + 250px)}
.pg .val-num{display:flex;align-items:baseline;gap:8px;font-size:var(--fs-body-sm);font-weight:500;color:var(--ink);height:24px;margin-top:calc(var(--val-c)*(var(--val-scale) - 1)/2);transition:margin .7s cubic-bezier(.22,.61,.36,1)}
.pg .val-num i{font-style:normal;font-size:var(--fs-caption);font-weight:700;letter-spacing:.06em;color:var(--gold-deep)}
.pg .val-circle{width:var(--val-c);height:var(--val-c);flex:none;border-radius:50%;border:0;padding:0;margin:var(--val-gap) 0;cursor:pointer;color:#EEF1F9;background:radial-gradient(circle at 32% 28%,var(--c1,#3A4A8F) 0%,var(--c2,var(--wine)) 45%,var(--c3,var(--wine-deep)) 100%);box-shadow:0 18px 44px var(--cs,rgba(26,34,73,.18));display:flex;align-items:center;justify-content:center;transform:scale(1);transition:transform .7s cubic-bezier(.22,.61,.36,1),margin .7s cubic-bezier(.22,.61,.36,1),box-shadow .35s}
.pg .val-circle svg{width:32%;height:32%;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.pg .val-circle:hover{box-shadow:0 22px 50px var(--cs,rgba(26,34,73,.28))}
.pg .val-body{max-width:320px}
.pg .val-body h3{font-family:var(--serif);font-weight:500;font-size:var(--fs-h6);margin:0 0 8px;transition:font-size .3s}
.pg .val-body p{color:var(--muted);font-size:var(--fs-body-sm);line-height:1.55;margin:0}
.pg .val-item.is-active .val-num{margin-top:0}
.pg .val-item.is-active .val-circle{transform:scale(var(--val-scale));cursor:default;margin:calc(var(--val-gap) + var(--val-c)*(var(--val-scale) - 1)/2) 0}
.pg .val-item.is-active .val-body h3{font-size:var(--fs-h5)}
.pg .val-item.is-active .val-body p{font-size:var(--fs-body);color:var(--ink)}
/* Kolory kół per wartość: 1 Zaufanie = granat marki, 2 Zaangażowanie = złoty, 3 Otwartość = szary */
.pg .val-item[data-col="1"]{--c1:#3A4A8F;--c2:#242F65;--c3:#1A2249;--cs:rgba(26,34,73,.22)}
.pg .val-item[data-col="2"]{--c1:#D6AE55;--c2:#A97C22;--c3:#7E5A14;--cs:rgba(126,90,20,.22)}
.pg .val-item[data-col="3"]{--c1:#B9BCC6;--c2:#7B808F;--c3:#4A4F5E;--cs:rgba(74,79,94,.22)}
.pg .val-item[data-col] .val-num i{color:var(--c2)}
/* strzałki: cienkie, w połowie odstępu między aktywnym kołem a sąsiadem, na wysokości środka kół */
.pg .val-arrow{position:absolute;z-index:2;top:calc(24px + var(--val-gap) + var(--val-c)*var(--val-scale)/2);transform:translateY(-50%);width:40px;height:40px;border:0;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,transform .15s}
.pg .val-arrow svg{width:26px;height:26px}
.pg .val-arrow.prev{right:calc(50% + var(--val-mid) - 20px)}
.pg .val-arrow.next{left:calc(50% + var(--val-mid) - 20px)}
.pg .val-arrow:hover{color:var(--wine);transform:translateY(-50%) scale(1.15)}
@media(max-width:1439.98px){.pg .val-slider{--val-w:380px;--val-c:240px}}
@media(max-width:1199.98px){.pg .val-slider{--val-w:320px;--val-c:200px}}
@media(max-width:1023.98px){.pg .val-slider{--val-w:270px;--val-c:170px}}
@media(max-width:767.98px){.pg .val-slider{--val-w:210px;--val-c:130px;--val-scale:1.5;--val-gap:22px}.pg .val-arrow svg{width:22px;height:22px}.pg .val-body{max-width:230px}.pg .val-item{padding:0 8px}}