/* Uzycze-CKZ.pl | dyskretna oferta projektowania stron w stopce */
.footer .made:has(.ckz-web-credits){opacity:1!important}
.footer .made .ckz-web-credits{
  -webkit-appearance:none;appearance:none;border:0;background:transparent;
  font:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;
  color:#f39c12;opacity:.77;cursor:pointer;padding:4px 0;
  position:relative;line-height:inherit;text-align:inherit;
  /* Właściwości animowane w stanie bazowym — nie dopiero :hover. */
  transition:color 0.80s cubic-bezier(.40,0,.20,1),
             opacity 0.80s cubic-bezier(.40,0,.20,1),
             text-shadow 0.80s cubic-bezier(.40,0,.20,1);
  -webkit-transition:color 0.80s cubic-bezier(.40,0,.20,1),
             opacity 0.80s cubic-bezier(.40,0,.20,1),
             text-shadow 0.80s cubic-bezier(.40,0,.20,1);
}
.footer .made .ckz-web-credits::after{
  content:"";position:absolute;left:0;right:0;bottom:1px;height:1px;
  background:linear-gradient(90deg,transparent,#f5b751,transparent);
  transform:scaleX(0);transform-origin:center;
  transition:transform 0.80s cubic-bezier(.40,0,.20,1);
}
.footer .made .ckz-web-credits:hover,
.footer .made .ckz-web-credits:focus-visible{
  opacity:1;color:#ffc46b;text-shadow:0 0 14px rgba(243,156,18,.35);
}
.footer .made .ckz-web-credits:hover::after,
.footer .made .ckz-web-credits:focus-visible::after{transform:scaleX(1)}
.footer .made .ckz-web-credits:focus-visible{outline:2px solid #f39c12;outline-offset:5px;border-radius:2px}

.ckz-web-modal[hidden]{display:none!important}
.ckz-web-modal{
  position:fixed;inset:0;z-index:2147483000;
  display:flex;align-items:center;justify-content:center;
  padding:24px 16px;overflow-y:auto;
  background:rgba(3,4,6,.78);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  animation:ckzModalEnter .2s ease both;
}
.ckz-web-modal__dialog{
  position:relative;box-sizing:border-box;
  width:min(100%,660px);max-height:calc(100dvh - 48px);overflow:auto;
  background:linear-gradient(160deg,#1b1b1b 0%,#101010 55%,#0d0d0d 100%);
  border:1px solid rgba(243,156,18,.27);
  box-shadow:0 28px 90px rgba(0,0,0,.65),0 0 50px rgba(243,156,18,.06);
  border-radius:16px;color:#efefef;
  padding:42px clamp(22px,5vw,46px) 36px;
  text-align:left;
  font-family:Montserrat,Arial,sans-serif;
}
.ckz-web-modal__close{
  position:absolute;top:14px;right:15px;display:grid;place-items:center;
  width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.13);
  background:#202020;color:#d0d0d0;font-size:24px;line-height:1;
  cursor:pointer;transition:background .2s,color .2s,border-color .2s;
}
.ckz-web-modal__close:hover,.ckz-web-modal__close:focus-visible{
  color:#fff;background:#302613;border-color:#f39c12;
}
.ckz-web-modal__kicker{
  display:block;color:#f3a329;font-size:11px;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;margin:0 50px 13px 0;
}
.ckz-web-modal__title{
  color:#fff;font-size:clamp(22px,3vw,29px);font-weight:600;
  line-height:1.25;margin:0 16px 16px 0;letter-spacing:-.4px;
}
.ckz-web-modal__description{
  color:#c6c6c6;line-height:1.9;font-size:14px;font-weight:300;margin:0 0 23px;
}
.ckz-web-modal__features{
  display:grid;gap:12px;margin:0 0 29px;padding:20px 0;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  list-style:none;
}
.ckz-web-modal__features li{
  position:relative;padding-left:26px;color:#dedede;font-size:13px;line-height:1.6;
}
.ckz-web-modal__features li::before{
  content:"✓";position:absolute;left:0;top:0;color:#f39c12;font-weight:700;
}
.ckz-web-modal__actions{display:flex;gap:11px;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-bottom:19px}
.ckz-web-modal__action{
  display:inline-flex;justify-content:center;align-items:center;text-align:center;
  min-height:44px;padding:10px 20px;box-sizing:border-box;border-radius:999px;
  font:600 12px/1.35 Montserrat,Arial,sans-serif;text-decoration:none;
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.ckz-web-modal__action:hover{transform:translateY(-2px)}
.ckz-web-modal__action--primary{background:#f39c12;color:#101010;border:1px solid #f39c12}
.ckz-web-modal__action--primary:hover{background:#ffb545;color:#101010}
.ckz-web-modal__action--secondary{background:transparent;color:#ededed;border:1px solid rgba(243,156,18,.5)}
.ckz-web-modal__action--secondary:hover{background:rgba(243,156,18,.1);color:#fff}
.ckz-web-modal__action:focus-visible{outline:2px solid #f39c12;outline-offset:4px}
/* Widoczne dane kontaktowe, aktywne również na urządzeniach mobilnych */
.ckz-web-modal__contacts{
  display:grid;grid-template-columns:1fr 1fr;gap:12px;
  padding:16px 0;margin:0 0 16px;
  border-top:1px solid rgba(255,255,255,.08);
}
.ckz-web-modal__contact{
  display:flex;flex-direction:column;align-items:flex-start;gap:5px;
  min-width:0;color:#e9e9e9;text-decoration:none;
  border-radius:6px;transition:color .2s ease;
}
.ckz-web-modal__contact:hover,.ckz-web-modal__contact:focus-visible{
  color:#ffbe55;
}
.ckz-web-modal__contact:focus-visible{outline:2px solid #f39c12;outline-offset:3px}
.ckz-web-modal__contact-label{
  color:#9c9c9c;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700;
}
.ckz-web-modal__contact-value{
  font-size:13px;line-height:1.65;overflow-wrap:anywhere;font-weight:500;
}
.ckz-web-modal__note{margin:0;color:#aeb0b2;font-size:12px;line-height:1.75;font-weight:300}
@keyframes ckzModalEnter{from{opacity:0}to{opacity:1}}
@media(max-width:480px){
 .ckz-web-modal{padding:12px}
 .ckz-web-modal__dialog{max-height:calc(100dvh - 24px);padding:42px 22px 28px;border-radius:13px}
 .ckz-web-modal__actions{flex-direction:column;align-items:stretch}
 .ckz-web-modal__contacts{grid-template-columns:1fr;gap:13px;margin-top:3px}
 .ckz-web-modal__contact-value{font-size:14px}
 .ckz-web-modal__action{width:100%}
 .ckz-web-modal__description{font-size:13px;line-height:1.8}
}
/* Na komputerze: jasność narasta płynnie po najechaniu i gaśnie płynnie po odsunięciu kursora. */
/* Na ekranach dotykowych: pulsowanie podpisu do pełnej siły efektu hover na komputerze. */
@media (hover:none) and (pointer:coarse){
 .footer .made .ckz-web-credits{
  animation:ckzMobileCreditsGlow 4.2s ease-in-out infinite;
 }
 .footer .made .ckz-web-credits::after{
  animation:ckzMobileCreditsLine 4.2s ease-in-out infinite;
 }
}
@keyframes ckzMobileCreditsGlow{
  0%,100%{opacity:.77;color:#f39c12;text-shadow:none}
  50%{opacity:1;color:#ffc46b;text-shadow:0 0 14px rgba(243,156,18,.35)}
}
@keyframes ckzMobileCreditsLine{
  0%,100%{transform:scaleX(0)}
  50%{transform:scaleX(1)}
}
/* Ograniczenie ruchu wycisza modal i mobilne pulsowanie,
   ale nie wyłącza delikatnego zanikania podświetlenia na komputerze. */
@media (prefers-reduced-motion:reduce){
 .ckz-web-modal,.ckz-web-modal *{animation:none!important;transition:none!important}
}
@media (prefers-reduced-motion:reduce) and (hover:none) and (pointer:coarse){
 .footer .made .ckz-web-credits,.footer .made .ckz-web-credits::after{
  animation:none!important;transition:none!important;
 }
}