/* Global interaction fixes. */

/* FAQ answers should react immediately. main.js listens for transitionend,
   so keep a minimal transition instead of disabling it completely. */
.faq-answer {
  transition: height 0.01s linear, opacity 0.01s linear !important;
}

/* Częstochowa — local-offer CTA */
.ac-local-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 32px;
  padding: 24px 28px;
  border: 1px solid rgba(56, 189, 248, .22);
  border-radius: 20px;
  background: radial-gradient(circle at 0 0, rgba(56, 189, 248, .08), transparent 55%), linear-gradient(135deg, #11172b, #080e20);
}
.ac-local-cta__info { display: flex; align-items: center; gap: 18px; min-width: 0; }
.ac-local-cta__icon {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(56, 189, 248, .25);
  border-radius: 14px;
  background: rgba(56, 189, 248, .08);
  color: #38bdf8;
}
.ac-local-cta__icon .icon { width: 22px; height: 22px; }
.ac-local-cta__copy { min-width: 0; }
.ac-local-cta__eyebrow {
  display: block;
  margin-bottom: 5px;
  color: #38bdf8;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.ac-local-cta__copy h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(17px, 1.6vw, 21px);
  line-height: 1.3;
  font-weight: 750;
}
.ac-local-cta__copy p {
  margin: 6px 0 0;
  color: #aeb9d0;
  font-size: 14px;
  line-height: 1.55;
}
.ac-local-cta__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-shrink: 0;
  padding: 12px 17px;
  border: 1px solid rgba(56, 189, 248, .30);
  border-radius: 12px;
  background: rgba(56, 189, 248, .09);
  color: #7dd3fc;
  font-size: 14px;
  font-weight: 750;
  text-decoration: none;
  white-space: nowrap;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.ac-local-cta__action:hover, .ac-local-cta__action:focus-visible {
  border-color: rgba(56, 189, 248, .6);
  background: rgba(56, 189, 248, .16);
  color: #e0f2fe;
  transform: translateY(-2px);
}
.ac-local-cta__action .icon { width: 17px; height: 17px; }

/* Equal-height service and industry cards; reveal whole grid without per-card vertical offsets. */
.home-services .service-grid { align-items: stretch; }
.home-services .service-card { height: 100%; min-width: 0; }
.home-services .service-card__body { min-height: 0; }
.home-industries__list { grid-auto-rows: 1fr; align-items: stretch; }
.home-industries__list .home-industry-card { height: 100%; min-width: 0; }

@media (max-width: 767px) {
  .ac-local-cta { flex-direction: column; align-items: stretch; gap: 18px; margin-top: 24px; padding: 20px; }
  .ac-local-cta__info { align-items: flex-start; gap: 14px; }
  .ac-local-cta__icon { flex-basis: 40px; width: 40px; height: 40px; border-radius: 12px; }
  .ac-local-cta__copy h3 { font-size: 18px; }
  .ac-local-cta__copy p { font-size: 13px; }
  .ac-local-cta__action { width: 100%; white-space: normal; }
}

/* Services page: create breathing room between the offer cards and local CTA. */
#oferta .services-detail-grid + .ac-local-cta {
  margin-top: 48px;
}
@media (max-width: 767px) {
  #oferta .services-detail-grid + .ac-local-cta {
    margin-top: 32px;
  }
}


