h1,
h1::after,
h2::before,
h2::after {
  display: none !important;
  content: none !important;
}
/* =========================================================
   SPRINTSHIRT — O NAS / HERO
   На картинке только товары + иконки. Весь текст — здесь.
   ========================================================= */
.ss-hero {
  position: relative !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}
.ss-hero__bg {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* верхний текст: O NAS + заголовок + описание */
.ss-hero__content {
  position: absolute !important;
  left: 0 !important;
  top: 15% !important;            /* вертикальная позиция текста */
  width: 44% !important;          /* ширина текстовой колонки */
  box-sizing: border-box !important;
  padding: clamp(20px, 4vw, 56px) !important;
}
.ss-hero__eyebrow {
  display: block !important;
  margin: 0 0 14px !important;
  color: #e6005c !important;
  font-size: clamp(11px, 1.1vw, 13px) !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
}
.ss-hero__title {
  margin: 0 0 16px !important;
  padding: 0 !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  font-size: clamp(22px, 2.8vw, 36px) !important;
  line-height: 1.14 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}
.ss-hero__accent {
  background: linear-gradient(90deg, #e6005c 0%, #ff8a00 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
.ss-hero__lead {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 420px !important;
  color: #5a5a5a !important;
  font-size: clamp(12px, 1.3vw, 15px) !important;
  line-height: 1.6 !important;
}

/* подписи под иконками */
.ss-hero__labels {
  position: absolute !important;
  left: 1.4% !important;          /* левый край ряда иконок */
  bottom: 15% !important;         /* насколько ниже иконок */
  width: 41% !important;          /* ширина ряда из 4 иконок */
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 6px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.ss-hero__labels span {
  text-align: center !important;
  color: #2f2f2f !important;
  font-size: clamp(9px, 1.1vw, 13px) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

/* Mobile — верхний текст над картинкой, подписи остаются на картинке */
@media (max-width: 767px) {
  /* mobile: полностью скрываем верхний баннер "O NAS" */
  .ss-hero {
    display: none !important;
  }
  .ss-hero__content {
    position: static !important;
    top: auto !important;
    width: 100% !important;
    padding: 0 6px 18px !important;
  }
  .ss-hero__title { font-size: 24px !important; }
  .ss-hero__lead { max-width: none !important; }
}
/* =========================================================
   SPRINTSHIRT — O NAS / "Kim jesteśmy?"
   ========================================================= */

.ss-about-who {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 28px auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

.ss-about-who-inner {
  display: flex !important;
  align-items: center !important;
  gap: 44px !important;

  padding: 15px 20px !important;

  background: #ffffff !important;
  border: 1px solid rgba(230, 0, 92, 0.22) !important;
  border-radius: 24px !important;
  box-shadow: 0 12px 34px rgba(230, 0, 92, 0.22) !important;
}

/* картинка-блоб слева */
.ss-about-who-media {
  flex: 0 0 200px !important;
  max-width: 200px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.ss-about-who-media img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* текст справа */
.ss-about-who-text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.ss-about-who-text h2 {
  margin: 0 0 18px !important;
  padding: 0 !important;

  color: #111111 !important;
  font-size: 30px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
}

.ss-about-who-text p {
  margin: 0 0 16px !important;
  padding: 0 !important;

  color: #4a4a4a !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
  font-weight: 400 !important;
}

.ss-about-who-text p:last-child {
  margin-bottom: 0 !important;
}

/* Tablet */
@media (max-width: 991px) {
  .ss-about-who-inner {
    gap: 32px !important;
    padding: 34px 32px !important;
  }

  .ss-about-who-media {
    flex: 0 0 240px !important;
    max-width: 240px !important;
  }

  .ss-about-who-text h2 {
    font-size: 27px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .ss-about-who {
    margin: 22px auto !important;
    padding: 0 14px !important;
  }

  .ss-about-who-inner {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 22px !important;
    padding: 28px 22px !important;
    border-radius: 20px !important;
  }

  .ss-about-who-media {
    flex: 0 0 auto !important;
    max-width: 200px !important;
  }

  .ss-about-who-text h2 {
    font-size: 25px !important;
    margin-bottom: 14px !important;
  }

  .ss-about-who-text p {
    font-size: 15px !important;
    line-height: 1.65 !important;
    text-align: left !important;
  }
}
/* =========================================================
   SPRINTSHIRT — O NAS / "Twoja marka. Twój styl. Twój nadruk."
   Куда: Anvanto → Custom CSS, В САМЫЙ НИЗ.
   ========================================================= */

.ss-about-brand {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 28px auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

/* общая рамка вокруг всего блока (1px) */
.ss-about-brand-inner {
  padding: 34px 30px !important;
  background: #ffffff !important;
  border: 1px solid rgba(230, 0, 92, 0.22) !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 34px rgba(230, 0, 92, 0.22) !important;
}

/* разноцветный заголовок */
.ss-about-brand-title {
  margin: 0 0 26px !important;
  padding: 0 !important;

  text-align: center !important;
  font-size: 26px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

.ss-about-brand-title .t1 { color: #111111 !important; }
.ss-about-brand-title .t2 { color: #e6005c !important; }
.ss-about-brand-title .t3 { color: #ff8a00 !important; }

.ss-about-brand-title span { margin: 0 4px !important; }

/* сетка из 3 карточек */
.ss-about-brand-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

/* карточка — рамка 1px */
.ss-about-brand-card {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;

  padding: 20px !important;

  background: #ffffff !important;
  border: 1px solid rgba(230, 0, 92, 0.22) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 10px rgba(230, 0, 92, 0.22) !important;
}

/* иконка — фон уже в самой картинке, ничего не добавляем */
.ss-about-brand-icon {
  flex: 0 0 auto !important;
}

.ss-about-brand-icon img {
  width: 90px !important;
  height: 90px !important;
  object-fit: contain !important;
  display: block !important;
}

/* текст карточки */
.ss-about-brand-body {
  min-width: 0 !important;
}

.ss-about-brand-body h3 {
  margin: 2px 0 8px !important;
  padding: 0 !important;

  color: #111111 !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}

.ss-about-brand-body p {
  margin: 0 !important;
  padding: 0 !important;

  color: #5a5a5a !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
}

/* Tablet */
@media (max-width: 991px) {
  .ss-about-brand-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .ss-about-brand {
    margin: 22px auto !important;
    padding: 0 14px !important;
  }

  .ss-about-brand-inner {
    padding: 24px 18px !important;
    border-radius: 18px !important;
  }

  .ss-about-brand-title {
    font-size: 22px !important;
    margin-bottom: 20px !important;
  }

  .ss-about-brand-card {
    padding: 16px !important;
    gap: 14px !important;
  }

  .ss-about-brand-icon img {
    width: 56px !important;
    height: 56px !important;
  }
}
/* =========================================================
   SPRINTSHIRT — O NAS / РАСКЛАДКА И ОТСТУПЫ (один раз)
   Цепляется к реальной обёртке .ss-about-final.
   Куда: Anvanto → Custom CSS, В САМЫЙ НИЗ.
   ========================================================= */

.ss-about-final {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 40px auto !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;

  display: flex !important;
  flex-direction: column !important;
  gap: 56px !important;            /* ← расстояние между блоками */
}

/* прямые дети не задают свои вертикальные отступы — всё решает gap */
.ss-about-final > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* внутри секции (заголовок + сетка) — заголовок прижат к своей сетке */
.ss-about-group {
  display: block !important;
}

.ss-about-group .ss-about-final__title {
  margin: 0 0 22px !important;
}

/* hero-картинка */
.ss-about-hero-img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 22px !important;
}

@media (max-width: 767px) {
  .ss-about-final {
    gap: 34px !important;
    margin: 26px auto !important;
    padding: 0 14px !important;
  }

  .ss-about-group .ss-about-final__title {
    margin-bottom: 16px !important;
  }
}
/* =========================================================
   SPRINTSHIRT — O NAS / "Jakość, którą widać i czuć"
   Заголовок + 5 карточек в ОДНОЙ общей рамке. Карточки — со своими рамками.
   Куда: Anvanto → Custom CSS, В САМЫЙ НИЗ.
   ========================================================= */

/* ОБЩАЯ рамка вокруг заголовка и всех карточек */
.ss-about-jakosc {
  background: #ffffff !important;
  border: 1px solid rgba(230, 0, 92, 0.22) !important;
  border-radius: 22px !important;
  padding: 34px 30px !important;
  box-shadow: 0 12px 34px rgba(230, 0, 92, 0.22) !important;
}

/* заголовок секции (внутри рамки, по центру) */
.ss-about-final__title {
  text-align: center !important;
  margin: 0 0 24px !important;
}

.ss-about-final__title h2 {
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: #111111 !important;
  font-size: 28px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

.ss-about-final__title p {
  max-width: 680px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  color: #5a5a5a !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

/* сетка из 5 карточек (без своей рамки — рамка теперь общая снаружи) */
.ss-about-final__tech-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;

  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* карточка технологии — своя рамка 1px (всего 5 рамок) */
.ss-about-final__tech-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;

  padding: 18px 16px !important;

  background: #ffffff !important;
  border: 1px solid rgba(230, 0, 92, 0.22) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 10px rgba(230, 0, 92, 0.22) !important;
}

/* верхняя строка: иконка + заголовок */
.ss-about-final__tech-head {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
}

.ss-about-final__tech-head img {
  width: 80x !important;
  height: 80px !important;
  object-fit: contain !important;
  display: block !important;
  flex: 0 0 auto !important;
}

.ss-about-final__tech-head h3 {
  margin: 0 !important;
  padding: 0 !important;
  color: #111111 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

/* описание */
.ss-about-final__tech-card p {
  margin: 0 !important;
  padding: 0 !important;
  color: #5a5a5a !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
}

/* Tablet */
@media (max-width: 1199px) {
  .ss-about-final__tech-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .ss-about-jakosc {
    padding: 24px 18px !important;
  }

  .ss-about-final__title h2 {
    font-size: 24px !important;
  }

  .ss-about-final__tech-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}

@media (max-width: 480px) {
  .ss-about-final__tech-grid {
    grid-template-columns: 1fr !important;
  }
}
/* =========================================================
   SPRINTSHIRT — O NAS / "Dlaczego Sprintshirt.pl?"
   ========================================================= */

/* ОБЩАЯ рамка вокруг заголовка и 6 карточек */
.ss-about-group {
  background: #ffffff !important;
  border: 1px solid rgba(230, 0, 92, 0.22) !important;
  border-radius: 22px !important;
  padding: 34px 30px !important;
  box-shadow: 0 12px 34px rgba(230, 0, 92, 0.22) !important;
}

/* заголовок секции по центру (как в "Jakość") */
.ss-about-group .ss-about-final__title {
  text-align: center !important;
  margin: 0 0 24px !important;
}
.ss-about-group .ss-about-final__title h2 {
  margin: 0 !important;
  padding: 0 !important;
  color: #111111 !important;
  font-size: 28px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}

/* сетка из 6 карточек */
.ss-about-final__why-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

/* карточка — своя рамка 1px (как tech-card в "Jakość") */
.ss-about-final__why-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 12px !important;
  padding: 22px 14px !important;
  background: #ffffff !important;
  border: 1px solid rgba(230, 0, 92, 0.22) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 10px rgba(230, 0, 92, 0.22) !important;
}
.ss-about-final__why-icon { flex: 0 0 auto !important; }
.ss-about-final__why-icon img {
  width: 80px !important;
  height: 100px !important;
  object-fit: contain !important;
  display: block !important;
}
.ss-about-final__why-card p {
  margin: 0 !important;
  padding: 0 !important;
  color: #4a4a4a !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
}

/* Tablet / Mobile */
@media (max-width: 1199px) {
  .ss-about-final__why-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 767px) {
  .ss-about-group { padding: 24px 18px !important; }
  .ss-about-group .ss-about-final__title h2 { font-size: 24px !important; }
  .ss-about-final__why-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
  .ss-about-final__why-icon img { width: 48px !important; height: 48px !important; }
}

/* =========================================================
   SPRINTSHIRT — O NAS / CTA "Gotowy, aby stworzyć coś wyjątkowego?"
   ========================================================= */
.ss-about-final__cta {
  display: flex !important;
  align-items: stretch !important;
  overflow: hidden !important;
  background: linear-gradient(90deg, #fff6fa 0%, #ffeff6 100%) !important;
  border: 1px solid rgba(230, 0, 92, 0.22) !important;
  border-radius: 24px !important;
  box-shadow: 0 12px 34px rgba(230, 0, 92, 0.22) !important;
}
.ss-about-final__cta-content {
  flex: 1 1 auto !important;
  align-self: center !important;
  padding: 40px 44px !important;
}
.ss-about-final__cta-content h2 {
  margin: 0 0 12px !important;
  padding: 0 !important;
  color: #111111 !important;
  font-size: 28px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}
.ss-about-final__cta-content p {
  margin: 0 0 24px !important;
  padding: 0 !important;
  color: #5a5a5a !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}
.ss-about-final__cta-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
}
.ss-about-final__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 13px 28px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}
.ss-about-final__btn--primary {
  background: #e6005c !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(230, 0, 92, 0.35) !important;
}
.ss-about-final__btn--primary:hover { transform: translateY(-1px) !important; }
.ss-about-final__btn--secondary {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid rgba(17, 17, 17, 0.14) !important;
}
.ss-about-final__btn--secondary:hover { border-color: rgba(230, 0, 92, 0.4) !important; }
.ss-about-final__cta-image {
  flex: 0 0 46% !important;
  max-width: 46% !important;
}
.ss-about-final__cta-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: right center !important;  /* было center — прижимаем кадр к товарам */
  display: block !important;
}
@media (max-width: 767px) {
  .ss-about-final__cta { flex-direction: column !important; }
  .ss-about-final__cta-content { padding: 28px 22px !important; }
  .ss-about-final__cta-content h2 { font-size: 23px !important; }
  /* mobile: убираем картинку из последнего баннера */
  .ss-about-final__cta-image { display: none !important; }
}