/**
 * Abadio redesign — homepage sekcie (handoff: 2a zima / 2b mobile / 2c leto)
 * Používajú ich Elementor HTML widgety na stránke hero-zima.
 */

/* ---------- Spoločné ---------- */

.aba-hp-section {
	padding: 72px 96px;
}

.aba-hp-section--flush-top {
	padding-top: 0;
}

.aba-hp-section--surface {
	background: var(--aba-surface);
}

.aba-hp-head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 28px;
	gap: 20px;
	flex-wrap: wrap;
}

.aba-hp-head h2 {
	font-size: 36px;
	margin: 0;
}

.aba-hp-link {
	font-size: 15px;
	font-weight: 600;
	color: var(--aba-ink);
	border-bottom: 1.5px solid var(--aba-ink);
	padding-bottom: 2px;
	white-space: nowrap;
}

.aba-hp-link:hover {
	color: var(--aba-primary);
	border-color: var(--aba-primary);
}

/* Šrafovaný placeholder na chýbajúce fotky (ako v handoffe) */
.aba-ph {
	background: repeating-linear-gradient(45deg, #f3ece4 0 14px, #ece2d6 14px 28px);
	display: flex;
	align-items: center;
	justify-content: center;
}

.aba-ph__label {
	font-family: ui-monospace, Menlo, monospace;
	font-size: 12px;
	color: #8a7b6e;
	background: rgba(255, 255, 255, 0.75);
	padding: 6px 12px;
	border-radius: 6px;
	text-align: center;
	max-width: 80%;
}

/* ---------- Hero ---------- */

.aba-hero {
	background: var(--aba-surface);
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: stretch;
}

.aba-hero__content {
	padding: 88px 64px 88px 96px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 24px;
}

.aba-hero__eyebrow {
	display: inline-flex;
	align-self: flex-start;
	align-items: center;
	gap: 8px;
	background: var(--aba-primary-tint);
	color: var(--aba-primary-hover);
	font-size: 13px;
	font-weight: 600;
	padding: 7px 14px;
	border-radius: 999px;
}

.aba-hero__eyebrow::before {
	content: '';
	width: 7px;
	height: 7px;
	background: var(--aba-primary);
	border-radius: 50%;
}

.aba-redesign .aba-hero__content h1 {
	font-weight: 800 !important;
	font-size: 58px;
	line-height: 1.05;
	letter-spacing: -0.025em;
	margin: 0;
	text-wrap: pretty;
}

.aba-hero__lead {
	font-size: 19px;
	line-height: 1.55;
	color: var(--aba-text-2);
	margin: 0;
	max-width: 44ch;
}

.aba-hero__ctas {
	display: flex;
	gap: 14px;
	align-items: center;
	margin-top: 6px;
	flex-wrap: wrap;
}

.aba-hero__cta {
	background: var(--aba-primary);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	padding: 16px 34px;
	border-radius: 999px;
	display: inline-block;
}

.aba-hero__cta:hover {
	background: var(--aba-primary-hover);
	color: #fff;
}

.aba-hero__cta--outline {
	background: none;
	color: var(--aba-ink);
	border: 1.5px solid var(--aba-border-btn);
	padding: 16px 26px;
}

.aba-hero__cta--outline:hover {
	background: none;
	border-color: var(--aba-ink);
	color: var(--aba-ink);
}

.aba-hero__trust {
	display: flex;
	gap: 22px;
	font-size: 14px;
	color: var(--aba-text-2);
	font-weight: 500;
	margin-top: 8px;
	flex-wrap: wrap;
}

.aba-hero__trust .star {
	color: var(--aba-primary);
	font-weight: 700;
}

.aba-hero__trust .dot {
	display: inline-block;
	width: 6px;
	height: 6px;
	background: var(--aba-success);
	border-radius: 50%;
	margin-right: 7px;
	vertical-align: middle;
}

.aba-hero__media {
	min-height: 560px;
	position: relative;
	overflow: hidden;
}

.aba-hero__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ---------- USP pás ---------- */

.aba-usp {
	background: #fff;
	border-bottom: 1px solid var(--aba-border);
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	padding: 26px 96px;
	gap: 16px;
}

.aba-usp__item {
	display: flex;
	align-items: center;
	gap: 14px;
	justify-content: center;
}

.aba-usp__icon {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--aba-primary-tint);
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
}