/* Carilio portfolio case previews — individually designed for app and website. */
.ac-case-preview { position:relative; width:100%; height:100%; min-height:220px; display:grid; place-items:center; overflow:hidden; isolation:isolate; }
.ac-case-preview--app { background:radial-gradient(ellipse at 65% 47%,rgba(54,122,237,.34),transparent 56%),linear-gradient(130deg,#0b1430,#102c57 70%,#0c1b35); }
.ac-case-preview--web { background:radial-gradient(ellipse at 78% 12%,rgba(38,201,154,.2),transparent 54%),linear-gradient(140deg,#e8f1ff,#c6d9f8 72%,#8eb0e1); }
.ac-case-preview__aura { position:absolute;width:68%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(159,204,255,.22);box-shadow:0 0 0 28px rgba(159,204,255,.04),0 0 0 57px rgba(159,204,255,.035); }
.ac-case-preview__brand {position:absolute;left:19px;bottom:16px;z-index:3;color:rgba(255,255,255,.85);font-size:12px;font-weight:850;letter-spacing:.11em;text-shadow:0 1px 7px rgba(0,0,0,.5);}
.ac-case-preview__brand small {display:block;margin-top:3px;font-size:9px;font-weight:700;letter-spacing:.12em;color:rgba(202,225,255,.8);}
.ac-case-preview--web .ac-case-preview__brand{color:#1b4076;text-shadow:none}
.ac-case-preview--web .ac-case-preview__brand small{color:#4c6691}
.ac-case-phone{position:relative;width:132px;height:236px;min-height:0;margin:24px 0 -85px;transform:rotate(7deg) scale(1.05);border-radius:20px;border:4px solid #172c50;box-shadow:0 19px 36px rgba(0,0,0,.5);background:linear-gradient(165deg,#f9fcff,#ebf3ff);padding:19px 9px 8px;color:#18305a;}
.ac-case-phone__notch{position:absolute;top:0;left:calc(50% - 25px);width:50px;height:8px;border-radius:0 0 8px 8px;background:#172c50;}
.ac-case-phone__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;font-size:10px;}
.ac-case-phone__header b,.ac-case-browser__nav b{display:flex;align-items:center;gap:4px;color:#1d4079;}
.ac-case-phone__header i,.ac-case-browser__nav i{font-style:normal;display:grid;place-items:center;background:#3159c8;color:#fff;border-radius:4px;width:14px;height:14px;font-size:10px}
.ac-case-phone__header>span{letter-spacing:1px;color:#91a5c1}
.ac-case-phone>small{display:block;margin-bottom:6px;font-size:6px;color:#8b99ad;font-weight:800;letter-spacing:.1em}
.ac-case-phone__car{display:flex;align-items:center;gap:7px;border-radius:8px;background:linear-gradient(100deg,#244b91,#163264);padding:9px;color:#fff;}
.ac-case-phone__car>span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:rgba(255,255,255,.12);}
.ac-case-phone__car strong{font-size:8px;display:block}.ac-case-phone__car small{display:block;font-size:5px;color:#aeccec}
.ac-case-phone__tiles{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:7px 0;}
.ac-case-phone__tiles span{padding:9px 2px;border-radius:6px;background:#fff;border:1px solid #dbe7f5;text-align:center;font-size:6px;color:#3561a2;font-weight:800;}
.ac-case-phone__line{padding:7px 5px;background:#fff;border:1px solid #e3eafa;border-radius:7px;font-size:6px;margin-bottom:4px;white-space:nowrap}
.ac-case-phone__line i{font-style:normal;color:#23ba8e;font-weight:900;margin-right:5px}
.ac-case-browser{width:82%;max-width:490px;margin-top:18px;transform:rotate(-3deg) translateY(15px);border:5px solid #142b4c;border-radius:11px;overflow:hidden;background:#fff;box-shadow:0 20px 44px rgba(8,26,61,.29)}
.ac-case-browser__chrome{height:21px;display:flex;align-items:center;gap:4px;padding:0 8px;background:#142b4c}
.ac-case-browser__chrome i{display:block;width:5px;height:5px;border-radius:50%;background:#ff7b95}
.ac-case-browser__chrome i:nth-child(2){background:#facb56}.ac-case-browser__chrome i:nth-child(3){background:#4bd69f}
.ac-case-browser__chrome span{margin:auto;color:#a4b7d0;font-size:7px}
.ac-case-browser__page{min-height:190px;padding:11px 14px 0;background:linear-gradient(160deg,#fff,#edf3ff)}
.ac-case-browser__nav{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:8px}
.ac-case-browser__nav>span{font-size:6px;color:#50668e}
.ac-case-browser__hero{display:grid;grid-template-columns:1.3fr .7fr;gap:6px;align-items:center;margin-top:15px}
.ac-case-browser__hero small{font-size:6px;font-weight:850;color:#436be1;letter-spacing:.1em;display:block}
.ac-case-browser__hero strong{display:block;color:#162f5e;font-size:clamp(12px,2vw,20px);line-height:1.08;margin:7px 0}
.ac-case-browser__hero p{font-size:7px;color:#74839b;margin:0 0 10px}
.ac-case-browser__hero em{display:inline-block;font-size:6px;font-style:normal;font-weight:800;color:#fff;padding:6px 8px;border-radius:5px;background:#3867f4}
.ac-case-browser__visual{height:100px;border-radius:10px;background:linear-gradient(140deg,#152d5c,#376ef6);padding:15px;box-shadow:0 10px 21px rgba(54,98,187,.22)}
.ac-case-browser__visual span{display:block;width:28px;height:28px;border-radius:9px;background:#fff;color:#3367d3;text-align:center;line-height:28px;font-size:17px;font-weight:900}
.ac-case-browser__visual i{display:block;height:6px;background:rgba(255,255,255,.25);border-radius:3px;margin-top:8px}
.ac-case-browser__visual i:nth-of-type(2){width:65%}.ac-case-browser__visual i:nth-of-type(3){width:80%}
.ac-case-browser__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}
.ac-case-browser__cards span{height:32px;border-radius:7px;background:#e6edfa}
.single-realization__media .ac-case-preview{min-height:420px}
.single-realization__media .ac-case-phone{transform:rotate(7deg) scale(1.65);margin:92px 0 -115px}
.single-realization__media .ac-case-browser{width:80%;max-width:720px;transform:rotate(-2deg) translateY(18px)}
.single-realization__media .ac-case-browser__page{min-height:320px;padding:24px 32px}
.single-realization__media .ac-case-browser__hero strong{font-size:35px}
.single-realization__media .ac-case-browser__hero p{font-size:13px}
.single-realization__media .ac-case-browser__hero small{font-size:10px}
.single-realization__media .ac-case-browser__hero em{font-size:10px}
.single-realization__media .ac-case-browser__visual{height:180px}
.single-realization__media .ac-case-browser__cards span{height:54px}
@media(max-width:767px){
 .single-realization__media .ac-case-preview{min-height:265px}
 .single-realization__media .ac-case-phone{transform:rotate(7deg) scale(1.15);margin:28px 0 -92px}
 .single-realization__media .ac-case-browser{width:85%}
 .single-realization__media .ac-case-browser__page{min-height:205px;padding:11px 13px}
 .single-realization__media .ac-case-browser__hero strong{font-size:20px}
 .single-realization__media .ac-case-browser__hero p{font-size:7px}
 .single-realization__media .ac-case-browser__visual{height:94px}
 .single-realization__media .ac-case-browser__cards span{height:29px}
}


/* Home teaser linking service clients to ASTARCODE product studio. */
.ac-home-products { padding: 6px 0 30px; }
.ac-home-products__inner{
 display:flex;align-items:center;justify-content:space-between;gap:35px;
 border:1px solid rgba(56,189,248,.18);border-radius:22px;padding:29px 34px;
 background:radial-gradient(circle at 0 0,rgba(56,189,248,.09),transparent 45%),linear-gradient(135deg,rgba(17,27,52,.95),rgba(8,14,31,.98));
}
.ac-home-products__inner > div{max-width:740px;min-width:0}
.ac-home-products__inner h2{margin:0;color:#fff;font-size:clamp(22px,2.35vw,29px);line-height:1.2}
.ac-home-products__inner p:not(.eyebrow){margin:9px 0 0;color:#a9bad0;font-size:14px;line-height:1.7}
.ac-home-products__link{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:none;padding:14px 19px;border:1px solid rgba(56,189,248,.27);border-radius:12px;color:#a9e8ff;background:rgba(56,189,248,.08);font-size:14px;font-weight:800;text-decoration:none;transition:background .2s,transform .2s}
.ac-home-products__link:hover,.ac-home-products__link:focus-visible{background:rgba(56,189,248,.15);color:#fff;transform:translateY(-2px)}
@media(max-width:767px){
 .ac-home-products__inner{padding:23px;display:flex;align-items:stretch;flex-direction:column;gap:20px}
 .ac-home-products__link{width:100%}
}

/* Keep official app icons legible in portfolio previews. */
.ac-case-phone__header b img,
.ac-case-browser__nav b img { box-sizing: border-box; background: #fff; padding: 2px; }
.ac-case-browser__visual > span > img { box-sizing: border-box; background: #fff; padding: 7px; }