/* ── ElektroGuide Homepage Template ──────────────────────── */

.eghp-wrap{font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,sans-serif!important;color:#2e3241;-webkit-font-smoothing:antialiased;width:100%}
.eghp-wrap *{box-sizing:border-box!important}
.eghp-wrap a{text-decoration:none!important;color:inherit}
.eghp-wrap p,.eghp-wrap h1,.eghp-wrap h2{margin:0!important;padding:0!important}

/* ── HERO ─────────────────────────────────────────────────── */
.eghp-hero{background:linear-gradient(135deg,#5baee0 0%,#7c6fdb 60%,#9b6fd4 100%)!important;padding:68px 40px 96px!important;position:relative!important;overflow:hidden!important;width:100%!important;margin-top:0!important}
.eghp-hero::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:56px;background:#fff;clip-path:ellipse(55% 100% at 50% 100%)}
.eghp-hero-inner{max-width:1100px!important;margin:0 auto!important;display:grid!important;grid-template-columns:1fr 380px!important;gap:40px!important;align-items:center!important}
.eghp-hero h1{font-size:46px!important;font-weight:800!important;line-height:1.08!important;color:#fff!important;letter-spacing:-1.2px!important;margin-bottom:16px!important}
.eghp-hero-sub{font-size:16px!important;color:rgba(255,255,255,.82)!important;line-height:1.65!important;max-width:440px!important;margin-bottom:28px!important}
.eghp-btn-hero{margin-top:20px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;background:#fff!important;color:#3a2d7a!important;font-size:15px!important;font-weight:700!important;padding:13px 26px!important;border-radius:28px!important;box-shadow:0 2px 16px rgba(0,0,0,.15)!important;transition:box-shadow .15s,transform .1s!important}
.eghp-btn-hero:hover{box-shadow:0 4px 24px rgba(0,0,0,.22)!important;transform:translateY(-1px)!important}
.eghp-hero-visual{display:flex!important;align-items:center!important;justify-content:flex-end!important}

/* ── FEATURES ─────────────────────────────────────────────── */
.eghp-features{background:#fff!important;padding:52px 40px 44px!important;width:100%!important}
.eghp-features-grid{max-width:1100px!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:28px!important}
.eghp-feature{text-align:center!important;padding:8px 12px!important}
.eghp-feat-icon{width:52px!important;height:52px!important;background:#f3f0fc!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto 14px!important}
.eghp-feat-title{font-size:17px!important;font-weight:800!important;color:#1a1060!important;margin-bottom:7px!important;letter-spacing:-.2px!important}
.eghp-feat-desc{font-size:13px!important;color:#5a6074!important;line-height:1.6!important}

/* ── SEKCE COMMONS ────────────────────────────────────────── */
.eghp-section{padding:52px 40px!important;width:100%!important}
.eghp-bg-gray{background:#f7f8fb!important}
.eghp-inner{max-width:1100px!important;margin:0 auto!important}
.eghp-section-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:12px!important;margin-bottom:28px!important}
.eghp-label{font-size:12px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1px!important;color:#7c6fdb!important;margin-bottom:5px!important;display:block!important}
.eghp-section-title{font-size:28px!important;font-weight:800!important;color:#1a1060!important;letter-spacing:-.4px!important;line-height:1.1!important}
.eghp-see-all{display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:14px!important;font-weight:700!important;color:#6c5fd4!important;border-bottom:1.5px solid #e0d9f8!important;padding-bottom:1px!important;white-space:nowrap!important}
.eghp-see-all:hover{color:#4a3fb5!important;border-color:#4a3fb5!important}

/* ── TAGY ─────────────────────────────────────────────────── */
.eg-tag{display:inline-block!important;font-size:10px!important;font-weight:700!important;letter-spacing:.7px!important;text-transform:uppercase!important;padding:3px 9px!important;border-radius:6px!important;margin-bottom:8px!important}
.eg-tag-purple{background:#f3f0fc!important;color:#6c5fd4!important}
.eg-tag-blue{background:#e8f4fb!important;color:#3b8fd4!important}
.eg-tag-teal{background:#e6f8f4!important;color:#2eaa88!important}
.eg-tag-orange{background:#fff3ed!important;color:#d4763b!important}

/* ── PLACEHOLDER ──────────────────────────────────────────── */
.eg-placeholder{width:100%!important;height:100%!important;min-height:160px!important;display:block!important}

/* ── KATEGORIE ────────────────────────────────────────────── */
.eghp-cat-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.eghp-cat-card{background:#fff!important;border:1px solid #e8e6f5!important;border-radius:16px!important;padding:24px 20px!important;display:flex!important;flex-direction:column!important;box-shadow:0 1px 6px rgba(108,95,212,.07)!important;transition:box-shadow .2s,transform .15s,border-color .2s!important;position:relative!important;overflow:hidden!important}
.eghp-cat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#5baee0,#9b6fd4);opacity:0;transition:opacity .2s;border-radius:16px 16px 0 0}
.eghp-cat-card:hover{box-shadow:0 6px 24px rgba(108,95,212,.15)!important;transform:translateY(-3px)!important;border-color:#c8bff0!important}
.eghp-cat-card:hover::before{opacity:1}
.eghp-cat-icon{width:46px!important;height:46px!important;border-radius:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:14px!important;flex-shrink:0!important}
.eghp-icon-purple{background:#f3f0fc!important}
.eghp-icon-blue{background:#e8f4fb!important}
.eghp-icon-teal{background:#e6f8f4!important}
.eghp-icon-orange{background:#fff3ed!important}
.eghp-cat-name{font-size:16px!important;font-weight:800!important;color:#1a1060!important;margin-bottom:5px!important}
.eghp-cat-desc{font-size:12px!important;color:#5a6074!important;line-height:1.55!important;flex:1!important;margin-bottom:14px!important}
.eghp-cat-count{font-size:11px!important;font-weight:700!important;color:#9b8fd4!important;text-transform:uppercase!important;letter-spacing:.5px!important}

/* ── ART COMMONS ──────────────────────────────────────────── */
.eghp-art-title{font-size:19px!important;font-weight:800!important;color:#1a1060!important;line-height:1.25!important;margin-bottom:8px!important;letter-spacing:-.2px!important}
.eghp-art-title-sm{font-size:15px!important;font-weight:700!important;color:#1a1060!important;line-height:1.3!important;margin-bottom:6px!important;letter-spacing:-.1px!important}
.eghp-art-perex{font-size:13px!important;color:#5a6074!important;line-height:1.6!important;flex:1!important;margin-bottom:12px!important}
.eghp-art-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;padding-top:12px!important;border-top:1px solid #f0eef8!important;margin-top:auto!important}
.eghp-art-meta{font-size:12px!important;color:#9096a8!important;font-weight:500!important}
.eghp-art-link{font-size:12px!important;font-weight:700!important;color:#6c5fd4!important;display:inline-flex!important;align-items:center!important;gap:4px!important}
.eghp-art-link:hover{color:#4a3fb5!important}

/* ── FEATURED ─────────────────────────────────────────────── */
.eghp-featured-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:20px!important;align-items:start!important}

.eghp-featured-main{background:#fff!important;border-radius:16px!important;overflow:hidden!important;border:1px solid #e8e6f5!important;box-shadow:0 1px 6px rgba(0,0,0,.05)!important;display:flex!important;flex-direction:column!important;transition:box-shadow .2s,transform .15s!important}
.eghp-featured-main:hover{box-shadow:0 6px 24px rgba(108,95,212,.13)!important;transform:translateY(-2px)!important}
.eghp-featured-img{height:220px!important;overflow:hidden!important;background:#e8e6f5!important;flex-shrink:0!important;display:block!important;width:100%!important}
.eghp-featured-img img{
	width:100%!important;
	height:220px!important;
	object-fit:cover!important;
	display:block!important;
	max-width:100%!important;
	border-radius:0!important;
	margin:0!important;
	padding:0!important;
	transition:transform .3s!important;
}
.eghp-featured-main:hover .eghp-featured-img img{transform:scale(1.03)!important}
.eghp-featured-img .eg-placeholder{min-height:220px!important;display:block!important;width:100%!important}
.eghp-featured-body{padding:22px!important;flex:1!important;display:flex!important;flex-direction:column!important}

/* ── STACK ────────────────────────────────────────────────── */
.eghp-stack{display:flex!important;flex-direction:column!important;gap:12px!important}

/* Inline grid přes style atribut nestačí – Astra přepisuje přes .entry-content
   Proto používáme table-cell hack který funguje vždy */
.eghp-stack-row{
	display:table!important;
	width:100%!important;
	border-collapse:collapse!important;
	background:#fff!important;
	border:1px solid #e8e6f5!important;
	border-radius:12px!important;
	overflow:hidden!important;
	box-shadow:0 1px 4px rgba(0,0,0,.04)!important;
	transition:box-shadow .15s,transform .12s!important;
	text-decoration:none!important;
	color:#2e3241!important;
}
.eghp-stack-row:hover{box-shadow:0 4px 14px rgba(108,95,212,.12)!important;transform:translateY(-1px)!important}

.eghp-stack-img{
	display:table-cell!important;
	width:120px!important;
	min-width:120px!important;
	max-width:120px!important;
	vertical-align:top!important;
	overflow:hidden!important;
	background:#e8e6f5!important;
	border-radius:11px 0 0 11px!important;
}
.eghp-stack-img img{
	display:block!important;
	width:120px!important;
	height:100%!important;
	min-height:96px!important;
	object-fit:cover!important;
	border-radius:0!important;
	margin:0!important;
}
.eghp-stack-img .eg-placeholder{
	width:120px!important;
	min-height:96px!important;
	height:100%!important;
	display:block!important;
}
.eghp-stack-body{
	display:table-cell!important;
	padding:14px 16px!important;
	vertical-align:middle!important;
	width:100%!important;
}

/* ── LATEST ───────────────────────────────────────────────── */
.eghp-latest-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.eghp-latest-card{background:#fff!important;border:1px solid #e8e6f5!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 1px 4px rgba(0,0,0,.05)!important;display:flex!important;flex-direction:column!important;transition:box-shadow .2s,transform .15s!important;text-decoration:none!important;color:#2e3241!important}
.eghp-latest-card:hover{box-shadow:0 5px 20px rgba(108,95,212,.13)!important;transform:translateY(-2px)!important}
.eghp-latest-img{height:168px!important;overflow:hidden!important;background:#e8e6f5!important;flex-shrink:0!important;display:block!important;width:100%!important}
.eghp-latest-img img{
	width:100%!important;
	height:168px!important;
	object-fit:cover!important;
	display:block!important;
	max-width:100%!important;
	border-radius:0!important;
	margin:0!important;
	padding:0!important;
	transition:transform .3s!important;
}
.eghp-latest-card:hover .eghp-latest-img img{transform:scale(1.03)!important}
.eghp-latest-img .eg-placeholder{min-height:168px!important;display:block!important;width:100%!important}
.eghp-latest-body{padding:18px!important;flex:1!important;display:flex!important;flex-direction:column!important}

/* ── CTA ──────────────────────────────────────────────────── */
.eghp-cta{background:linear-gradient(135deg,#5a3ec8 0%,#9b3fc8 100%)!important;padding:64px 40px!important;text-align:center!important;width:100%!important}
.eghp-cta h2{font-size:36px!important;font-weight:800!important;color:#fff!important;letter-spacing:-.5px!important;margin-bottom:12px!important;line-height:1.1!important}
.eghp-cta p{font-size:16px!important;color:rgba(255,255,255,.78)!important;margin-bottom:28px!important}
.eghp-btn-cta{display:inline-flex!important;align-items:center!important;gap:8px!important;background:#fff!important;color:#3a2d7a!important;font-size:15px!important;font-weight:700!important;padding:13px 28px!important;border-radius:28px!important;box-shadow:0 2px 16px rgba(0,0,0,.2)!important}
.eghp-btn-cta:hover{box-shadow:0 4px 24px rgba(0,0,0,.28)!important;transform:translateY(-1px)!important}

/* ── RESPONSIVE ───────────────────────────────────────────── */
@media(max-width:960px){
	.eghp-hero-inner{grid-template-columns:1fr!important}
	.eghp-hero-visual{display:none!important}
	.eghp-hero{padding:48px 24px 80px!important;margin-top:0!important}
	.eghp-hero h1{font-size:34px!important}
	.eghp-features,.eghp-section{padding:40px 24px!important}
	.eghp-features-grid{grid-template-columns:1fr 1fr!important;gap:20px!important}
	.eghp-cat-grid{grid-template-columns:1fr 1fr!important}
	.eghp-featured-grid{grid-template-columns:1fr!important}
	.eghp-latest-grid{grid-template-columns:1fr 1fr!important}
	.eghp-cta{padding:48px 24px!important}
	.eghp-cta h2{font-size:26px!important}
}
@media(max-width:580px){
	.eghp-features-grid,.eghp-cat-grid,.eghp-latest-grid{grid-template-columns:1fr!important}
	.eghp-stack-row{grid-template-columns:96px minmax(0,1fr)!important}
	.eghp-stack-img,.eghp-stack-img img{width:96px!important}
	.eghp-section-head{flex-direction:column!important;align-items:flex-start!important}
}

/* ── Astra header opravy ──────────────────────────────────── */
/* Zakaz transparent header overlay na homepage */
.eghp-wrap{margin-top:0!important;padding-top:0!important}
.ast-transparent-header .eghp-hero,
.ast-header-break-point .eghp-hero{padding-top:68px!important}
/* Desktop – pokud Astra pouziva sticky header */
.ast-sticky-active .eghp-hero{padding-top:68px!important}