.about-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6rem; /* desktop */
}

.about-text {
  flex: 1 1 60%;
  max-width: 60%;
}

.about-image {
  flex: 1 1 40%;
  max-width: 40%;
}

.about-image img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  display: block;
}

/* responzivní chování */
@media (max-width: 768px) {
  .about-wrapper {
    flex-direction: column;
    gap: 3rem; /* mobil */
  }
  .about-text, .about-image {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%; /* jistota */
  }
    .about-image img {
    width: 100%;
    object-fit: cover;
  }
}




#form_contact-form2 .frm_button_submit {
  --ascent-scale:1.0479;
  --descent-scale:0.271;
  --cap-height-scale:0.7109;
  --line-gap-scale:0;
  --line-height-scale:1.3188;
  --font-size-px:12;
  --line-height-offset:calc((var(--line-height-scale)*var(--font-size-px)/2 - var(--font-size-px)*1/2)/var(--font-size-px));
  align-items:center;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity));
  border-radius:9999px;
  border: none;
  box-shadow:0 0 30px 0 #fff;
  display:flex;
  font-family:Roboto Mono,sans-serif;
  font-size:.75rem;
  font-weight:500;
  justify-content:center;
  line-height:1;
  padding:1rem 2.5rem;
  text-transform:uppercase;
  transition:color .3s linear,background-color .5s cubic-bezier(.52, .01, .16, 1),box-shadow .5s cubic-bezier(.52, .01, .16, 1);
  word-break:break-all;
}
#form_contact-form2 .frm_button_submit:hover {
  background-color:#081f20;
  box-shadow:0 0 30px 0 #081f20;
  color:#b1ff7d;
}
#form_contact-form2 .frm_button_submit:hover {
  background-color:#d9eb7a;
  box-shadow:0 0 30px 0 #d9eb7a;
  color:#081f20;
}
.heading-line { position: relative; }
.heading-line::after {
  content:"";
  display:block;
  width:100%;
  height:1px;
  background-color:#9cf082;
  margin-top:3rem;
}
.steps-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5.5rem;
  align-items:start;
  grid-template-areas:
    "col1 img1"
    "img2 col2";
}
.col1 { grid-area: col1; }
.col2 { grid-area: col2; }
.img1 { grid-area: img1; }
.img2 { grid-area: img2; }
.promo-grid p {
  max-width:420px;
  width:100%;
}
.limetka-2 { transform: rotate(46deg); }
.limetka-3 { transform: rotate(92deg); }
.limetka-4 { transform: rotate(-47deg); }
.af-h4 { display:flex; flex-wrap:wrap; }
.af-h4 span:first-child { flex-basis:100%; }
.team-header { display:flex; gap:3rem; }
.team-header h2, .team-header p { flex:1; }
.team-header p { max-width:400px; }
.team-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:2rem;
}
.team-member img {
  width:100%;
  height:350px;
  object-fit:cover;
  box-shadow:0 6px 20px rgba(0,0,0,0.35);
  margin-bottom:2rem;
}
.cs-usp-box {
  border:1px solid rgba(177,255,125,1);
  padding:2rem 1rem;
  color:white;
  background:rgba(0,0,0,0.20);
  backdrop-filter:blur(30px);
  box-shadow:0 4px 15px rgba(0,0,0,0.35);
}
.logos-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 3rem;
  align-items: start;   /* nahoru */
  justify-items: center; /* doleva */
}

