@media (max-width: 800px) {

.phone-only {
    display: inherit;
}

.sensor-technology-section {
    position: relative;
    z-index: 50;      /* nad middle-tabs */
    margin-top: -25px; /* zahryzne sa do sekcie nad tým */
    background: #f0f4ff;
        padding: var(--spacing-2xl) 0;
    background: #071448;
    border-radius: 40px 40px 0 0;
    color: white;
}

.sensor-technology-section .circle-btn{
    width: 55px;
    height: 50px;
}

/* MODRÉ POZADIE – ZAOBLENÉ HORE */
.sensor-technology-section .section {
        height: 850px;
    background: #071448;
    border-radius: 40px 40px 0 0;
    position: relative;
    padding: 10vw 10vw 0 10vw;

}

/* HERO BLOK */
.sensor-technology-section .hero {
    width: 100%;
    margin: 0 auto;
background: radial-gradient(circle, rgba(28, 44, 109, 0.85) 0%, rgb(38, 51, 123) 100%), url('/assets/151d39207bd12b3b94659818b67762aae36f14f0.jpg');    background-position: center;
    border-radius: 20px;
    padding: 20px;
    position: relative;
    min-height: 380px;
}

/* TEXT ÚPLNE DOLE NA POZADÍ */
.sensor-technology-section .left-box {
    position: absolute;
    bottom: 20px;
    left: 40px;
    color: white;
    max-width: 45%;
}

.sensor-technology-section .left-box button {
width: 65px;
    height: 50px;
  border-radius: 50%;
  border: 1px solid transparent;
  background: white;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 0px;
}

.sensor-technology-section .hero-content{
    display: none;
}

.sensor-technology-section .hero-content-small{
    display: flex;
        gap: 20px;
margin-top: 20px;
}


.sensor-technology-section .hero-content-small .tabs{
    gap: 20px;
}

.sensor-technology-section .display-flex h2{
    max-width: 80%;
}

/* TABY – HORIZONTÁLNE */
.sensor-technology-section .hero .tabs {
    display: none;
}

.sensor-technology-section .sensor-technology-section-tab {
    display: grid!important;
  background: #C6DBF14D;
  backdrop-filter: blur(12px);
      padding: 5px 8px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    font-weight: bold;
    text-align: center;
padding-top: 80px;
    width: 140px;
}

.sensor-technology-section .hero-content-small div{
    display: flex;
  justify-content: space-between;
  width: 100%;
}
/* SPODNÝ OBRÁZOK */
.sensor-technology-section .bottom-image {
    display: none;
    width: 100%;
    height: 300px;
    background-image: url('/assets/2222c13f23391f616f1fff0f945ba1686af45c5f049c.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    position: absolute;
    bottom: -10%;
    right: 5%;
}

/* TEXT NALAVO OD SPODNÉHO OBRÁZKA */
.sensor-technology-section .bottom-text {
    position: absolute;
    left: 0;
    color: var(--text-sedondary);
    font-size: 18px;
    font-weight: 500;
    width: 80%;
    padding-left: 4rem;
}

.sensor-technology-section ul{
    margin-top: 20px;
}

.sensor-technology-section li{
    margin-left: 26px;
    font-size: var(--font-size-md);
  color: var(--text-light);
  line-height: 1.6;
}

.sensor-technology-section h3{
text-align: left;
color: var(--text-primary-dark);
font-size: var(--font-size-md);
}

.sensor-technology-section .display-flex h2{
    font-size: var(--font-size-lg);
    padding-bottom: 2vw;
}

.sensor-technology-section .sensor-technology-section-tab p {
text-align: left;

color: var(--text-primary-dark);
font-weight: normal;
font-size: small;
}
}


@media (min-width: 800px) {

.phone-only {
    display: none;
}

.sensor-technology-section {
    position: relative;
    z-index: 50;      /* nad middle-tabs */
    margin-top: -25px; /* zahryzne sa do sekcie nad tým */
    background: #f0f4ff;
        padding: var(--spacing-2xl) 0;
    background: #071448;
    border-radius: 40px 40px 0 0;
    color: white;
}

/* MODRÉ POZADIE – ZAOBLENÉ HORE */
.sensor-technology-section .section {
        height: 850px;
    background: #071448;
    border-radius: 40px 40px 0 0;
    position: relative;
    padding: 10vw 10vw 0 10vw;

}

/* HERO BLOK */
.sensor-technology-section .hero {
    width: 100%;
    margin: 0 auto;
background: radial-gradient(circle, rgba(28, 44, 109, 0.85) 0%, rgb(38, 51, 123) 100%), url('/assets/151d39207bd12b3b94659818b67762aae36f14f0.jpg');    background-position: center;
    border-radius: 20px;
    padding: 40px;
    position: relative;
    min-height: 380px;
}

/* TEXT ÚPLNE DOLE NA POZADÍ */
.sensor-technology-section .left-box {
    position: absolute;
    bottom: 20px;
    left: 40px;
    color: white;
    max-width: 45%;
}

.sensor-technology-section .left-box button {
width: 65px;
    height: 50px;
  border-radius: 50%;
  border: 1px solid transparent;
  background: white;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 0px;
}

.sensor-technology-section .hero-content{
    display: none;
}

.sensor-technology-section .hero-content-small{
    display: flex;
        gap: 20px;
margin-top: 20px;
}


.sensor-technology-section .hero-content-small .tabs{
    gap: 20px;
}

.sensor-technology-section .display-flex h2{
    max-width: 80%;
}

/* TABY – HORIZONTÁLNE */
.sensor-technology-section .hero .tabs {
    display: none;
}

.sensor-technology-section .sensor-technology-section-tab {
    display: grid!important;
  background: #C6DBF14D;
  backdrop-filter: blur(12px);
      padding: 12px 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    font-weight: bold;
    text-align: center;
padding-top: 80px;
    width: 140px;
}

.sensor-technology-section .hero-content-small div{
    display: flex;
  justify-content: space-between;
  width: 100%;
}
/* SPODNÝ OBRÁZOK */
.sensor-technology-section .bottom-image {
    width: 100%;
    height: 300px;
    display: inherit;
    background-image: url('/assets/2222c13f23391f616f1fff0f945ba1686af45c5f049c.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    position: absolute;
    bottom: -10%;
    right: 5%;
}

/* TEXT NALAVO OD SPODNÉHO OBRÁZKA */
.sensor-technology-section .bottom-text {
    position: absolute;
    left: 0;
    color: var(--text-sedondary);
    font-size: 18px;
    font-weight: 500;
    width: 50%;
    padding-left: 4rem;
}

.sensor-technology-section ul{
    margin-top: 10px;
}

.sensor-technology-section li{
    margin-left: 26px;
    font-size: var(--font-size-md);
  color: var(--text-light);
  line-height: 1.6;
}

.sensor-technology-section h3{
text-align: left;
color: var(--text-primary-dark);
font-size: var(--font-size-lg);
}

.sensor-technology-section .display-flex h2{
    font-size: var(--font-size-xl);
    padding-bottom: 5vw;
}

.sensor-technology-section .sensor-technology-section-tab p {
text-align: left;

color: var(--text-primary-dark);
font-weight: normal;
}
}


@media (min-width: 1200px) {
.sensor-technology-section .hero-content{
    display: inherit;
}
.sensor-technology-section .hero-content-small{
    display: none;
}

.sensor-technology-section {
    padding: 0;
    position: relative;
    z-index: 50;      /* nad middle-tabs */
    margin-top: -25px; /* zahryzne sa do sekcie nad tým */
    background: #f0f4ff;

}

/* MODRÉ POZADIE – ZAOBLENÉ HORE */
.sensor-technology-section .section {
        height: 850px;
    background: #071448;
    border-radius: 40px 40px 0 0;
    padding: 120px 0 80px;
    position: relative;
}

/* HERO BLOK */
.sensor-technology-section .hero {
    width: 70%;
    margin: 0 auto;
      background: radial-gradient(circle, rgba(28,44,109,0.77) 0%, rgba(38,51,123,0.81) 100%), url('/assets/151d39207bd12b3b94659818b67762aae36f14f0.jpg');
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    padding: 40px;
    position: relative;
    min-height: 380px;
}

/* TEXT ÚPLNE DOLE NA POZADÍ */
.sensor-technology-section .left-box {
    position: absolute;
    bottom: 20px;
    left: 40px;
    color: white;
    max-width: 45%;
}

.sensor-technology-section .left-box button {
width: 65px;
    height: 50px;
  border-radius: 50%;
  border: 1px solid transparent;
  background: white;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 0px;
}

.sensor-technology-section .display-flex h2{
    max-width: 80vw;
}

/* TABY – HORIZONTÁLNE */
.sensor-technology-section .tabs {
    display: flex;
    gap: 10px;
    position: absolute;
    right: 0%;
    top: 50px;
}

.sensor-technology-section .hero-content-small div{
    width: 20%;
}

.sensor-technology-section .sensor-technology-section-tab {
  background: #C6DBF14D;
  backdrop-filter: blur(12px);
      padding: 12px 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    font-weight: bold;
    text-align: center;
padding-top: 80px;
    width: 140px;
}

/* SPODNÝ OBRÁZOK */
.sensor-technology-section .bottom-image {
    width: 780px;
    height: 480px;
    background-image: url('/assets/2222c13f23391f616f1fff0f945ba1686af45c5f049c.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    position: absolute;
    bottom: -78%;
    right: -15%;
}

/* TEXT NALAVO OD SPODNÉHO OBRÁZKA */
.sensor-technology-section .bottom-text {
    position: absolute;
    bottom: -60%;
    left: 0;
    color: white;
    font-size: 18px;
    font-weight: 500;
    width: 33%;
    padding-left: 4rem;
}

.sensor-technology-section ul{
    margin-top: 20px;
}

.sensor-technology-section li{
    margin-left: 26px;
    font-size: var(--font-size-md);
  color: var(--text-light);
  line-height: 1.6;
}

.sensor-technology-section h3{
text-align: left;
color: var(--text-primary-dark);
font-size: var(--font-size-lg);
}

.sensor-technology-section .display-flex h2{
    font-size: var(--font-size-xl);
}

.sensor-technology-section .sensor-technology-section-tab p {
text-align: left;

color: var(--text-primary-dark);
font-weight: normal;
}
}

@media (min-width: 1440px) {
.sensor-technology-section .hero-content{
    display: inherit;
}

.sensor-technology-section {
    position: relative;
    z-index: 50;      /* nad middle-tabs */
    margin-top: -25px; /* zahryzne sa do sekcie nad tým */
    background: #f0f4ff;

}

/* MODRÉ POZADIE – ZAOBLENÉ HORE */
.sensor-technology-section .section {
        height: 850px;
    background: #071448;
    border-radius: 40px 40px 0 0;
    padding: 220px 0 80px;
    position: relative;
}

/* HERO BLOK */
.sensor-technology-section .hero {
    width: 70%;
    margin: 0 auto;
      background: radial-gradient(circle, rgba(28,44,109,0.77) 0%, rgba(38,51,123,0.81) 100%), url('/assets/151d39207bd12b3b94659818b67762aae36f14f0.jpg');
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    padding: 40px;
    position: relative;
    min-height: 380px;
}

/* TEXT ÚPLNE DOLE NA POZADÍ */
.sensor-technology-section .left-box {
    position: absolute;
    bottom: 20px;
    left: 40px;
    color: white;
    max-width: 45%;
}

.sensor-technology-section .left-box button {
width: 55px;
    height: 50px;
  border-radius: 50%;
  border: 1px solid transparent;
  background: white;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 15px;
}

.sensor-technology-section .display-flex h2{
    max-width: 80vw;
}

/* TABY – HORIZONTÁLNE */
.sensor-technology-section .tabs {
    display: flex;
    gap: 10px;
    position: absolute;
    right: 0%;
    top: 120px;
}
.sensor-technology-section .hero-content-small div{
    width: 20%;
}

.sensor-technology-section .sensor-technology-section-tab {
  background: #C6DBF14D;
  backdrop-filter: blur(12px);
      padding: 12px 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    font-weight: bold;
    text-align: center;
padding-top: 100px;
    width: 170px;
}

/* SPODNÝ OBRÁZOK */
.sensor-technology-section .bottom-image {
    width: 780px;
    height: 480px;
    background-image: url('/assets/2222c13f23391f616f1fff0f945ba1686af45c5f049c.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    position: absolute;
    bottom: -78%;
    right: -10%;
}

/* TEXT NALAVO OD SPODNÉHO OBRÁZKA */
.sensor-technology-section .bottom-text {
    position: absolute;
    bottom: -60%;
    left: 0;
    color: white;
    font-size: 18px;
    font-weight: 500;
    width: 33%;
    padding-left: 4rem;
}

.sensor-technology-section ul{
    margin-top: 20px;
}

.sensor-technology-section li{
    margin-left: 26px;
    font-size: var(--font-size-md);
  color: var(--text-light);
  line-height: 1.6;
}

.sensor-technology-section h3{
text-align: left;
color: var(--text-primary-dark);
}

.sensor-technology-section .sensor-technology-section-tab p {
text-align: left;

color: var(--text-primary-dark);
font-weight: normal;
}
}