/*
 * Sdílené sekce pro produktové stránky: sjednocená hlavička +
 * "Kde nakoupit" (partneři) + "Kontakt". Světlé téma, akcent přes
 * proměnnou --sec-accent (nastavuje se na sekci podle dané značky).
 */

/* ---------- Sjednocená (nižší) hlavička – stejná napříč weby ---------- */
#header{ padding:18px 0; }
#header .navbar-nav.navbar-right > li a{ padding:12px 16px; }
#header .navbar-toggle{ margin-top:10px; }
@media (min-width:768px){
	#header ul.sub-menu{ top:38px; }
	/* Menu je v centrovaném containeru = vždy na stejné (pevné) pozici,
	   nezávisle na velikosti loga. Logo plave absolutně "nad designem",
	   takže jeho velikost neovlivňuje umístění menu. */
	#header .navbar-inverse{ position:relative; }
	#header .navbar-inverse .container{ float:none; margin-left:auto; margin-right:auto; }
	#header .navbar-inverse > .navbar-brand{ position:absolute; left:0; top:50%; transform:translateY(-50%);
		z-index:10; height:auto; margin:0; }
}
/* Původní (větší) velikost loga značek – plave, neovlivňuje výšku hlavičky */
#header .navbar-brand img{ height:72px; width:auto; }
#header .navbar-brand h1{ margin:0; padding:0; line-height:0; }

/* Hero sekce = vlastní stacking context, aby slider (z-index:-1) zůstal uvnitř
   a nespadl za pozadí stránky (jinak ho bílé/tmavé pozadí body zakryje).
   TOTO byla skutečná příčina, proč slider na desktopu zmizel. */
#home-slider{ position:relative; z-index:0; }
/* Náběhová animace "shora" (bounceInDown z hlavního CSS) běží na desktopu dál.
   Pojistka: kdo má omezený pohyb (prefers-reduced-motion), uvidí slider staticky. */
@media (min-width:768px) and (prefers-reduced-motion: reduce){
	#home-slider .slider-hill,
	#home-slider .animate-in .slider-hill{ animation:none; opacity:1; transform:none; }
}
/* Zobrazovací velikost slideru na desktopu: každý obrázek se zobrazí ve své
   původní velikosti (natural). Stropy zajistí, že jakkoli velký obrázek se
   vejde do hero sekce (šířka i výška) a NEPŘEKRYJE obsah nad ním (hlavičku).
   Menší obrázky zůstanou nezvětšené (ostré). Slider kotví odspodu (bottom:0). */
@media (min-width:768px){
	#home-slider .slider-hill{ max-width:560px; max-height:440px; width:auto; height:auto;
		top:10px; bottom:auto; }
}

/* Preloader (překrytí při načítání) – NEPRŮHLEDNÉ pozadí v barvě stránky.
   Zakryje slider během načítání; po dokončení (window.load) se preloader
   odstraní a slider teprve najede animací shora (bounceInDown). */
#home-slider .preloader{ background:var(--page-bg,#070706); }

/* Hamburger (mobil) v barvě značky – --brand se nastavuje na <body> dané stránky.
   Hover/focus je jen decentní: rámeček a čárky zůstávají v barvě značky,
   pozadí se nezmění na plnou barvu (jen nepatrný nádech). */
#header .navbar-inverse .navbar-toggle,
#header .navbar-inverse .navbar-toggle:hover,
#header .navbar-inverse .navbar-toggle:focus,
#header .navbar-inverse .navbar-toggle:active{ border-color:var(--brand,#e5b351); background:transparent; }
#header .navbar-inverse .navbar-toggle:hover{ background:rgba(128,128,128,.10); }
.navbar-header .navbar-toggle .icon-bar,
#header .navbar-inverse .navbar-toggle:hover .icon-bar,
#header .navbar-inverse .navbar-toggle:focus .icon-bar,
#header .navbar-inverse .navbar-toggle:active .icon-bar{ background-color:var(--brand,#e5b351); }

/* ---------- Společný základ sekcí ---------- */
.sec{
	--sec-accent:#E4B14D;
	--sec-heading:#33322f;
	--sec-text:#575757;
	--sec-muted:#9a9a93;
	--sec-line:rgba(0,0,0,.09);
	--sec-surface:#f5f5f2;
	font-family:'Corbel','Open Sans','Segoe UI',sans-serif;
	position:relative;
}
.sec .wrap{ max-width:1100px; margin:0 auto; padding:0 22px; }

/* Tmavá varianta pro weby s černým pozadím (adalya, vintage/starbuzz) */
.sec-dark{
	--sec-heading:#ffffff;
	--sec-text:#d6d5cc;
	--sec-muted:#9a998f;
	--sec-line:rgba(255,255,255,.09);
	--sec-surface:#151513;
}

