.elementor-247 .elementor-element.elementor-element-f5d4ad3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-ba019ec{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-680b485{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-247 .elementor-element.elementor-element-3435f77{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-15af96e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-8cf4980{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-73238c4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-91ff5cd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-247 .elementor-element.elementor-element-fef93a2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-99cbc90{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-abdbcca{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-7cb3ba2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-ddc184f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-1340b5e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-5f9443e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-1d180c8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-418611a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-a8426bf{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-063522f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-85e4126{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-17aab08{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-a7211e5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-09417dc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-09fed91{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-df5dfeb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-0949da5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-9407c8e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-8d11943{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-247 .elementor-element.elementor-element-ab688cb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS *//* ===== O nás: hero ===== */
.elementor.elementor.elementor.elementor .sunboy-about-hero__button{flex-direction:row}
.elementor.elementor.elementor.elementor .sunboy-about-hero__label{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-hero__title{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-hero__text{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-hero__button{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-hero__label p{margin:0;font:inherit;color:inherit;letter-spacing:inherit}
.elementor.elementor.elementor.elementor .sunboy-about-hero__title .elementor-heading-title{font:inherit;color:inherit;letter-spacing:inherit;margin:0;padding:0;text-transform:inherit;text-decoration:inherit}
.elementor.elementor.elementor.elementor .sunboy-about-hero__text p{margin:0;font:inherit;color:inherit;letter-spacing:inherit}
.elementor.elementor.elementor.elementor .sunboy-about-hero__button .elementor-button{background:none;border:0;border-radius:0;padding:0;min-width:0;min-height:0;font:inherit;color:inherit;box-shadow:none;text-decoration:none;fill:currentColor}.elementor .sunboy-about-hero__button .elementor-button-content-wrapper{display:contents}
.elementor.elementor.elementor.elementor .sunboy-about-hero__inner{align-items:stretch;width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-hero__content{align-items:stretch;width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-hero{align-items:stretch;width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-hero,.elementor.elementor.elementor.elementor .sunboy-about-hero *{box-sizing: border-box;}
.elementor.elementor.elementor.elementor .sunboy-about-hero{--orange: #ff5a00; --white: #ffffff; --text-soft: rgba(255, 255, 255, 0.82); position: relative; width: 100%; min-height: 980px; overflow: hidden; font-family: Montserrat, sans-serif; color: var(--white); background: linear-gradient(90deg, rgba(4, 10, 18, 0.95) 0%, rgba(4, 10, 18, 0.86) 24%, rgba(4, 10, 18, 0.66) 42%, rgba(4, 10, 18, 0.34) 62%, rgba(4, 10, 18, 0.1) 100%), linear-gradient(rgba(4, 10, 18, 0.08) 0%, rgba(4, 10, 18, 0.12) 54%, rgba(4, 10, 18, 0.3) 100%), url("https://sunboy.cz/wp-content/uploads/2026/10/O-nas-sunboy.webp") center center / cover no-repeat;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__inner{width: calc(100% - 80px); max-width: 1320px; min-height: 980px; margin: 0px auto; padding: 350px 0px 90px; display: flex; flex-direction: column; justify-content: flex-start;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__content{max-width: 690px;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__label{margin: 0px 0px 26px; color: var(--orange); font-size: 20px; line-height: 1.1; letter-spacing: -0.02em; font-weight: 400; text-transform: uppercase;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__title{margin: 0px 0px 38px; font-size: 66px; line-height: 1.08; letter-spacing: -0.045em; font-weight: 300;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__title-line{display: block;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__title-line + .sunboy-about-hero__title-line{margin-top: 8px;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__text{max-width: 630px; margin: 0px 0px 42px; color: var(--text-soft); font-size: 19px; line-height: 1.55; letter-spacing: -0.01em; font-weight: 300;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__button .elementor-button{display: inline-flex; align-items: center; justify-content: center; min-width: 275px; height: 66px; padding: 0px 34px; background: var(--orange); border: 2px solid var(--orange); border-radius: 33px; color: var(--white); text-decoration: none; text-transform: uppercase; font-size: 18px; line-height: 1; font-weight: 600; transition: background-color 0.25s, border-color 0.25s, color 0.25s, transform 0.25s;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__button .elementor-button:hover{background: transparent; border-color: var(--orange); color: var(--white); transform: translateY(-2px);}
@media (max-width: 1400px){.elementor.elementor.elementor.elementor .sunboy-about-hero__inner{width: calc(100% - 64px); padding-top: 325px;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__title{font-size: 60px;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__button .elementor-button{min-width: 255px; height: 62px; border-radius: 31px; font-size: 17px;}}
@media (max-width: 1024px){.elementor.elementor.elementor.elementor .sunboy-about-hero,.elementor.elementor.elementor.elementor .sunboy-about-hero__inner{min-height: 840px;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__inner{width: calc(100% - 56px); min-height: 840px; padding: 255px 0px 70px;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__content{max-width: 620px;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__label{margin-bottom: 22px; font-size: 18px;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__title{margin-bottom: 32px; font-size: 54px;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__text{margin-bottom: 34px; font-size: 18px;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__button .elementor-button{min-width: 235px; height: 58px; padding: 0px 28px; border-radius: 29px; font-size: 16px;}}
@media (max-width: 767px){.elementor.elementor.elementor.elementor .sunboy-about-hero{min-height: 640px; background: linear-gradient(rgba(4, 10, 18, 0.82) 0%, rgba(4, 10, 18, 0.58) 38%, rgba(4, 10, 18, 0.88) 100%), url("https://sunboy.cz/wp-content/uploads/2026/10/O-nas-sunboy.webp") 62% center / cover no-repeat;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__inner{width: calc(100% - 40px); min-height: 640px; padding: 175px 0px 50px;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__content{max-width: 100%;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__label{margin-bottom: 18px; font-size: 15px;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__title{margin-bottom: 26px; font-size: 42px; line-height: 1.1;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__title-line + .sunboy-about-hero__title-line{margin-top: 8px;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__text{margin-bottom: 28px; font-size: 17px; line-height: 1.5;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__text br{display: none;}
.elementor.elementor.elementor.elementor .sunboy-about-hero__button .elementor-button{min-width: 215px; height: 54px; padding: 0px 26px; border-radius: 27px; font-size: 15px;}}

/* ===== O nás: development ===== */
.elementor.elementor.elementor.elementor .sunboy-about-development__icon{flex-direction:row}
.elementor.elementor.elementor.elementor .sunboy-about-development__label{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-development__title{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-development__text{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-development__step-title{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-development__step-text{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-development__step-title{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-development__step-text{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-development__step-title{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-development__step-text{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-development__label p{margin:0;font:inherit;color:inherit;letter-spacing:inherit}
.elementor.elementor.elementor.elementor .sunboy-about-development__title .elementor-heading-title{font:inherit;color:inherit;letter-spacing:inherit;margin:0;padding:0;text-transform:inherit;text-decoration:inherit}
.elementor.elementor.elementor.elementor .sunboy-about-development__text p{margin:0;font:inherit;color:inherit;letter-spacing:inherit}
.elementor.elementor.elementor.elementor .sunboy-about-development__step-title .elementor-heading-title{font:inherit;color:inherit;letter-spacing:inherit;margin:0;padding:0;text-transform:inherit;text-decoration:inherit}
.elementor.elementor.elementor.elementor .sunboy-about-development__step-text p{margin:0;font:inherit;color:inherit;letter-spacing:inherit}
.elementor.elementor.elementor.elementor .sunboy-about-development__icon > .elementor-widget-image,.elementor .sunboy-about-development__icon > .elementor-widget-image > .elementor-widget-container{display:contents}
.elementor.elementor.elementor.elementor .sunboy-about-development__image > .elementor-widget-image,.elementor .sunboy-about-development__image > .elementor-widget-image > .elementor-widget-container{display:contents}
.elementor.elementor.elementor.elementor .sunboy-about-development__inner{align-items:stretch;width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-development__content{align-items:stretch;width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-development__steps{align-items:stretch;width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-development__step{align-items:stretch;width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-development__icon{align-items:stretch;width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-development__media{align-items:stretch;width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-development__image{align-items:stretch;width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-development__video{align-items:stretch;width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-development{align-items:stretch;width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-development,.elementor.elementor.elementor.elementor .sunboy-about-development *{box-sizing: border-box;}
.elementor.elementor.elementor.elementor .sunboy-about-development{--orange: #ff5a00; --text: #101114; --background: #f4f2ed; width: 100%; background: var(--background); font-family: Montserrat, sans-serif; color: var(--text);}
.elementor.elementor.elementor.elementor .sunboy-about-development__inner{width: calc(100% - 80px); max-width: 1320px; margin: 0px auto; padding: 90px 0px; display: grid; grid-template-columns: 620px 480px; justify-content: space-between; gap: 80px; align-items: center;}
.elementor.elementor.elementor.elementor .sunboy-about-development__content{min-width: 0px;}
.elementor.elementor.elementor.elementor .sunboy-about-development__label{margin: 0px 0px 44px; color: var(--orange); font-size: 20px; line-height: 1.2; letter-spacing: -0.015em; font-weight: 400; text-transform: uppercase;}
.elementor.elementor.elementor.elementor .sunboy-about-development__title{margin: 0px 0px 46px; font-size: 44px; line-height: 1.16; letter-spacing: -0.035em; font-weight: 400;}
.elementor.elementor.elementor.elementor .sunboy-about-development__title-line{display: block; white-space: nowrap;}
.elementor.elementor.elementor.elementor .sunboy-about-development__text{max-width: 430px; margin: 0px 0px 46px; color: var(--text); font-size: 18px; line-height: 1.55; letter-spacing: -0.01em; font-weight: 300;}
.elementor.elementor.elementor.elementor .sunboy-about-development__steps{display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px;}
.elementor.elementor.elementor.elementor .sunboy-about-development__step{min-width: 0px; text-align: center; transform: translateY(0px); transition: transform 0.3s;}
.elementor.elementor.elementor.elementor .sunboy-about-development__step:hover{transform: translateY(-4px);}
.elementor.elementor.elementor.elementor .sunboy-about-development__icon{height: 90px; margin-bottom: 18px; display: flex; align-items: center; justify-content: center;}
.elementor.elementor.elementor.elementor .sunboy-about-development__icon img{display: block; width: auto; max-width: 82px; max-height: 82px; object-fit: contain; transition: transform 0.3s;}
.elementor.elementor.elementor.elementor .sunboy-about-development__step:hover .sunboy-about-development__icon img{transform: scale(1.05);}
.elementor.elementor.elementor.elementor .sunboy-about-development__step-title{margin: 0px 0px 12px; font-size: 18px; line-height: 1.2; letter-spacing: -0.02em; font-weight: 500;}
.elementor.elementor.elementor.elementor .sunboy-about-development__step-text{margin: 0px; color: var(--text); font-size: 15px; line-height: 1.55; font-weight: 300;}
.elementor.elementor.elementor.elementor .sunboy-about-development__media{width: 100%; max-width: 480px; display: flex; flex-direction: column; gap: 32px;}
.elementor.elementor.elementor.elementor .sunboy-about-development__image{position: relative; flex: 0 0 auto; width: 100%; aspect-ratio: 1200 / 927;}
.elementor.elementor.elementor.elementor .sunboy-about-development__image img{position: absolute; inset: 0px; display: block; width: 100%; height: 100%; object-fit: contain; object-position: center center;}
.elementor.elementor.elementor.elementor .sunboy-about-development__video{position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: rgb(4, 17, 29);}
.elementor.elementor.elementor.elementor .sunboy-about-development__video iframe{position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px;}
@media (max-width: 1400px){.elementor.elementor.elementor.elementor .sunboy-about-development__inner{width: calc(100% - 64px); grid-template-columns: 580px 440px; gap: 70px;}
.elementor.elementor.elementor.elementor .sunboy-about-development__media{max-width: 440px;}
.elementor.elementor.elementor.elementor .sunboy-about-development__title{font-size: 40px;}
.elementor.elementor.elementor.elementor .sunboy-about-development__text{font-size: 17px;}
.elementor.elementor.elementor.elementor .sunboy-about-development__steps{gap: 24px;}}
@media (max-width: 1160px){.elementor.elementor.elementor.elementor .sunboy-about-development__inner{width: calc(100% - 56px); padding: 80px 0px; grid-template-columns: 1fr; gap: 70px;}
.elementor.elementor.elementor.elementor .sunboy-about-development__content{max-width: 760px;}
.elementor.elementor.elementor.elementor .sunboy-about-development__label{margin-bottom: 34px;}
.elementor.elementor.elementor.elementor .sunboy-about-development__title{margin-bottom: 36px;}
.elementor.elementor.elementor.elementor .sunboy-about-development__text{max-width: 560px; margin-bottom: 40px;}
.elementor.elementor.elementor.elementor .sunboy-about-development__steps{max-width: 620px;}
.elementor.elementor.elementor.elementor .sunboy-about-development__media{max-width: 620px; gap: 28px;}
.elementor.elementor.elementor.elementor .sunboy-about-development__image{flex: 0 0 auto; min-height: 0px; aspect-ratio: 1200 / 927;}
.elementor.elementor.elementor.elementor .sunboy-about-development__video{height: auto; aspect-ratio: 16 / 9;}}
@media (max-width: 767px){.elementor.elementor.elementor.elementor .sunboy-about-development__inner{width: calc(100% - 40px); padding: 64px 0px; gap: 48px;}
.elementor.elementor.elementor.elementor .sunboy-about-development__label{margin-bottom: 28px; font-size: 15px;}
.elementor.elementor.elementor.elementor .sunboy-about-development__title{margin-bottom: 28px; font-size: 30px; line-height: 1.2;}
.elementor.elementor.elementor.elementor .sunboy-about-development__title-line{white-space: normal;}
.elementor.elementor.elementor.elementor .sunboy-about-development__text{margin-bottom: 36px; font-size: 16px; line-height: 1.6;}
.elementor.elementor.elementor.elementor .sunboy-about-development__steps{grid-template-columns: 1fr; gap: 38px;}
.elementor.elementor.elementor.elementor .sunboy-about-development__icon{height: 80px; margin-bottom: 14px;}
.elementor.elementor.elementor.elementor .sunboy-about-development__icon img{max-width: 72px; max-height: 72px;}
.elementor.elementor.elementor.elementor .sunboy-about-development__step-title{font-size: 19px;}
.elementor.elementor.elementor.elementor .sunboy-about-development__step-text{font-size: 15px; line-height: 1.55;}
.elementor.elementor.elementor.elementor .sunboy-about-development__media{max-width: 100%; gap: 20px;}}
@media (hover: none){.elementor.elementor.elementor.elementor .sunboy-about-development__step:hover{transform: none;}
.elementor.elementor.elementor.elementor .sunboy-about-development__step:hover .sunboy-about-development__icon img{transform: none;}}

/* ===== O nás: experience ===== */
.elementor.elementor.elementor.elementor .sunboy-about-experience__label{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-experience__title{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-experience__text{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-experience__caption{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-experience__stat-value{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-experience__stat-title{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-experience__stat-value{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-experience__stat-title{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-experience__label p{margin:0;font:inherit;color:inherit;letter-spacing:inherit}
.elementor.elementor.elementor.elementor .sunboy-about-experience__title .elementor-heading-title{font:inherit;color:inherit;letter-spacing:inherit;margin:0;padding:0;text-transform:inherit;text-decoration:inherit}
.elementor.elementor.elementor.elementor .sunboy-about-experience__text p{margin:0;font:inherit;color:inherit;letter-spacing:inherit}
.elementor.elementor.elementor.elementor .sunboy-about-experience__caption p{margin:0;font:inherit;color:inherit;letter-spacing:inherit}
.elementor.elementor.elementor.elementor .sunboy-about-experience__stat-value p{margin:0;font:inherit;color:inherit;letter-spacing:inherit}
.elementor.elementor.elementor.elementor .sunboy-about-experience__stat-title p{margin:0;font:inherit;color:inherit;letter-spacing:inherit}
.elementor.elementor.elementor.elementor .sunboy-about-experience__image > .elementor-widget-image,.elementor .sunboy-about-experience__image > .elementor-widget-image > .elementor-widget-container{display:contents}
.elementor.elementor.elementor.elementor .sunboy-about-experience__inner{align-items:stretch;width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-experience__content{align-items:stretch;width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-experience__image{align-items:stretch;width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-experience__stats{align-items:stretch;width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-experience__stat{align-items:stretch;width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-experience{align-items:stretch;width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-experience,.elementor.elementor.elementor.elementor .sunboy-about-experience *{box-sizing: border-box;}
.elementor.elementor.elementor.elementor .sunboy-about-experience{--orange: #ff5a00; --dark: #04111d; --dark-soft: #0d1b25; --text: #ffffff; --text-soft: rgba(255, 255, 255, 0.70); width: 100%; background: var(--dark); font-family: Montserrat, sans-serif; color: var(--text);}
.elementor.elementor.elementor.elementor .sunboy-about-experience__inner{width: calc(100% - 80px); max-width: 1320px; margin: 0px auto; padding: 105px 0px 120px; display: grid; grid-template-columns: minmax(0px, 1fr) 400px; gap: 95px; align-items: start;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__label{margin: 0px 0px 64px; color: var(--orange); font-size: 20px; line-height: 1.2; letter-spacing: -0.015em; font-weight: 400; text-transform: uppercase;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__title{margin: 0px 0px 62px; font-size: 56px; line-height: 1.18; letter-spacing: -0.035em; font-weight: 300;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__text{max-width: 600px; margin: 0px 0px 66px; color: var(--text-soft); font-size: 18px; line-height: 1.6; letter-spacing: -0.01em; font-weight: 300;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__image{width: 100%; max-width: 650px; margin-bottom: 24px; overflow: hidden;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__image img{display: block; width: 100%; height: 275px; object-fit: cover;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__caption{max-width: 650px; margin: 0px; color: rgba(255, 255, 255, 0.58); font-size: 13px; line-height: 1.5; font-weight: 300;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__stats{display: flex; flex-direction: column; gap: 68px; padding-top: 12px;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__stat{min-height: 185px; padding: 38px 42px; display: flex; flex-direction: column; justify-content: center; background: var(--dark-soft); border-radius: 26px; transform: translateY(0px); transition: transform 0.3s, background-color 0.3s;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__stat:hover{transform: translateY(-3px); background: rgb(17, 35, 47);}
.elementor.elementor.elementor.elementor .sunboy-about-experience__stat-value{margin: 0px 0px 18px; color: var(--orange); font-size: 52px; line-height: 1; letter-spacing: -0.035em; font-weight: 300;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__stat-title{margin: 0px; font-size: 16px; line-height: 1.4; font-weight: 500;}
@media (max-width: 1400px){.elementor.elementor.elementor.elementor .sunboy-about-experience__inner{width: calc(100% - 64px); grid-template-columns: minmax(0px, 1fr) 370px; gap: 75px;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__title{font-size: 52px;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__stat-value{font-size: 48px;}}
@media (max-width: 1024px){.elementor.elementor.elementor.elementor .sunboy-about-experience__inner{width: calc(100% - 56px); padding: 90px 0px 100px; grid-template-columns: 1fr; gap: 65px;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__label{margin-bottom: 48px; font-size: 18px;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__title{margin-bottom: 44px; font-size: 46px;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__text{margin-bottom: 50px; font-size: 17px;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__image{max-width: 720px;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__image img{height: auto; aspect-ratio: 16 / 7;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__stats{max-width: 720px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; padding-top: 0px;}}
@media (max-width: 767px){.elementor.elementor.elementor.elementor .sunboy-about-experience__inner{width: calc(100% - 40px); padding: 70px 0px 80px; gap: 50px;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__label{margin-bottom: 34px; font-size: 15px;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__title{margin-bottom: 32px; font-size: 38px; line-height: 1.22;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__text{margin-bottom: 40px; font-size: 16px; line-height: 1.6;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__image img{aspect-ratio: 16 / 9;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__caption{font-size: 12px;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__stats{grid-template-columns: 1fr; gap: 18px;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__stat{min-height: 160px; padding: 30px 28px; border-radius: 22px;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__stat-value{font-size: 44px;}
.elementor.elementor.elementor.elementor .sunboy-about-experience__stat-title{font-size: 15px;}}
@media (hover: none){.elementor.elementor.elementor.elementor .sunboy-about-experience__stat:hover{transform: none; background: var(--dark-soft);}}

/* ===== O nás: realization ===== */
.elementor.elementor.elementor.elementor .sunboy-about-realization__cta-button{flex-direction:row}
.elementor.elementor.elementor.elementor .sunboy-about-realization__label{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-realization__title{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-realization__text{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-realization__note-title{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-realization__note-text{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-realization__cta-title{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-realization__cta-button{color:inherit;font-family:inherit;min-width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-realization__label p{margin:0;font:inherit;color:inherit;letter-spacing:inherit}
.elementor.elementor.elementor.elementor .sunboy-about-realization__title .elementor-heading-title{font:inherit;color:inherit;letter-spacing:inherit;margin:0;padding:0;text-transform:inherit;text-decoration:inherit}
.elementor.elementor.elementor.elementor .sunboy-about-realization__text p{margin:0;font:inherit;color:inherit;letter-spacing:inherit}
.elementor.elementor.elementor.elementor .sunboy-about-realization__note-title .elementor-heading-title{font:inherit;color:inherit;letter-spacing:inherit;margin:0;padding:0;text-transform:inherit;text-decoration:inherit}
.elementor.elementor.elementor.elementor .sunboy-about-realization__note-text p{margin:0;font:inherit;color:inherit;letter-spacing:inherit}
.elementor.elementor.elementor.elementor .sunboy-about-realization__cta-title .elementor-heading-title{font:inherit;color:inherit;letter-spacing:inherit;margin:0;padding:0;text-transform:inherit;text-decoration:inherit}
.elementor.elementor.elementor.elementor .sunboy-about-realization__cta-button .elementor-button{background:none;border:0;border-radius:0;padding:0;min-width:0;min-height:0;font:inherit;color:inherit;box-shadow:none;text-decoration:none;fill:currentColor}.elementor .sunboy-about-realization__cta-button .elementor-button-content-wrapper{display:contents}
.elementor.elementor.elementor.elementor .sunboy-about-realization__inner{align-items:stretch;width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-realization__content{align-items:stretch;width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-realization__note{align-items:stretch;width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-realization__cta{align-items:stretch;width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-realization{align-items:stretch;width:auto}
.elementor.elementor.elementor.elementor .sunboy-about-realization,.elementor.elementor.elementor.elementor .sunboy-about-realization *{box-sizing: border-box;}
.elementor.elementor.elementor.elementor .sunboy-about-realization{--orange: #ff5a00; --dark: #04111d; --dark-soft: #0d1b25; --white: #ffffff; --text-soft: rgba(255, 255, 255, 0.78); position: relative; width: 100%; min-height: 940px; overflow: hidden; background: var(--dark); font-family: Montserrat, sans-serif; color: var(--white);}
.elementor.elementor.elementor.elementor .sunboy-about-realization::before{content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; width: 56%; background: linear-gradient(90deg, rgba(4, 10, 18, 0.16) 0%, rgba(4, 10, 18, 0.1) 52%, rgba(4, 10, 18, 0.34) 100%), linear-gradient(rgba(4, 10, 18, 0.1) 0%, rgba(4, 10, 18, 0.05) 55%, rgba(4, 10, 18, 0.18) 100%), url("https://sunboy.cz/wp-content/uploads/2026/10/Staveniste-bez-firemnich-znacek.webp") center center / cover no-repeat; z-index: 0;}
.elementor.elementor.elementor.elementor .sunboy-about-realization::after{content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; width: 44%; background: var(--dark); z-index: 0;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__inner{position: relative; z-index: 1; width: calc(100% - 80px); max-width: 1320px; min-height: 940px; margin: 0px auto; display: grid; grid-template-columns: 56% 44%; align-items: stretch;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__visual{min-width: 0px; min-height: 940px;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__content{min-width: 0px; min-height: 940px; padding: 90px 0px 90px 130px; display: flex; flex-direction: column; justify-content: center;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__label{margin: 0px 0px 48px; color: var(--orange); font-size: 20px; line-height: 1.15; letter-spacing: -0.015em; font-weight: 400; text-transform: uppercase;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__title{max-width: 430px; margin: 0px 0px 44px; font-size: 44px; line-height: 1.28; letter-spacing: -0.035em; font-weight: 400;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__text{max-width: 360px; margin: 0px 0px 44px; color: var(--text-soft); font-size: 17px; line-height: 1.42; letter-spacing: -0.01em; font-weight: 300;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__note{width: 100%; max-width: 420px; padding: 30px 26px 28px; background: var(--dark-soft); border-radius: 24px;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__note-title{margin: 0px 0px 18px; color: var(--orange); font-size: 16px; line-height: 1.25; letter-spacing: -0.015em; font-weight: 500; text-transform: uppercase;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__note-text{margin: 0px; color: var(--white); font-size: 16px; line-height: 1.5; letter-spacing: -0.01em; font-weight: 300;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__cta{width: 100%; max-width: 420px; margin-top: 28px; padding: 30px 28px 28px; background: var(--orange); border-radius: 24px;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__cta-title{margin: 0px 0px 24px; color: var(--dark); font-size: 27px; line-height: 1.16; letter-spacing: -0.025em; font-weight: 700;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__cta-title span{font-weight: 400;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__cta-button .elementor-button{display: inline-flex; align-items: center; justify-content: center; min-width: 225px; height: 58px; padding: 0px 28px; background: var(--dark); border: 2px solid var(--dark); border-radius: 29px; color: var(--white); text-decoration: none; text-transform: uppercase; font-size: 15px; line-height: 1; font-weight: 600; transition: background-color 0.25s, border-color 0.25s, color 0.25s, transform 0.25s;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__cta-button .elementor-button:hover{background: transparent; border-color: var(--dark); color: var(--dark); transform: translateY(-2px);}
@media (max-width: 1400px){.elementor.elementor.elementor.elementor .sunboy-about-realization,.elementor.elementor.elementor.elementor .sunboy-about-realization__inner,.elementor.elementor.elementor.elementor .sunboy-about-realization__visual,.elementor.elementor.elementor.elementor .sunboy-about-realization__content{min-height: 880px;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__inner{width: calc(100% - 64px);}
.elementor.elementor.elementor.elementor .sunboy-about-realization__content{padding-left: 105px;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__label{margin-bottom: 42px; font-size: 18px;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__title{font-size: 40px;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__cta-title{font-size: 25px;}}
@media (max-width: 1024px){.elementor.elementor.elementor.elementor .sunboy-about-realization{min-height: auto;}
.elementor.elementor.elementor.elementor .sunboy-about-realization::before,.elementor.elementor.elementor.elementor .sunboy-about-realization::after{display: none;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__inner{width: 100%; min-height: auto; grid-template-columns: 1fr;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__visual{min-height: 560px; background: linear-gradient(rgba(4, 10, 18, 0.12) 0%, rgba(4, 10, 18, 0.24) 100%), url("https://sunboy.cz/wp-content/uploads/2026/10/o-nas-cta.webp") center center / cover no-repeat;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__content{min-height: auto; padding: 80px 28px 85px; background: var(--dark);}
.elementor.elementor.elementor.elementor .sunboy-about-realization__label{margin-bottom: 34px; font-size: 17px;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__title{max-width: 640px; margin-bottom: 36px; font-size: 36px; line-height: 1.25;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__text{max-width: 560px; margin-bottom: 38px;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__note,.elementor.elementor.elementor.elementor .sunboy-about-realization__cta{max-width: 520px;}}
@media (max-width: 767px){.elementor.elementor.elementor.elementor .sunboy-about-realization__visual{min-height: 390px; background-position: center center;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__content{padding: 60px 20px 70px;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__label{margin-bottom: 26px; font-size: 15px;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__title{margin-bottom: 28px; font-size: 30px; line-height: 1.24;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__text{margin-bottom: 30px; font-size: 15px; line-height: 1.48;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__text br{display: none;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__note{padding: 22px 20px 20px; border-radius: 18px;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__note-title{margin-bottom: 12px; font-size: 14px;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__note-text{font-size: 14px; line-height: 1.45;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__cta{margin-top: 20px; padding: 24px 20px 22px; border-radius: 18px;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__cta-title{margin-bottom: 20px; font-size: 23px; line-height: 1.18;}
.elementor.elementor.elementor.elementor .sunboy-about-realization__cta-button .elementor-button{min-width: 205px; height: 54px; padding: 0px 24px; border-radius: 27px; font-size: 14px;}}


/* ===== O nás: Vývoj – větší zprůhledněná ilustrace vpravo, video přes ni ===== */
.elementor.elementor.elementor.elementor .sunboy-about-development { position: relative; overflow: hidden; }
.elementor.elementor.elementor.elementor .sunboy-about-development__inner { grid-template-columns: minmax(0, 560px) minmax(0, 1fr); gap: 40px; justify-content: start; align-items: center; }
.elementor.elementor.elementor.elementor .sunboy-about-development__media { position: relative; display: block; width: 100%; max-width: none; aspect-ratio: 1200 / 927; }
.elementor.elementor.elementor.elementor .sunboy-about-development__image { position: absolute; left: 50%; top: 50%; width: 120%; height: auto; transform: translate(-50%, -50%); aspect-ratio: 1200 / 927; }
.elementor.elementor.elementor.elementor .sunboy-about-development__image img { object-fit: contain; opacity: .42; }
.elementor.elementor.elementor.elementor .sunboy-about-development__media > .sunboy-about-development__video { position: absolute; left: 50%; top: 50%; z-index: 2; width: 62%; height: auto; aspect-ratio: 16 / 9; transform: translate(-50%, -50%); box-shadow: 0 18px 48px rgba(4,17,29,.28); }
.elementor.elementor.elementor.elementor .sunboy-about-development__video > .elementor-widget-html { position: static; }
@media (max-width: 1160px) {
  .elementor.elementor.elementor.elementor .sunboy-about-development__inner { grid-template-columns: 1fr; gap: 56px; }
  .elementor.elementor.elementor.elementor .sunboy-about-development__media { max-width: 640px; }
  .elementor.elementor.elementor.elementor .sunboy-about-development__image { width: 112%; }
}
@media (max-width: 767px) {
  .elementor.elementor.elementor.elementor .sunboy-about-development__media { max-width: 100%; }
  .elementor.elementor.elementor.elementor .sunboy-about-development__image { width: 108%; }
  .elementor.elementor.elementor.elementor .sunboy-about-development__media > .sunboy-about-development__video { width: 76%; }
}

/* ===== O nás: Vývoj – vpravo text, vlevo obrázek, kroky pod tím přes celou šířku ===== */
.elementor.elementor.elementor.elementor .sunboy-about-development__inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 80px; row-gap: 64px; justify-content: normal; align-items: center; }
.elementor.elementor.elementor.elementor .sunboy-about-development__media { grid-column: 1; grid-row: 1; position: relative; display: block; width: 100%; max-width: none; aspect-ratio: 1200 / 927; overflow: hidden; border-radius: 26px; background: #e8e5dd; padding: 0; isolation: isolate; }
.elementor.elementor.elementor.elementor .sunboy-about-development__image { position: absolute; z-index: 0; inset: 0; width: auto; height: auto; transform: none; aspect-ratio: auto; pointer-events: none; }
.elementor.elementor.elementor.elementor .sunboy-about-development__image img { object-fit: cover; object-position: center center; opacity: .95; -webkit-mask-image: none; mask-image: none; }
.elementor.elementor.elementor.elementor .sunboy-about-development__content { grid-column: 2; grid-row: 1; max-width: 520px; }
.elementor.elementor.elementor.elementor .sunboy-about-development__text { margin-bottom: 0; }
.elementor.elementor.elementor.elementor .sunboy-about-development__steps { grid-column: 1 / -1; grid-row: 2; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; max-width: none; padding: 0; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.elementor.elementor.elementor.elementor .sunboy-about-development__step { display: grid; grid-template-columns: 84px minmax(0, 1fr); column-gap: 22px; align-items: center; text-align: left; padding: 26px 28px; background: #fff; border-radius: 20px; border: 0; box-shadow: 0 10px 30px rgba(4,17,29,.07); }
.elementor.elementor.elementor.elementor .sunboy-about-development__step .sunboy-about-development__icon { grid-row: 1 / span 2; height: auto; margin: 0; justify-content: center; }
.elementor.elementor.elementor.elementor .sunboy-about-development__step .sunboy-about-development__icon img { max-width: 64px; max-height: 64px; }
.elementor.elementor.elementor.elementor .sunboy-about-development__step-title { align-self: end; margin: 0 0 6px; }
.elementor.elementor.elementor.elementor .sunboy-about-development__step-text { align-self: start; }
@media (max-width: 1160px) {
  .elementor.elementor.elementor.elementor .sunboy-about-development__inner { grid-template-columns: 1fr; row-gap: 48px; }
  .elementor.elementor.elementor.elementor .sunboy-about-development__content { grid-column: 1; grid-row: 1; max-width: 640px; }
  .elementor.elementor.elementor.elementor .sunboy-about-development__media { grid-column: 1; grid-row: 2; max-width: 640px; }
  .elementor.elementor.elementor.elementor .sunboy-about-development__steps { grid-column: 1; grid-row: 3; grid-template-columns: 1fr; gap: 14px; max-width: 640px; }
}
@media (max-width: 767px) {
  .elementor.elementor.elementor.elementor .sunboy-about-development__media { border-radius: 22px; }
  .elementor.elementor.elementor.elementor .sunboy-about-development__step { grid-template-columns: 64px minmax(0, 1fr); column-gap: 16px; padding: 16px 18px; border-radius: 18px; }
  .elementor.elementor.elementor.elementor .sunboy-about-development__step .sunboy-about-development__icon img { max-width: 52px; max-height: 52px; }
}


/* ===== O nás: Zkušenost – video místo fotky ===== */
.elementor.elementor.elementor.elementor .sunboy-about-experience__image { overflow: visible; border-radius: 20px; }
@media (min-width: 1161px) { .elementor.elementor.elementor.elementor .sunboy-about-experience__image { max-width: 560px; } }
.elementor.elementor.elementor.elementor .sunboy-about-experience__image > .elementor-widget-html { width: 100%; }

/* O nás: Zkušenost – oranžový „had“ obíhající kolem statistik */
@property --sb-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
.elementor.elementor.elementor.elementor .sunboy-about-experience__stat { position: relative; box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); }
.elementor.elementor.elementor.elementor .sunboy-about-experience__stat::before {
  content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 2px; pointer-events: none;
  background: conic-gradient(from var(--sb-angle), transparent 0deg, transparent 250deg, rgba(255,90,0,.25) 300deg, #ff5a00 358deg, transparent 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  animation: sb-snake 6s linear infinite;
}
.elementor.elementor.elementor.elementor .sunboy-about-experience__stat + .sunboy-about-experience__stat::before { animation-delay: -3s; }
@keyframes sb-snake { to { --sb-angle: 360deg; } }
@media (prefers-reduced-motion: reduce) { .elementor.elementor.elementor.elementor .sunboy-about-experience__stat::before { animation: none; background: linear-gradient(rgba(255,90,0,.35), rgba(255,90,0,.35)); } }/* End custom CSS */