.logos-grid img {
  max-height: 80px; /* nebo kolik potřebuješ */
  width: auto;
  object-fit: contain;
  display: block;
  margin: 0; /* ať to už nic neposouvá */
}
.form-grid { display:grid; gap:0; align-items:stretch; }
.form-image img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:.3125rem 0 0 .3125rem;
}
.form-box {
  background:rgba(255,255,255,0.65);
  padding:3rem;
  border-radius:0 .3125rem .3125rem 0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.audit-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6rem;
  align-items:start;
}
.audit-left { display:flex; flex-direction:column; }
.audit-heading { margin-bottom:3rem; }
.audit-paragraph { margin-bottom:5.5rem; }
.pricing { display:flex; flex-direction:column; }
.pricing-row-2, .pricing-row {
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-top:1px solid rgba(171,255,84,0.7);
  padding:1.25rem 0;
}
.pricing-row:last-child {
  border-bottom:1px solid rgba(171,255,84,0.7);
}
.t-logo { max-width:120px; height:auto; }
.testimonial-carousel {
  position:relative;
  display:block;
  overflow:visible;
  min-height:260px;
  max-width:var(--cont-max-w);
  margin:0 auto;
}
.testimonial-carousel {
  cursor: grab;
}
.testimonial-carousel.dragging {
  cursor: grabbing;
  user-select: none;   /* zabrání označování textu */
}
.t-card {
  position:absolute;
  background:rgba(12,27,23,0.9);
  transition:all 0.6s ease;
  opacity:0;
  z-index:0;
  width:70%;
  min-height:260px;
  display:flex;
  gap:4rem;
  left:50%;
  transform:translateX(-50%) scale(0.9);
  padding:2rem;
  box-sizing:border-box;
  align-items:flex-start;
}
.t-card.active {
  opacity:1;
  z-index:3;
  transform:translateX(-50%) scale(1);
  box-shadow:0 0 20px rgba(0,0,0,0.4);
}
.t-card.left, .t-card.right { opacity:0.3; z-index:2; }
.t-card.left { transform:translateX(calc(-50% - 60%)) scale(0.85); }
.t-card.right { transform:translateX(calc(-50% + 60%)) scale(0.85); }
.t-left { flex:0 0 auto; }
.t-right { flex:1 1 auto; display:block; height:auto !important; align-self:flex-start; }
.t-logo-stars { margin-bottom:3rem; }
.t-stars { font-size:20px; }
.t-person { margin-bottom:0; }
.t-pagination {
  display:flex;
  justify-content:center;
  gap:0.5rem;
  margin-top:1.5rem;
  position:relative;
}
.t-pagination span {
  width:10px;
  height:10px;
  border-radius:50%;
  background:rgba(255,255,255,0.3);
  cursor:pointer;
  transition:background 0.3s ease;
}
.t-pagination span.active { background:#9AFE2E; }
.image-column img {
  width:100%;
  height:350px;
  object-fit:cover;
  border-radius:.3125rem;
}
.steps-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:6rem;
  row-gap:6rem;
  align-items:start;
}
.promo-grid {
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:2rem;
  border:1px solid rgba(171,255,84,.35);
  padding:1.5rem;
  background:rgba(8,31,32,.60);
  box-shadow:0 0px 30px rgba(0,0,0,0.20);
}
.seo-audit-grid { display:grid; grid-template-columns:1fr; }
.hero-section .cs-container { display:flex; gap:2rem; }
.hero-section .left-col { width:70%; }
.hero-section .right-col { width:30%; }
.hero-section .left-col h1 { margin-bottom:4rem; }

/* ===== MEDIA QUERIES ===== */

/* ≤1450px */
@media (max-width:1450px) {
  .t-card { width:75%; }
  .t-card.left { transform:translateX(calc(-50% - 40%)) scale(0.85); }
  .t-card.right { transform:translateX(calc(-50% + 40%)) scale(0.85); }
}

/* ≤1024px */
@media (max-width:1024px) {
  .testimonial-carousel { min-height:340px; }
  .t-card { width:80%; text-align:left; }
  .t-card.left { transform:translateX(calc(-50% - 30%)) scale(0.85); }
  .t-card.right { transform:translateX(calc(-50% + 30%)) scale(0.85); }
  .team-grid { grid-template-columns:repeat(2,1fr); }
}

/* ≤768px */
@media (max-width:768px) {
  .steps-grid {
    grid-template-columns:1fr !important;
    grid-template-areas:"img1" "col1" "img2" "col2";
    gap:1.5rem;
    row-gap:3rem;
  }
  .promo-grid p { max-width:100%; }
  .af-h4 { display:inline-block; }
  .af-h4 span { flex-basis:auto !important; display:inline-block; }
  .form-grid { grid-template-columns:1fr; }
  .form-image img { height:auto; border-radius:0 0 .3125rem .3125rem; }
  .form-box {
    order:-1;
    border-radius:.3125rem .3125rem 0 0;
    padding:2rem;
  }
  .logos-grid { grid-template-columns:repeat(3,1fr); }
  .audit-grid { grid-template-columns:1fr; gap:2rem; }
  .pricing-row { align-items:flex-start; }
  .pricing-row p:last-child { margin-top:0.5rem; }
  .t-card { grid-template-columns:1fr; gap:2rem; padding:1.5rem; }
  .t-logo { max-width:120px; }
  .promo-grid { grid-template-columns:1fr; text-align:center; }
  .hero-section .cs-container { flex-direction:column; }
  .hero-section .left-col,
  .hero-section .right-col { width:100%; }
  .hero-section .left-col .af-h5,
  .hero-section .left-col .mt-12 { margin-left:0 !important; }
}

/* ≤640px */
@media (max-width:640px) {
  .testimonial-carousel { min-height:320px; height:auto; }
  .t-card {
    width:90%;
    padding:1.25rem;
    flex-direction:column;
    align-items:flex-start;
    text-align:left;
  }
  .t-logo-stars { margin-bottom:2rem; }
  .t-person { margin-bottom:0; }
  .t-card.left { transform:translateX(calc(-50% - 15%)) scale(0.9); }
  .t-card.right { transform:translateX(calc(-50% + 15%)) scale(0.9); }
  .t-pagination { margin-top:1.5rem; }
  .team-header { flex-direction:column; }
  .team-grid { grid-template-columns:1fr; }
}

/* ≥768px */
@media (min-width:768px) {
  .seo-audit-grid { grid-template-columns:repeat(2,1fr); }
}

/* ≥1024px */
@media (min-width:1024px) {
  .form-grid { grid-template-columns:45% 55%; }
  .seo-audit-grid { grid-template-columns:repeat(4,1fr); }
}