.sec-head{ text-align:center; margin-bottom:34px; }
.sec-eyebrow{
	display:inline-block; font-size:12px; letter-spacing:.24em; text-transform:uppercase;
	color:var(--sec-accent); margin-bottom:12px;
}
.sec-eyebrow::before, .sec-eyebrow::after{
	content:""; display:inline-block; width:24px; height:1px; background:var(--sec-accent);
	vertical-align:middle; margin:0 11px; opacity:.55;
}
.sec-head h2{ font-size:30px; margin:0 0 10px; color:var(--sec-heading); font-weight:500; letter-spacing:.3px; }
.sec-head p{ color:var(--sec-muted); font-size:15px; line-height:1.7; margin:0 auto; max-width:560px; }

/* ---------- Kde nakoupit ---------- */
.sec-partners{ padding:38px 0; }
.sec-plogos{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:30px 46px; }
.sec-plogos a{ display:inline-flex; align-items:center; justify-content:center; transition:transform .35s cubic-bezier(.22,.61,.36,1); }
.sec-plogos a:hover{ transform:translateY(-5px); }
.sec-plogos img{ width:auto; opacity:.8; transition:opacity .35s; }
.sec-plogos a:hover img{ opacity:1; }

/* ---------- Proklik na "Kde nakoupit" (na indexu) ---------- */
.sec-linkrow{ padding:38px 0; text-align:center; }
.sec-linkrow .sec-linkrow-text{ color:var(--sec-muted); font-size:15px; margin:0 0 18px; }
.sec-linkrow .sec-btn{
	display:inline-flex; align-items:center; gap:10px; padding:14px 32px; border-radius:12px;
	border:1px solid var(--sec-accent); color:var(--sec-accent); font-size:15px; text-decoration:none;
	transition:transform .3s cubic-bezier(.22,.61,.36,1), box-shadow .3s;
}
.sec-linkrow .sec-btn:hover{ transform:translateY(-3px); box-shadow:0 12px 28px -14px var(--sec-accent); }

/* ---------- Kontakt ---------- */
.sec-contact{ padding:38px 0 0; }
/* Stylizovaný oddělovač (jako na indexu) v barvě značky – jemný, ne přílišný */
.sec-contact::before{ content:""; position:absolute; left:0; right:0; top:0; height:1px;
	background:var(--sec-line);
	background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--sec-accent) 45%, transparent), transparent); }
.sec-cgrid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:16px; max-width:820px; margin:0 auto; }
.sec-cbox{ padding:22px; border-radius:12px; background:var(--sec-surface); border:1px solid var(--sec-line); }
.sec-cbox .ic{ color:var(--sec-accent); font-size:19px; margin-bottom:10px; }
.sec-cbox h3{ font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--sec-muted); margin:0 0 9px; }
.sec-cbox p, .sec-cbox address{ margin:0; font-style:normal; line-height:1.7; color:var(--sec-text); font-size:15px; }
.sec-cbox a.sec-mail{ color:var(--sec-accent); text-decoration:none; }
.sec-cbox a.sec-mail:hover{ text-decoration:underline; }
.sec-foot{ text-align:center; color:var(--sec-muted); font-size:13px; padding:40px 0 26px; margin-top:40px; border-top:1px solid var(--sec-line); }

@media (max-width:767px){
	.sec-head h2{ font-size:25px; }

	/* Text rozbaleného menu v barvě značky (ladí s hamburgerem) */
	#header .navbar-inverse .navbar-nav.navbar-right > li > a,
	#header .navbar-inverse .navbar-nav.navbar-right > li.active > a,
	#header .navbar-nav li ul.sub-menu li a{ color:var(--brand,#e5b351); }

	/* Mobilní hero: dekorativní obrázek značky jako jemný vycentrovaný podklad za textem
	   (místo nešikovného umístění pod dlouhým textem). Text plyne, obrázek jen dotváří dojem. */
	#home-slider .main-slider{ height:auto; }
	#home-slider .slide-text{ position:relative; top:auto; width:100%; text-align:center; z-index:2; padding:6px 0; }
	#home-slider .slider-hill{
		position:absolute; left:50%; top:50%; right:auto; margin:0;
		transform:translate(-50%,-50%); width:94%; max-width:340px; height:auto;
		opacity:.13; z-index:0; pointer-events:none;
		animation:none; -webkit-animation:none;
	}
	#home-slider .slider-house, #home-slider .slider-sun,
	#home-slider .slider-birds1, #home-slider .slider-birds2{ display:none; }
}