.aba-usp__title {
	font-weight: 600;
	font-size: 15px;
	color: var(--aba-ink);
}

.aba-usp__text {
	font-size: 13px;
	color: var(--aba-text-3);
}

/* ---------- Banery (rodina + kategórie) ---------- */

.aba-banners {
	display: grid;
	gap: 20px;
}

.aba-banners--family {
	grid-template-columns: 1.4fr 1fr 1fr;
}

.aba-banners--categories {
	grid-template-columns: repeat(3, 1fr);
}

.aba-banner {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	display: block;
	min-height: 300px;
	transition: opacity 0.15s ease;
}

.aba-banners--categories .aba-banner {
	min-height: 340px;
}

.aba-banner:hover {
	opacity: 0.93;
}

.aba-banner img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.aba-banner__content {
	position: absolute;
	left: 24px;
	bottom: 24px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	align-items: flex-start;
	z-index: 1;
}

.aba-banner--lead .aba-banner__content {
	left: 28px;
	bottom: 28px;
}

.aba-banner__title {
	font-family: var(--aba-font-heading);
	font-weight: 700;
	font-size: 23px;
	color: var(--aba-ink);
	letter-spacing: -0.02em;
	text-shadow: 0 1px 8px rgba(255, 255, 255, 0.55);
}

.aba-banner--lead .aba-banner__title {
	font-size: 28px;
}

.aba-banner__cta {
	font-size: 14px;
	font-weight: 600;
	color: var(--aba-ink);
	background: #fff;
	padding: 9px 18px;
	border-radius: 999px;
}

.aba-banner__cta--text {
	background: none;
	padding: 0;
	text-shadow: 0 1px 8px rgba(255, 255, 255, 0.55);
}

/* ---------- Sprievodca veľkosťou ---------- */

.aba-sizeguide {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 56px;
	align-items: center;
}

.aba-sizeguide__media {
	border-radius: 20px;
	overflow: hidden;
	aspect-ratio: 4 / 3;
}

.aba-sizeguide__content {
	display: flex;
	flex-direction: column;
	gap: 18px;
	align-items: flex-start;
}

.aba-sizeguide__content h2 {
	font-size: 36px;
	margin: 0;
}

.aba-sizeguide__content p {
	font-size: 17px;
	line-height: 1.6;
	color: var(--aba-text-2);
	margin: 0;
	max-width: 48ch;
}

.aba-sizeguide__cta {
	background: var(--aba-ink);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	padding: 14px 28px;
	border-radius: 999px;
}

.aba-sizeguide__cta:hover {
	background: var(--aba-primary);
	color: #fff;
}

/* ---------- Recenzie ---------- */

