:root{--ink:#233340;--navy:#172b3a;--muted:#64717b;--orange:#e78324;--orange-dark:#c76512;--line:#dce2e6;--pale:#f2f4f5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:16px;line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}a:hover{color:var(--orange-dark)}img{display:block;max-width:100%}p,h1,h2,h3,figure{margin:0}p+p{margin-top:20px}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.small{font-size:13px}.muted{color:var(--muted)}.skip{position:fixed;top:-80px;left:15px;background:var(--navy);color:#fff;z-index:100;padding:10px 20px}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;flex-direction:column;line-height:1;flex:0 0 auto}.brand-name{font-size:30px;font-weight:800;letter-spacing:-1.3px}.brand-dot{color:var(--orange)}.brand-sub{font-size:9px;letter-spacing:1.1px;margin-top:8px;font-weight:700}.header nav{display:flex;gap:27px}.header nav a{font-size:14px;font-weight:650}.header-contact{border-left:1px solid var(--line);padding-left:25px;font-size:14px;font-weight:700;white-space:nowrap}.header-contact span{color:var(--orange);margin-right:7px}.hero{overflow:hidden;background:#f8f9fa}.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:28px;align-items:center}.hero-copy{padding:58px 0 50px;position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;color:var(--muted);margin-bottom:18px}.eyebrow:before{content:'';width:20px;height:2px;background:var(--orange);display:inline-block;vertical-align:middle;margin-right:10px}h1{font-size:clamp(38px,4.1vw,58px);line-height:1.08;letter-spacing:-2.2px;color:var(--navy)}h1>span{color:var(--orange)}.lead{font-size:20px;line-height:1.5;margin-top:24px;max-width:520px}.stock{display:flex;gap:11px;align-items:flex-start;margin-top:19px;font-size:14px;color:var(--navy)}.stock>span{color:#fff;background:var(--orange);border-radius:50%;width:23px;height:23px;display:grid;place-items:center;line-height:1;flex:0 0 auto}.actions{display:flex;gap:13px;margin-top:29px}.button{padding:11px 22px;border-radius:3px;display:inline-flex;gap:13px;align-items:center;justify-content:center;font-size:15px;font-weight:700;transition:background .15s,transform .15s}.button:hover{transform:translateY(-2px)}.primary{background:var(--orange);color:var(--navy);border:1px solid var(--orange)}.primary:hover{background:#f19a45;color:var(--navy)}.secondary{border:1px solid #aab4bb}.secondary:hover{background:#fff}.hero-photo{align-self:stretch;position:relative;margin-right:calc((1240px - 100vw)/2);min-height:520px}.hero-photo img{height:100%;width:100%;object-fit:cover;object-position:center}.hero-photo:before{position:absolute;content:'';inset:0;background:linear-gradient(90deg,#f8f9fa 0,transparent 17%);z-index:1;pointer-events:none}.hero-photo figcaption{position:absolute;z-index:2;bottom:24px;right:35px;left:48px;background:rgba(23,43,58,.94);color:#fff;padding:12px 17px;font-size:14px;display:flex;justify-content:space-between;gap:15px}.hero-photo figcaption span{font-size:11px;letter-spacing:1px;align-self:center;color:#c8d1d7}.benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 0;gap:28px}.benefits>div{display:flex;gap:17px;align-items:center}.benefits>div+div{border-left:1px solid var(--line);padding-left:34px}.benefit-icon{font-size:18px;color:var(--orange);line-height:1;width:32px;text-align:center;font-weight:800}.benefits strong,.benefits p span{display:block}.benefits strong{font-size:15px}.benefits p span{font-size:13px;color:var(--muted)}.section{padding:70px 0}.section-heading,.realization-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:31px}.section-heading .eyebrow,.realization-heading .eyebrow{margin-bottom:8px}h2{font-size:35px;letter-spacing:-1px;line-height:1.2;color:var(--navy)}.section-heading>p,.realization-heading>p{font-size:15px;color:var(--muted);line-height:1.55}.catalog{background:var(--pale)}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.card{background:#fff;border:1px solid #e1e6e9;border-radius:3px;overflow:hidden;transition:border-color .2s,transform .2s;position:relative}.card:hover{transform:translateY(-4px);border-color:#b8c3c9}.product{width:100%;height:175px;object-fit:cover;border-bottom:1px solid #eef0f1}.product-portrait{object-position:center 21%}.card-copy{padding:16px 17px 22px}.index{color:#9aa5ad;font-size:11px;letter-spacing:1px}.card h3{font-size:17px;line-height:1.35;margin:5px 0 9px;letter-spacing:-.25px}.card p{font-size:13.5px;line-height:1.6;color:var(--muted)}.available{display:inline-block;margin-top:13px;color:#32683a;background:#edf6ee;padding:3px 9px;font-size:12px;font-weight:700}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:28px;background:#fff;border:1px solid var(--line)}.detail-grid>div{padding:22px 24px}.detail-grid>div+div{border-left:1px solid var(--line)}.detail-grid h3{font-size:15px;margin-bottom:7px}.detail-grid p{font-size:13.5px;color:var(--muted);line-height:1.65}.catalog-note{font-size:14px;margin-top:25px;color:var(--muted)}.catalog-note a{color:var(--ink);border-bottom:1px solid var(--orange);margin-left:7px;font-weight:700}.production-grid{display:grid;grid-template-columns:1.14fr .86fr;gap:68px;align-items:center}.production-photo{position:relative}.production-photo img{width:100%;height:410px;object-fit:cover}.production-photo:after{content:'';position:absolute;inset:0;border:1px solid rgba(255,255,255,.25);pointer-events:none}.production-photo>span{position:absolute;left:18px;bottom:18px;background:var(--navy);color:#fff;padding:8px 13px;font-size:12px;letter-spacing:.5px}.production-copy .eyebrow{margin-bottom:11px}.production-copy h2{max-width:470px}.production-copy .large{font-size:18px;line-height:1.65;margin-top:23px}.production-copy ul{list-style:none;padding:0;margin:24px 0 0}.production-copy li{border-top:1px solid var(--line);padding:11px 0;font-size:14px}.production-copy li:before{content:'—';color:var(--orange);margin-right:10px}.text-link{display:inline-block;font-weight:700;font-size:14px;border-bottom:1px solid var(--orange);margin-top:19px}.text-link span{margin-left:13px}.realization{background:var(--navy);padding:65px 0 72px;color:#fff}.realization h2{color:#fff}.realization .eyebrow,.realization-heading>p{color:#b9c5cd}.gallery{display:grid;grid-template-columns:1.7fr 1fr;grid-template-rows:1fr 1fr;gap:13px;height:510px}.gallery figure{overflow:hidden}.gallery-main{grid-row:1/3}.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.gallery figure:hover img{transform:scale(1.015)}.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.about .eyebrow{margin-bottom:13px}.accent-line{width:45px;height:3px;background:var(--orange);margin-top:24px}.about-copy{color:var(--muted)}.about-copy .large{font-size:21px;color:var(--ink);line-height:1.6}.suppliers{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:10px;border-top:1px solid var(--line);padding-top:31px;margin-top:43px;align-items:center}.suppliers>div{grid-row:span 2}.suppliers h3{font-size:16px}.suppliers p{margin-top:2px}.suppliers>span{border:1px solid var(--line);min-height:52px;display:flex;align-items:center;justify-content:center;color:#445560;font-size:13px;font-weight:800;letter-spacing:.35px;background:#fafbfb}.premises{border-top:1px solid var(--line)}.premises-grid{display:grid;grid-template-columns:.85fr 1.35fr .9fr;gap:33px}.address h3,.hours h3{margin-bottom:19px;font-size:18px}address{font-style:normal;font-size:20px;line-height:1.48}.address p{font-size:14px;color:var(--muted);margin-top:17px;max-width:270px}.map{min-height:300px;background:#e8ecee;border:1px solid var(--line)}.map iframe{border:0;width:100%;height:100%;min-height:300px;display:block}dl{margin:0 0 15px}dl>div{display:flex;justify-content:space-between;gap:12px;border-block:1px solid var(--line);padding:12px 0;font-size:14px}dd{margin:0;font-weight:700;white-space:nowrap}.phone-box{display:block;margin-top:26px;background:var(--pale);padding:13px 15px}.phone-box span{display:block;font-size:11px;letter-spacing:1px;color:var(--muted)}.phone-box strong{font-size:16px}.contact{background:var(--navy);color:#fff;padding:55px 0}.contact-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center}.contact .eyebrow{color:#bdc8cf;margin-bottom:11px}.contact h2{font-size:30px;color:#fff}.contact p{color:#bdc8cf;margin-top:15px;font-size:15px;max-width:440px}.contact-details>div+div{border-top:1px solid #3b4d5a;padding-top:17px;margin-top:17px}.contact-label{display:block;font-size:11px;letter-spacing:1.5px;color:#a8b5bf;margin-bottom:5px}.email{font-size:20px;font-weight:700;overflow-wrap:anywhere}.email span{color:var(--orange);margin-left:9px}.email:hover{color:#f4b371}footer{padding:34px 0 19px}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:35px;align-items:start}.footer-grid .brand-name{font-size:23px}.footer-grid .brand-sub{font-size:7px}.footer-grid strong{font-size:12px;letter-spacing:.6px}.footer-grid p{font-size:12.5px;color:var(--muted);line-height:1.6;margin-top:5px}.footer-bottom{border-top:1px solid var(--line);margin-top:24px;padding-top:15px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
@media(max-width:1140px){.wrap{width:calc(100% - 56px)}.header-inner{gap:18px}.header nav{gap:18px}.header-contact{display:none}.hero-photo{margin-right:-28px}.cards{grid-template-columns:repeat(3,1fr)}.product{height:205px}.card:nth-child(4),.card:nth-child(5){display:grid;grid-template-columns:.95fr 1.05fr}.card:nth-child(4){grid-column:1/2}.card:nth-child(5){grid-column:2/4}.card:nth-child(4) .product,.card:nth-child(5) .product{height:100%;min-height:210px}.production-grid{gap:42px}.premises-grid{grid-template-columns:1fr 1.3fr}.hours{grid-column:1/-1}.hours dl{max-width:500px}.suppliers{grid-template-columns:1.2fr repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-grid .brand{grid-column:1/-1}}
@media(max-width:820px){html{scroll-padding-top:123px}.wrap{width:calc(100% - 40px)}.header-inner{min-height:106px;flex-wrap:wrap;justify-content:center;gap:13px;padding:15px 0 11px}.brand-name{font-size:26px}.brand-sub{font-size:8px}.header nav{width:100%;justify-content:center;gap:22px}.header nav a{font-size:13px}.header nav a:nth-child(3){display:none}.hero-grid{display:flex;flex-direction:column}.hero-copy{padding:38px 0 28px;width:100%}.hero h1{font-size:clamp(34px,8.7vw,48px);letter-spacing:-1.4px}.lead{font-size:18px;margin-top:19px}.hero-photo{margin:0 -20px;width:calc(100% + 40px);height:340px;min-height:0}.hero-photo:before{background:linear-gradient(180deg,#f8f9fa,transparent 12%)}.hero-photo figcaption{left:20px;right:20px;bottom:18px;font-size:13px}.hero-photo figcaption span{display:none}.benefits{grid-template-columns:1fr;padding:23px 0;gap:16px}.benefits>div+div{padding-left:0;border:0}.benefits>div{gap:15px}.section{padding:48px 0}.section-heading,.realization-heading{display:block;margin-bottom:24px}.section-heading>p,.realization-heading>p{margin-top:14px;font-size:14px}h2{font-size:30px}.cards{grid-template-columns:repeat(2,1fr)}.product{height:175px}.card:nth-child(4),.card:nth-child(5){display:block;grid-column:auto}.card:nth-child(4) .product,.card:nth-child(5) .product{height:175px;min-height:0}.card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.card:last-child .product{height:100%;min-height:200px}.detail-grid{grid-template-columns:1fr}.detail-grid>div+div{border-left:0;border-top:1px solid var(--line)}.catalog-note a{display:block;width:fit-content;margin-left:0}.production-grid{grid-template-columns:1fr;gap:28px}.production-photo img{height:320px}.production-copy .large{font-size:17px}.gallery{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:320px 170px}.gallery-main{grid-column:1/-1;grid-row:auto}.about-grid{grid-template-columns:1fr;gap:25px}.about h2 br{display:none}.about-copy .large{font-size:19px}.suppliers{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:30px;padding-top:25px}.suppliers>div{grid-column:1/-1;grid-row:auto;margin-bottom:7px}.suppliers>span{font-size:11px;min-height:48px;text-align:center}.premises-grid{grid-template-columns:1fr;gap:27px}.hours{grid-column:auto}.address p{max-width:none}.map,.map iframe{min-height:260px}.contact{padding:40px 0}.contact-grid{grid-template-columns:1fr;gap:29px}.contact h2{font-size:28px}.email{font-size:clamp(16px,4.5vw,20px)}.footer-grid{grid-template-columns:1fr 1fr;gap:23px}.footer-grid .brand{grid-column:1/-1}.footer-bottom{gap:15px;flex-wrap:wrap}}
@media(max-width:520px){.header nav{gap:15px}.header nav a{font-size:12px}.actions{flex-direction:column;align-items:stretch}.button{width:100%}.hero-photo{height:290px}.hero-photo img{object-position:44% center}.cards{grid-template-columns:1fr}.card:last-child{grid-column:auto;display:block}.card:last-child .product{height:190px;min-height:0}.product,.card:nth-child(4) .product{height:190px}.gallery{grid-template-columns:1fr;grid-template-rows:255px 180px 180px}.gallery-main{grid-column:auto}.suppliers{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.footer-grid .brand{grid-column:auto}.footer-bottom{display:block}.footer-bottom a{display:block;margin-top:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Věcnější prezentace pro lokální prodejnu */
.header{background:#fff;box-shadow:0 2px 10px rgba(23,43,58,.06)}
.catalog-heading{align-items:center}
.card h3{margin:0 0 9px}
.roofing-feature{grid-template-columns:.82fr 1.18fr}
.roofing-photo{height:250px;overflow:hidden;position:relative;background:#182936}
.roofing-photo img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.roofing-note{display:flex;align-items:center;gap:10px;color:#fff!important;font-size:13px!important;margin-top:18px!important}
.roofing-note strong{color:#f0a052}
.roofing-note span{color:#78909f}
.about.section{padding:52px 0 56px}
.about-grid{gap:60px}
.suppliers{margin-top:31px;padding-top:24px}

@media(max-width:820px){.catalog-heading{align-items:flex-start}.roofing-photo{height:230px}.roofing-photo img{object-position:center 48%}.about.section{padding:46px 0}.about-grid{gap:22px}}
@media(max-width:520px){.roofing-photo{height:190px}.roofing-note{align-items:flex-start;flex-wrap:wrap;gap:4px 8px}}

.suppliers-section{padding:42px 0 48px;border-top:1px solid var(--line)}
.suppliers-section .suppliers{margin-top:0;padding-top:0;border-top:0}
.suppliers>a.supplier-logo{min-height:72px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;padding:12px 17px;overflow:hidden;transition:border-color .2s,transform .2s}
.suppliers>a.supplier-logo:hover{border-color:#b8c3c9;transform:translateY(-2px)}
.supplier-logo img{width:auto;height:auto;max-width:145px;max-height:44px;object-fit:contain}
.supplier-logo-haspl img{width:154px;height:58px;max-width:none;max-height:none;object-fit:cover;object-position:50% 34%}
.footer-grid{grid-template-columns:1.2fr 1fr 1fr}

@media(max-width:1140px){.footer-grid{grid-template-columns:1fr 1fr}.footer-grid .brand{grid-column:1/-1}}
@media(max-width:820px){.header nav a:nth-child(3){display:inline}}
@media(max-width:520px){.footer-grid{grid-template-columns:1fr}.footer-grid .brand{grid-column:auto}}
.roofing-feature{display:grid;grid-template-columns:.92fr 1.08fr;margin-top:28px;background:var(--navy);color:#fff;overflow:hidden}.roofing-feature>img{width:100%;height:285px;object-fit:cover;object-position:center 38%}.roofing-copy{padding:34px 38px;align-self:center}.roofing-copy .eyebrow{color:#b9c5cd;margin-bottom:8px}.roofing-copy h3{font-size:25px;line-height:1.25;letter-spacing:-.5px}.roofing-copy>p:not(.eyebrow){color:#d2d9de;font-size:15px;line-height:1.7;margin-top:14px}.roofing-status{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.roofing-status span{border:1px solid #526574;padding:5px 10px;font-size:12px;font-weight:700}.roofing-status span:first-child{background:var(--orange);border-color:var(--orange);color:var(--navy)}
@media(max-width:820px){.roofing-feature{grid-template-columns:1fr}.roofing-feature>img{height:260px}.roofing-copy{padding:26px 24px}.roofing-copy h3{font-size:22px}}
@media(max-width:520px){.roofing-feature>img{height:210px}.roofing-copy{padding:23px 20px}}