/* EL-HYDRO | Centrum Szybkiej Pomocy GRANAT Premium 3D 2026 — izolowane klasy */
.elh-shp,.elh-shp *,.elh-shp *::before,.elh-shp *::after{box-sizing:border-box}
.elh-shp{--elh-shp-orange:#ff762c;--elh-shp-light:#d5edff;position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:100%;min-width:0;padding:24px 22px 20px;border-radius:22px;border:1px solid #61a6d3;border-top:3px solid #74bde9;background:radial-gradient(ellipse at 50% 30%,#1a5d8e 0%,#103e67 36%,#082b4d 68%,#051b34 100%);color:#fff;box-shadow:0 5px 0 #083552,0 10px 0 #051f36,0 20px 34px rgba(4,28,52,.27),inset 0 1px 0 rgba(255,255,255,.27);transform:translateZ(0);transition:transform .34s ease,box-shadow .34s ease;font-family:inherit}
.elh-shp-light{position:absolute;pointer-events:none;width:210px;height:210px;top:-100px;right:-75px;border-radius:100%;background:radial-gradient(circle,rgba(107,202,251,.34),transparent 70%);animation:elhShpGlow 7s ease-in-out infinite alternate;z-index:-1}
.elh-shp-header{position:relative;margin-bottom:19px}.elh-shp-kicker{display:inline-block;font-size:11px;font-weight:800;letter-spacing:1.3px;color:#ffbc8b;margin-bottom:9px}.elh-shp .elh-shp-header h2{color:#fff!important;margin:0 0 9px!important;font-weight:850!important;font-size:clamp(22px,2.5vw,27px)!important;line-height:1.24!important;overflow-wrap:normal}.elh-shp .elh-shp-header p{color:#dceeff!important;font-size:13px!important;line-height:1.6!important;margin:0!important}
.elh-shp-viewport{width:100%;min-width:0;overflow:hidden;border-radius:18px}.elh-shp-track{width:100%;display:flex;transition:transform .62s cubic-bezier(.23,.82,.25,1);will-change:transform}.elh-shp-page{min-width:100%;flex:0 0 100%;display:flex;flex-direction:column;gap:14px;justify-content:stretch;padding:4px 5px 12px}
.elh-shp .elh-shp-card{position:relative;isolation:isolate;display:flex!important;align-items:center;gap:13px;text-decoration:none!important;color:white!important;min-width:0;min-height:132px;padding:17px 14px!important;border:1px solid rgba(123,204,255,.64);border-radius:17px;background:radial-gradient(ellipse at 52% 46%,rgba(66,159,214,.63) 0%,rgba(23,88,142,.86) 49%,rgba(6,38,74,.98) 100%);box-shadow:inset 0 2px 2px rgba(255,255,255,.22),inset 0 -5px 12px rgba(0,12,31,.4),0 5px 0 #04233e,0 12px 19px rgba(0,15,35,.27);transform:translateZ(0);transition:transform .3s ease,filter .3s ease,box-shadow .3s ease,border-color .3s ease;animation:elhShpBreathe 6.2s ease-in-out infinite}
.elh-shp .elh-shp-card:nth-child(2){animation-delay:1.2s}.elh-shp .elh-shp-card:focus-visible{outline:3px solid #ffb078;outline-offset:2px}.elh-shp-icon{position:relative;display:grid;place-items:center;flex:0 0 46px;height:46px;width:46px;border-radius:14px;background:linear-gradient(155deg,rgba(3,24,49,.8),rgba(8,52,91,.68));border:1px solid rgba(255,167,97,.64);color:#ff9d53;box-shadow:inset 0 1px 2px rgba(255,255,255,.13),0 4px 0 rgba(0,12,26,.6),0 8px 13px rgba(0,0,0,.23);animation:elhShpIcon 5.5s ease-in-out infinite}.elh-shp-content{display:flex;min-width:0;flex:1;flex-direction:column;gap:5px}.elh-shp-content strong{color:#fff!important;font-size:clamp(14px,1.4vw,16px)!important;font-weight:800!important;line-height:1.3!important;text-shadow:0 2px 3px rgba(0,0,0,.2)}.elh-shp-content small{color:#ddedfb!important;font-size:12px!important;line-height:1.45!important}.elh-shp-chevron{font-size:30px;color:#ff9d53;line-height:1;flex:0 0 auto;transition:transform .25s ease}
.elh-shp-nav{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:8px}.elh-shp-nav button{cursor:pointer;display:grid;place-items:center;flex:0 0 auto}.elh-shp .elh-shp-prev,.elh-shp .elh-shp-next{width:41px;height:40px;border:1px solid #ffb184;border-radius:11px;background:linear-gradient(180deg,#ff9b57,#ed581e 70%,#cf3d11);color:#fff;font-size:27px;line-height:1;box-shadow:0 4px 0 #86260c,0 8px 15px rgba(0,0,0,.28);transition:transform .2s,box-shadow .2s;animation:elhShpNav 5.7s ease-in-out infinite}.elh-shp .elh-shp-next{animation-delay:1.5s}.elh-shp-dots{display:flex;align-items:center;gap:8px}.elh-shp .elh-shp-dot{width:9px;height:9px;min-width:9px;min-height:9px;border:1px solid rgba(222,243,255,.67);border-radius:20px;padding:0;background:rgba(222,243,255,.25);transition:width .25s ease,background .25s ease}.elh-shp .elh-shp-dot.is-active{width:26px;background:#ff762c;border-color:#ffb582;box-shadow:0 0 8px rgba(255,115,40,.44)}
@media(hover:hover){.elh-shp:hover{transform:perspective(1200px) translateY(-4px) rotateX(.5deg);box-shadow:0 7px 0 #083552,0 12px 0 #051f36,0 26px 39px rgba(4,28,52,.36),inset 0 1px 0 rgba(255,255,255,.27)}.elh-shp .elh-shp-card:hover{animation-play-state:paused;transform:translateY(-6px) scale(1.015);filter:brightness(1.13);border-color:#ff9a55;box-shadow:inset 0 2px 2px rgba(255,255,255,.3),inset 0 -5px 12px rgba(0,12,31,.4),0 8px 0 #04233e,0 20px 26px rgba(0,15,35,.37)}.elh-shp .elh-shp-card:hover .elh-shp-chevron{transform:translateX(4px)}.elh-shp .elh-shp-prev:hover,.elh-shp .elh-shp-next:hover{animation-play-state:paused;transform:translateY(-3px);box-shadow:0 7px 0 #86260c,0 13px 20px rgba(0,0,0,.28)}}
.elh-shp .elh-shp-prev:active,.elh-shp .elh-shp-next:active{transform:translateY(3px);box-shadow:0 1px 0 #86260c,0 4px 7px rgba(0,0,0,.25)}
@keyframes elhShpGlow{0%{transform:translate(-35px,0) scale(.85);opacity:.5}100%{transform:translate(0,45px) scale(1.27);opacity:1}}@keyframes elhShpBreathe{0%,70%,100%{filter:brightness(1);transform:translateY(0)}78%{filter:brightness(1.08);transform:translateY(-3px)}85%{filter:brightness(1);transform:translateY(0)}}@keyframes elhShpIcon{0%,78%,100%{transform:translateY(0) rotate(0)}86%{transform:translateY(-3px) rotate(-4deg)}92%{transform:translateY(0) rotate(2deg)}}@keyframes elhShpNav{0%,72%,100%{filter:brightness(1);transform:translateY(0)}80%{filter:brightness(1.16);transform:translateY(-3px)}88%{filter:brightness(1);transform:translateY(0)}}
@media(max-width:767px){.elh-shp{padding:20px 15px 17px;border-radius:17px}.elh-shp-page{gap:12px}.elh-shp .elh-shp-card{min-height:115px;padding:14px 12px!important}.elh-shp-content strong{font-size:14px!important}.elh-shp-content small{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.elh-shp,.elh-shp *, .elh-shp *::before,.elh-shp *::after{animation:none!important;transition:none!important;transform:none!important}}
/* Poprawka dopasowana do faktycznej klasy modułu EL-HYDRO Hydraulik Odpowiada v1.0.8 */
.elh-qa .elh-qa-item .elh-qa-plus{color:#ed581e!important;background:linear-gradient(150deg,#fff4e9,#ffdec7)!important;border:1px solid #f9ad74!important;border-radius:9px!important;box-shadow:0 3px 0 #c8642e,0 5px 10px rgba(229,96,27,.18)!important;font-size:24px!important;font-weight:800!important;transition:transform .25s ease,background .25s ease,box-shadow .25s ease!important}
.elh-qa .elh-qa-item summary:hover .elh-qa-plus{background:linear-gradient(150deg,#ffab64,#ed581e)!important;color:#fff!important;box-shadow:0 4px 0 #a64011,0 7px 13px rgba(229,96,27,.25)!important}
.elh-qa .elh-qa-item[open] .elh-qa-plus{color:#fff!important;background:linear-gradient(150deg,#ff9d53,#ed581e)!important;transform:rotate(45deg)!important}

/* v1.1.0 – DWA KWADRATOWE KAFELKI W PIONIE: 2 na stronie karuzeli.
   Zawartość wyśrodkowana, dzięki czemu tekst i ikona nie wychodzą poza kafelek. */
.elh-shp .elh-shp-card{
  width:100%!important;
  aspect-ratio:1 / 1!important;
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  gap:clamp(8px,2.5vw,16px)!important;
  padding:clamp(12px,4vw,25px)!important;
}
.elh-shp .elh-shp-icon{
  flex:0 0 auto!important;
  width:clamp(50px,19%,72px)!important;
  height:auto!important;
  aspect-ratio:1!important;
  border-radius:17px!important;
}
.elh-shp .elh-shp-icon svg{width:55%!important;height:55%!important}
.elh-shp .elh-shp-content{
  width:100%!important;
  flex:0 0 auto!important;
  align-items:center!important;
  min-width:0!important;
  gap:8px!important;
}
.elh-shp .elh-shp-content strong{
  font-size:clamp(15px,2.1vw,19px)!important;
  line-height:1.32!important;
  text-wrap:balance;
}
.elh-shp .elh-shp-content small{
  font-size:clamp(11px,1.5vw,13px)!important;
  line-height:1.45!important;
  overflow-wrap:break-word;
}
.elh-shp .elh-shp-chevron{
  position:absolute!important;
  right:13px!important;
  bottom:11px!important;
  font-size:24px!important;
}
/* Wąskie kolumny Elementora: zachowaj kształt kwadratu,
   ogranicz rozmiary tekstu i ikon zamiast rozszerzać całą stronę. */
@container (max-width:310px){
 .elh-shp .elh-shp-card{padding:10px!important;gap:7px!important}
 .elh-shp .elh-shp-content strong{font-size:14px!important}
 .elh-shp .elh-shp-content small{font-size:11px!important;line-height:1.3!important}
}
@media (max-width:767px){
 .elh-shp .elh-shp-card{aspect-ratio:1 / 1!important;min-height:0!important}
}


/* ==============================================================
   v1.1.1 – KOMPAKTOWE KWADRATY / DOPASOWANIE DO WASKIEJ KOLUMNY FAQ
   Dwa kwadratowe kafelki nadal ustawione pionowo i przesuwane parami.
   Zachowana cala nawigacja, efekty 3D i panel ustawien.
   ============================================================== */
.elh-shp{
  padding:15px 14px 14px!important;
  border-radius:19px!important;
}
.elh-shp .elh-shp-header{margin-bottom:11px!important}
.elh-shp .elh-shp-kicker{font-size:10px!important;margin-bottom:5px!important}
.elh-shp .elh-shp-header h2{
  font-size:clamp(19px,2vw,22px)!important;
  line-height:1.22!important;
  margin:0 0 5px!important;
}
.elh-shp .elh-shp-header p{
  font-size:11px!important;
  line-height:1.42!important;
}
.elh-shp .elh-shp-viewport{border-radius:15px!important}
.elh-shp .elh-shp-page{
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  padding:3px 3px 9px!important;
}
.elh-shp .elh-shp-card{
  flex:0 0 auto!important;
  width:min(100%,160px)!important;
  max-width:160px!important;
  aspect-ratio:1 / 1!important;
  min-height:0!important;
  height:auto!important;
  padding:12px 10px 14px!important;
  gap:8px!important;
  border-radius:16px!important;
  align-self:center!important;
}
.elh-shp .elh-shp-icon{
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
}
.elh-shp .elh-shp-icon svg{width:24px!important;height:24px!important}
.elh-shp .elh-shp-content{gap:5px!important}
.elh-shp .elh-shp-content strong{
  font-size:13px!important;
  line-height:1.23!important;
  text-wrap:balance;
}
.elh-shp .elh-shp-content small{
  font-size:10px!important;
  line-height:1.32!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  line-clamp:3!important;
  overflow:hidden!important;
}
.elh-shp .elh-shp-chevron{right:9px!important;bottom:6px!important;font-size:20px!important}
.elh-shp .elh-shp-nav{margin-top:3px!important;gap:12px!important}
.elh-shp .elh-shp-prev,.elh-shp .elh-shp-next{width:35px!important;height:34px!important;font-size:23px!important}
@media(max-width:767px){
  .elh-shp{padding:20px 16px!important}
  .elh-shp .elh-shp-page{gap:12px!important}
  .elh-shp .elh-shp-card{width:min(100%,205px)!important;max-width:205px!important;gap:11px!important;padding:16px 13px!important}
  .elh-shp .elh-shp-icon{width:52px!important;height:52px!important}
  .elh-shp .elh-shp-content strong{font-size:15px!important}
  .elh-shp .elh-shp-content small{font-size:12px!important}
  .elh-shp .elh-shp-header h2{font-size:23px!important}
  .elh-shp .elh-shp-header p{font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){
  .elh-shp .elh-shp-card,.elh-shp .elh-shp-icon,.elh-shp .elh-shp-prev,.elh-shp .elh-shp-next{animation:none!important}
}