.aba-reviews {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.aba-review {
	background: var(--aba-surface);
	border-radius: 16px;
	padding: 24px 26px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.aba-review__stars {
	color: var(--aba-primary);
	font-size: 15px;
	letter-spacing: 2px;
}

.aba-review__text {
	font-size: 15px;
	line-height: 1.55;
	color: var(--aba-ink);
	margin: 0;
}

.aba-review__meta {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-top: auto;
}

.aba-review__name {
	font-size: 14px;
	font-weight: 600;
	color: var(--aba-ink);
}

.aba-review__verified {
	font-size: 12px;
	color: var(--aba-text-3);
	margin-left: auto;
}

.aba-hp-heureka {
	font-size: 15px;
	color: var(--aba-text-2);
	font-weight: 500;
}

.aba-hp-heureka .star {
	color: var(--aba-primary);
	font-weight: 700;
}

/* ---------- Príbeh značky ---------- */

.aba-story {
	background: var(--aba-ink);
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: 56px;
	align-items: center;
	padding: 72px 96px;
}

.aba-story__content {
	display: flex;
	flex-direction: column;
	gap: 18px;
	align-items: flex-start;
}

.aba-story__eyebrow {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--aba-accent-on-dark);
}

.aba-story__content h2 {
	font-size: 40px;
	color: var(--aba-cream) !important;
	margin: 0;
	text-wrap: pretty;
}

.aba-story__content p {
	font-size: 17px;
	line-height: 1.6;
	color: var(--aba-cream-2);
	margin: 0;
	max-width: 52ch;
}

.aba-story__cta {
	background: var(--aba-primary);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	padding: 15px 32px;
	border-radius: 999px;
	margin-top: 6px;
}

.aba-story__cta:hover {
	background: var(--aba-primary-hover);
	color: #fff;
}

.aba-story__media {
	border-radius: 20px;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	position: relative;
}

.aba-story__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ---------- Blog karty ---------- */

.aba-blog-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.aba-blog-card {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.aba-blog-card__media {
	border-radius: 16px;
	overflow: hidden;
	aspect-ratio: 16 / 10;
	position: relative;
}

.aba-blog-card__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.aba-blog-card__cat {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--aba-primary);
}

.aba-blog-card__title {
	font-size: 16px;
	font-weight: 600;
	color: var(--aba-ink);
	line-height: 1.4;
	margin-top: -6px;
}

.aba-blog-card:hover .aba-blog-card__title {
	color: var(--aba-primary);
}

/* ---------- SEO blok ---------- */

.aba-seo {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 56px;
}

.aba-seo h3 {
	font-size: 23px;
	margin: 0 0 14px;
	letter-spacing: -0.01em;
}

.aba-seo p {
	font-size: 15px;
	line-height: 1.65;
	color: var(--aba-text-2);
	margin: 0 0 12px;
}

.aba-seo ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 15px;
	color: var(--aba-text-2);
}

.aba-seo li {
	display: flex;
	gap: 10px;
}

.aba-seo li::before {
	content: '—';
	color: var(--aba-primary);
	font-weight: 700;
}

/* ---------- Responzivita (2b) ---------- */

@media (max-width: 1200px) {
	.aba-hp-section,
	.aba-usp,
	.aba-story {
		padding-left: 40px;
		padding-right: 40px;
	}

	.aba-hero__content {
		padding: 56px 40px;
	}

	.aba-redesign .aba-hero__content h1 {
		font-size: 44px !important;
	}
}

@media (max-width: 991px) {
	.aba-usp {
		grid-template-columns: 1fr 1fr;
		gap: 18px 12px;
	}

	.aba-usp__item {
		justify-content: flex-start;
	}

	.aba-banners--family,
	.aba-banners--categories,
	.aba-reviews,
	.aba-blog-cards {
		grid-template-columns: 1fr 1fr;
	}

	.aba-banner--lead {
		grid-column: 1 / -1;
	}
}

@media (max-width: 767px) {
	.aba-hp-section,
	.aba-usp,
	.aba-story {
		padding: 36px 20px;
	}

	.aba-hp-head h2 {
		font-size: 26px;
	}

	.aba-hero {
		grid-template-columns: 1fr;
	}

	.aba-hero__content {
		padding: 36px 20px 28px;
		order: 2;
	}

	.aba-redesign .aba-hero__content h1 {
		font-size: 34px !important;
	}

	.aba-hero__lead {
		font-size: 16px;
	}

	.aba-hero__media {
		min-height: 320px;
		order: 1;
	}

	.aba-banners--family,
	.aba-banners--categories,
	.aba-reviews,
	.aba-blog-cards,
	.aba-sizeguide,
	.aba-story,
	.aba-seo {
		grid-template-columns: 1fr;
	}

	.aba-banner,
	.aba-banners--categories .aba-banner {
		min-height: 220px;
	}

	.aba-sizeguide,
	.aba-seo {
		gap: 28px;
	}

	.aba-story {
		gap: 28px;
	}

	.aba-story__content h2 {
		font-size: 28px;
	}
}

/* Stránka so sekciami: bez page headera a breadcrumbu */
.aba-redesign.aba-hp-page .page-header,
.aba-redesign.aba-hp-page .site-breadcrumb {
	display: none;
}

