/*
 * Lupacentrum – doplnkové štýly (2026)
 * Načítava sa po style.css. Zachováva pôvodný vzhľad, len:
 *  - nadpisy H1/H2 vyzerajú ako pôvodné h3/h4 (lepšia štruktúra pre Google bez zmeny dizajnu),
 *  - lepšia čitateľnosť textu, mobilná lišta, formulár na cenovú ponuku.
 */

/* ---------- Čitateľnosť ---------- */
body {
	color: #6b6b6b;           /* pôvodne #9b9b9b – na bielom bolo ťažko čitateľné */
	font-size: 15px;
}

p {
	line-height: 25px;
}

a:focus-visible,
button:focus-visible {
	outline: 2px solid #df9e5d;
	outline-offset: 2px;
}

/* ---------- Nadpisy v pôvodnom štýle ---------- */
/* H1/H2, ktoré majú vyzerať ako pôvodné h3 (Six Caps, 48 px) */
.h-as-h3 {
	font-size: 48px;
	line-height: 48px;
	letter-spacing: 2px;
	color: #3e3d3d;
	position: relative;
	z-index: 0;
	margin-top: 0;
}

.h-as-h3 + * {
	margin-top: 30px;
}

/* H1/H2/H3, ktoré majú vyzerať ako pôvodné h4 (Roboto Condensed, 30 px, akcentová farba) */
.h-as-h4 {
	color: #df9e5d;
	font: 300 30px/30px "Roboto Condensed", sans-serif;
	letter-spacing: normal;
	text-transform: uppercase;
}

* + .h-as-h4 {
	margin-top: 23px;
}

.h-as-h4 + * {
	margin-top: 0;
}

.h-as-h4 + p {
	margin-top: 11px;
}

.block1 .h-as-h4 {
	margin-top: 32px;
	border-bottom: 3px solid #626262;
	padding-bottom: 28px;
}

@media (min-width: 768px) {
	.block1 .h-as-h4 {
		margin-top: 37px;
		padding-bottom: 33px;
	}
}

@media (max-width: 836px) {
	.block1 .h-as-h4 {
		font-size: 23px;
	}
}

@media (max-width: 767px) {
	.block1 .h-as-h4 {
		font-size: 30px;
	}
	.h-as-h3 {
		font-size: 40px;
		line-height: 42px;
	}
}

.block1 .akcie-title {
	font-size: 1.4em;
	line-height: 1.3;
	margin-top: 0;
}

.bg1 .h-as-h3,
.bg1 .h-as-h4 {
	color: #fff;
}

.bg1 .owl-carousel .h-as-h4 {
	color: #fff;
}

.block1 p,
.bg1 .item p {
	text-align: justify;
}

/* ---------- Slider ---------- */
/* Veľký nápis "Lupacentrum" – rovnaký vzhľad ako pôvodný H1 */
.swiper-slider-1 .slide-brand {
	font-family: "Six Caps", sans-serif;
	text-transform: uppercase;
	font-size: 82px;
	line-height: 1.2;
	letter-spacing: 0.1em;
	color: #fff;
}

/* Skutočný H1 stránky – vzhľad pôvodného podnadpisu (lead2) */
.swiper-slider-1 h1.lead2 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 32px;
	line-height: 1.2;
	letter-spacing: 0.15em;
	font-weight: 400;
	margin: 0;
	color: #fff;
}

.swiper-slider-1 .lead2 {
	letter-spacing: 0.15em;
}

@media (min-width: 768px) {
	.swiper-slider-1 .slide-brand {
		font-size: 142px;
	}
}

@media (min-width: 1200px) {
	.swiper-slider-1 .slide-brand {
		font-size: 172px;
	}
}

@media (max-width: 767px) {
	.swiper-slider-1 h1.lead2,
	.swiper-slider-1 .lead2 {
		font-size: 22px;
		letter-spacing: 0.1em;
	}
	.swiper-slider-1 .btn {
		padding: 14px 36px;
		font-size: 20px;
	}
}

/* ---------- Menu: tlačidlo Cenová ponuka ---------- */
.rd-navbar-static .rd-nav-item.rd-nav-item-cta {
	margin-left: 44px;
}

.rd-navbar-static .rd-nav-item-cta .rd-nav-link {
	background: #df9e5d;
	color: #2c2c2c;
	padding: 6px 14px 4px;
}

.rd-navbar-static .rd-nav-item-cta .rd-nav-link:hover {
	background: #2c2c2c;
	color: #fff;
}

/* na menších notebookoch by sa menu nezmestilo do riadku */
@media (min-width: 992px) and (max-width: 1199px) {
	.rd-navbar-static .rd-nav-item.rd-nav-item-cta {
		display: none;
	}
}

