/* ==========================================================================
   Ebbie – krok 5: úvodní stránka (podle ebbie.uxeshop.cz)
   ========================================================================== */
body.ebbie-home-page #site-content.main-container { max-width: none; width: 100%; padding: 0; }
body.ebbie-home-page .page-area { padding: 0; }
.ebbie-home .ebbie-help { margin-top: 0; }
.ebbie-home h2 { font-size: var(--fs-h2); letter-spacing: -0.035em; font-weight: 600; margin: 0 0 6px; color: var(--ink); }
.eh-section { padding: 72px 0; }
.eh-section--tint { background: #f8f5f8; }
.eh-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.eh-head p { margin: 0; color: var(--muted); font-size: 15px; }
.eh-more { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--plum) !important; white-space: nowrap; }
.eh-more .ebbie-ico { width: 16px; height: 16px; }
a.button.eh-btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 22px; background: var(--plum); color: var(--white); border-radius: var(--radius-md); font-weight: 600; }
a.button.eh-btn:hover { background: var(--plum-hover); color: var(--white); }
.eh-btn .ebbie-ico, .eh-btn-outline .ebbie-ico { width: 16px; height: 16px; }
a.button.eh-btn-outline { display: inline-flex; align-items: center; gap: 10px; background: var(--white); color: var(--plum); border: 1px solid var(--lilac-line); padding: 12px 20px; border-radius: var(--radius-md); font-weight: 600; }
a.button.eh-btn-outline:hover { background: var(--lilac-soft); color: var(--plum); }

/* 1) úvodní fotka */
.eh-hero { background: var(--sand); padding: 44px 0 56px; overflow: hidden; }
.eh-hero__in { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: 48px; align-items: center; }
.eh-hero__text { position: relative; padding-bottom: 40px; }
.eh-dot { font-size: 13px; color: var(--muted); margin: 0 0 18px; }
.eh-dot::before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--plum); margin-right: 8px; vertical-align: 2px; }
.eh-hero__title { font-family: var(--display); font-size: var(--fs-h1); font-weight: 500; line-height: 1.06; letter-spacing: -0.055em; color: var(--plum); margin: 0 0 22px; }
.eh-lead { font-size: 17px; line-height: 1.6; color: var(--muted); max-width: 400px; margin: 0 0 26px; }
.eh-for { margin: 22px 0 0; font-size: 14px; color: var(--muted); display: flex; gap: 14px; align-items: center; }
.eh-for a { color: var(--ink) !important; font-weight: 600; }
.eh-for a:hover { color: var(--plum) !important; }
.eh-thread { position: absolute; left: 0; bottom: -20px; width: min(520px, 100%); color: var(--plum-hand); opacity: .55; }
.eh-hero__media { position: relative; padding: 34px 0 30px 18px; }
.eh-hero__hand { position: absolute; right: 18px; top: 0; transform: rotate(-3deg); margin: 0; z-index: 2; }
.eh-hero__photo { border-radius: 16px; overflow: hidden; position: relative; box-shadow: var(--shadow-lg); }
.eh-hero__photo::after { content: ""; position: absolute; inset: 10px; border: 1px dashed #ffffffb3; border-radius: 10px; pointer-events: none; }
.eh-hero__photo img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; display: block; }
.eh-sticker {
	position: absolute; left: -8px; top: 52px; z-index: 3; width: 128px; padding: 12px 10px 10px; text-align: center;
	background: #fffdf9; border: 1px solid var(--lilac-line); border-radius: 6px; box-shadow: var(--shadow-md); transform: rotate(-5deg);
	display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: 12px; color: var(--ink); line-height: 1.3;
}
.eh-sticker img { width: 34px; height: auto; }
.eh-sticker strong { color: var(--plum); font-size: 13px; }
.eh-sticker em { font-style: normal; border-top: 1px dashed var(--lilac-line); padding-top: 6px; margin-top: 2px; width: 100%; color: var(--muted); }
.eh-polaroid { display: block; background: var(--white); padding: 8px 8px 10px; border-radius: 4px; box-shadow: var(--shadow-lg); color: var(--ink) !important; }
.eh-polaroid img { display: block; width: 100%; height: auto; border-radius: 2px; }
.eh-polaroid .ebbie-hand { display: block; text-align: center; font-size: 19px; margin-top: 6px; }
.eh-polaroid--hero { position: absolute; right: -10px; bottom: 0; width: 180px; transform: rotate(5deg); z-index: 3; }
.eh-polaroid--hero img { aspect-ratio: 4 / 3; object-fit: cover; }