/* Globálne .aba-redesign a pravidlo z tokens.css má vyššiu špecificitu — CTA farby natvrdo */
.aba-redesign a.aba-hero__cta,
.aba-redesign a.aba-sizeguide__cta,
.aba-redesign a.aba-story__cta {
	color: #fff;
}

.aba-redesign a.aba-hero__cta--outline {
	color: var(--aba-ink);
}

.aba-redesign a.aba-hero__cta:hover,
.aba-redesign a.aba-sizeguide__cta:hover,
.aba-redesign a.aba-story__cta:hover {
	color: #fff;
}

.aba-redesign a.aba-banner__cta,
.aba-redesign a.aba-hp-link {
	color: var(--aba-ink);
}

.aba-redesign a.aba-hp-link:hover {
	color: var(--aba-primary);
}

/* ---------- 6c O nás ---------- */

.aba-about-hero {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 56px;
	align-items: center;
}

.aba-about-hero__content {
	display: flex;
	flex-direction: column;
	gap: 18px;
	align-items: flex-start;
}

.aba-about-hero__content h1 {
	font-size: 46px;
	line-height: 1.1;
	margin: 0;
}

.aba-about-hero__content p {
	font-size: 17px;
	line-height: 1.65;
	color: var(--aba-text-2);
	margin: 0;
}

.aba-about-hero__media {
	border-radius: 20px;
	overflow: hidden;
	aspect-ratio: 4 / 3;
}

.aba-about-h2 {
	font-size: 34px;
	margin: 0 0 32px;
}

