/* Barvy a hlavní rozvržení */
:root{--ink:#24313b;--red:#c91b2a;--cream:#f7f3ee;--line:#e8dfd6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif;background:var(--cream)}a{color:inherit}.container{max-width:1220px;margin:auto;padding:0 30px}
.site-header{position:relative;z-index:2;background:#faf8f4;box-shadow:0 3px 16px #3b2a1a12}
.header-layout{max-width:1270px;margin:auto;min-height:90px;padding:12px 30px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:35px}
.header-hours{display:flex;gap:13px;align-items:center;font-size:13px;line-height:1.45}.header-hours strong,.header-hours span:not(.header-icon){display:block}.header-hours strong{font-weight:600}.header-icon{font-size:27px;color:var(--red);font-weight:400;line-height:1}
.site-brand{text-decoration:none;text-align:center;line-height:1;white-space:nowrap}.brand-top{display:block;font-size:25px;font-weight:300;letter-spacing:-1.2px}.brand-at{color:var(--red);font-family:Georgia,serif;font-size:29px}.brand-bottom{display:block;font-size:26px;font-weight:300;letter-spacing:2px;margin-top:4px}
.header-address{display:flex;align-items:center;justify-content:flex-end;gap:12px;text-decoration:none;font-size:13px}
.hero{position:relative;min-height:600px;background:var(--cream);overflow:hidden;max-width:1440px;margin-inline:auto}
.hero-inner{max-width:1220px;margin:auto;padding:0 30px;position:relative;z-index:1;min-height:440px;display:flex;align-items:center}
.hero-copy{max-width:590px;padding:50px 0}
.eyebrow,.section-label{font-size:13px;font-weight:600;letter-spacing:2.3px}.small-rule{width:44px;height:2px;background:var(--red);margin:16px 0 20px}
.hero h1{font:normal clamp(43px,4.25vw,66px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-1.7px;margin:0 0 25px}.hero h1 em{font-style:normal;color:var(--red)}
.hero p{font-size:18px;line-height:1.5;max-width:540px;margin:0 0 16px}.hero-last{margin-bottom:0!important}
/* DŮLEŽITÉ: Fotografie zůstává originální. Přechod vzniká čistě v CSS.
   Pro výměnu fotky změň pouze cestu v url() níže. */
.hero-photo{position:absolute;inset:0 0 0 auto;width:55%;background-image:linear-gradient(to right,var(--cream) 0%,rgba(247,243,238,.96) 6%,rgba(247,243,238,.64) 12%,rgba(247,243,238,0) 26%),url('assets/prodejna-exterier.jpg');




background-size:cover;background-position:center 27%;background-repeat:no-repeat}
.eshops{background:#fdfbf8;padding:45px 0 52px}.section-label{margin:0 0 26px}.shop-grid{display:grid;grid-template-columns:1fr 1fr}.shop{display:grid;grid-template-columns:38% 62%;align-items:center;min-height:195px;padding:0 30px 0 0;gap:12px}.shop+.shop{border-left:1px solid var(--line);padding:0 0 0 35px}.shop-logo img{display:block;width:100%;max-width:215px;max-height:175px;object-fit:contain}.shop-info p{margin:0 0 15px;min-height:51px;font-size:16px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;background:var(--red);color:white;text-decoration:none;padding:10px 18px;min-width:200px;border-radius:5px;font-size:12px;letter-spacing:.3px}.btn:hover{background:#a81723}.btn span{font-size:19px;line-height:1}
.social-links{display:flex;gap:24px;margin-top:12px}.social-placeholder{display:flex;align-items:center;gap:5px;color:var(--red);font-size:25px;line-height:1}.social-placeholder small{font-size:11px;color:var(--ink)}
.about{background:var(--cream);padding:48px 0 58px}.about-grid{display:grid;grid-template-columns:52% 1fr;gap:48px;align-items:center}.interior-photo{width:100%;height:350px;object-fit:cover;display:block}.about-copy h2{font:normal 29px/1.25 Georgia,serif;letter-spacing:-.5px;margin:0 0 24px}.about-copy p{font-size:15px;margin:0 0 17px}
.contact{padding:45px 0 55px}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr 1.2fr}.contact-item{display:flex;gap:18px;padding:5px 28px;border-right:1px solid var(--line);font-size:15px}.contact-item:first-child{padding-left:0}.contact-item:last-child{border-right:0}.contact-item svg{width:26px;height:26px;flex:none;fill:none;stroke:var(--red);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.contact-item strong,.contact-item a,.contact-item span{display:block}.contact-item strong{font-weight:600;margin-bottom:5px}.contact-item a{text-decoration:none}.contact-item a:hover{text-decoration:underline}footer{padding:19px;background:var(--cream);text-align:center;color:#68717a;font-size:12px}
@media(max-width:1050px){.header-layout{gap:15px}.brand-top{font-size:21px}.brand-bottom{font-size:23px}.hero-photo{width:61%}.hero-copy{max-width:52%}.hero h1{font-size:49px}.hero p{font-size:16px}.shop{grid-template-columns:34% 66%;padding-right:20px}.shop+.shop{padding-left:22px}.shop-info p{font-size:14px}}
@media(max-width:760px){.header-layout{grid-template-columns:1fr 1fr;gap:10px;padding:15px 22px}.site-brand{grid-column:1/-1;grid-row:1}.header-hours{grid-column:1;grid-row:2;font-size:11px}.header-address{grid-column:2;grid-row:2;font-size:11px}.header-icon{font-size:20px}.hero{display:flex;flex-direction:column;min-height:0}.hero-photo{position:relative;order:0;width:100%;height:300px;background-image:url('assets/prodejna-exterier.jpg');background-position:center 35%}.hero-inner{order:1;min-height:0;width:100%;padding:0 25px}.hero-copy{max-width:100%;padding:35px 0 39px}.hero h1{font-size:45px}.hero p{font-size:16px}.shop-grid{grid-template-columns:1fr}.shop{grid-template-columns:35% 1fr;padding:15px 0;min-height:0}.shop+.shop{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.shop-info p{min-height:0}.about-grid{grid-template-columns:1fr;gap:25px}.interior-photo{height:auto;max-height:420px}.contact-grid{grid-template-columns:1fr;gap:22px}.contact-item{padding:0;border:0}}
@media(max-width:440px){.header-hours,.header-address{font-size:10px}.header-icon{display:none}.brand-top{font-size:20px}.brand-bottom{font-size:22px}.hero-photo{height:260px}.hero h1{font-size:39px}.container{padding:0 22px}.eshops,.about,.contact{padding-top:35px;padding-bottom:40px}.shop{grid-template-columns:34% 1fr;gap:14px}.shop-info p{font-size:14px}.btn{min-width:0;padding:9px 12px;font-size:10px;gap:12px}.social-links{gap:12px}.social-placeholder{font-size:20px}.social-placeholder small{font-size:10px}.about-copy h2{font-size:25px}}

/* Hero: stejná béžová na obou stranách i na ultra-wide displejích. */
html,body{background-color:var(--cream)}
.hero{background-color:var(--cream)}
/* Oficiální ikony Bootstrap Icons; bez ručně kreslených znaků. */
.social-placeholder{font-size:inherit;gap:7px}
.social-placeholder .bi{font-size:19px;line-height:1;color:var(--red)}
.social-placeholder small{font-size:12px}
@media(max-width:440px){.social-placeholder{font-size:inherit}.social-placeholder .bi{font-size:18px}}

/* Jednotné Bootstrap Icons ve všech sekcích */
.header-icon{font-size:23px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--red)}
.contact-item .contact-icon{font-size:25px;line-height:1.2;color:var(--red);width:27px;flex:none}
.social-placeholder .bi{font-size:19px}
@media(max-width:440px){.header-icon{display:none}}

/* Sociální sítě – aktivní odkazy */
a.social-placeholder{text-decoration:none}a.social-placeholder:hover small{text-decoration:underline}

/* FAQ */
.faq{background:#fdfbf8;padding:45px 0 52px}.faq-list{max-width:860px}
.faq-item{border-bottom:1px solid var(--line)}.faq-item:first-child{border-top:1px solid var(--line)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;font:normal 19px/1.35 Georgia,serif}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";color:var(--red);font:300 26px/1 Arial,sans-serif;flex:none;transition:transform .2s}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item summary:hover{color:var(--red)}
.faq-item p{margin:0 0 20px;font-size:15px;max-width:760px}.faq-item a{color:var(--red)}
@media(max-width:440px){.faq{padding:35px 0 40px}.faq-item summary{font-size:17px;padding:15px 0}}