.rd-navbar-fixed .rd-nav-item-cta .rd-nav-link {
	color: #df9e5d;
	font-weight: 700;
}

/* ---------- Akcie ---------- */
.akcia-img {
	margin-top: 20px;
}

.akcia-img img {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid #ececec;
}

.katalog-btn {
	display: inline-block;
	margin-top: 10px;
	text-decoration: none;
}

.katalog-btn:hover,
.katalog-btn:focus {
	color: #fff;
	text-decoration: none;
}

/* ---------- Formulár na cenovú ponuku ---------- */
.cenova-ponuka-intro {
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 16px;
	line-height: 26px;
}

.cenova-ponuka-intro a {
	color: #2c2c2c;
	font-weight: 700;
	white-space: nowrap;
}

.cenova-ponuka .rd-mailform {
	max-width: 970px;
	margin: 30px auto 0;
}

.rd-mailform .form-button {
	margin-top: 26px;
}

.rd-mailform .form-button .text-primary {
	display: inline-block;
	margin-left: 16px;
	font-size: 14px;
}

/* ---------- Kontakt ---------- */
.kontakt-title {
	margin-bottom: 50px;
}

.contactAdress dd a {
	color: inherit;
}

/* ---------- Výhody (pruh s ikonami) ---------- */
.vyhody .box-image-left-title {
	display: inline-block;
}

/* ---------- Mapa ---------- */
.mapa iframe {
	display: block;
	width: 100%;
	height: 450px;
}

@media (max-width: 767px) {
	.mapa iframe {
		height: 320px;
	}
}

/* ---------- Pätička ---------- */
footer address dd a {
	color: #d0d0d0;
}

footer .footer1 .rights {
	font-size: 14px;
	line-height: 1.6;
}

/* ---------- Stránka 404 ---------- */
.text-404 {
	font-size: 17px;
	line-height: 26px;
}

.links-404 {
	margin-top: 10px;
}

.links-404 .btn2 {
	margin-left: 6px;
	margin-right: 6px;
}

/* ---------- Galérie na mobile ---------- */
@media (max-width: 767px) {
	.section2 .row > [class*="col-md-2"],
	.section2 .row > [class*="col-md-3"] {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.section2 .elem {
		border-width: 4px;
		padding: 4px;
	}
}

/* ---------- Mobilná lišta (Zavolať / Cenová ponuka) ---------- */
.mobil-lista {
	display: none;
}

@media (max-width: 991px) {
	.mobil-lista {
		display: flex;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1000;
		background: #2c2c2c;
		padding: 8px 10px calc(8px + env(safe-area-inset-bottom));
		gap: 8px;
		box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.25);
	}
	.mobil-lista a {
		flex: 1 1 0;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		min-height: 48px;
		font-size: 17px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		text-decoration: none;
	}
	.mobil-lista-tel {
		background: #df9e5d;
		color: #2c2c2c;
	}
	.mobil-lista-ponuka {
		border: 2px solid #fff;
		color: #fff;
	}
	.mobil-lista a:hover,
	.mobil-lista a:focus {
		text-decoration: none;
	}
	.mobil-lista-tel:hover,
	.mobil-lista-tel:focus {
		color: #2c2c2c;
	}
	.mobil-lista-ponuka:hover,
	.mobil-lista-ponuka:focus {
		color: #fff;
	}
	body {
		padding-bottom: 72px;
	}
	.ui-to-top {
		bottom: 84px !important;
	}
	.snackbars {
		bottom: 84px !important;
	}
}

/* ---------- Otázky a realizácie ---------- */
.otazky-intro,
.galeria-popis {
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 17px;
	line-height: 27px;
}

.panel-group .panel-title.h-as-h4 {
	font-size: 24px;
	line-height: 1.3;
	margin-top: 22px;
}

.panel-group .panel-title a {
	display: block;
	padding: 4px 0;
}

.panel-group .panel-body p {
	font-size: 17px;
	line-height: 27px;
}

.klucky-znacky {
	margin-top: 30px;
	text-align: center;
}

@media (max-width: 767px) {
	.section2 .elem h4 {
		font-size: 20px;
		line-height: 1.2;
		white-space: nowrap;
	}
}


/* ======================================================================
 * KOMPAKTNÝ VZHĽAD (v2)
 * Menšie a pokojnejšie nadpisy, jednotné písmo Roboto Condensed,
 * kompaktnejšie sekcie a banner. Farby a rozloženie ostávajú pôvodné.
 * ====================================================================== */

/* ---------- Jednotné písmo nadpisov ---------- */
h1, h2, h3, h4, h5, h6, [class^='heading-'] {
	font-family: "Roboto Condensed", "Arial Narrow", sans-serif;
}