.aba-about-steps {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.aba-about-step {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.aba-about-step__media {
	border-radius: 16px;
	overflow: hidden;
	aspect-ratio: 4 / 3;
}

.aba-about-step__row {
	display: flex;
	gap: 12px;
	align-items: baseline;
}

.aba-about-step__num {
	font-family: var(--aba-font-heading);
	font-weight: 700;
	font-size: 20px;
	color: var(--aba-primary);
	flex: none;
}

.aba-about-step__title {
	font-weight: 600;
	font-size: 16px;
	color: var(--aba-ink);
}

.aba-about-step__text {
	font-size: 14.5px;
	line-height: 1.55;
	color: var(--aba-text-2);
	margin-top: 4px;
}

.aba-about-band {
	background: var(--aba-ink);
	padding: 56px 96px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	flex-wrap: wrap;
}

.aba-about-band h2 {
	font-size: 30px;
	color: var(--aba-cream) !important;
	margin: 0;
}

.aba-about-band p {
	font-size: 15.5px;
	color: var(--aba-cream-2);
	margin: 8px 0 0;
}

.aba-redesign a.aba-about-band__cta {
	flex: none;
	background: var(--aba-primary);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	padding: 16px 34px;
	border-radius: 999px;
}

.aba-redesign a.aba-about-band__cta:hover {
	background: var(--aba-primary-hover);
	color: #fff;
}

/* ---------- 6d Pomoc a kontakt ---------- */

.aba-help-h1 {
	font-size: 42px;
	margin: 0 0 10px;
}

.aba-help-lead {
	font-size: 16px;
	color: var(--aba-text-2);
	margin: 0;
}

.aba-help-grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 48px;
	align-items: start;
}

.aba-help-h2 {
	font-size: 24px;
	margin: 0 0 14px;
}

/* FAQ akordeón */
.aba-faq {
	border: 1px solid var(--aba-border);
	border-radius: 16px;
	overflow: hidden;
	background: #fff;
}

.aba-faq__item {
	border-bottom: 1px solid var(--aba-border);
}

.aba-faq__item:last-child {
	border-bottom: none;
}

.aba-faq__item summary {
	list-style: none;
	cursor: pointer;
	padding: 18px 22px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	font-size: 15.5px;
	font-weight: 600;
	color: var(--aba-ink);
}

.aba-faq__item summary::-webkit-details-marker {
	display: none;
}

.aba-faq__item summary::after {
	content: '+';
	color: var(--aba-text-3);
	font-size: 17px;
	font-weight: 400;
	flex: none;
}

.aba-faq__item[open] {
	background: var(--aba-surface);
}

.aba-faq__item[open] summary::after {
	content: '−';
}

.aba-faq__answer {
	padding: 0 22px 18px;
	font-size: 14.5px;
	line-height: 1.6;
	color: var(--aba-text-2);
}

.aba-faq__answer a {
	font-weight: 600;
	color: var(--aba-primary);
}

/* Sledovanie objednávky */
.aba-tracking {
	background: var(--aba-surface);
	border-radius: 16px;
	padding: 24px 26px;
}

.aba-tracking > p {
	font-size: 14.5px;
	color: var(--aba-text-2);
	margin: 0 0 12px;
}

/* Kontakt karta */
.aba-contact-card {
	border: 1px solid var(--aba-border);
	border-radius: 16px;
	padding: 24px 26px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	background: #fff;
}

.aba-contact-card__block {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.aba-contact-card__label {
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: var(--aba-text-3);
}

.aba-contact-card__value {
	font-size: 17px;
	font-weight: 600;
	color: var(--aba-ink);
}

a.aba-contact-card__value:hover {
	color: var(--aba-primary);
}

.aba-contact-card__value--muted {
	font-size: 15px;
	font-weight: 400;
	color: var(--aba-text-2);
}

@media (max-width: 991px) {
	.aba-about-hero,
	.aba-help-grid {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.aba-about-steps {
		grid-template-columns: 1fr;
	}

	.aba-about-band {
		padding: 36px 20px;
	}

	.aba-about-hero__content h1 {
		font-size: 32px;
	}

	.aba-help-h1 {
		font-size: 30px;
	}
}

/* Kontaktná karta: siete + poznámka „Nenašli ste odpoveď?" (6d) */

.aba-contact-card__socials {
	margin-top: 8px;
}

.aba-contact-card__socials a {
	width: 38px;
	height: 38px;
	border: 1px solid var(--aba-border-btn);
	color: var(--aba-ink);
}

.aba-contact-card__socials a:hover {
	border-color: var(--aba-primary);
	color: var(--aba-primary);
}

.aba-contact-card__socials svg {
	height: 15px;
	width: auto;
	fill: currentColor;
	display: block;
}

.aba-help-note {
	background: var(--aba-primary-tint);
	border-radius: 16px;
	padding: 20px 24px;
	margin-top: 18px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.aba-help-note strong {
	font-size: 15px;
	color: var(--aba-ink);
}

.aba-help-note span,
.aba-help-note a {
	font-size: 14px;
	color: var(--aba-text-2);
	line-height: 1.5;
}

.aba-help-note a {
	color: var(--aba-primary);
	font-weight: 600;
}

.aba-help-note a:hover {
	text-decoration: underline;
}

/* Fakturačné údaje v kontaktnej karte */
.aba-billing {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 2px 12px;
	margin: 6px 0 0;
	font-size: 13.5px;
}

.aba-billing dt {
	color: var(--aba-text-3);
	margin: 0;
}

.aba-billing dd {
	color: var(--aba-ink);
	font-weight: 600;
	margin: 0;
}

.aba-contact-card__note {
	display: block;
	margin-top: 8px;
	font-size: 12.5px;
	line-height: 1.45;
	color: var(--aba-text-3);
}

/* Reálne fotky v mediálnych rámoch (nahradili šrafované placeholdery) */
.aba-sizeguide__media img,
.aba-about-hero__media img,
.aba-about-step__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/*
 * Fotky musia vyplniť celý rámik. Elementor (.elementor img { height: auto })
 * sa načítava až po týchto štýloch a pri rovnakej špecifickosti ich prebil —
 * obrázok mal výšku podľa vlastného pomeru strán a v rámiku ostávalo prázdne miesto.
 */
.aba-hero .aba-hero__media img,
.aba-banners .aba-banner img,
.aba-story .aba-story__media img,
.aba-sizeguide .aba-sizeguide__media img,
.aba-about-hero .aba-about-hero__media img,
.aba-about-step .aba-about-step__media img {
	height: 100%;
	max-width: none;
}

/*
 * Hlavný banner s výrezom (PNG/WebP bez pozadia): obrázok sa neorezáva,
 * je ukotvený dole na stred a pozadie je béžová plocha hera.
 */
.aba-hero .aba-hero__media--cutout img {
	object-fit: contain;
	object-position: center bottom;
	padding-top: 32px;
}

@media (max-width: 767px) {
	.aba-hero__media--cutout {
		min-height: 400px;
	}

	.aba-hero .aba-hero__media--cutout img {
		padding-top: 20px;
	}
}

/*
 * Veľký banner: na tablete je na celú šírku (pomer ~2,7:1) a orezáva sa zhora
 * aj zdola — ukotvenie vyššie, aby čiapka ostala celá. Na desktope a mobile
 * sa vertikálne takmer neorezáva, takže tam sa nič nemení.
 */
.aba-banners .aba-banner--lead img {
	object-position: center 22%;
}

@media (min-width: 768px) and (max-width: 991px) {
	.aba-banners--family .aba-banner--lead {
		min-height: 400px;
	}
}

/* Menšie bannery rodiny: model je v strede fotky, nadpis nesmie zasahovať do neho. */
.aba-banners--family .aba-banner:not(.aba-banner--lead) .aba-banner__title {
	font-size: 20px;
}

/* Mobil: menší nadpis bannera, aby nezasahoval do tváre na fotke. */
@media (max-width: 767px) {
	.aba-banner__title,
	.aba-banner--lead .aba-banner__title {
		font-size: 19px;
	}

	.aba-banner__content,
	.aba-banner--lead .aba-banner__content {
		left: 18px;
		bottom: 18px;
	}
}

/* Sekcie prevedené z Elementora: viac blokov v jednej sekcii má medzi sebou
   20 px ako predvolená medzera medzi widgetmi Elementora. */
.aba-hp-el > * + * {
	margin-top: 20px;
}

/* Bannery hneď pod pásom výhod: medzera od jeho spodnej čiary (zima aj leto). */
.aba-sec-usp + .aba-hp-el .aba-hp-section--flush-top {
	padding-top: 40px;
}

@media (max-width: 767px) {
	.aba-sec-usp + .aba-hp-el .aba-hp-section--flush-top {
		padding-top: 24px;
	}
}

/*
 * Bannery kategórií majú celoplošné fotky (les, interiér, záhrada) — tmavý
 * text by sa na nich strácal. Jemný tmavý prechod odspodu + biely text.
 */
.aba-banners--categories .aba-banner::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 60%;
	background: linear-gradient(to top, rgba(43, 33, 30, 0.72) 0%, rgba(43, 33, 30, 0.35) 45%, rgba(43, 33, 30, 0) 100%);
	pointer-events: none;
}

.aba-banners--categories .aba-banner__content {
	z-index: 2;
}

.aba-banners--categories .aba-banner__title,
.aba-banners--categories .aba-banner__cta--text {
	color: #fff;
	text-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
}

/* Na mobile sa fotky kategórií orezávajú zhora a zdola — ukotvenie vyššie, aby čelenka ostala v zábere. */
.aba-banners--categories .aba-banner img {
	object-position: center 15%;
}

/* Mobil: vyššie bannery kategórií — fotka 4:3 sa ukáže takmer celá a produkt (gumička) neprekryje nadpis. */
@media (max-width: 767px) {
	.aba-banners--categories .aba-banner {
		min-height: 260px;
	}
}

/* ---------- O nás (about-page.php) ---------- */

.aba-about__eyebrow {
	font-size: 12.5px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--aba-primary-hover);
}

.aba-about__stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-bottom: 1px solid var(--aba-border);
	background: #fff;
}

.aba-about__stat {
	padding: 30px 24px;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 4px;
	border-right: 1px solid var(--aba-border);
}

.aba-about__stat:last-child {
	border-right: none;
}

.aba-about__stat b {
	font-family: var(--aba-font-heading);
	font-size: 34px;
	line-height: 1.1;
	color: var(--aba-ink);
	font-variant-numeric: tabular-nums;
}

.aba-about__stat span {
	font-size: 14px;
	color: var(--aba-text-3);
}

.aba-about__timeline {
	list-style: none;
	margin: 0;
	padding: 0;
	max-width: 860px;
	display: flex;
	flex-direction: column;
	position: relative;
}

.aba-about__timeline li {
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr);
	gap: 24px;
	padding-bottom: 32px;
	position: relative;
}

