/*
 * IThandy - darmowy skan sklepu (lead magnet, migracja 0022): baner na stronie głównej i formularz na stronie skanu.
 * Ładowany tylko na stronie głównej i na stronie skanu (Ithandy_Brand::skanHead), PO ith-warsztat.css.
 * Styl Warsztat: kąty proste, obramowania 3 px ink, twarde cienie bez rozmycia, taśma ostrzegawcza ink/teal.
 * Kolory wyłącznie z brand kitu: ink #0B2B2A, teal #12B5A5, teal 700 #0E8C80, coral #FF6B5C, mint #F4FBFA, tekst pomocniczy #3E4F4E.
 * Bez licznika odliczającego czas - baner pokazuje tylko datę Black Friday.
 */

/* ---------- Baner na stronie głównej (za taśmą z telefonem, przed szufladami usług) ---------- */
.ith-whome .ith-skanband { padding: 56px 0 64px; }
.ith-skanband__box {
  position: relative; display: flex; align-items: center; justify-content: space-between; gap: 40px;
  background: #FFFFFF; border: 3px solid #0B2B2A; box-shadow: 10px 10px 0 #0B2B2A; padding: 44px 48px 40px;
}
/* taśma ostrzegawcza u góry ramki */
.ith-skanband__box::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 14px;
  background: repeating-linear-gradient(-45deg, #0B2B2A 0 14px, #12B5A5 14px 28px); border-bottom: 3px solid #0B2B2A;
}
.ith-skanband__box, .ith-skanband__box * { box-sizing: border-box; }
.ith-skanband__text { min-width: 0; max-width: 780px; }
.ith-skanband__tag {
  display: inline-flex; align-items: center; gap: 8px; margin: 6px 0 14px; padding: 6px 12px;
  background: #FF6B5C; border: 3px solid #0B2B2A; font: 800 14px/1.2 "Poppins", sans-serif; color: #0B2B2A;
}
.ith-skanband__tag .ith-icon { flex: none; }
.ith-whome .ith-skanband h2 { font-size: clamp(1.6rem, 2.8vw, 2.4rem); line-height: 1.15; letter-spacing: -.025em; margin: 0 0 10px; }
.ith-skanband__text p:last-child { margin: 0; color: #3E4F4E; font-size: 1.08rem; line-height: 1.6; }
.ith-skanband__cta { display: flex; flex-direction: column; gap: 14px; flex: none; }
.ith-skanband__cta .ith-btn { min-height: 56px; }
.ith-skanband__cta .ith-btn:not(.ith-btn--ghost) { box-shadow: 6px 6px 0 #0B2B2A !important; }

@media (max-width: 991px) {
  .ith-skanband__box { flex-direction: column; align-items: flex-start; gap: 24px; padding: 40px 28px 30px; }
  .ith-skanband__cta { width: 100%; }
}
@media (max-width: 575px) {
  .ith-whome .ith-skanband { padding: 40px 0 48px; }
  .ith-skanband__box { padding: 36px 20px 24px; box-shadow: 6px 6px 0 #0B2B2A; margin-right: 6px; }
  .ith-skanband__cta .ith-btn { width: 100%; }
}

/* ---------- Formularz na stronie skanu (klasy .ith-quote z ith-warsztat.css + dodatki) ---------- */
.ith-skan-form { margin: 32px 0 40px; max-width: 820px; box-sizing: border-box; }
.ith-skan-form *, .ith-skan .ith-skan__cta a { box-sizing: border-box; }
.ith-skan-form h2 { margin-top: 0 !important; }
.ith-skan-variant { border: 0; padding: 0; margin: 0 0 18px; min-width: 0; }
.ith-skan-variant legend { float: none; width: auto; padding: 0; margin: 0 0 8px; font-size: .92rem; }
.ith-skan-variant__opt {
  display: flex; align-items: flex-start; gap: 12px; margin: 0 0 10px; padding: 14px 16px; cursor: pointer;
  background: #FFFFFF; border: 2px solid #0B2B2A; color: #0B2B2A; line-height: 1.45;
}
.ith-skan-variant__opt:has(input:checked) { background: #F4FBFA; border-width: 3px; box-shadow: 4px 4px 0 #0B2B2A; padding: 13px 15px; }
.ith-skan-variant__opt input { flex: none; width: 20px; height: 20px; margin: 1px 0 0; accent-color: #0B2B2A; }
.ith-skan-variant__opt b { display: block; font-family: "Poppins", sans-serif; font-weight: 800; }
.ith-skan-variant__opt span { color: #3E4F4E; font-size: .95rem; }
.ith-skan-variant__opt span b { color: #0B2B2A; font-size: 1rem; }
.ith-skan-form select.ith-field { appearance: auto; min-height: 48px; }
.ith-skan-form .ith-quote__fielderr:not([hidden]) { display: block; }

/* przycisk w treści strony skanu (pierwszy ekran) */
.ith-skan .ith-skan__cta { margin: 20px 0 8px; display: flex; flex-wrap: wrap; gap: 14px; }
.ith-skan .ith-skan__cta a { text-decoration: none; }
@media (max-width: 575px) {
  .ith-skan .ith-skan__cta a, .ith-skan .ith-article-cta a { width: 100%; box-sizing: border-box; white-space: normal; text-align: center; }
  .ith-skan .ith-article-cta a + a { margin-top: 12px; }
}