h1 { font-size: 34px; line-height: 1.2; font-weight: 300; letter-spacing: 0.06em; }
h2 { font-size: 30px; line-height: 1.25; font-weight: 300; letter-spacing: 0.06em; }
h3 { font-size: 26px; line-height: 1.25; font-weight: 300; letter-spacing: 0.05em; }
h4 { font-size: 20px; line-height: 1.3; font-weight: 400; letter-spacing: 0.04em; }

h2 + * { margin-top: 24px; }
h3 + * { margin-top: 18px; }
h3 + img { margin-top: 20px; }
img + * { margin-top: 16px; }

/* Nadpisy sekcií (s tenkými čiarami po stranách) */
.h-as-h3,
h1.h-as-h3,
h2.h-as-h3 {
	font-family: "Roboto Condensed", "Arial Narrow", sans-serif;
	font-size: 30px;
	line-height: 1.25;
	font-weight: 300;
	letter-spacing: 0.08em;
	color: #3e3d3d;
}

.h-as-h3 + * {
	margin-top: 22px;
}

/* Menšie nadpisy (karty produktov, akcie, otázky) */
.h-as-h4,
h1.h-as-h4,
h2.h-as-h4,
h3.h-as-h4 {
	font: 400 20px/1.3 "Roboto Condensed", "Arial Narrow", sans-serif;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

/* Namiesto ťažkej tmavej čiary pod nadpisom krátka akcentová linka */
.block1 h4,
.block1 .h-as-h4,
.section2 h4 {
	border-bottom: 0;
	padding-bottom: 14px;
	margin-top: 18px;
	position: relative;
}

.block1 h4:after,
.block1 .h-as-h4:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 40px;
	height: 2px;
	margin-left: -20px;
	background: #df9e5d;
}

.block1 .akcie-title {
	font-size: 18px;
	letter-spacing: 0.06em;
	color: #3e3d3d;
}

.block1 p {
	margin-top: 14px;
	font-size: 15px;
	line-height: 24px;
}

.block1 .btn2,
.btn2 {
	font-size: 15px;
	line-height: 1;
	padding: 12px 22px;
	margin-top: 18px;
	letter-spacing: 0.04em;
}

.btn3 {
	font-size: 16px;
	padding: 13px 26px;
}

/* Okrúhle fotky produktov o trochu menšie */
.block1 .img-wrap img {
	max-width: 220px;
}

/* Galérie: názvy modelov */
.section2 .elem h4 {
	font-size: 16px;
	letter-spacing: 0.04em;
	padding-bottom: 0;
	margin-top: 8px !important;
	white-space: nowrap;
}

.section2 h4:after {
	display: none;
}

/* ---------- Kompaktnejšie sekcie ---------- */
@media (min-width: 768px) {
	.section-md { padding: 56px 0; }
	.section-xs { padding: 36px 0; }
}

@media (min-width: 1200px) {
	.section-md { padding: 70px 0; }
}

@media (max-width: 767px) {
	.section-md { padding: 44px 0; }
	.section-xs { padding: 28px 0; }
}

/* ---------- Menu ---------- */
.rd-navbar-static .rd-nav-link {
	font-family: "Roboto Condensed", "Arial Narrow", sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.08em;
}

.rd-navbar-static .rd-nav-item + .rd-nav-item {
	margin-left: 30px;
}

.rd-navbar-static .rd-nav-item.rd-nav-item-cta {
	margin-left: 30px;
}

.rd-navbar-static .rd-nav-item-cta .rd-nav-link {
	padding: 9px 16px 8px;
	font-weight: 700;
}

/* tlačidlo sa v kompaktnom menu zmestí aj na menších notebookoch */
@media (min-width: 992px) and (max-width: 1199px) {
	.rd-navbar-static .rd-nav-item.rd-nav-item-cta {
		display: inline-block;
	}
	.rd-navbar-static .rd-nav-item + .rd-nav-item,
	.rd-navbar-static .rd-nav-item.rd-nav-item-cta {
		margin-left: 20px;
	}
}

.rd-navbar-static .rd-menu .rd-dropdown-link {
	font-size: 15px;
}

/* ---------- Banner (slider) ---------- */
.swiper-slider-1 {
	min-height: 32vw;
}

/* jemné stmavenie celej fotky namiesto šedého boxu – text je čitateľný na každom snímku */
.swiper-slider-1 .swiper-slide:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(20, 20, 20, 0.42);
	z-index: 0;
}

.swiper-slider-1 .swiper-slide-caption {
	position: relative;
	z-index: 1;
}

.swiper-slider-1 .slide-brand {
	font-family: "Roboto Condensed", "Arial Narrow", sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.35em;
	color: #df9e5d;
	text-transform: uppercase;
}