.aba-about__timeline li::before {
	content: "";
	position: absolute;
	left: 75px;
	top: 10px;
	bottom: 0;
	width: 2px;
	background: var(--aba-primary-tint);
}

.aba-about__timeline li:last-child {
	padding-bottom: 0;
}

.aba-about__timeline li:last-child::before {
	display: none;
}

.aba-about__year {
	font-family: var(--aba-font-heading);
	font-size: 22px;
	font-weight: 700;
	color: var(--aba-primary);
	position: relative;
}

.aba-about__year::after {
	content: "";
	position: absolute;
	left: 71px;
	top: 6px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--aba-primary);
	box-shadow: 0 0 0 4px #fff;
}

.aba-about__timeline h3 {
	font-size: 18px;
	color: var(--aba-ink);
	margin: 0 0 6px;
}

.aba-about__timeline p {
	font-size: 15.5px;
	line-height: 1.65;
	color: var(--aba-text-2);
	margin: 0;
}

.aba-about__values {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}

.aba-about__value {
	background: var(--aba-surface);
	border-radius: 16px;
	padding: 24px;
}

.aba-about__value h3 {
	font-size: 17px;
	color: var(--aba-ink);
	margin: 0 0 8px;
}

.aba-about__value p {
	font-size: 14.5px;
	line-height: 1.6;
	color: var(--aba-text-2);
	margin: 0;
}

