/* Homepage podle uživatelem vybrané reference Design osvětlení. */
:root{--paper:#f7f6f2;--ink:#202124;--muted:#69717d;--accent:#9a6b23;--line:#e2e0da;--soft:#f4ecd9;--gold:#c99b43}
body{font-family:Arial,sans-serif}
.preview-bar{background:#292a27;padding:7px max(20px,calc((100% - 1180px)/2));font-size:10px;letter-spacing:0}
.preview-bar select{max-width:265px;padding:5px;font-size:11px}
header{max-width:none;padding:20px max(20px,calc((100% - 1180px)/2));background:#fffdfa;border-bottom:1px solid #e4e0d9;min-height:75px;gap:35px}
.brand{font-size:21px;letter-spacing:-.7px;color:#956622;white-space:nowrap}
header nav{gap:27px;align-items:center;font-size:13px;font-weight:700;flex:1;justify-content:flex-end}
header nav a:first-child{background:#f4ead6;border:1px solid #ddbf87;border-radius:8px;padding:9px 14px;color:#7e571c}
main{max-width:1220px;padding:0 20px}
.hero{display:block;min-height:334px;margin-top:24px;border-radius:20px;background:linear-gradient(90deg,rgba(8,16,31,.78),rgba(8,16,31,.4) 58%,rgba(8,16,31,.13)),var(--hero,url('hero.webp')) center 54%/cover no-repeat;box-shadow:0 27px 38px #211c1825;position:relative}
.hero-copy{padding:42px 30px 40px;text-align:center;max-width:850px;margin:auto}
.hero .eyebrow{display:none}
.hero h1{font-family:Arial,sans-serif;color:#fff;font-size:48px;line-height:1.12;letter-spacing:-1.4px;font-weight:750;margin:3px auto 18px;max-width:780px;text-shadow:0 2px 14px #0003}
.hero p{color:#fff;font:15px/1.65 Arial,sans-serif;max-width:650px;margin:0 auto 24px}
#search-form{display:flex;border:0;border-radius:14px;background:white;padding:5px;max-width:620px;margin:0 auto;box-shadow:0 3px 15px #0002;min-height:54px}
#search-form input{font:14px Georgia,serif;color:#202124;padding:12px 14px;min-width:0}
#search-form button{background:var(--gold);color:#17140d;font:bold 16px Arial,sans-serif;padding:12px 28px;border-radius:10px;box-shadow:0 2px 9px #9a702343}
#search-form button:hover{background:#d6ac5b}
section:not(.hero){padding-top:65px;padding-bottom:10px}
.section-head{align-items:center;margin-bottom:22px}
h2{font-family:Arial,sans-serif;font-size:28px;line-height:1.3;letter-spacing:-.6px;font-weight:750;margin:8px 0 0}
.categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.category{font-family:Arial,sans-serif;background:#fff;border:1px solid #e2e1e7;border-radius:13px;padding:14px 14px 16px;box-shadow:0 3px 8px #00000005;transition:transform .16s,box-shadow .16s;text-align:center;overflow:hidden}
.category:hover{transform:translateY(-3px);box-shadow:0 7px 20px #0000000d}
.category-picture{background:#fff;height:175px;border-radius:0}
.category:hover .category-picture{background:#fff}
.category svg{height:150px;width:150px;stroke:#584939;stroke-width:2;filter:drop-shadow(3px 8px 4px #00000012)}
.category:nth-child(1) svg{fill:#bd9a71}
.category:nth-child(2) svg{fill:#7d846e;stroke:#414638}
.category:nth-child(3) svg{fill:#e3d5ba;stroke:#8f7961}
.category:nth-child(4) svg{fill:#b09a7d;stroke:#675a48}
.category h3{font:bold 14px/1.4 Arial,sans-serif;margin:8px 0 7px}
.category-count{font-size:11px;color:#687284;display:block;text-align:left}
.category-detail{border-radius:12px;background:#f0eadf}
.category-detail h3{font-size:18px}
.category-detail p{font-size:14px}
.rooms-section{gap:8%;padding-bottom:35px!important}
.rooms-section h2{font-size:30px}
.rooms-section .eyebrow,.section-head .eyebrow{color:#956622;font-size:10px}
.rooms-section p{font-size:14px;line-height:1.8}
.room-links button{font:600 16px/1.6 Arial,sans-serif}
.articles{gap:18px}
.article{border:1px solid #e2e1e7;border-radius:13px;background:white;overflow:hidden;padding:0 0 20px;font-family:Arial,sans-serif}
.article-art{height:175px;background:#e8e4da}
.article .eyebrow,.article h3,.article .read{margin-left:20px;margin-right:20px}
.article h3{font:bold 19px/1.4 Arial,sans-serif}
.article .read{color:#956622}
.text-button{color:#956622;border-color:#bc965b}
.merchants{background:#f0e9dc;margin-bottom:55px}
.merchants .eyebrow{color:#956622}
.merchants p{margin-top:18px}
.merchant{border-radius:10px;border:1px solid #e2d7c4}
footer{max-width:1220px;padding:28px 20px}
footer .brand{font-size:19px}
dialog h2{font-size:27px}
dialog{font-family:Arial,sans-serif}
@media(max-width:1000px){header{flex-wrap:wrap;gap:15px;padding:18px 25px}.brand{font-size:20px}header nav{gap:18px;flex-wrap:wrap;justify-content:flex-start;font-size:12px}.hero h1{font-size:43px}.category-picture{height:150px}.category svg{width:130px;height:130px}}
@media(max-width:720px){header{display:block;padding:18px 20px}header nav{margin-top:15px;gap:12px 18px}.hero{min-height:330px;border-radius:16px}.hero-copy{padding:38px 22px}.hero h1{font-size:36px}.hero p{font-size:14px}.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.category-picture{height:155px}.preview-bar{padding:8px 20px}.rooms-section{grid-template-columns:1fr}.articles{grid-template-columns:1fr}.article{display:flex}.article-art{height:180px}.article .eyebrow{margin-top:18px}.section-head{display:block}section:not(.hero){padding-top:45px}.section-head p{font-size:12px}}
@media(max-width:420px){main{padding:0 14px}.hero{margin-top:18px}.hero-copy{padding:32px 15px}.hero h1{font-size:31px;letter-spacing:-.8px}.hero p{font-size:13px}.hero #search-form{min-height:50px}#search-form input{font-size:12px;padding:10px 8px}#search-form button{padding:10px 16px;font-size:14px}.category{padding:8px 9px 13px}.category-picture{height:130px}.category svg{width:110px;height:110px}.category h3{font-size:13px}.category-count{font-size:10px}h2{font-size:25px}.preview-bar{padding:7px 14px}.preview-bar select{max-width:225px}}