.swiper-slider-1 h1.lead2,
.swiper-slider-1 .lead2 {
	font-family: "Roboto Condensed", "Arial Narrow", sans-serif;
	font-size: 42px;
	font-weight: 300;
	line-height: 1.2;
	letter-spacing: 0.02em;
	text-transform: none;
	color: #fff;
	margin-top: 14px;
}

.swiper-slider-1 .btn {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.08em;
	line-height: 1;
	padding: 14px 34px;
	border-width: 2px;
}

.swiper-slider-1 * + .btn {
	margin-top: 26px;
}

@media (min-width: 768px) {
	.swiper-slider-1 .slide-brand { font-size: 16px; }
}

@media (min-width: 1200px) {
	.swiper-slider-1 .slide-brand { font-size: 16px; }
	.swiper-slider-1 * + .btn { margin-top: 30px; }
}

@media (max-width: 767px) {
	.swiper-slider-1 {
		min-height: 300px;
	}
	.swiper-slider-1 h1.lead2,
	.swiper-slider-1 .lead2 {
		font-size: 27px;
		letter-spacing: 0.01em;
	}
	.swiper-slider-1 .slide-brand {
		font-size: 13px;
		letter-spacing: 0.3em;
	}
	.swiper-slider-1 .btn {
		padding: 13px 28px;
		font-size: 15px;
	}
}

/* ---------- O nás ---------- */
.bg1 .owl-carousel .h-as-h4 {
	font-size: 20px;
	margin-top: 18px;
}

.bg1 .owl-carousel .item p {
	margin-top: 10px;
}

/* ---------- Kontakt a pätička ---------- */
.contactAdress dt {
	font: 700 15px/1.3 "Roboto Condensed", "Arial Narrow", sans-serif;
	letter-spacing: 0.1em;
	margin-bottom: 6px;
}

.contactAdress address {
	margin-bottom: 22px;
}

.kontakt-title {
	margin-bottom: 34px;
}

footer .footer-inner-1 {
	padding: 40px 0 16px;
}

footer [class*="col-"] {
	min-height: 0;
}

footer dt {
	font: 700 14px/1.3 "Roboto Condensed", "Arial Narrow", sans-serif;
	letter-spacing: 0.12em;
	color: #df9e5d;
	margin: 0 0 8px;
}

footer address dd,
footer address a,
footer address dd a {
	font-size: 16px;
	line-height: 1.5;
}

footer dl + dl {
	margin-top: 18px;
}

footer address {
	margin-bottom: 20px;
}

footer .footer1 {
	padding: 22px 0;
}

footer .footer1 .rights,
footer .footer1 .logo-name,
footer .footer1 span {
	font-size: 13px;
	letter-spacing: 0.04em;
}

/* ---------- Otázky ---------- */
.panel-group .panel-title.h-as-h4 {
	font-size: 18px;
	line-height: 1.35;
	margin-top: 14px;
	text-transform: none;
	letter-spacing: 0.02em;
}

.panel-group .panel-body p {
	font-size: 16px;
	line-height: 25px;
}

.klucky-znacky {
	font-size: 18px;
}

/* ---------- Formulár ---------- */
.cenova-ponuka-intro {
	font-size: 15px;
	line-height: 24px;
}

/* ---------- Mobil: menšie nadpisy ---------- */
@media (max-width: 767px) {
	.h-as-h3,
	h1.h-as-h3,
	h2.h-as-h3 {
		font-size: 24px;
		letter-spacing: 0.06em;
	}
	h1 { font-size: 26px; }
	h2 { font-size: 24px; }
	h3 { font-size: 21px; }
	.h-as-h4,
	.block1 .h-as-h4 {
		font-size: 18px;
	}
	.block1 .akcie-title {
		font-size: 16px;
	}
	.section2 .elem h4 {
		font-size: 14px;
	}
	.mobil-lista a {
		font-size: 15px;
	}
}

/* ---------- Doladenie ---------- */
/* zarovnanie do bloku robilo v úzkych stĺpcoch veľké medzery medzi slovami */
.block1 p,
.bg1 .item p,
.section2 p,
.section2 [style*="justify"] {
	text-align: left !important;
}

.bg1 .item p {
	text-align: center !important;
}

.akcia-img img {
	max-width: 340px;
	margin: 0 auto;
}

footer dt {
	margin-bottom: 6px !important;
}

footer dt + dd,
footer dd {
	margin-top: 0 !important;
}

.box-image-left-subtitle {
	line-height: 1.4;
	font-size: 14px;
}

* + .box-image-left-subtitle {
	margin-top: 2px;
}

.rd-mailform textarea.form-input {
	height: 120px;
	min-height: 120px;
}

.section2 p.otazky-intro,
.section2 p.galeria-popis {
	text-align: center !important;
}

.panel-group .panel {
	border-bottom: 1px solid #ececec;
	padding-bottom: 12px;
}