/* 2) výhody */
.eh-benefits { border-bottom: 1px solid var(--line); }
.eh-benefits__in { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; padding-top: 28px; padding-bottom: 28px; }
.eh-benefit { display: flex; align-items: center; gap: 14px; }
.eh-benefit strong { display: block; font-size: 15px; }
.eh-benefit span { font-size: 13px; color: var(--muted); }
.eh-benefit__ico { flex: none; width: 52px; height: 52px; border-radius: 50%; display: grid !important; place-items: center; color: var(--plum) !important; }
.eh-benefit__ico .ebbie-ico { width: 22px; height: 22px; }
.eh-benefit__ico--1 { background: #eedfec; } .eh-benefit__ico--2 { background: #f3e7dc; }
.eh-benefit__ico--3 { background: #f3dfe6; } .eh-benefit__ico--4 { background: #e5e9de; }

/* 3) kategorie */
.eh-cats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; align-items: end; }
.eh-cat { display: flex; flex-direction: column; color: var(--ink) !important; }
.eh-cat__img { display: block; overflow: hidden; aspect-ratio: 1 / 1; background: var(--sand); border-radius: 75px 10px 70px 10px; }
.eh-cat--2 .eh-cat__img { background: #e9ecee; border-radius: 10px 75px 10px 70px; aspect-ratio: 1 / 1.05; }
.eh-cat--3 .eh-cat__img { background: var(--white); border-radius: 70px 10px 75px 10px; }
.eh-cat--4 .eh-cat__img { background: #f3dfe6; border-radius: 10px 70px 10px 75px; aspect-ratio: 1 / 1.05; }
.eh-cat__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.eh-cat:hover .eh-cat__img img { transform: scale(1.04); }
.eh-cat__title { display: flex; justify-content: space-between; align-items: center; font-family: var(--display); font-size: 19px; font-weight: 600; letter-spacing: -0.02em; margin-top: 14px; }
.eh-cat__title .ebbie-ico { width: 18px; height: 18px; color: var(--plum); }
.eh-cat__sub { font-size: 13px; color: var(--muted); margin-top: 2px; }

/* 5) dvě barvy */
.eh-palette__in { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 56px; align-items: center; }
.eh-palette__text h2 { font-size: clamp(32px, 3.4vw, 46px); line-height: 1.08; letter-spacing: -0.05em; }
.eh-palette__text p:not(.ebbie-hand) { color: var(--muted); max-width: 380px; margin: 14px 0 20px; }
.eh-palette__media { position: relative; display: flex; align-items: center; justify-content: center; gap: 18px; padding: 56px 30px 88px; background: var(--lilac); border-radius: 120px 24px 120px 24px; }
.eh-palette__hand { position: absolute; top: 14px; right: 40px; margin: 0; transform: rotate(-3deg); }
.eh-palette__foot { position: absolute; bottom: 12px; left: 40px; margin: 0; font-size: 20px; }
.eh-palette .eh-polaroid { width: 220px; }
.eh-palette .eh-polaroid img { aspect-ratio: 1 / 1; object-fit: cover; }
.eh-polaroid--a { transform: rotate(-4deg); }
.eh-polaroid--b { transform: rotate(3deg); }
.eh-polaroid__name { display: block; font-size: 13px; margin-top: 8px; line-height: 1.3; }
.eh-polaroid__price { display: block; font-weight: 700; font-size: 14px; }
.eh-polaroid__price .woocommerce-price-suffix { display: none; }
.eh-plus { font-size: 32px; color: var(--plum); font-weight: 300; }

/* 6) naše střihy */
.eh-collection { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 40px; align-items: start; }
.eh-collection__text img { width: 56px; height: auto; margin-bottom: 14px; }
.eh-collection__text p { color: var(--muted); margin: 10px 0 18px; }

/* 7) příběh */
.eh-story { background: var(--paper); }
.eh-story__in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: center; }
.eh-story__media { position: relative; padding-bottom: 40px; }
.eh-story__photo { width: 100%; border-radius: 16px; aspect-ratio: 3 / 2; object-fit: cover; display: block; }
.eh-polaroid--story { position: absolute; right: -14px; bottom: 0; width: 200px; transform: rotate(4deg); }
.eh-polaroid--story img { aspect-ratio: 4 / 3; object-fit: cover; }
.eh-story__text h2 { font-size: clamp(32px, 3.4vw, 46px); line-height: 1.08; letter-spacing: -0.05em; margin-bottom: 16px; }
.eh-story__text p:not(.ebbie-hand) { color: var(--muted); max-width: 470px; }
.eh-story__sign { margin-top: 18px; }

/* 8) recenze */
.eh-reviews { padding-top: 56px; padding-bottom: 56px; }
.eh-reviews p { color: var(--muted); margin: 0 0 18px; }
.eh-pills { display: flex; flex-wrap: wrap; gap: 10px; }
.eh-pills a { padding: 9px 16px; border: 1px solid var(--lilac-line); border-radius: var(--radius-pill); font-size: 13px; font-weight: 600; color: var(--plum) !important; background: var(--white); }
.eh-pills a:hover { background: var(--lilac-soft); }

/* 9) další značky */
.eh-brands { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.eh-brands__in { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding-top: 30px; padding-bottom: 30px; }
.eh-brands h2 { font-size: 21px !important; }
.eh-brands p { margin: 0; color: var(--muted); font-size: 14px; max-width: 420px; }
.eh-brands__list { display: flex; flex-wrap: wrap; gap: 8px 34px; }
.eh-brands__list a { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--ink) !important; font-size: 15px; }
.eh-brands__list a:hover { color: var(--plum) !important; }
.eh-brands__list .ebbie-ico { width: 14px; height: 14px; color: var(--muted); }

/* responzivita */
@media (max-width: 1199px) {
	.eh-collection { grid-template-columns: 1fr; }
}
@media (max-width: 991px) {
	.eh-hero__in, .eh-palette__in, .eh-story__in { grid-template-columns: 1fr; gap: 32px; }
	.eh-benefits__in, .eh-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.eh-brands__in { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 767px) {
	.eh-section { padding: 48px 0; }
	.eh-hero { padding: 28px 0 40px; }
	.eh-head { flex-direction: column; align-items: flex-start; }
	/* nit pod odkazy, ať nezasahuje do textu */
	.eh-hero__text { padding-bottom: 0; }
	.eh-thread { position: static; display: block; margin-top: 14px; }
	/* fotka celá, obě karty vedle sebe pod ní (lehce zasahují jen do spodního okraje fotky) */
	.eh-hero__media { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; padding: 0; }
	.eh-hero__hand { position: static; grid-column: 1 / -1; text-align: center; margin: 0 0 -4px; }
	.eh-hero__photo { grid-column: 1 / -1; }
	.eh-sticker, .eh-polaroid--hero { position: relative; left: auto; right: auto; top: auto; bottom: auto; width: auto; margin-top: -30px; }
	.eh-sticker { transform: rotate(-2deg); justify-content: center; padding: 14px 12px; }
	.eh-polaroid--hero { transform: rotate(2deg); }
	.eh-palette__media { flex-direction: column; border-radius: 60px 16px 60px 16px; padding: 56px 20px 64px; }
	.eh-palette .eh-polaroid { width: 200px; }
	.eh-polaroid--story { width: 150px; right: 0; }
	.eh-benefits__in { grid-template-columns: 1fr; gap: 16px; }
}