/* Podlahy Brno — warm architectural direction. */
:root{--paper:#f5f2ec;--ink:#292923;--muted:#716d63;--accent:#8c704d;--line:#d9d3c8;--white:#fffefa}
:root{--header-height:84px;scroll-behavior:smooth;scroll-padding-top:var(--header-height)}
:root.is-scrolling{scroll-behavior:auto!important}
body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}
a{color:var(--accent)}a:hover{color:var(--ink)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
h1,h2,h3,h4,h5,h6{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--ink)}
.container{max-width:1280px;padding-left:36px;padding-right:36px}
section{padding:100px 0;scroll-margin-top:0}
#header,#header.header-scrolled,#header.header-inner-pages{padding:19px 0;background:rgba(255,254,250,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
#header .logo{font-size:20px;letter-spacing:2px;font-family:Arial,sans-serif;font-weight:600}
#header .logo a{color:var(--ink);display:flex;align-items:center;gap:14px}
#header .logo img{width:43px;height:43px;max-height:43px;object-fit:cover;object-position:center}
#header .logo a .brand-name{display:flex;flex-direction:column;line-height:1.2;color:var(--ink)}.brand-name small{font-size:9px;font-weight:400;letter-spacing:3px;margin-top:6px;color:var(--muted)}
.nav-menu>ul>li{padding:10px 0 10px 29px}.nav-menu a{color:var(--ink);font-size:13px;font-weight:400;font-family:Arial,sans-serif}
.nav-menu a:hover,.nav-menu .active>a,.nav-menu li:hover>a{color:var(--accent)}
.nav-menu .drop-down ul{background:var(--white);border:1px solid var(--line);box-shadow:0 12px 24px #2929230a}.nav-menu .drop-down ul a{color:var(--ink)}
.nav-menu .drop-down:focus-within>ul{opacity:1;visibility:visible;top:100%}
.get-started-btn{border:1px solid var(--ink);border-radius:0;color:var(--ink);font-size:12px;padding:11px 19px;letter-spacing:.4px}.get-started-btn:hover{background:var(--ink);border-color:var(--ink);color:var(--white)}
#hero{display:block!important;height:auto;min-height:0;background:none;padding:85px 0 0;overflow:visible}
#hero:before{display:none}
#hero .hero-stage{position:relative;display:grid;grid-template-columns:44% 56%;min-height:610px}
#hero .hero-copy{padding:105px max(36px,calc((100vw - 1208px)/2)) 100px;padding-right:35px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-bottom:28px}
.eyebrow:before{content:'';display:inline-block;width:29px;height:1px;background:var(--accent);vertical-align:middle;margin-right:13px}
#hero h1{font:400 clamp(55px,6.5vw,95px)/.98 Georgia,serif;letter-spacing:-4px;color:var(--ink);margin:0 0 27px}
#hero h1 span{display:block;color:var(--accent)}
#hero h2{font:400 18px/1.7 Georgia,serif;color:var(--muted);max-width:330px;margin:0 0 24px}
.hero-phone{display:inline-flex;gap:12px;color:var(--ink);font-size:14px;border-bottom:1px solid var(--line);padding-bottom:11px}
.hero-phone span{color:var(--muted)}
.hero-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:30px}.primary-link{background:var(--ink);color:var(--white);font-size:12px;padding:15px 23px;letter-spacing:.3px}.primary-link:hover{background:var(--accent);color:white}.primary-link span{margin-left:20px}
.hero-scroll{font-size:11px;letter-spacing:1px;color:var(--muted)}
.hero-visual{position:relative;min-height:610px;overflow:hidden;background:#a9977f}
.hero-visual>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:56% center}
.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#201c1726,transparent 55%);pointer-events:none}
.anniversary{position:absolute;z-index:1;right:30px;top:28px;width:210px;height:210px;color:#f1e3c9;background:radial-gradient(circle,#30291e1a 54%,transparent 70%);border-radius:50%;transform:rotate(-8deg);pointer-events:none}
.anniversary img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 2px #29231d60)}
.hero-products{background:var(--ink);display:flex;justify-content:center;padding:0 36px}
.hero-products a{flex:1;max-width:250px;color:var(--paper);padding:25px 22px;font-size:12px;border-right:1px solid #ffffff24;display:flex;align-items:center;justify-content:space-between;gap:12px}.hero-products a:first-child{border-left:1px solid #ffffff24}.hero-products a:hover{background:#ffffff0c;color:#d8c19b}.hero-products span{font-size:19px;font-weight:300;color:#bca989}
.about .row,.about2 .row{align-items:center;--bs-gutter-x:5rem}.about .content h3,.about2 h3{font-size:clamp(32px,3.2vw,45px);line-height:1.14;margin-bottom:26px;letter-spacing:-1px}
.about p,.about2 p{font-size:14px;line-height:1.95;text-align:left!important;color:#625e55}.about .content p:last-child{margin-bottom:0}.about .font-italic{font-style:normal}.about .font-italic a{font-size:10px;letter-spacing:1.6px;text-transform:uppercase}.about .content ul i{color:var(--accent)}
.about img,.about2 img{width:100%;height:520px;object-fit:cover}.about2 img{height:470px}.about2 .content{padding-top:0}
.section-title{padding-bottom:22px}.section-title h2{font-family:Arial,sans-serif;color:var(--accent);font-size:10px;font-weight:500;line-height:1.5;letter-spacing:3px;margin:0}.section-title h2:after{background:var(--line);width:70px}
.section-title p{font:400 44px/1.2 Georgia,serif;color:var(--ink);text-transform:none;letter-spacing:-1px;margin-top:15px}
#services{background:#eae5db;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#services>.container>h3{font-size:44px;letter-spacing:-1px;margin-bottom:43px}.services .row{--bs-gutter-x:26px;--bs-gutter-y:30px}.services .row>div{margin-top:0!important;margin-bottom:30px}
.services .icon-box{position:relative;display:flex;flex-direction:column;width:100%;padding:0;border:0;background:transparent;text-align:left;transition:transform .3s;box-shadow:none}
.services .icon-box img{width:100%;aspect-ratio:1.4;height:auto;object-fit:cover;transition:filter .3s}.services .icon-box:hover{border:0;box-shadow:none;transform:translateY(-4px)}
.services .icon-box h4{font-size:24px;font-weight:400;margin:0;padding:23px 35px 19px 0;border-bottom:1px solid #c7bfb0}.services .icon-box h4 a{color:var(--ink)}.services .icon-box h4 a:after{content:"";position:absolute;right:3px;top:auto;width:22px;height:22px;background:url("../img/link-arrow.svg") center/contain no-repeat}.services .icon-box h4 a:before{content:'';position:absolute;inset:0;z-index:1}.services .icon-box p{display:none}
.about2{background:var(--paper)}.about2 .section-title{margin-bottom:25px}.about2 ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:25px 0;font-size:12px}.about2 ul a{display:none}.about2 li:before{content:'✓';margin-right:8px;color:var(--accent)}
.contact{background:var(--white);border-top:1px solid var(--line)}.contact .info{background:transparent}.contact .info h4{font:400 22px Georgia,serif;color:var(--ink)}.contact .info p{font-size:13px;color:var(--muted)}.contact .info i{background:var(--paper);color:var(--accent);border-radius:0}.contact .info .email:hover i,.contact .info .address:hover i,.contact .info .phone:hover i{background:var(--ink);color:white}.contact iframe[src="form.html"]{height:760px;border:0;width:100%}.contact iframe[src*="google"]{height:300px;filter:saturate(.4)}
#footer{background:#23241f;color:#c1beb5;font-size:12px}#footer .footer-top{background:#292a24;border-top:0;border-bottom:1px solid #ffffff14;padding:70px 0 45px}#footer .footer-top h4{font:400 19px Georgia,serif;color:#f1ede4;margin-bottom:22px}#footer .footer-top .footer-info p{font-family:Arial,sans-serif;font-size:12px;line-height:2}#footer a,#footer .footer-top .footer-links ul a{color:#c1beb5}#footer a:hover,#footer .footer-top .footer-links ul a:hover{color:#e7cfaa}#footer .footer-top .footer-links ul i{color:#9d8969}#footer .copyright{padding:23px 0;font-size:10px;color:#a5a298}#footer .footer-info h3 img{max-height:60px;width:auto}#footer .social-links{display:none}
.breadcrumbs{margin-top:85px;padding:45px 0;background:#eae5db;border-bottom:1px solid var(--line)}.breadcrumbs h2{font:400 clamp(28px,3.5vw,46px)/1.25 Georgia,serif;letter-spacing:-1px}.breadcrumbs+.about{min-height:620px}.breadcrumbs+.about .row{align-items:flex-start}.breadcrumbs+.about .content{padding-top:22px!important}
.back-to-top i{border-radius:0;background:var(--ink);color:var(--paper)}.back-to-top i:hover{background:var(--accent);color:white}#preloader{display:none}
.mobile-nav{background:var(--white);border:1px solid var(--line);border-radius:0;top:76px}.mobile-nav .drop-down ul{display:block}.mobile-nav .drop-down>a:after{display:none}.mobile-nav a{color:var(--ink);font-size:13px}.mobile-nav a:hover,.mobile-nav .active>a{color:var(--accent);background:var(--paper)}.mobile-nav-toggle{top:22px;right:14px}.mobile-nav-toggle i{color:var(--ink)}
.skip-link{position:fixed;left:20px;top:-100px;z-index:100000;background:var(--ink);color:white;padding:10px 20px}.skip-link:focus{top:10px}
@media(min-width:1500px){#hero .hero-stage{min-height:710px}.hero-visual{min-height:710px}}
@media(max-width:1199px){.nav-menu>ul>li{padding-left:20px}.brand-name{font-size:16px}.get-started-btn{padding:10px 14px}.about .row,.about2 .row{--bs-gutter-x:3rem}#hero .hero-copy{padding-left:36px;padding-top:80px;padding-bottom:80px}#hero .hero-stage,.hero-visual{min-height:570px}}
@media(max-width:991px){.container{padding-left:28px;padding-right:28px}#header .get-started-btn{margin-right:38px}section{padding:70px 0}#hero .hero-stage{grid-template-columns:45% 55%;min-height:530px}.hero-visual{min-height:530px}#hero .hero-copy{padding:60px 28px}#hero h1{font-size:65px}.hero-products{padding:0 10px}.hero-products a{padding:20px 12px;font-size:11px}.anniversary{width:180px;height:180px;right:20px;top:20px}.about img,.about2 img{height:460px;margin-bottom:35px}.about2 .content{padding-top:0}.about p,.about2 p{font-size:14px}.contact .info{margin-bottom:30px}}
@media(max-width:600px){.container{padding-left:22px;padding-right:22px}#header{padding:15px 0}#header .logo img{width:34px;height:34px}#header .logo a{gap:9px}.brand-name{font-size:13px;letter-spacing:1px}.brand-name small{font-size:7px;letter-spacing:2px;margin-top:4px}#header .get-started-btn{font-size:10px;padding:8px 10px;margin-right:31px}.mobile-nav-toggle{top:17px;right:7px}#hero{padding-top:73px}#hero .hero-stage{display:flex;flex-direction:column}#hero .hero-copy{padding:51px 22px 42px}#hero h1{font-size:72px;letter-spacing:-3px}#hero h1 span{display:inline}#hero h2{font-size:18px;max-width:none;margin-bottom:18px}.eyebrow{margin-bottom:20px}.hero-actions{margin-top:22px}.hero-visual{min-height:360px}.hero-visual>img{object-position:center}.anniversary{top:18px;right:18px;width:165px;height:165px}.hero-products{flex-wrap:wrap;padding:7px 22px}.hero-products a{max-width:none;flex:1 1 50%;border:0!important;border-bottom:1px solid #ffffff20!important;padding:12px 10px;font-size:11px}.hero-products a:last-child{border-bottom:0!important}section{padding:58px 0}.about img,.about2 img{height:340px}.about .content h3,.about2 h3{font-size:34px}#services>.container>h3,.section-title p{font-size:35px}.services .row{--bs-gutter-y:18px}.services .row>div{margin-bottom:15px}.services .icon-box h4{font-size:23px;padding-top:18px}.about2 ul{display:block}.about2 li{padding:5px 0}.breadcrumbs{margin-top:73px;padding:30px 0}.breadcrumbs h2{font-size:30px}.breadcrumbs+.about .content{padding-top:0!important}#footer .footer-top{padding:45px 0 20px}.contact iframe[src*="google"]{height:240px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.services .icon-box:hover h4 a{color:var(--accent)}
.about .content h3,.about2 .content h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}
@media(min-width:601px) and (max-width:767px){#hero .hero-stage{grid-template-columns:1fr}#hero .hero-copy{padding:55px 28px}#hero h1{font-size:75px}#hero h1 span{display:inline}.hero-visual{min-height:420px}.hero-products{flex-wrap:wrap}.hero-products a{flex:1 1 33%;max-width:none}}

/* The same measured header height controls anchors, page starts and mobile menus. */
#header,#header.header-scrolled,#header.header-inner-pages{background:var(--white)}
#hero{padding-top:var(--header-height)}
.breadcrumbs{margin-top:var(--header-height)}
.mobile-nav{top:calc(var(--header-height) + 8px);bottom:max(15px,env(safe-area-inset-bottom));overscroll-behavior:contain}
.row>*{min-width:0}
img,iframe{max-width:100%}
[id][tabindex="-1"]:focus{outline:none}
@media(max-width:991px){
 #header .container{gap:12px;padding-right:65px}
 #header .get-started-btn{margin:0;flex-shrink:0;white-space:nowrap}
 #hero .hero-stage{grid-template-columns:minmax(0,1fr)}
 #hero .hero-copy{min-width:0}
 #hero h1{font-size:clamp(48px,9vw,78px)}
 #hero h1 span{display:inline}
 .hero-visual{min-height:420px}
 .about img,.about2 img{height:auto;aspect-ratio:4/3;object-fit:cover}
 .contact iframe[src="form.html"]{display:block}
}
@media(max-width:600px){
 :root{--header-height:65px}
 #header .container{padding-left:16px;padding-right:54px;gap:8px}
 #header .logo{min-width:0}
 #header .logo img{width:30px;height:30px;flex-shrink:0}
 #header .logo a{gap:8px}
 #header .brand-name{font-size:12px;white-space:nowrap;letter-spacing:.8px}
 #header .brand-name small{font-size:7px;letter-spacing:1.5px}
 #header .get-started-btn{margin:0;padding:8px;font-size:10px}
 #hero h1{font-size:clamp(48px,17vw,72px)}
 #hero .hero-copy{padding-top:40px;padding-bottom:40px}
 .hero-visual{min-height:360px}
 .hero-products a{min-width:0}
 .about .content h3,.about2 h3,#services>.container>h3{font-size:clamp(28px,8.5vw,35px)}
 .contact .info p{overflow-wrap:anywhere}
}

/* Fixed vector arrows: independent of system fonts and emoji rendering. */
.link-arrow{display:inline-block;width:18px;height:18px;flex-shrink:0;vertical-align:-3px;overflow:visible}
.hero-products .link-arrow{width:20px;height:20px}
.hero-scroll .link-arrow{width:15px;height:15px;margin-left:4px}
.back-to-top-icon .link-arrow{width:22px;height:22px}