.elementor-1292 .elementor-element.elementor-element-c39d88b{--display:flex;}.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-1292 .elementor-element.elementor-element-ae55e26{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.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-1292 .elementor-element.elementor-element-7b92833{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-1292 .elementor-element.elementor-element-231f107{--icon-box-icon-margin:15px;}.elementor-1292 .elementor-element.elementor-element-f05fbe8{--icon-box-icon-margin:15px;}.elementor-1292 .elementor-element.elementor-element-ee9e329{--icon-box-icon-margin:15px;}.elementor-1292 .elementor-element.elementor-element-2e8348f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1292 .elementor-element.elementor-element-88f2265{--display:flex;}.elementor-1292 .elementor-element.elementor-element-4084f2f{--display:flex;}.elementor-1292 .elementor-element.elementor-element-a558ed1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1292 .elementor-element.elementor-element-b88feed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1292 .elementor-element.elementor-element-b091916{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1292 .elementor-element.elementor-element-1412554{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.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-1292 .elementor-element.elementor-element-ad2d696{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.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-1292 .elementor-element.elementor-element-86b4c2e{--display:flex;}.elementor-1292 .elementor-element.elementor-element-8c9c0a6{--spacer-size:50px;}.elementor-1292 .elementor-element.elementor-element-515a65f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1292 .elementor-element.elementor-element-c433a6f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1292 .elementor-element.elementor-element-97d21f1 .elementor-icon-wrapper{text-align:center;}.elementor-1292 .elementor-element.elementor-element-822d885{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1292 .elementor-element.elementor-element-ce097bd{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1292 .elementor-element.elementor-element-a70b175{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.3;}.elementor-1292 .elementor-element.elementor-element-a70b175::before, .elementor-1292 .elementor-element.elementor-element-a70b175 > .elementor-background-video-container::before, .elementor-1292 .elementor-element.elementor-element-a70b175 > .e-con-inner > .elementor-background-video-container::before, .elementor-1292 .elementor-element.elementor-element-a70b175 > .elementor-background-slideshow::before, .elementor-1292 .elementor-element.elementor-element-a70b175 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1292 .elementor-element.elementor-element-a70b175 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://sunnypower.cz/wp-content/uploads/2025/07/carecky-scaled.png");--background-overlay:'';background-position:bottom left;}.elementor-1292 .elementor-element.elementor-element-a70b175::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 6.8px ) hue-rotate( 0deg );}.elementor-1292 .elementor-element.elementor-element-5f53b22{text-align:center;}.elementor-1292 .elementor-element.elementor-element-73c2970{text-align:center;}.elementor-1292 .elementor-element.elementor-element-5be0609{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1292 .elementor-element.elementor-element-2f95f96{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1292 .elementor-element.elementor-element-58fa577{--icon-box-icon-margin:15px;}.elementor-1292 .elementor-element.elementor-element-453bad5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1292 .elementor-element.elementor-element-57828d6{--icon-box-icon-margin:15px;}.elementor-1292 .elementor-element.elementor-element-9e98bde{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1292 .elementor-element.elementor-element-1c0c20b{--icon-box-icon-margin:15px;}.elementor-1292 .elementor-element.elementor-element-f61fb35{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1292 .elementor-element.elementor-element-726c3a4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1292 .elementor-element.elementor-element-a4cc8e4{--icon-box-icon-margin:15px;}.elementor-1292 .elementor-element.elementor-element-ecc6d27{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1292 .elementor-element.elementor-element-20a4e8d{--icon-box-icon-margin:15px;}.elementor-1292 .elementor-element.elementor-element-71d2fb7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1292 .elementor-element.elementor-element-18008c2{--icon-box-icon-margin:15px;}.elementor-1292 .elementor-element.elementor-element-6bd51fe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1292 .elementor-element.elementor-element-e51dd11{text-align:center;}.elementor-1292 .elementor-element.elementor-element-2c033df{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1292 .elementor-element.elementor-element-088ca1d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1292 .elementor-element.elementor-element-41a5744{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1292 .elementor-element.elementor-element-aa8076c .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1292 .elementor-element.elementor-element-aa8076c .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1292 .elementor-element.elementor-element-aa8076c{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1292 .elementor-element.elementor-element-aa8076c .elementor-icon-list-text{transition:color 0.3s;}.elementor-1292 .elementor-element.elementor-element-c636b91{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1292 .elementor-element.elementor-element-00d5668{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1292 .elementor-element.elementor-element-721bce3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1292 .elementor-element.elementor-element-9f4587d .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1292 .elementor-element.elementor-element-9f4587d .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1292 .elementor-element.elementor-element-9f4587d{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1292 .elementor-element.elementor-element-9f4587d .elementor-icon-list-text{transition:color 0.3s;}.elementor-1292 .elementor-element.elementor-element-177e0df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1292 .elementor-element.elementor-element-e30166d .elementor-heading-title{color:#2C3E50;}.elementor-1292 .elementor-element.elementor-element-36cf4cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1292 .elementor-element.elementor-element-d46f9d8{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;}.elementor-1292 .elementor-element.elementor-element-d46f9d8.elementor-element{--align-self:center;}.elementor-1292 .elementor-element.elementor-element-d46f9d8 .elementor-heading-title{color:#2C3E50;}.elementor-1292 .elementor-element.elementor-element-0f0e83d{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-1292 .elementor-element.elementor-element-0f0e83d.elementor-element{--align-self:center;}.elementor-1292 .elementor-element.elementor-element-dda857f{--display:flex;}.elementor-1292 .elementor-element.elementor-element-c4b9006{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;}.elementor-1292 .elementor-element.elementor-element-c4b9006.elementor-element{--align-self:center;}.elementor-1292 .elementor-element.elementor-element-c4b9006 .elementor-heading-title{color:#2C3E50;}.elementor-1292 .elementor-element.elementor-element-3d709a4{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-1292 .elementor-element.elementor-element-3d709a4.elementor-element{--align-self:center;}.elementor-1292 .elementor-element.elementor-element-d1fe600{--display:flex;}.elementor-1292 .elementor-element.elementor-element-907ed35{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:center;}.elementor-1292 .elementor-element.elementor-element-907ed35.elementor-element{--align-self:center;}.elementor-1292 .elementor-element.elementor-element-907ed35 .elementor-heading-title{color:#2C3E50;}.elementor-1292 .elementor-element.elementor-element-cde4991{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-1292 .elementor-element.elementor-element-cde4991.elementor-element{--align-self:center;}.elementor-1292 .elementor-element.elementor-element-1d62a2f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1292 .elementor-element.elementor-element-75a8ef8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1292 .elementor-element.elementor-element-5d6b3dd{text-align:center;}.elementor-1292 .elementor-element.elementor-element-3ecf322{text-align:center;}@media(min-width:768px){.elementor-1292 .elementor-element.elementor-element-b88feed{--width:50%;}.elementor-1292 .elementor-element.elementor-element-ad2d696{--width:50%;}.elementor-1292 .elementor-element.elementor-element-c433a6f{--width:15%;}.elementor-1292 .elementor-element.elementor-element-822d885{--width:100%;}.elementor-1292 .elementor-element.elementor-element-2f95f96{--width:33%;}.elementor-1292 .elementor-element.elementor-element-453bad5{--width:33%;}.elementor-1292 .elementor-element.elementor-element-9e98bde{--width:33%;}.elementor-1292 .elementor-element.elementor-element-726c3a4{--width:33%;}.elementor-1292 .elementor-element.elementor-element-ecc6d27{--width:33%;}.elementor-1292 .elementor-element.elementor-element-71d2fb7{--width:33%;}.elementor-1292 .elementor-element.elementor-element-41a5744{--width:50%;}.elementor-1292 .elementor-element.elementor-element-c636b91{--width:50%;}.elementor-1292 .elementor-element.elementor-element-721bce3{--width:20%;}.elementor-1292 .elementor-element.elementor-element-177e0df{--width:100%;}.elementor-1292 .elementor-element.elementor-element-1d62a2f{--content-width:80%;}}@media(max-width:1024px){.elementor-1292 .elementor-element.elementor-element-7b92833{--grid-auto-flow:row;}.elementor-1292 .elementor-element.elementor-element-1412554{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1292 .elementor-element.elementor-element-7b92833{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1292 .elementor-element.elementor-element-1412554{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for text-editor, class: .elementor-element-9b2859b *//* Klimatizace Hero sekce */ .klimatizace-hero-container { max-width: 1000px; margin: 0 auto; padding: 80px 20px; text-align: center; background: white; } .klimatizace-hero-title { font-size: 2.5rem; font-weight: 700; color: #2d3748; margin-bottom: 20px; line-height: 1.2; position: relative; } .klimatizace-hero-title::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 100px; height: 4px; background: linear-gradient(135deg, #FFC107, #FFB300); border-radius: 2px; } .klimatizace-hero-subtitle { font-size: 1.3rem; font-weight: 600; color: #1e88e5; margin: 40px 0 25px 0; } .klimatizace-hero-description { font-size: 1.1rem; color: #4a5568; line-height: 1.7; margin-bottom: 40px; max-width: 800px; margin-left: auto; margin-right: auto; } .klimatizace-hero-cta { display: inline-block; background: linear-gradient(135deg, #FFC107, #FFB300); color: #2d3748; padding: 20px 45px; font-size: 1.2rem; font-weight: 700; text-decoration: none; border-radius: 50px; transition: all 0.4s ease; box-shadow: 0 10px 30px rgba(255, 193, 7, 0.3); text-transform: uppercase; letter-spacing: 0.5px; } .klimatizace-hero-cta:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 15px 40px rgba(255, 193, 7, 0.4); background: linear-gradient(135deg, #FFB300, #FF8F00); } /* Responsive */ @media (max-width: 768px) { .klimatizace-hero-title { font-size: 2rem; } .klimatizace-hero-subtitle { font-size: 1.2rem; } .klimatizace-hero-description { font-size: 1rem; } } @media (max-width: 480px) { .klimatizace-hero-container { padding: 60px 20px; } .klimatizace-hero-title { font-size: 1.8rem; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ae55e26 *//* Klimatizace Target sekce - Elementor */ .elementor-element-ae55e26 { padding: 80px 0; background: white; } .elementor-element-ae55e26 .nadpiss .elementor-heading-title { font-size: 2.2rem; font-weight: 700; color: #2d3748 !important; text-align: center; margin-bottom: 50px; position: relative; } .elementor-element-ae55e26 .nadpiss .elementor-heading-title::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: linear-gradient(135deg, #FFC107, #FFB300); border-radius: 2px; } /* Grid kontejner */ .elementor-element-7b92833 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 50px; } /* Icon box styling */ .elementor-element-ae55e26 .ikoboxx { background: #f8fafc; padding: 40px 30px; border-radius: 15px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); border: 1px solid #e6e9ed; position: relative; transition: all 0.3s ease; text-align: center; border-left: 5px solid #1e88e5; } .elementor-element-ae55e26 .ikoboxx:hover { transform: translateY(-5px); box-shadow: 0 8px 30px rgba(30, 136, 229, 0.15); border-left-color: #FFC107; } /* Icon styling */ .elementor-element-ae55e26 .elementor-icon-box-icon { margin-bottom: 20px; } .elementor-element-ae55e26 .elementor-icon { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; margin: 0 auto; } .elementor-element-ae55e26 .elementor-icon svg { width: 60px; height: 60px; fill: #1e88e5; transition: all 0.3s ease; } .elementor-element-ae55e26 .ikoboxx:hover .elementor-icon svg { fill: #FFC107; transform: scale(1.1); } /* Title styling */ .elementor-element-ae55e26 .elementor-icon-box-title { font-size: 1.4rem !important; font-weight: 600 !important; color: #2d3748 !important; margin-bottom: 15px !important; line-height: 1.3 !important; } .elementor-element-ae55e26 .elementor-icon-box-title span { color: #2d3748 !important; } /* Description styling */ .elementor-element-ae55e26 .elementor-icon-box-description { color: #4a5568 !important; line-height: 1.6 !important; font-size: 1rem !important; margin: 0 !important; } /* Remove default Elementor spacing */ .elementor-element-ae55e26 .elementor-icon-box-wrapper { text-align: center; } .elementor-element-ae55e26 .elementor-icon-box-content { margin-top: 0; } /* Responsive */ @media (max-width: 768px) { .elementor-element-ae55e26 .nadpiss .elementor-heading-title { font-size: 1.8rem; margin-bottom: 30px; } .elementor-element-7b92833 { grid-template-columns: 1fr; gap: 25px; } .elementor-element-ae55e26 .ikoboxx { padding: 30px 25px; } .elementor-element-ae55e26 .elementor-icon svg { width: 50px; height: 50px; } } @media (max-width: 480px) { .elementor-element-ae55e26 { padding: 50px 0; } .elementor-element-ae55e26 .nadpiss .elementor-heading-title { font-size: 1.6rem; } .elementor-element-ae55e26 .elementor-icon svg { width: 45px; height: 45px; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-caa1a88 *//* Klimatizace Connection sekce */ .klimatizace-connection-container { max-width: 1200px; margin: 0 auto; padding: 80px 20px; background: #f8fafc; } .klimatizace-connection-title { font-size: 2.2rem; font-weight: 700; color: #2d3748; text-align: center; margin-bottom: 20px; position: relative; } .klimatizace-connection-title::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: linear-gradient(135deg, #FFC107, #FFB300); border-radius: 2px; } .klimatizace-connection-highlight { text-align: center; font-size: 1.3rem; color: #1e88e5; font-weight: 600; margin: 40px 0; padding: 30px; background: white; border-radius: 15px; border: 3px solid #1e88e5; position: relative; } .klimatizace-connection-highlight::before { content: ''; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 40px; height: 40px; background: url('data:image/svg+xml,') no-repeat center; background-size: contain; background-color: white; border-radius: 50%; box-shadow: 0 4px 15px rgba(255, 193, 7, 0.3); padding: 8px; } .klimatizace-benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; margin-top: 50px; } .klimatizace-benefit-card { background: white; padding: 40px 30px; border-radius: 15px; box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1); position: relative; transition: all 0.3s ease; display: flex; align-items: center; gap: 20px; } .klimatizace-benefit-card:hover { transform: translateY(-8px); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15); } .klimatizace-benefit-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(90deg, #1e88e5, #FFC107); border-radius: 15px 15px 0 0; } .klimatizace-benefit-icon { width: 60px; height: 60px; flex-shrink: 0; background-size: contain; background-repeat: no-repeat; background-position: center; } /* Battery icon */ .battery-icon { background-image: url('data:image/svg+xml,'); } /* Snowflake/AC icon */ .thermometer-icon { background-image: url('data:image/svg+xml,'); } .klimatizace-benefit-content h3 { font-size: 1.3rem; font-weight: 600; color: #2d3748; margin-bottom: 10px; line-height: 1.3; } .klimatizace-benefit-content p { color: #4a5568; line-height: 1.6; margin: 0; } /* Responsive */ @media (max-width: 768px) { .klimatizace-connection-title { font-size: 1.8rem; } .klimatizace-benefits-grid { grid-template-columns: 1fr; gap: 25px; } .klimatizace-benefit-card { padding: 30px 25px; flex-direction: column; text-align: center; gap: 15px; } .klimatizace-benefit-icon { width: 50px; height: 50px; } } @media (max-width: 480px) { .klimatizace-connection-container { padding: 50px 20px; } .klimatizace-connection-title { font-size: 1.6rem; } .klimatizace-connection-highlight { font-size: 1.1rem; padding: 25px 20px; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-74890bf *//* Klimatizace Why Us sekce */ .klimatizace-why-us-container { max-width: 1200px; margin: 0 auto; padding: 80px 20px; background: white; } .klimatizace-why-us-title { font-size: 2.2rem; font-weight: 700; color: #2d3748; text-align: center; margin-bottom: 20px; position: relative; } .klimatizace-why-us-title::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: linear-gradient(135deg, #FFC107, #FFB300); border-radius: 2px; } .klimatizace-why-us-stats { text-align: center; margin: 40px 0; padding: 30px; background: #fff9c4; border-radius: 12px; border: 2px solid #FFC107; } .klimatizace-stats-text { font-size: 1.3rem; font-weight: 600; color: #b8860b; } .klimatizace-features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-top: 50px; list-style: none; padding: 0; } .klimatizace-feature-item { background: #f8fafc; padding: 30px; border-radius: 15px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); border: 1px solid #e6e9ed; position: relative; transition: all 0.3s ease; display: flex; align-items: center; gap: 20px; border-left: 5px solid #1e88e5; } .klimatizace-feature-item:hover { transform: translateY(-5px); box-shadow: 0 8px 30px rgba(30, 136, 229, 0.15); border-left-color: #FFC107; } .klimatizace-feature-item::before { content: ''; width: 20px; height: 20px; background: url('data:image/svg+xml,') no-repeat center; background-size: contain; flex-shrink: 0; } .klimatizace-feature-text { color: #4a5568; font-weight: 500; line-height: 1.6; margin: 0; } /* Responsive */ @media (max-width: 768px) { .klimatizace-why-us-title { font-size: 1.8rem; } .klimatizace-features-list { grid-template-columns: 1fr; gap: 20px; } .klimatizace-feature-item { padding: 25px; } .klimatizace-stats-text { font-size: 1.1rem; } } @media (max-width: 480px) { .klimatizace-why-us-container { padding: 50px 20px; } .klimatizace-why-us-title { font-size: 1.6rem; } .klimatizace-why-us-stats { padding: 25px 20px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0d773ef *//* Klimatizace Contact sekce */ .klimatizace-contact-container { max-width: 1200px; margin: 0 auto; padding: 80px 20px; background: white; text-align: center; position: relative; } .klimatizace-contact-container::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100px; height: 4px; background: linear-gradient(135deg, #FFC107, #FFB300); } .klimatizace-contact-title { font-size: 2.2rem; font-weight: 700; color: #2d3748; margin-bottom: 40px; } .klimatizace-contact-info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-bottom: 50px; } .klimatizace-contact-item { background: #f8fafc; padding: 30px; border-radius: 15px; border: 2px solid #e6e9ed; transition: all 0.3s ease; } .klimatizace-contact-item:hover { border-color: #FFC107; transform: translateY(-5px); box-shadow: 0 10px 30px rgba(255, 193, 7, 0.2); } .klimatizace-contact-icon { width: 70px; height: 70px; background: linear-gradient(135deg, #1e88e5, #1565c0); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px auto; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(30, 136, 229, 0.3); } .klimatizace-contact-icon svg { width: 32px; height: 32px; fill: white; } .klimatizace-contact-item:hover .klimatizace-contact-icon { background: linear-gradient(135deg, #FFC107, #FFB300); transform: scale(1.1); } .klimatizace-contact-item:hover .klimatizace-contact-icon svg { fill: #2d3748; } .klimatizace-contact-label { font-size: 1.1rem; color: #4a5568; margin-bottom: 10px; font-weight: 500; } .klimatizace-contact-value { font-size: 1.4rem; font-weight: 700; color: #1e88e5; transition: all 0.3s ease; display: block; } .klimatizace-contact-value a { color: inherit; text-decoration: none; } .klimatizace-contact-item:hover .klimatizace-contact-value { color: #FFC107; } /* Free consultation box */ .klimatizace-free-consultation { background: linear-gradient(135deg, #fff9c4, #fff3cd); padding: 40px; border-radius: 20px; border: 3px solid #FFC107; position: relative; margin-top: 50px; } .klimatizace-consultation-icon { width: 80px; height: 80px; background: linear-gradient(135deg, #28a745, #20c997); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px auto; box-shadow: 0 6px 20px rgba(40, 167, 69, 0.3); } .klimatizace-consultation-icon svg { width: 40px; height: 40px; fill: white; } .klimatizace-free-consultation-text { font-size: 1.8rem; font-weight: 700; color: #b8860b; margin: 0; text-transform: uppercase; letter-spacing: 0.5px; } /* Responsive design */ @media (max-width: 768px) { .klimatizace-contact-title { font-size: 1.8rem; } .klimatizace-contact-info-grid { grid-template-columns: 1fr; gap: 20px; } .klimatizace-free-consultation-text { font-size: 1.5rem; } } @media (max-width: 480px) { .klimatizace-contact-container { padding: 50px 20px; } .klimatizace-contact-title { font-size: 1.6rem; } .klimatizace-free-consultation { padding: 30px 20px; } .klimatizace-free-consultation-text { font-size: 1.3rem; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b7926a1 *//* Sekce Hybridní bateriové systémy */ #HybSek1 { background: white; padding: 80px 0; position: relative; } /* Levá strana - text a statistiky */ #HybSek1 .elementor-element-b88feed { display: flex; flex-direction: column; gap: 25px; } /* Heading styling */ #nadpisHyb h1 { font-size: 2.5rem; font-weight: 800; color: #2c3e50; line-height: 1.3; margin-bottom: 20px; } /* Description text styling */ #popishyb { font-size: 1.1rem; color: #6c757d; line-height: 1.7; margin-bottom: 30px; } #popishyb span { font-weight: 800; color: #FFC107; font-size: 1.2em; } /* Grid pro statistiky */ #HybSek1 .elementor-element-1412554 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 30px; } /* Individual stat boxes */ #hybstat .elementor-icon-box-wrapper { background: white; padding: 25px; border-radius: 15px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); border: 1px solid rgba(52, 152, 219, 0.1); text-align: center; transition: all 0.3s ease; position: relative; overflow: hidden; height: 100%; display: flex; flex-direction: column; justify-content: center; } /* Hover efekt na stat boxy */ #hybstat:hover .elementor-icon-box-wrapper { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12); border-color: rgba(52, 152, 219, 0.3); } /* Modrý pruh nahoře u stat boxů */ #hybstat .elementor-icon-box-wrapper::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #3498db, #2980b9); opacity: 0; transition: opacity 0.3s ease; } #hybstat:hover .elementor-icon-box-wrapper::before { opacity: 1; } /* Stat number styling */ #hybstat .elementor-icon-box-title span { font-size: 2.2rem; font-weight: 800; color: #3498db; display: block; margin-bottom: 8px; line-height: 1; } /* Stat label styling */ #hybstat .elementor-icon-box-description { color: #6c757d; font-size: 0.95rem; margin: 0; font-weight: 600; } /* Tlačítko - ŽLUTÉ podle konzistence */ #hybBtn .elementor-button { background: linear-gradient(135deg, #FFC107, #FFB300); color: #2c3e50; padding: 15px 35px; font-size: 1rem; font-weight: 700; text-decoration: none; border-radius: 50px; transition: all 0.3s ease; box-shadow: 0 8px 25px rgba(255, 193, 7, 0.3); border: 2px solid #FFB300; display: inline-block; text-transform: uppercase; letter-spacing: 0.5px; position: relative; overflow: hidden; } /* Animovaný hover efekt na tlačítko */ #hybBtn .elementor-button::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); width: 300px; height: 300px; background: linear-gradient(135deg, #FFB300, #FF8F00); border-radius: 50%; transition: transform 0.6s ease; z-index: 0; } #hybBtn .elementor-button:hover::before { transform: translate(-50%, -50%) scale(1); } #hybBtn .elementor-button:hover { transform: translateY(-3px); box-shadow: 0 15px 35px rgba(255, 193, 7, 0.4); color: #2c3e50; border-color: #FF8F00; text-decoration: none; } #hybBtn .elementor-button-text { color: #2c3e50; font-weight: 700; position: relative; z-index: 2; } #hybBtn .elementor-button-content-wrapper { position: relative; z-index: 2; } /* Pravá strana - obrázek */ #obrHyb { background: white; padding: 40px; border-radius: 20px; box-shadow: 0 15px 50px rgba(0, 0, 0, 0.08); border: 1px solid rgba(52, 152, 219, 0.1); position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; } /* Modrý pruh nahoře u obrázku */ #obrHyb::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #3498db, #2980b9); } #obrHyb img { max-width: 100%; height: auto; border-radius: 10px; transition: transform 0.3s ease; } #obrHyb:hover img { transform: scale(1.05); } /* Responzivní design */ @media (max-width: 1024px) { #HybSek1 .e-con-inner { grid-template-columns: 1fr; gap: 40px; text-align: center; } #nadpisHyb h1 { font-size: 2.2rem; } #HybSek1 .elementor-element-1412554 { max-width: 500px; margin: 0 auto 30px auto; } } @media (max-width: 768px) { #HybSek1 { padding: 60px 0; } #HybSek1 .e-con-inner { padding: 0 15px; } #nadpisHyb h1 { font-size: 1.8rem; margin-bottom: 15px; } #popishyb { font-size: 1rem; margin-bottom: 25px; } #HybSek1 .elementor-element-1412554 { grid-template-columns: 1fr; gap: 15px; margin-bottom: 25px; } #hybstat .elementor-icon-box-wrapper { padding: 20px; } #hybstat .elementor-icon-box-title span { font-size: 1.8rem; } #hybBtn .elementor-button { padding: 12px 30px; font-size: 0.9rem; width: 100%; max-width: 280px; } /* Skrytí obrázku na mobilech */ #obrHyb { display: none; } } @media (max-width: 480px) { #nadpisHyb h1 { font-size: 1.5rem; } #hybstat .elementor-icon-box-wrapper { padding: 15px; } #hybstat .elementor-icon-box-title span { font-size: 1.6rem; } #hybstat .elementor-icon-box-description { font-size: 0.85rem; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-86b4c2e *//* Sekce Proč vlastnit hybridní solární elektrárnu */ #sekceDveHyb { background: #f8f9fa !important; padding: 80px 0 !important; position: relative !important; } #sekceDveHyb .e-con-inner { max-width: 1200px !important; margin: 0 auto !important; padding: 0 20px !important; } /* Hlavní nadpis sekce */ #nadpisDveHyb h2 { text-align: center !important; font-size: 2.5rem !important; font-weight: 800 !important; color: #2c3e50 !important; margin-bottom: 15px !important; position: relative !important; } #nadpisDveHyb h2::after { content: '' !important; position: absolute !important; bottom: -10px !important; left: 50% !important; transform: translateX(-50%) !important; width: 80px !important; height: 4px !important; background: linear-gradient(90deg, #FFC107, #FFB300) !important; border-radius: 2px !important; } /* Podnadpis */ #SubNadpisHyb p { text-align: center !important; font-size: 1.2rem !important; color: #6c757d !important; margin-bottom: 60px !important; font-weight: 400 !important; font-style: italic !important; } #sekceDveHyb .e-con-inner > .e-con-full:last-child { margin-bottom: 0 !important; } /* Vynucení stejné výšky pro všechny icon boxy */ .ikonoProchybr { height: 100% !important; display: flex !important; flex-direction: column !important; } /* Icon boxy - PEVNÁ výška */ .ikonoProchybr .elementor-icon-box-wrapper { background: white !important; padding: 35px 25px !important; border-radius: 15px !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08) !important; border: 1px solid rgba(52, 152, 219, 0.1) !important; transition: all 0.3s ease !important; height: 380px !important; /* PEVNÁ výška */ display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; text-align: center !important; position: relative !important; overflow: hidden !important; } /* Hover efekt */ .ikonoProchybr:hover .elementor-icon-box-wrapper { transform: translateY(-8px) !important; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12) !important; border-color: rgba(52, 152, 219, 0.3) !important; } /* Modrý pruh nahoře */ .ikonoProchybr .elementor-icon-box-wrapper::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 4px !important; background: linear-gradient(90deg, #3498db, #2980b9) !important; opacity: 0 !important; transition: opacity 0.3s ease !important; } .ikonoProchybr:hover .elementor-icon-box-wrapper::before { opacity: 1 !important; } /* Ikony - vycentrované, fixní velikost */ .ikonoProchybr .elementor-icon-box-icon { margin-bottom: 25px !important; display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; flex-shrink: 0 !important; } .ikonoProchybr .elementor-icon { width: 80px !important; height: 80px !important; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: white !important; font-size: 2rem !important; box-shadow: 0 8px 25px rgba(52, 152, 219, 0.3) !important; transition: all 0.3s ease !important; position: relative !important; margin: 0 auto !important; } /* Dekorativní kruh kolem ikony */ .ikonoProchybr .elementor-icon::before { content: '' !important; position: absolute !important; top: -12px !important; left: -12px !important; right: -12px !important; bottom: -12px !important; border: 2px solid rgba(52, 152, 219, 0.2) !important; border-radius: 50% !important; transition: all 0.3s ease !important; } .ikonoProchybr:hover .elementor-icon { transform: scale(1.1) !important; box-shadow: 0 12px 30px rgba(52, 152, 219, 0.4) !important; } .ikonoProchybr:hover .elementor-icon::before { border-color: rgba(255, 193, 7, 0.4) !important; transform: scale(1.1) !important; } .ikonoProchybr .elementor-icon svg { fill: white !important; width: 36px !important; height: 36px !important; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1)) !important; } /* Content kontejner - zabere zbytek prostoru */ .ikonoProchybr .elementor-icon-box-content { display: flex !important; flex-direction: column !important; flex-grow: 1 !important; justify-content: flex-start !important; align-items: center !important; text-align: center !important; width: 100% !important; } /* Nadpisy icon boxů - PEVNÁ výška */ .ikonoProchybr .elementor-icon-box-title { font-size: 1.25rem !important; font-weight: 700 !important; color: #2c3e50 !important; margin-bottom: 15px !important; line-height: 1.3 !important; transition: color 0.3s ease !important; flex-shrink: 0 !important; text-align: center !important; width: 100% !important; height: 80px !important; /* PEVNÁ výška pro nadpisy */ display: flex !important; align-items: center !important; justify-content: center !important; } .ikonoProchybr:hover .elementor-icon-box-title { color: #34495e !important; } /* Popisky icon boxů - zabere zbytek prostoru */ .ikonoProchybr .elementor-icon-box-description { font-size: 1rem !important; color: #7f8c8d !important; line-height: 1.6 !important; margin: 0 !important; flex-grow: 1 !important; display: flex !important; align-items: center !important; text-align: center !important; width: 100% !important; justify-content: center !important; } /* Responzivní design */ @media (max-width: 1024px) { #nadpisDveHyb h2 { font-size: 2.2rem !important; margin-bottom: 12px !important; } #SubNadpisHyb p { font-size: 1.1rem !important; margin-bottom: 50px !important; } #sekceDveHyb .e-con-inner > .e-con-full { gap: 25px !important; margin-bottom: 25px !important; } .ikonoProchybr .elementor-icon-box-wrapper { height: 360px !important; /* PEVNÁ výška pro tablet */ } .ikonoProchybr .elementor-icon-box-title { height: 75px !important; font-size: 1.1rem !important; } .ikonoProchybr .elementor-icon { width: 70px !important; height: 70px !important; font-size: 1.8rem !important; } .ikonoProchybr .elementor-icon svg { width: 32px !important; height: 32px !important; } } @media (max-width: 768px) { #sekceDveHyb { padding: 60px 0 !important; } #sekceDveHyb .e-con-inner { padding: 0 15px !important; } #nadpisDveHyb h2 { font-size: 1.8rem !important; margin-bottom: 10px !important; } #SubNadpisHyb p { font-size: 1rem !important; margin-bottom: 40px !important; } #sekceDveHyb .e-con-inner > .e-con-full { grid-template-columns: 1fr !important; gap: 20px !important; margin-bottom: 20px !important; } .ikonoProchybr .elementor-icon-box-wrapper { padding: 30px 20px !important; height: 320px !important; /* PEVNÁ výška pro mobil */ } .ikonoProchybr .elementor-icon-box-title { height: 70px !important; font-size: 1.1rem !important; } .ikonoProchybr .elementor-icon { width: 65px !important; height: 65px !important; font-size: 1.6rem !important; } .ikonoProchybr .elementor-icon svg { width: 28px !important; height: 28px !important; } .ikonoProchybr .elementor-icon-box-description { font-size: 0.95rem !important; } } @media (max-width: 480px) { #nadpisDveHyb h2 { font-size: 1.5rem !important; } #SubNadpisHyb p { font-size: 0.95rem !important; } .ikonoProchybr .elementor-icon-box-wrapper { padding: 25px 15px !important; height: 300px !important; /* PEVNÁ výška pro malé mobily */ } .ikonoProchybr .elementor-icon-box-title { height: 65px !important; font-size: 1rem !important; } .ikonoProchybr .elementor-icon { width: 60px !important; height: 60px !important; font-size: 1.4rem !important; } .ikonoProchybr .elementor-icon svg { width: 24px !important; height: 24px !important; } .ikonoProchybr .elementor-icon-box-description { font-size: 0.9rem !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-515a65f *//* Sekce Jak připravit */ .jakPripravit { margin-top: 40px; padding: 0; } .jakPripravit .e-con-inner { background: white; padding: 35px 30px; border-radius: 15px; border: 1px solid rgba(52, 152, 219, 0.1); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); transition: all 0.3s ease; display: flex; align-items: flex-start; gap: 30px; position: relative; overflow: hidden; min-height: 170px; } /* Hover efekt */ .jakPripravit:hover .e-con-inner { box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12); transform: translateY(-3px); border-color: rgba(52, 152, 219, 0.3); } /* Modrý pruh nahoře */ .jakPripravit .e-con-inner::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #3498db, #2980b9); opacity: 0; transition: opacity 0.3s ease; } .jakPripravit:hover .e-con-inner::before { opacity: 1; } /* Ikona kontejner - levá strana */ .jakPripravit .e-con-inner > .e-con-full:first-child { flex-shrink: 0; margin-top: 5px; } /* Ikona styling */ .jakPripravit #ikoJak .elementor-icon { width: 55px; height: 55px; background: linear-gradient(135deg, #3498db, #2980b9); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.3rem; box-shadow: 0 6px 20px rgba(52, 152, 219, 0.3); transition: all 0.3s ease; position: relative; } /* Dekorativní kruh kolem ikony */ .jakPripravit #ikoJak .elementor-icon::before { content: ''; position: absolute; top: -6px; left: -6px; right: -6px; bottom: -6px; border: 2px solid rgba(52, 152, 219, 0.2); border-radius: 50%; transition: all 0.3s ease; } .jakPripravit:hover #ikoJak .elementor-icon { transform: scale(1.1); box-shadow: 0 10px 25px rgba(52, 152, 219, 0.4); } .jakPripravit:hover #ikoJak .elementor-icon::before { border-color: rgba(255, 193, 7, 0.4); transform: scale(1.1); } .jakPripravit #ikoJak .elementor-icon svg { fill: white; width: 22px; height: 22px; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1)); } /* Text kontejner - pravá strana */ .jakPripravit .e-con-inner > .e-con-full:last-child { flex: 1; display: flex; flex-direction: column; gap: 15px; justify-content: flex-start; } /* Nadpis */ .jakPripravit #nadpisJak h3 { font-size: 1.2rem; font-weight: 700; color: #2c3e50; margin: 0; line-height: 1.3; } /* Text popis */ .jakPripravit #popisJak p { color: #6c757d; margin: 0 0 20px 0; line-height: 1.6; font-size: 0.95rem; } /* Tlačítko */ .jakPripravit #hybBtn .elementor-button { background: linear-gradient(135deg, #FFC107, #FFB300); color: #2c3e50; padding: 12px 25px; font-size: 0.9rem; font-weight: 700; border-radius: 25px; transition: all 0.3s ease; border: 2px solid #FFB300; text-decoration: none; display: inline-block; width: fit-content; text-transform: uppercase; letter-spacing: 0.5px; box-shadow: 0 4px 15px rgba(255, 193, 7, 0.3); position: relative; overflow: hidden; } /* Animovaný hover efekt na tlačítko */ .jakPripravit #hybBtn .elementor-button::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); width: 300px; height: 300px; background: linear-gradient(135deg, #FFB300, #FF8F00); border-radius: 50%; transition: transform 0.5s ease; z-index: 0; } .jakPripravit #hybBtn .elementor-button:hover::before { transform: translate(-50%, -50%) scale(1); } .jakPripravit #hybBtn .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(255, 193, 7, 0.4); color: #2c3e50; border-color: #FF8F00; text-decoration: none; } .jakPripravit #hybBtn .elementor-button-text { position: relative; z-index: 2; color: #2c3e50; font-weight: 700; } .jakPripravit #hybBtn .elementor-button-content-wrapper { position: relative; z-index: 2; } /* Responzivní design */ @media (max-width: 768px) { .jakPripravit .e-con-inner { flex-direction: column; text-align: center; padding: 30px 25px; gap: 20px; min-height: auto; } .jakPripravit .e-con-inner > .e-con-full:first-child { margin-top: 0; } .jakPripravit .e-con-inner > .e-con-full:last-child { gap: 12px; } .jakPripravit #ikoJak .elementor-icon { width: 50px; height: 50px; font-size: 1.2rem; } .jakPripravit #ikoJak .elementor-icon svg { width: 20px; height: 20px; } .jakPripravit #nadpisJak h3 { font-size: 1.1rem; } .jakPripravit #popisJak p { font-size: 0.9rem; margin-bottom: 15px; } .jakPripravit #hybBtn .elementor-button { width: 100%; max-width: 250px; padding: 10px 20px; font-size: 0.85rem; } } @media (max-width: 480px) { .jakPripravit .e-con-inner { padding: 25px 20px; } .jakPripravit #nadpisJak h3 { font-size: 1rem; } .jakPripravit #popisJak p { font-size: 0.85rem; margin-bottom: 12px; } .jakPripravit #hybBtn .elementor-button { max-width: 220px; padding: 9px 18px; font-size: 0.8rem; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a70b175 *//* Sekce Proč vlastnit hybridní solární elektrárnu */ #sekceDveHyb { background: #f8f9fa; padding: 80px 0; position: relative; } #sekceDveHyb .e-con-inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* Hlavní nadpis sekce */ #nadpisDveHyb h2 { text-align: center; font-size: 2.5rem; font-weight: 800; color: #2c3e50; margin-bottom: 15px; position: relative; } #nadpisDveHyb h2::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: linear-gradient(90deg, #FFC107, #FFB300); border-radius: 2px; } /* Podnadpis */ #SubNadpisHyb p { text-align: center; font-size: 1.2rem; color: #6c757d; margin-bottom: 60px; font-weight: 400; font-style: italic; } #sekceDveHyb .e-con-inner > .e-con-full:last-child { margin-bottom: 0; } /* Icon boxy - flex pro konzistentní výšky */ .ikonoProchybr .elementor-icon-box-wrapper { background: white; padding: 35px 25px; border-radius: 15px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); border: 1px solid rgba(52, 152, 219, 0.1); transition: all 0.3s ease; height: 100%; /* Zabere celou dostupnou výšku */ min-height: 320px; /* Minimální výška pro konzistenci */ display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; position: relative; overflow: hidden; } /* Hover efekt */ .ikonoProchybr:hover .elementor-icon-box-wrapper { transform: translateY(-8px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12); border-color: rgba(52, 152, 219, 0.3); } /* Modrý pruh nahoře */ .ikonoProchybr .elementor-icon-box-wrapper::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #3498db, #2980b9); opacity: 0; transition: opacity 0.3s ease; } .ikonoProchybr:hover .elementor-icon-box-wrapper::before { opacity: 1; } /* Ikony - vycentrované, fixní velikost */ .ikonoProchybr .elementor-icon-box-icon { margin-bottom: 25px; display: flex; justify-content: center; align-items: center; width: 100%; flex-shrink: 0; /* Ikona nebude měnit velikost */ } .ikonoProchybr .elementor-icon { width: 80px; height: 80px; background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 2rem; box-shadow: 0 8px 25px rgba(52, 152, 219, 0.3); transition: all 0.3s ease; position: relative; margin: 0 auto; } /* Dekorativní kruh kolem ikony */ .ikonoProchybr .elementor-icon::before { content: ''; position: absolute; top: -12px; left: -12px; right: -12px; bottom: -12px; border: 2px solid rgba(52, 152, 219, 0.2); border-radius: 50%; transition: all 0.3s ease; } .ikonoProchybr:hover .elementor-icon { transform: scale(1.1); box-shadow: 0 12px 30px rgba(52, 152, 219, 0.4); } .ikonoProchybr:hover .elementor-icon::before { border-color: rgba(255, 193, 7, 0.4); transform: scale(1.1); } .ikonoProchybr .elementor-icon svg { fill: white; width: 36px; height: 36px; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1)); } /* Content kontejner - zabere zbytek prostoru */ .ikonoProchybr .elementor-icon-box-content { display: flex; flex-direction: column; flex-grow: 1; /* Zabere zbývající prostor */ justify-content: flex-start; align-items: center; text-align: center; width: 100%; } /* Nadpisy icon boxů - fixní velikost */ .ikonoProchybr .elementor-icon-box-title { font-size: 1.25rem; font-weight: 700; color: #2c3e50; margin-bottom: 15px; line-height: 1.3; transition: color 0.3s ease; flex-shrink: 0; /* Nadpis nebude zmenšovat */ text-align: center; width: 100%; } .ikonoProchybr:hover .elementor-icon-box-title { color: #34495e; } /* Popisky icon boxů - zabere zbytek prostoru */ .ikonoProchybr .elementor-icon-box-description { font-size: 1rem; color: #7f8c8d; line-height: 1.6; margin: 0; flex-grow: 1; /* Zabere zbytek prostoru */ display: flex; align-items: center; /* Vycentruje text vertikálně */ text-align: center; width: 100%; justify-content: center; } /* Responzivní design */ @media (max-width: 1024px) { #nadpisDveHyb h2 { font-size: 2.2rem; margin-bottom: 12px; } #SubNadpisHyb p { font-size: 1.1rem; margin-bottom: 50px; } #sekceDveHyb .e-con-inner > .e-con-full { gap: 25px; margin-bottom: 25px; } .ikonoProchybr .elementor-icon-box-wrapper { min-height: 300px; } .ikonoProchybr .elementor-icon { width: 70px; height: 70px; font-size: 1.8rem; } .ikonoProchybr .elementor-icon svg { width: 32px; height: 32px; } } @media (max-width: 768px) { #sekceDveHyb { padding: 60px 0; } #sekceDveHyb .e-con-inner { padding: 0 15px; } #nadpisDveHyb h2 { font-size: 1.8rem; margin-bottom: 10px; } #SubNadpisHyb p { font-size: 1rem; margin-bottom: 40px; } /* Na mobilech jednosloupcové rozložení */ #sekceDveHyb .e-con-inner > .e-con-full { grid-template-columns: 1fr; gap: 20px; margin-bottom: 20px; } .ikonoProchybr .elementor-icon-box-wrapper { padding: 30px 20px; min-height: 280px; } .ikonoProchybr .elementor-icon { width: 65px; height: 65px; font-size: 1.6rem; } .ikonoProchybr .elementor-icon svg { width: 28px; height: 28px; } .ikonoProchybr .elementor-icon-box-title { font-size: 1.1rem; } .ikonoProchybr .elementor-icon-box-description { font-size: 0.95rem; } } @media (max-width: 480px) { #nadpisDveHyb h2 { font-size: 1.5rem; } #SubNadpisHyb p { font-size: 0.95rem; } .ikonoProchybr .elementor-icon-box-wrapper { padding: 25px 15px; min-height: 260px; } .ikonoProchybr .elementor-icon { width: 60px; height: 60px; font-size: 1.4rem; } .ikonoProchybr .elementor-icon svg { width: 24px; height: 24px; } .ikonoProchybr .elementor-icon-box-title { font-size: 1rem; } .ikonoProchybr .elementor-icon-box-description { font-size: 0.9rem; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-088ca1d *//* Icon List styling */ #HybikoList .elementor-icon-list-items { list-style: none; padding: 0; margin: 0; } #HybikoList .elementor-icon-list-item { display: flex; align-items: center; gap: 15px; margin-bottom: 15px; padding: 15px; background: white; border-radius: 12px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05); border-left: 4px solid #3498db; transition: all 0.3s ease; } #HybikoList .elementor-icon-list-item:hover { transform: translateX(5px); box-shadow: 0 5px 15px rgba(52, 152, 219, 0.15); } #HybikoList .elementor-icon-list-icon { width: 24px !important; height: 24px !important; background: linear-gradient(135deg, #3498db, #2980b9) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0; } #HybikoList .elementor-icon-list-icon svg { color: white !important; width: 12px !important; height: 12px !important; } #HybikoList .elementor-icon-list-text { color: #495057 !important; font-size: 0.95rem !important; line-height: 1.5 !important; font-weight: 500 !important; } /* Responzivní design */ @media (max-width: 768px) { #HybikoList .elementor-icon-list-item { padding: 12px; margin-bottom: 12px; } #HybikoList .elementor-icon-list-text { font-size: 0.9rem !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6bd51fe *//* Sekce Inteligentní systém řízení spotřeby */ .sekciafoot { background: white; padding: 80px 0; position: relative; } /* Nadpis */ #triNadpis .elementor-heading-title { font-size: 2.5rem; font-weight: 800; color: #2c3e50; text-align: center; margin-bottom: 20px; position: relative; } #triNadpis .elementor-heading-title::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: linear-gradient(90deg, #FFC107, #FFB300); border-radius: 2px; } /* Popis */ #triPopisHyb p { font-size: 1.2rem; color: #6c757d; text-align: center; line-height: 1.7; margin-bottom: 50px; font-weight: 400; } /* Icon list styling */ #HybikoList .elementor-icon-list-items { list-style: none; margin: 0; padding: 0; } #HybikoList .elementor-icon-list-item { display: flex; align-items: center; margin-bottom: 20px; padding: 18px 20px; background: white; border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); border: 1px solid rgba(52, 152, 219, 0.1); transition: all 0.3s ease; position: relative; overflow: hidden; } #HybikoList .elementor-icon-list-item:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1); border-color: rgba(52, 152, 219, 0.2); } /* Modrý pruh při hover */ #HybikoList .elementor-icon-list-item::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, #3498db, #2980b9); opacity: 0; transition: opacity 0.3s ease; } #HybikoList .elementor-icon-list-item:hover::before { opacity: 1; } /* Ikony checklist */ #HybikoList .elementor-icon-list-icon { width: 40px; height: 40px; background: linear-gradient(135deg, #27ae60, #229954); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-shrink: 0; box-shadow: 0 4px 15px rgba(39, 174, 96, 0.3); transition: all 0.3s ease; } #HybikoList .elementor-icon-list-item:hover .elementor-icon-list-icon { transform: scale(1.1); box-shadow: 0 6px 20px rgba(39, 174, 96, 0.4); } #HybikoList .elementor-icon-list-icon svg { fill: white; width: 18px; height: 18px; filter: drop-shadow(0 1px 2px rgba(0,0,0,0.1)); } /* Text u ikon */ #HybikoList .elementor-icon-list-text { font-size: 1rem; color: #2c3e50; font-weight: 600; line-height: 1.4; flex: 1; } /* Obrázek styling */ #obrHyb { background: white; padding: 30px; border-radius: 20px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08); border: 1px solid rgba(52, 152, 219, 0.1); position: relative; overflow: hidden; transition: all 0.3s ease; } #obrHyb:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12); } /* Modrý pruh nahoře u obrázku */ #obrHyb::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #3498db, #2980b9); } #obrHyb img { max-width: 100%; height: auto; border-radius: 10px; transition: transform 0.3s ease; } #obrHyb:hover img { transform: scale(1.02); } /* Responzivní design */ @media (max-width: 1024px) { .sekciafoot .elementor-element-088ca1d { grid-template-columns: 1fr; gap: 40px; text-align: center; } #triNadpis .elementor-heading-title { font-size: 2.2rem; } #triPopisHyb p { font-size: 1.1rem; margin-bottom: 40px; } } @media (max-width: 768px) { .sekciafoot { padding: 60px 0; } .sekciafoot .e-con-inner { padding: 0 15px; } #triNadpis .elementor-heading-title { font-size: 1.8rem; margin-bottom: 15px; } #triPopisHyb p { font-size: 1rem; margin-bottom: 35px; } #HybikoList .elementor-icon-list-item { padding: 15px 18px; margin-bottom: 15px; } #HybikoList .elementor-icon-list-icon { width: 35px; height: 35px; margin-right: 12px; } #HybikoList .elementor-icon-list-icon svg { width: 16px; height: 16px; } #HybikoList .elementor-icon-list-text { font-size: 0.95rem; } #obrHyb { padding: 25px; } } @media (max-width: 480px) { #triNadpis .elementor-heading-title { font-size: 1.6rem; } #triPopisHyb p { font-size: 0.95rem; } #HybikoList .elementor-icon-list-item { padding: 12px 15px; } #HybikoList .elementor-icon-list-icon { width: 32px; height: 32px; margin-right: 10px; } #HybikoList .elementor-icon-list-icon svg { width: 14px; height: 14px; } #HybikoList .elementor-icon-list-text { font-size: 0.9rem; } #obrHyb { padding: 20px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-00d5668 *//* NZÚ první sekce */ #nzusporamSekce1 { background: white; padding: 80px 0; position: relative; } #nzusporamSekce1::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(135deg, rgba(255, 193, 7, 0.02) 0%, rgba(52, 152, 219, 0.02) 100%); pointer-events: none; } /* Grid layout pro logo a obsah */ #nzusporamSekce1 .e-con-inner { display: grid; grid-template-columns: auto 1fr; gap: 50px; align-items: center; position: relative; z-index: 2; padding: 0 20px; max-width: 1200px; margin: 0 auto; } /* NZÚ logo - icon list styling - UPDATED podle žluto-modrého schématu */ #nzusporam .elementor-icon-list-items { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0; filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.1)); } #nzusporam .elementor-icon-list-item { padding: 12px 25px; color: white; font-weight: 700; font-size: 0.95rem; text-transform: uppercase; position: relative; clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 100%, 0 100%); margin-top: -3px; min-width: 140px; transition: all 0.3s ease; letter-spacing: 0.5px; } #nzusporam .elementor-icon-list-item:hover { transform: translateX(5px); filter: brightness(1.1); } /* UPDATED barvy podle žluto-modrého schématu */ #nzusporam .elementor-icon-list-item:first-child { background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); z-index: 3; margin-top: 0; } #nzusporam .elementor-icon-list-item:nth-child(2) { background: linear-gradient(135deg, #FFC107 0%, #FFB300 100%); z-index: 2; color: #2c3e50; } #nzusporam .elementor-icon-list-item:nth-child(3) { background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%); z-index: 1; color: white; } #nzusporam .elementor-icon-list-text { color: inherit !important; font-weight: 700 !important; font-size: 0.95rem !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; } /* Nadpis NZÚ */ #nzusporamNadpis .elementor-heading-title { font-size: 2.8rem; font-weight: 800; color: #2c3e50; margin-bottom: 25px; text-align: left; line-height: 1.2; position: relative; } #nzusporamNadpis .elementor-heading-title::after { content: ''; position: absolute; bottom: -10px; left: 0; width: 80px; height: 4px; background: linear-gradient(135deg, #FFC107 0%, #FFB300 100%); border-radius: 2px; } /* Popis NZÚ */ #nzusporampopis .header-description, #nzusporampopis p { font-size: 1.15rem; color: #555; line-height: 1.7; text-align: left; margin-bottom: 0; font-weight: 500; } /* Responzivní design */ @media (max-width: 1024px) { #nzusporamSekce1 .e-con-inner { gap: 40px; } #nzusporamNadpis .elementor-heading-title { font-size: 2.4rem; } } @media (max-width: 768px) { #nzusporamSekce1 { padding: 60px 0; } #nzusporamSekce1 .e-con-inner { grid-template-columns: 1fr; text-align: center; gap: 35px; padding: 0 15px; } #nzusporamNadpis .elementor-heading-title { font-size: 2.2rem; text-align: center; } #nzusporamNadpis .elementor-heading-title::after { left: 50%; transform: translateX(-50%); } #nzusporampopis .header-description, #nzusporampopis p { text-align: center; font-size: 1.1rem; } #nzusporam .elementor-icon-list-items { align-items: center; filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.08)); } #nzusporam .elementor-icon-list-item { padding: 10px 20px; font-size: 0.85rem; min-width: 120px; } } @media (max-width: 480px) { #nzusporamSekce1 { padding: 50px 0; } #nzusporamNadpis .elementor-heading-title { font-size: 1.9rem; margin-bottom: 20px; } #nzusporampopis .header-description, #nzusporampopis p { font-size: 1rem; } #nzusporam .elementor-icon-list-item { padding: 8px 18px; font-size: 0.8rem; min-width: 100px; clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 100%, 0 100%); } #nzusporam .elementor-icon-list-text { font-size: 0.8rem !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-36cf4cd *//* Sekce požadavků */ #sekciahaha { background: white; padding: 60px 0; } #sekciahaha .e-con-inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* Nadpis sekce */ #sekciahaha .elementor-heading-title { font-size: 2rem; font-weight: 700; color: #2c3e50; margin-bottom: 30px; text-align: left; } /* Kontejner tabulky požadavků */ #pozadavkyC33Table.table-container { background: white; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); border: 1px solid rgba(52, 152, 219, 0.1); overflow: hidden; position: relative; margin-bottom: 30px; } #pozadavkyC33Table.table-container::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #FFC107, #3498db); } /* Hlavní tabulka požadavků */ .req-table { width: 100%; border-collapse: collapse; margin: 0; } /* Hlavička tabulky požadavků */ .req-table thead th { background: #f8f9fa; color: #2c3e50; font-weight: 600; padding: 18px 15px; text-align: left; border-bottom: 2px solid #e9ecef; font-size: 0.95rem; } .header-parametr { width: 60%; } .header-oznaceni { width: 20%; text-align: center; } .header-c33 { width: 20%; text-align: center; } /* Buňky tabulky požadavků */ .req-table td { padding: 15px; border-bottom: 1px solid #f1f3f4; font-size: 0.9rem; vertical-align: middle; } .req-table tr:last-child td { border-bottom: none; } .req-table tr:hover { background: rgba(52, 152, 219, 0.02); } /* Název parametru */ .parameter-name { color: #495057; line-height: 1.5; } /* Jednotky */ .unit { color: #6c757d; font-weight: 600; text-align: center; font-size: 1rem; } /* Hodnoty */ .value-cell { color: #3498db; font-weight: 700; text-align: center; font-size: 1rem; } /* Responzivní design */ @media (max-width: 768px) { #sekciahaha { padding: 50px 0; } #sekciahaha .e-con-inner { padding: 0 15px; } #sekciahaha .elementor-heading-title { font-size: 1.7rem; margin-bottom: 25px; } .req-table thead th, .req-table td { padding: 10px 8px; font-size: 0.85rem; } .header-parametr { width: 50%; } .header-oznaceni, .header-c33 { width: 25%; } #pozadavkyC33Table.table-container { overflow-x: auto; } } @media (max-width: 480px) { #sekciahaha .elementor-heading-title { font-size: 1.5rem; line-height: 1.3; } .req-table { font-size: 0.8rem; } .req-table thead th, .req-table td { padding: 8px 6px; } .unit, .value-cell { font-size: 0.9rem; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1d62a2f *//* Info box sekce */ #ViceInfoText .info-box { background: #ffffff; padding: 40px 35px; border-radius: 8px; border: 1px solid #e6e9ed; transition: all 0.3s ease; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); position: relative; overflow: hidden; margin: 30px 0; } #ViceInfoText .info-box::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #FFC107; } #ViceInfoText .info-box:hover { background: #ffffff; transform: translateY(-3px); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); border-color: #FFC107; } #ViceInfoText .info-box p { color: #4a5568; font-size: 1.1rem; line-height: 1.6; margin: 0; text-align: center; font-weight: 400; } #ViceInfoText .info-box strong { color: #2d3748; font-weight: 600; } #ViceInfoText .info-box a { color: #1e88e5; text-decoration: none; font-weight: 500; transition: all 0.3s ease; border-bottom: 2px solid transparent; } #ViceInfoText .info-box a:hover { color: #FFC107; border-bottom-color: #FFC107; text-decoration: none; } /* Čištění vnořených sekcí */ #ViceInfoText .main-content { padding: 0; background: transparent; } #ViceInfoText .container { max-width: none; padding: 0; margin: 0; } #ViceInfoText .cta-section { padding: 0; background: transparent; margin: 0; } /* Responzivní design */ @media (max-width: 768px) { #ViceInfoText .info-box { padding: 30px 25px; margin: 25px 0; } #ViceInfoText .info-box p { font-size: 1rem; text-align: left; } } @media (max-width: 480px) { #ViceInfoText .info-box { padding: 25px 20px; margin: 20px 0; } #ViceInfoText .info-box p { font-size: 0.95rem; } #ViceInfoText .info-box::before { height: 2px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-75a8ef8 *//* CTA sekce - Konzultace */ #KonzEle { padding: 80px 0; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); text-align: center; margin: 0 auto; position: relative; overflow: hidden; } #KonzEle::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 50% 50%, rgba(255, 193, 7, 0.03) 0%, transparent 70%); pointer-events: none; } #KonzEle .e-con-inner { padding: 0 20px; position: relative; z-index: 2; } /* Nadpis CTA */ #nadpisKonzEle .elementor-heading-title { font-size: 2rem; font-weight: 800; color: #2c3e50; margin-bottom: 20px; text-align: center; position: relative; } #nadpisKonzEle .elementor-heading-title::after { content: ''; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); width: 60px; height: 3px; background: linear-gradient(135deg, #FFC107 0%, #FFB300 100%); border-radius: 2px; } /* Popis CTA */ #popisKonzEle .cta-text, #popisKonzEle p { font-size: 1.2rem; color: #6c757d; margin-bottom: 40px; text-align: center; line-height: 1.6; max-width: 600px; margin-left: auto; margin-right: auto; font-weight: 500; } /* CTA tlačítko - hlavní styling podle tvého schématu */ #buttonKonzEle .elementor-button { background: linear-gradient(135deg, #FFC107 0%, #FFB300 100%) !important; color: #2c3e50 !important; padding: 18px 40px !important; font-size: 1.1rem !important; font-weight: 700 !important; text-decoration: none !important; border-radius: 50px !important; border: none !important; transition: all 0.4s ease !important; box-shadow: 0 8px 25px rgba(255, 193, 7, 0.3) !important; display: inline-block !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; position: relative !important; overflow: hidden !important; min-width: 200px !important; } /* Animovaný efekt při hover */ #buttonKonzEle .elementor-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); transition: left 0.6s ease; } #buttonKonzEle .elementor-button:hover::before { left: 100%; } #buttonKonzEle .elementor-button:hover { transform: translateY(-3px) scale(1.02) !important; box-shadow: 0 15px 40px rgba(255, 193, 7, 0.4) !important; background: linear-gradient(135deg, #FFB300 0%, #FF8F00 100%) !important; color: #2c3e50 !important; } #buttonKonzEle .elementor-button:active { transform: translateY(-1px) scale(1.01) !important; box-shadow: 0 5px 15px rgba(255, 193, 7, 0.3) !important; } #buttonKonzEle .elementor-button-content-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; z-index: 2 !important; } #buttonKonzEle .elementor-button-text { font-weight: 700 !important; font-size: 1.1rem !important; position: relative !important; z-index: 2 !important; } /* Pulsing efekt pro přitažení pozornosti */ #buttonKonzEle .elementor-button::after { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: rgba(255, 193, 7, 0.3); border-radius: 50%; transform: translate(-50%, -50%); animation: pulse 2s infinite; z-index: 1; } @keyframes pulse { 0% { width: 0; height: 0; opacity: 1; } 100% { width: 300px; height: 300px; opacity: 0; } } /* Responzivní design */ @media (max-width: 1024px) { #KonzEle { padding: 70px 0; } } @media (max-width: 768px) { #KonzEle { padding: 60px 0; } #KonzEle .e-con-inner { padding: 0 15px; } #nadpisKonzEle .elementor-heading-title { font-size: 1.8rem; margin-bottom: 18px; } #popisKonzEle .cta-text, #popisKonzEle p { font-size: 1.1rem; margin-bottom: 35px; } #buttonKonzEle .elementor-button { padding: 15px 35px !important; font-size: 1rem !important; min-width: 180px !important; } #buttonKonzEle .elementor-button-text { font-size: 1rem !important; } } @media (max-width: 480px) { #KonzEle { padding: 50px 0; } #nadpisKonzEle .elementor-heading-title { font-size: 1.6rem; line-height: 1.3; margin-bottom: 16px; } #popisKonzEle .cta-text, #popisKonzEle p { font-size: 1rem; margin-bottom: 30px; } #buttonKonzEle .elementor-button { padding: 14px 30px !important; font-size: 0.95rem !important; min-width: 160px !important; letter-spacing: 0.3px !important; } #buttonKonzEle .elementor-button-text { font-size: 0.95rem !important; } @keyframes pulse { 0% { width: 0; height: 0; opacity: 1; } 100% { width: 200px; height: 200px; opacity: 0; } } }/* End custom CSS */