.elementor-1747 .elementor-element.elementor-element-f916e18{--display:flex;}.elementor-1747 .elementor-element.elementor-element-3216bbe{--display:flex;}.elementor-1747 .elementor-element.elementor-element-14b75b1{--display:flex;}.elementor-1747 .elementor-element.elementor-element-2e992d4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1747 .elementor-element.elementor-element-4576f9f{--display:flex;}.elementor-1747 .elementor-element.elementor-element-e0a2731{--display:flex;}.elementor-1747 .elementor-element.elementor-element-e37759e{--display:flex;}.elementor-1747 .elementor-element.elementor-element-ed31b51{--display:flex;}.elementor-1747 .elementor-element.elementor-element-42ad3ee{--display:flex;}.elementor-1747 .elementor-element.elementor-element-8d03e24{--display:flex;}.elementor-1747 .elementor-element.elementor-element-03defc7{--display:flex;}.elementor-1747 .elementor-element.elementor-element-248dc1a{--display:flex;}.elementor-1747 .elementor-element.elementor-element-fd7f807{--display:flex;}.elementor-1747 .elementor-element.elementor-element-a3a8bb5{--display:flex;}.elementor-1747 .elementor-element.elementor-element-6796157 .elementor-icon-box-wrapper{gap:15px;}.elementor-1747 .elementor-element.elementor-element-74860d1{--display:flex;}.elementor-1747 .elementor-element.elementor-element-471a5e0 .elementor-icon-box-wrapper{gap:15px;}.elementor-1747 .elementor-element.elementor-element-5789a54{--display:flex;}.elementor-1747 .elementor-element.elementor-element-0ede238 .elementor-icon-box-wrapper{gap:15px;}.elementor-1747 .elementor-element.elementor-element-12045bb{--display:flex;}.elementor-1747 .elementor-element.elementor-element-362b0cf .elementor-icon-box-wrapper{gap:15px;}.elementor-1747 .elementor-element.elementor-element-47b4148{--display:flex;}.elementor-1747 .elementor-element.elementor-element-93eb7eb .elementor-icon-box-wrapper{gap:15px;}.elementor-1747 .elementor-element.elementor-element-0bfa610{--display:flex;}.elementor-1747 .elementor-element.elementor-element-13688e3 .elementor-icon-box-wrapper{gap:15px;}.elementor-1747 .elementor-element.elementor-element-fb48051{--display:flex;}.elementor-1747 .elementor-element.elementor-element-855e7a9{--display:flex;}.elementor-1747 .elementor-element.elementor-element-6b8bfe6{--display:flex;}.elementor-1747 .elementor-element.elementor-element-9c19dba{--display:flex;}.elementor-1747 .elementor-element.elementor-element-97e7dac{--display:flex;}.elementor-1747 .elementor-element.elementor-element-5d91132{--display:flex;}.elementor-1747 .elementor-element.elementor-element-7767c31{--display:flex;}.elementor-1747 .elementor-element.elementor-element-5450acd{--display:flex;}.elementor-1747 .elementor-element.elementor-element-6b2f313{--display:flex;}.elementor-1747 .elementor-element.elementor-element-ddeffc2{--display:flex;}/* Start custom CSS *//* =========================================================
   SEFY — case study Čakovice
   Rozvržení i vzhled se řídí odsud, ne ovladači Elementoru:
   web má globální max-width 58 % na kontejnerech a border-top
   na všech prvcích, oboje je tu potlačené.
   ========================================================= */

/* --- 0. reset globálních dědičností webu --- */
.sfcz-hero,.sfcz-section,.sfcz-why,
.sfcz-hero > .e-con-inner,.sfcz-section > .e-con-inner,.sfcz-why > .e-con-inner,
.sfcz-hero .e-con,.sfcz-section .e-con,.sfcz-why .e-con,
.sfcz-hero .elementor-widget,.sfcz-section .elementor-widget,.sfcz-why .elementor-widget{border-top:0!important}
.sfcz-hero .e-con,.sfcz-section .e-con,.sfcz-why .e-con,
.sfcz-hero .elementor-widget,.sfcz-section .elementor-widget,.sfcz-why .elementor-widget{max-width:100%!important}

/* --- 1. rozvržení sekcí --- */
.sfcz-hero > .e-con-inner,.sfcz-why > .e-con-inner{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:flex-start!important;gap:48px!important}
.sfcz-why > .e-con-inner{align-items:center!important}
.sfcz-section > .e-con-inner{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:36px!important}