.aba-about__company {
	margin: 28px 0 0;
	font-size: 14px;
	color: var(--aba-text-3);
}

.aba-about__company a {
	color: var(--aba-ink);
	text-decoration: underline;
	text-underline-offset: 2px;
}

@media (max-width: 991px) {
	.aba-about__stats,
	.aba-about__values {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.aba-about__stat:nth-child(2) {
		border-right: none;
	}

	.aba-about__stat:nth-child(-n+2) {
		border-bottom: 1px solid var(--aba-border);
	}
}

@media (max-width: 767px) {
	.aba-about__stat {
		padding: 22px 12px;
	}

	.aba-about__stat b {
		font-size: 26px;
	}

	.aba-about__values {
		grid-template-columns: 1fr;
	}

	.aba-about__timeline li {
		grid-template-columns: 70px minmax(0, 1fr);
		gap: 14px;
	}

	.aba-about__timeline li::before {
		left: 61px;
	}

	.aba-about__year {
		font-size: 18px;
	}

	.aba-about__year::after {
		left: 57px;
		top: 5px;
	}
}

/* O nás: zakladateľka (bez fotky — iniciála) */
.aba-about__founder {
	padding-bottom: 0;
}

.aba-about__founder-card {
	max-width: 860px;
	display: grid;
	grid-template-columns: 88px minmax(0, 1fr);
	gap: 28px;
	align-items: start;
	background: var(--aba-surface);
	border-radius: 20px;
	padding: 32px 36px;
}

.aba-about__monogram {
	width: 88px;
	height: 88px;
	border-radius: 50%;
	background: var(--aba-primary-tint);
	color: var(--aba-primary-hover);
	font-family: var(--aba-font-heading);
	font-size: 40px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}

.aba-about__founder-card h2 {
	font-family: var(--aba-font-heading);
	font-size: 28px;
	color: var(--aba-ink);
	margin: 6px 0 12px;
}

.aba-about__founder-card p {
	font-size: 15.5px;
	line-height: 1.7;
	color: var(--aba-text-2);
	margin: 0 0 10px;
}

.aba-about__founder-card p:last-child {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.aba-about__founder-card {
		grid-template-columns: 1fr;
		gap: 16px;
		padding: 24px 20px;
	}

	.aba-about__monogram {
		width: 64px;
		height: 64px;
		font-size: 30px;
	}

	.aba-about__founder-card h2 {
		font-size: 24px;
	}
}