/* REBELS 2035 / major visual redesign. Additive to preserve content, Netlify forms and localization. */
:root{--orange:#ff7929;--dark:#0a1015;--dark2:#111b22;--light:#e9edef;--text:#15222a}
body{background:#0b1218;color:#f2f6f7}
.wrap{width:min(1280px,calc(100% - 64px))}
.bar{background:#080f15ed!important;border-bottom:1px solid #ffffff23!important;box-shadow:none!important}
.nav{min-height:84px}.logo{font-size:1.3rem;letter-spacing:.14em!important}.logo span:first-child{color:#ff853b}.nav .btn{border-radius:3px!important;background:#ff7b30;color:#081117;transform:skew(-6deg);box-shadow:7px 7px 0 #ff7b3029}.nav .btn:hover{transform:skew(-6deg) translateY(-3px)}
.language-strip{background:#0c141b!important;border-bottom:1px solid #ffffff16!important}.language-strip>.wrap{min-height:43px}.language-strip .languages a{min-width:47px!important;border-radius:0!important;letter-spacing:.12em!important}.language-strip .languages a[aria-current=page]{background:#ff7b30!important;color:#0b1218!important}
.hero{position:relative!important;min-height:min(790px,90svh);background:#101820!important;isolation:isolate;overflow:hidden}
.hero:before{position:absolute;content:"";inset:0;z-index:-2;opacity:1;background:linear-gradient(90deg,#070d12 3%,#071017f5 29%,#08121ac9 52%,#09121872 78%,#0710175c),linear-gradient(0deg,#0b131c 0%,transparent 35%),url('images/realizace/plech_1_after_front.jpg') center 45%/cover no-repeat!important;mask-image:none!important}
.hero:after{content:"";position:absolute;z-index:-1;inset:0;border-radius:0;width:auto;height:auto;top:0;right:0;border:0;box-shadow:none;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#ffffff0d calc(25% - 1px),#ffffff0d 25%);opacity:.65}
.hero-grid{display:flex!important;align-items:center!important;justify-content:flex-start;min-height:min(790px,90svh);padding-block:95px!important;position:relative;gap:0!important}
.hero-grid>div:first-child{max-width:880px;position:relative;z-index:2}
.hero h1{font-size:clamp(4.8rem,8.2vw,9.4rem)!important;font-weight:950!important;line-height:.91!important;letter-spacing:-.084em!important;margin:30px 0 30px!important;max-width:1000px!important;text-shadow:0 8px 40px #0009!important}
.hero h1 span{background:linear-gradient(135deg,#ffb063,#ff7727 58%,#e95620)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}
.hero .future-label{border:1px solid #ff8c4888!important;background:#ff792919!important;border-radius:2px!important;padding:11px 16px!important;letter-spacing:.24em!important;backdrop-filter:blur(12px)}
.hero .eyebrow{font-size:.79rem!important;letter-spacing:.16em!important;color:#f8bb8c!important;line-height:1.7!important;max-width:670px}
.hero p{font-size:clamp(1.06rem,1.65vw,1.4rem)!important;line-height:1.55!important;color:#edf4f7!important;max-width:650px!important;text-shadow:0 2px 15px #000d}
.hero p:last-of-type{font-size:.85rem!important;letter-spacing:.07em;color:#ced8df!important}
.hero-actions{gap:16px!important;margin:38px 0!important}.hero-actions .btn{border-radius:2px!important;padding:17px 25px!important;text-transform:uppercase;font-size:.88rem!important;letter-spacing:.08em;min-height:60px;box-shadow:9px 9px 0 #ff79292a!important}.hero-actions .btn.outline{border-color:#ffffff9c!important;background:#101b25a8!important;color:#fff;box-shadow:none!important;backdrop-filter:blur(10px)}
.hero-art{position:absolute!important;inset:0!important;max-width:none!important;margin:0!important;padding:0!important;pointer-events:none;filter:none!important}.hero-art>.hero-photo{display:none!important}.hero-art:before,.hero-art:after{display:none!important}.hero-art .hero-special-tile{pointer-events:auto;position:absolute;right:4%;bottom:7%;width:195px;height:134px;transform:rotate(3deg);border-radius:3px!important;border:2px solid #ffffffbf;box-shadow:0 17px 48px #000d!important}.hero-art .hero-special-tile:hover{transform:rotate(0) scale(1.04)}.hero-special-tile span{font-size:.67rem!important}
.future-rail{background:#ff7929!important;color:#101820!important;border:0!important}.future-rail:before{display:none!important}.future-rail-inner{width:100%}.future-rail-item{border-right:1px solid #111b2333!important;min-height:105px;padding:25px!important}.future-rail-num{color:#101820!important;font-size:2.35rem!important;opacity:.55;font-weight:950}.future-rail-caption{font-size:.93rem!important;letter-spacing:.04em;text-transform:uppercase;font-weight:950}
.section{background:#0e171e!important;color:#f4f6f7;padding-block:100px!important}.section.alt{background:#14212a!important}.section .sub{color:#ff9a58!important}.section h2{color:#f6f8fa;font-size:clamp(2.5rem,4.4vw,4.9rem)!important;letter-spacing:-.065em!important;line-height:1.02!important;max-width:950px}.section .intro{color:#bfccd4!important;font-size:1.07rem}.section h3{letter-spacing:-.026em}
.cards-wow{gap:16px!important}.wow-card{border-radius:3px!important;border:1px solid #ffffff22!important;background:#1b2a33!important;box-shadow:0 18px 40px #0004!important}.wow-image{height:215px!important}.wow-content{background:#1b2a33!important;padding:24px!important}.wow-content h3{color:#fff!important;font-size:1.3rem!important}.wow-content p{color:#bbcbd4!important}.wow-link{border-color:#ffffff26!important;color:#ffac76!important}.wow-points span{background:#ff792921!important;color:#ffb487!important}.wow-special{border:1px solid #ff873b!important;background:#222d32!important}.wow-special .wow-image{height:100%!important;min-height:320px!important}.wow-special .wow-content{background:linear-gradient(130deg,#282e30,#18252c)!important}.wow-badge{border-radius:2px!important}
.card,.sample,.realization-card,.ba-item{background:#1c2a34!important;color:#f5f6f7!important;border:1px solid #ffffff1e!important;border-radius:3px!important}.card h3,.realization-head h3{color:#fff}.card p,.realization-head p,.realization-note,.sample small{color:#bfccd4!important}.card-icon{border-radius:2px!important;background:#ff792927!important}.roof-panel,.collab-side,.promo-special{border-radius:3px!important}.promo-banner{border-radius:3px!important}.contact{background:linear-gradient(145deg,#0a1218,#182630)!important}.contact .form{border-radius:3px!important;background:#f6f7f7!important;color:#14212b!important}.contact .form h3{color:#14212b}.contact .form .btn{border-radius:2px!important}.contact .form-status{color:#20313b}.contact .field input,.contact .field textarea,.contact .field select{border-radius:2px!important}.footer{background:#080e13!important}
@media(max-width:850px){.hero{min-height:760px}.hero-grid{min-height:760px;padding-block:82px!important}.hero h1{font-size:clamp(4.2rem,10vw,6.9rem)!important}.hero-art .hero-special-tile{width:158px;height:108px;right:3%;bottom:4%}.future-rail-item{min-height:95px}.section{padding-block:75px!important}}
@media(max-width:560px){.wrap{width:calc(100% - 38px)}.bar .nav{min-height:76px!important}.logo{font-size:.93rem!important;letter-spacing:.095em!important}.nav .btn{font-size:.69rem!important;padding:10px 12px!important;white-space:nowrap;box-shadow:3px 3px 0 #ff792927!important}.language-strip>.wrap{min-height:46px!important}.language-strip .languages a{min-width:59px!important;padding:8px 14px!important}.hero{min-height:770px!important}.hero:before{background:linear-gradient(180deg,#0610189e 0%,#061018d8 23%,#071018e8 54%,#071018a6 100%),url('images/realizace/plech_1_after_front.jpg') center center/cover no-repeat!important}.hero:after{background:linear-gradient(90deg,#ff792950 0 2px,transparent 2px) 20px 0/100% 100% no-repeat!important}.hero-grid{min-height:770px!important;padding:58px 0 125px!important;display:flex!important;align-items:center!important}.hero .future-label{font-size:.56rem!important;letter-spacing:.13em!important;padding:10px 10px!important}.hero .eyebrow{font-size:.69rem!important;letter-spacing:.115em!important;line-height:1.8!important}.hero h1{font-size:clamp(3.7rem,12.8vw,5.65rem)!important;line-height:.95!important;letter-spacing:-.083em!important;margin:26px 0 25px!important;overflow-wrap:normal}.hero p{font-size:1.06rem!important;line-height:1.6!important}.hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:13px!important;margin:29px 0!important;max-width:340px}.hero-actions .btn{min-height:58px!important;font-size:.85rem!important;justify-content:center!important}.hero-actions .btn.outline{width:80%!important}.hero p:last-of-type{max-width:250px!important;font-size:.75rem!important}.hero-art .hero-special-tile{width:122px!important;height:100px!important;right:5%!important;bottom:3%!important;transform:rotate(5deg)!important}.hero-special-tile span{font-size:8px!important}.future-rail-inner{grid-template-columns:1fr!important}.future-rail-item{min-height:68px!important;padding:14px 20px!important;border-bottom:1px solid #1018202c!important}.future-rail-num{font-size:1.55rem!important;min-width:50px!important}.future-rail-caption{font-size:.79rem!important}.section{padding-block:67px!important}.section h2{font-size:clamp(2.35rem,10vw,3.6rem)!important}.wow-image{height:215px!important}.wow-special .wow-image{height:230px!important;min-height:0!important}.wow-special .wow-content{padding:24px!important}.mobile-cta{border-radius:2px!important;background:#ff7929!important;color:#09131a!important}}
@media(prefers-reduced-motion:reduce){.hero-art .hero-special-tile{transform:none!important}}

/* v5.1 ACCESSIBILITY PATCH — specialty detail pages / all three languages */
/* The homepage cinematic hero must not override the specialist's own photo and spacing. */
body:has(.chips) .hero{min-height:0!important;overflow:hidden!important;background:linear-gradient(95deg,rgba(5,12,18,.95),rgba(7,16,23,.75)),url('images/terasy/kino-2361.webp') center/cover no-repeat!important;padding:clamp(66px,9vw,112px) 0!important}
body:has(.chips) .hero:before,body:has(.chips) .hero:after{display:none!important}
body:has(.chips) .hero h1{font-size:clamp(2.55rem,6.5vw,5.4rem)!important;line-height:1.04!important;letter-spacing:-.045em!important;margin:18px 0 22px!important;max-width:980px!important}
body:has(.chips) .hero h1 em{color:#ffac75!important;-webkit-text-fill-color:#ffac75!important}
body:has(.chips) .hero p{font-size:clamp(1rem,2.2vw,1.18rem)!important;line-height:1.7!important;color:#edf2f5!important;max-width:760px!important}
body:has(.chips) .section{padding-block:clamp(40px,6vw,72px)!important}
body:has(.chips) .section h2{font-size:clamp(2rem,5vw,3.35rem)!important;line-height:1.12!important;letter-spacing:-.04em!important}
body:has(.chips) .section .lead,body:has(.chips) .section p{color:#dce6ec!important;opacity:1!important}
body:has(.chips) .section .kicker{color:#ffad76!important}
body:has(.chips) .section .chips{gap:10px;margin-top:24px}
body:has(.chips) .section .chips span{background:#20333e!important;border:1px solid #55707e!important;color:#f6fafc!important;border-radius:10px!important;padding:11px 15px!important;font-size:.91rem!important;line-height:1.35!important;font-weight:750!important;box-shadow:0 5px 15px #0002}
body:has(.chips) #fotky{background:#14212a!important}
body:has(.chips) .videos{background:#101b23!important}
body:has(.chips) .video{background:#20313c!important;border:1px solid #ffffff26!important;color:#fff!important}
body:has(.chips) .video h3{color:#fff!important}
body:has(.chips) .video p{color:#d7e4eb!important}
body:has(.chips) .cta{background:linear-gradient(140deg,#14222c,#0c151d)!important}
body:has(.chips) .cta .btn{color:#07141d!important;background:#ff893b!important}
@media(max-width:560px){
  body:has(.chips) .hero{padding:52px 0 60px!important}
  body:has(.chips) .hero h1{font-size:clamp(2.3rem,10vw,3.4rem)!important;margin:14px 0 18px!important}
  body:has(.chips) .hero p{font-size:1rem!important;line-height:1.55!important}
  body:has(.chips) .section{padding-block:42px!important}
  body:has(.chips) .section h2{font-size:clamp(2rem,8vw,2.65rem)!important}
  body:has(.chips) .section .chips{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  body:has(.chips) .section .chips span{display:flex;align-items:center;justify-content:center;text-align:center;font-size:.79rem!important;padding:10px 8px!important;min-height:52px}
  body:has(.chips) .gallery{gap:9px!important;margin-top:18px!important}
}


/* v5.3 REBELS cinematic feature navigation – replaces the flat 01/02/03 strip */
.rebels-features{position:relative;z-index:2;padding:clamp(28px,4vw,58px) 0;background:radial-gradient(ellipse at 50% -40%,#d15b202b,transparent 65%),#080f15;border-block:1px solid #ffffff1a}
.rebels-features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.5vw,22px)}
.rebels-feature{--accent:#ff853b;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-height:clamp(310px,31vw,410px);overflow:hidden;padding:clamp(22px,2.4vw,34px);color:#fff!important;text-decoration:none!important;border:1px solid #ffffff42;border-radius:13px;background:#17242e;box-shadow:0 18px 50px #0008;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.rebels-feature:before{content:"";position:absolute;z-index:-2;inset:0;background-position:center;background-size:cover;filter:saturate(.8);transform:scale(1.015);transition:transform .6s ease,filter .6s ease}
.rebels-feature-1:before{background-image:url('images/realizace/plech_1_after_front.jpg')}
.rebels-feature-2:before{background-image:url('images/realizace/prefa_after_overview.jpg')}
.rebels-feature-3:before{background-image:url('images/terasy/kino-2365.webp')}
.rebels-feature:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#071018b8 0%,#07101861 36%,#071018e8 76%,#071018fa 100%)}
.rebels-feature-top{display:flex;justify-content:space-between;align-items:flex-start}
.rebels-feature-num{font-size:clamp(4.7rem,8vw,8rem);font-weight:950;letter-spacing:-.105em;line-height:.8;color:#ff853b;text-shadow:0 4px 32px #0006}
.rebels-feature-symbol{font-size:1.6rem;font-weight:700;line-height:1;display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffffff8a;border-radius:50%;background:#0b151fc2;color:#fff}
.rebels-feature-main{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:48px}
.rebels-feature-title{font-size:clamp(1.4rem,2.2vw,2.35rem);font-weight:950;letter-spacing:-.045em;line-height:1.05;text-transform:uppercase;max-width:340px;text-wrap:balance}
.rebels-feature-subtitle{font-size:clamp(.9rem,1.1vw,1.06rem);line-height:1.45;color:#e8f0f5;max-width:310px}
.rebels-feature-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:27px;padding-top:15px;border-top:1px solid #ff853b85;font-size:.79rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#ffad78}
.rebels-feature-bottom span:last-child{font-size:1.65rem;line-height:.7;color:#fff}
.rebels-feature:hover,.rebels-feature:focus-visible{transform:translateY(-7px);border-color:#ff853b;box-shadow:0 24px 70px #ff792923,0 20px 55px #0009;outline-offset:4px}
.rebels-feature:hover:before{transform:scale(1.075);filter:saturate(1.1)}
.rebels-feature:focus-visible{outline:3px solid #ffb177}
@media(max-width:900px){.rebels-features-grid{grid-template-columns:1fr;gap:15px}.rebels-feature{min-height:290px;padding:27px}.rebels-feature-main{padding-top:35px}.rebels-feature-num{font-size:5.8rem}.rebels-feature-title{font-size:clamp(1.65rem,5vw,2.4rem)}.rebels-feature-1:before{background-position:center 50%}.rebels-feature-2:before{background-position:center 45%}.rebels-feature-3:before{background-position:center 55%}}
@media(max-width:560px){.rebels-features{padding:22px 0 28px}.rebels-features-grid{gap:13px}.rebels-feature{min-height:265px;padding:21px 23px;border-radius:9px}.rebels-feature-num{font-size:5.5rem}.rebels-feature-symbol{width:42px;height:42px;font-size:1.3rem}.rebels-feature-main{padding-top:26px;gap:8px}.rebels-feature-title{font-size:1.8rem;max-width:310px}.rebels-feature-subtitle{font-size:.91rem}.rebels-feature-bottom{margin-top:18px;padding-top:12px;font-size:.74rem}}
@media(prefers-reduced-motion:reduce){.rebels-feature,.rebels-feature:before{transition:none!important}}

/* v5.4 — clean roof photography, intentional composition, zero text inside backdrop */
@media(min-width:851px){
 .hero{min-height:690px!important}
 .hero-grid{min-height:690px!important;padding-block:90px 94px!important}
 .hero:before{background:linear-gradient(90deg,#071017 0%,#071017fa 19%,#071017ee 37%,#071017b7 52%,#07101729 80%),linear-gradient(0deg,#071017bd,transparent 45%),url('images/realizace/plech_1_after_front.jpg') 70% 52%/cover no-repeat!important}
 .hero-grid>div:first-child{max-width:min(750px,64%)}
 .hero h1{font-size:clamp(4.4rem,6.25vw,7.2rem)!important;letter-spacing:-.07em!important;max-width:750px!important;line-height:.96!important;margin:26px 0!important}
 .hero p{max-width:610px!important}
 .hero-art .hero-special-tile{width:174px!important;height:126px!important;right:3.3%!important;bottom:5.5%!important;transform:rotate(0)!important;border:1px solid #ff944b!important;border-radius:12px!important;box-shadow:0 10px 38px #000a!important}
 .hero-art .hero-special-tile:hover{transform:translateY(-5px)!important}
}
@media(min-width:851px) and (max-width:1150px){.hero-grid>div:first-child{max-width:72%}.hero h1{font-size:clamp(4rem,6.35vw,6.3rem)!important}.hero-art .hero-special-tile{right:2%!important;width:155px!important;height:111px!important}}
@media(max-width:850px){
 .hero:before{background:linear-gradient(180deg,#071018ed 0%,#071018e0 38%,#071018a8 75%,#071018cf 100%),url('images/realizace/plech_1_after_front.jpg') center/cover no-repeat!important}
 .hero-grid>div:first-child{max-width:100%!important}
}
@media(max-width:560px){
 .hero{min-height:735px!important}
 .hero-grid{min-height:735px!important;padding:42px 0 117px!important}
 .hero h1{font-size:clamp(3.1rem,11.35vw,4.2rem)!important;letter-spacing:-.07em!important;line-height:1!important;max-width:100%!important;margin:21px 0!important}
 .hero .eyebrow{font-size:.65rem!important}
 .hero-actions .btn{min-height:54px!important}
 .hero-art .hero-special-tile{right:4%!important;bottom:2.5%!important;width:132px!important;height:101px!important;transform:rotate(0)!important;border:1px solid #ff944b!important;border-radius:9px!important}
 .hero-art .hero-special-tile:hover{transform:none!important}
}

/* REBELS 2035 v5.5 — original cinematic roofing art, without flattened UI or typography */
body:not(:has(.chips)) .hero{background-color:#070f17!important;isolation:isolate}
body:not(:has(.chips)) .hero:before{
 background:
  linear-gradient(90deg,#060d14 0%,#071018fc 24%,#071018f2 37%,#071018b2 53%,#07101828 75%,#07101810 100%),
  linear-gradient(0deg,#071018b2 0%,transparent 39%),
  url('images/brand/rebels-future-hero-art.webp') 74% 48% / cover no-repeat!important;
}
body:not(:has(.chips)) .hero:after{background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#ff84260a calc(25% - 1px),#ff84260a 25%),radial-gradient(ellipse at 82% 18%,#ff792914,transparent 40%)!important}
body:not(:has(.chips)) .hero .future-label{border-color:#ff8c48b8!important;background:#101922aa!important;box-shadow:0 0 24px #f477261b!important}
body:not(:has(.chips)) .hero h1{text-shadow:0 6px 32px #000c!important}
body:not(:has(.chips)) .hero-art .hero-special-tile{box-shadow:0 20px 50px #000c,0 0 22px #f4772633!important}
@media (min-width:851px){body:not(:has(.chips)) .hero{min-height:710px!important}body:not(:has(.chips)) .hero-grid{min-height:710px!important}}
@media (max-width:850px){
 body:not(:has(.chips)) .hero:before{background:linear-gradient(180deg,#061018ed 0%,#061018e8 25%,#061018c8 52%,#0610188a 78%,#061018e0 100%),url('images/brand/rebels-future-hero-art.webp') 64% center/cover no-repeat!important}
}
@media (max-width:560px){
 body:not(:has(.chips)) .hero:before{background:linear-gradient(180deg,#061018f0 0%,#061018e9 34%,#061018c4 63%,#06101891 82%,#061018e6 100%),url('images/brand/rebels-future-hero-art.webp') 57% center/cover no-repeat!important}
 body:not(:has(.chips)) .hero h1{font-size:clamp(3.05rem,11vw,4.15rem)!important}
}