.sfcz-hero-left,.sfcz-why-media{width:45%!important;flex:0 0 45%!important}
.sfcz-hero-right,.sfcz-why-text{width:49%!important;flex:0 0 49%!important}
.sfcz-hero-left,.sfcz-hero-right,.sfcz-why-media,.sfcz-why-text,.sfcz-head{display:flex!important;flex-direction:column!important;align-items:stretch!important}
.sfcz-hero-left,.sfcz-why-text,.sfcz-head{gap:0!important}
.sfcz-hero-right{gap:14px!important}
.sfcz-head{width:100%!important;flex:0 0 100%!important}

/* --- 2. typografie --- */
.sfcz-badge{margin-bottom:18px!important}
.sfcz-badge .elementor-heading-title{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:#fff;border:1.7px solid #FFDD0C!important;border-radius:30px;padding:4px 16px;line-height:1.4}
.sfcz-h1 .elementor-heading-title{font-size:clamp(30px,3.4vw,42px);line-height:1.12;color:#fff;letter-spacing:-.01em}
.sfcz-h1{margin-bottom:20px!important}
.sfcz-h2 .elementor-heading-title{font-size:31px;line-height:1.2;color:#fff;letter-spacing:-.01em}
.sfcz-h2{margin-bottom:12px!important}
.sfcz-lede,.sfcz-lede p{color:#DBDBDB;font-size:15px;line-height:1.65}
.sfcz-lede{max-width:66ch!important}
.sfcz-lede p:last-child{margin-bottom:0}
.sfcz-lede strong{color:#fff;font-weight:600}
.sfcz-caption,.sfcz-caption p{font-size:13px;color:#8FA0B8;line-height:1.5;margin:0}
/* --- 3. fotky --- */
.sfcz-shot img{width:100%;display:block;border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important}
.sfcz-thumbs{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px!important;width:100%!important;flex:0 0 100%!important}
.sfcz-thumbs > *{flex:1 1 0!important;width:auto!important;min-width:0!important}
.sfcz-thumb img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;border:1px solid rgba(255,255,255,.14)!important;border-radius:8px!important;transition:border-color .2s ease,transform .2s ease,opacity .2s ease;opacity:.85}
.sfcz-thumb:hover img{border-color:#FFDD0C!important;transform:translateY(-2px);opacity:1}

/* --- 4. pruh klíčových čísel --- */
.sfcz-kpi{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:0!important;width:100%!important;flex:0 0 100%!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important;overflow:hidden!important;background:rgba(255,255,255,.02)!important}
.sfcz-kpi-tile{width:25%!important;flex:0 0 25%!important;display:flex!important;flex-direction:column!important;gap:6px!important;padding:28px 26px!important;border-right:1px solid rgba(255,255,255,.09)!important;border-radius:0!important}
.sfcz-kpi-tile:last-child{border-right:0!important}
.sfcz-kpi-tile > *{width:100%!important}
.sfcz-kpi-v .elementor-heading-title{font-size:32px;font-weight:600;color:#FFDD0C;line-height:1.05;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.sfcz-kpi-k .elementor-heading-title{font-size:13.5px;font-weight:400;color:#C9D3E0;line-height:1.45}

/* --- 5. karty "Co bylo výjimečné" --- */
.sfcz-cards,.sfcz-groups{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:18px!important;width:100%!important;flex:0 0 100%!important;align-items:stretch!important}
.sfcz-card,.sfcz-group{width:calc(33.333% - 12px)!important;flex:0 0 calc(33.333% - 12px)!important;display:flex!important;flex-direction:column!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important;background:rgba(255,255,255,.02)!important;transition:border-color .2s ease}
.sfcz-card:hover,.sfcz-group:hover{border-color:rgba(255,221,12,.45)!important}
.sfcz-card{padding:28px 26px!important}
.sfcz-card > *{width:100%!important}
.sfcz-card .elementor-icon-box-wrapper{text-align:left!important;display:block!important}
.sfcz-card .elementor-icon-box-icon{margin:0 0 18px 0!important;display:block!important}
.sfcz-card .elementor-icon{background:rgba(255,221,12,.12);width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}
.sfcz-card .elementor-icon svg,.sfcz-card .elementor-icon i{color:#FFDD0C;fill:#FFDD0C;font-size:17px;width:17px;height:17px}
.sfcz-card .elementor-icon-box-title{margin:0 0 10px 0!important}
.sfcz-card .elementor-icon-box-title,.sfcz-card .elementor-icon-box-title a{font-size:17px;font-weight:600;color:#fff;line-height:1.3}
.sfcz-card .elementor-icon-box-description{font-size:14.5px;color:#C9D3E0;line-height:1.6;margin:0}
/* --- 6. technické parametry --- */
.sfcz-status{margin-top:6px!important}
.sfcz-status .elementor-heading-title{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#0B1C33;background:#FFDD0C;border-radius:30px;padding:8px 18px;line-height:1}
.sfcz-group{padding:26px 24px 22px!important;gap:0!important}
.sfcz-group > *{width:100%!important}
.sfcz-group-title{margin:0 0 4px 0!important}
.sfcz-group-title .elementor-heading-title{display:block;font-size:16px;font-weight:600;color:#fff;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.14)}
.sfcz-rows p{padding:15px 0;margin:0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14.5px;color:#fff;line-height:1.45}
.sfcz-rows p:last-child{border-bottom:0;padding-bottom:0}
.sfcz-rows strong{display:block;font-size:10.5px;font-weight:600;letter-spacing:1.1px;text-transform:uppercase;color:#8FA0B8;margin-bottom:5px}
.sfcz-rows em{font-style:normal;color:#FFDD0C;font-weight:600}

/* --- 7. závěrečná sekce + CTA --- */
.sfcz-why-cta{width:100%!important;flex:0 0 100%!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:24px!important;margin-top:28px!important;padding-top:26px!important;border-top:1px solid rgba(255,255,255,.14)!important}
.sfcz-why-cta > .elementor-widget-text-editor{flex:1 1 300px!important;width:auto!important;max-width:46ch!important}
.sfcz-why-cta > .elementor-widget-button{flex:0 0 auto!important;width:auto!important}
.sfcz-why .elementor-button{font-size:12px!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important;color:#2F2F42!important;background:#FFDD0C!important;border-radius:30px!important;padding:16px 32px!important;border:0!important;transition:transform .18s ease,box-shadow .18s ease!important}
.sfcz-why .elementor-button:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(255,221,12,.28)!important;color:#2F2F42!important}

/* --- 8. responzivita --- */
@media (max-width:1024px){
  .sfcz-card,.sfcz-group{width:calc(50% - 9px)!important;flex:0 0 calc(50% - 9px)!important}
  .sfcz-kpi-tile{width:50%!important;flex:0 0 50%!important}
  .sfcz-kpi-tile:nth-child(2n){border-right:0!important}
  .sfcz-kpi-tile:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.09)!important}
  .sfcz-h2 .elementor-heading-title{font-size:27px}
}
@media (max-width:767px){
  .sfcz-hero > .e-con-inner,.sfcz-why > .e-con-inner{gap:32px!important}
  .sfcz-hero-left,.sfcz-hero-right,.sfcz-why-media,.sfcz-why-text{width:100%!important;flex:0 0 100%!important}
  .sfcz-card,.sfcz-group{width:100%!important;flex:0 0 100%!important}
  .sfcz-kpi-tile{width:100%!important;flex:0 0 100%!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.09)!important}
  .sfcz-kpi-tile:last-child{border-bottom:0!important}
  .sfcz-thumbs{flex-wrap:wrap!important}
  .sfcz-thumbs > *{flex:0 0 calc(50% - 6px)!important}
  .sfcz-why-cta > .elementor-widget-button,.sfcz-why .elementor-button{width:100%!important;text-align:center!important}
}

/* --- 9. widgety uvnitř sloupců musí být na plnou šířku (web má globální 58 %) --- */
.sfcz-hero-left > *,.sfcz-hero-right > *,.sfcz-why-media > *,.sfcz-why-text > *,
.sfcz-head > *,.sfcz-kpi-tile > *,.sfcz-card > *,.sfcz-group > *{width:100%!important;max-width:100%!important}
.sfcz-why-text > .sfcz-why-cta > *{width:auto!important}

/* --- 10. vertikální rytmus (mezery mezi pasážemi) --- */
.sfcz-hero{padding-top:190px!important;padding-bottom:44px!important}
.sfcz-section{padding-top:56px!important;padding-bottom:56px!important}
.sfcz-section--kpi{padding-top:0!important;padding-bottom:56px!important}
.sfcz-why{padding-top:56px!important;padding-bottom:88px!important}
.sfcz-section > .e-con-inner{gap:30px!important}
@media (max-width:767px){
  .sfcz-hero{padding-top:150px!important;padding-bottom:36px!important}
  .sfcz-section{padding-top:44px!important;padding-bottom:44px!important}
  .sfcz-section--kpi{padding-top:0!important;padding-bottom:44px!important}
  .sfcz-why{padding-top:44px!important;padding-bottom:64px!important}
}

/* --- 11. Elementor dává odsazení na .e-con-inner, my na vnější obal — jinak se sčítá --- */
.sfcz-hero > .e-con-inner,.sfcz-section > .e-con-inner,.sfcz-why > .e-con-inner{padding-top:0!important;padding-bottom:0!important}

/* --- 12. fotka v závěrečné sekci: pevný poměr, ať nepřerůstá text --- */
.sfcz-why-media img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;object-position:center!important}
@media (max-width:767px){
  .sfcz-why-media img{aspect-ratio:16/10!important}
}

/* --- 13. vrátit horní hranu prvkům, které rámeček MAJÍ mít --------------
   Reset v bloku 0 má specificitu 0,2,0 (.sfcz-section .e-con), takže
   přebíjel .sfcz-card (0,1,0). Tady je stejná specificita, ale později. */
.sfcz-hero .sfcz-kpi,.sfcz-section .sfcz-kpi,.sfcz-why .sfcz-kpi,
.sfcz-hero .sfcz-card,.sfcz-section .sfcz-card,.sfcz-why .sfcz-card,
.sfcz-hero .sfcz-group,.sfcz-section .sfcz-group,.sfcz-why .sfcz-group{border-top:1px solid rgba(255,255,255,.14)!important}
.sfcz-why .sfcz-why-cta{border-top:1px solid rgba(255,255,255,.14)!important}
.sfcz-hero .sfcz-badge .elementor-heading-title,
.sfcz-section .sfcz-badge .elementor-heading-title,
.sfcz-why .sfcz-badge .elementor-heading-title{border-top:1.7px solid #FFDD0C!important}
.sfcz-section .sfcz-group-title .elementor-heading-title{border-top:0!important}
.sfcz-hero .sfcz-shot img,.sfcz-why .sfcz-shot img{border-top:1px solid rgba(255,255,255,.14)!important}
.sfcz-hero .sfcz-thumb img{border-top:1px solid rgba(255,255,255,.14)!important}

/* --- 14. KPI pruh: nulové vlastní odsazení, dlaždice na plnou výšku ---
   (zbytkové padding-top 24px + align-items:center dělalo mezeru nahoře) */
.sfcz-section .sfcz-kpi{padding:0!important;align-items:stretch!important}
.sfcz-section .sfcz-kpi-tile{justify-content:center!important}

/* --- 15. hover musí přebít blok 13, jinak zůstane horní hrana šedá --- */
.sfcz-hero .sfcz-card:hover,.sfcz-section .sfcz-card:hover,.sfcz-why .sfcz-card:hover,
.sfcz-hero .sfcz-group:hover,.sfcz-section .sfcz-group:hover,.sfcz-why .sfcz-group:hover{border-color:rgba(255,221,12,.45)!important}
.sfcz-hero .sfcz-thumb:hover img,.sfcz-section .sfcz-thumb:hover img,.sfcz-why .sfcz-thumb:hover img{border-color:#FFDD0C!important}

/* --- 16. web dává kontejnerům globální margin-top: 26px ----------------
   To dělalo mezeru nad dlaždicemi v KPI pruhu i mezi ostatními bloky. */
.sfcz-hero .sfcz-hero-left,.sfcz-hero .sfcz-hero-right,.sfcz-hero .sfcz-thumbs,
.sfcz-section .sfcz-head,.sfcz-section .sfcz-kpi,.sfcz-section .sfcz-kpi-tile,
.sfcz-section .sfcz-cards,.sfcz-section .sfcz-card,
.sfcz-section .sfcz-groups,.sfcz-section .sfcz-group,
.sfcz-why .sfcz-why-media,.sfcz-why .sfcz-why-text{margin:0!important}
/* jediná mezera, kterou tam chceme, je nad CTA řádkem */
.sfcz-why .sfcz-why-text .sfcz-why-cta{margin:28px 0 0 0!important}

/* --- 17. pozadí sekcí (dřív bylo v nastavení kontejnerů) --- */
.sfcz-hero,.sfcz-section,.sfcz-why{background-color:#081D39!important}/* End custom CSS */