/* Home page blocks managed in Admin > Site > Home blocks (em-lib/HomeBlocks.php) */
.hb{padding:18px 0}
/* promise strip */
.hb-usp ul{list-style:none;margin:0;padding:14px 18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 22px;background:#fff;border:1px solid #f1e4d9;border-radius:16px}
.hb-usp li{display:flex;align-items:center;gap:12px;min-width:0}
.hb-usp li>i{flex:0 0 42px;height:42px;border-radius:12px;background:var(--primary-light,#FFF1E8);color:var(--primary,#E97C43);display:flex;align-items:center;justify-content:center;font-size:1.05rem}
.hb-usp b{display:block;font-size:.92rem;color:#1f2937;line-height:1.25}.hb-usp span{display:block;font-size:.8rem;color:#6b7280;line-height:1.35}
/* video */
.hb-videobox{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:26px;align-items:center;padding:22px;border-radius:22px;background:linear-gradient(135deg,#1f2937,#111827);color:#fff;overflow:hidden}
.hb-text h2{margin:0 0 8px;font-size:clamp(1.25rem,3.2vw,1.9rem);line-height:1.2;color:#fff}.hb-text p{margin:0;color:#cbd5e1;font-size:.98rem}
.hb-player{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:16px;padding:0;cursor:pointer;background:#000 center/cover no-repeat;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.4)}
.hb-player::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.45))}
.hb-play{position:absolute;z-index:1;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:var(--primary,#E97C43);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;padding-left:4px;box-shadow:0 0 0 0 rgba(233,124,67,.6);animation:hbPulse 2.2s infinite;transition:transform .2s}
.hb-player:hover .hb-play{transform:scale(1.08)}.hb-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@keyframes hbPulse{70%{box-shadow:0 0 0 18px rgba(233,124,67,0)}100%{box-shadow:0 0 0 0 rgba(233,124,67,0)}}
@media(max-width:820px){.hb{padding:12px 0}.hb-videobox{grid-template-columns:1fr;gap:16px;padding:16px;border-radius:18px}.hb-usp ul{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.hb-usp li>i{flex-basis:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.hb-play{animation:none}}

/* moving line */
.hb-marq{padding:0;margin:10px 0;overflow:hidden;background:#1f2937;color:#f3f4f6}
.hb-track{display:flex;width:max-content;animation:hbMarq 38s linear infinite}
.hb-track:hover{animation-play-state:paused}
.hb-track>div{display:flex;flex:none}
.hb-track span{padding:11px 26px;font-size:.82rem;letter-spacing:.02em;white-space:nowrap;position:relative}
.hb-track span::after{content:"";position:absolute;right:-2px;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:var(--primary,#E97C43)}
@keyframes hbMarq{to{transform:translateX(-50%)}}
/* link tiles */
.hb-h{margin:0 0 10px;font-size:.95rem;font-weight:600}
.hb-grid{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}
.hb-grid.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-grid.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hb-tile{position:relative;display:grid;gap:3px;align-content:end;min-height:112px;padding:16px 44px 16px 16px;border-radius:10px;color:#1f2937;text-decoration:none;overflow:hidden;transition:transform .25s ease}
.hb-tile b{font-size:1rem;font-weight:600}.hb-tile span{font-size:.8rem;color:#4b5563}
.hb-tile i{position:absolute;right:16px;bottom:18px;font-size:.8rem;transition:transform .25s ease}
.hb-tile:hover{transform:translateY(-2px)}.hb-tile:hover i{transform:translateX(4px)}
.hb-tile.c0{background:#fdf0e7}.hb-tile.c1{background:#e9f3ee}.hb-tile.c2{background:#eaf0f8}.hb-tile.c3{background:#f6eef5}
@media(max-width:820px){.hb-grid,.hb-grid.n3,.hb-grid.n4{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-tile{min-height:92px;padding:12px 34px 12px 12px}.hb-tile b{font-size:.9rem}.hb-tile span{font-size:.74rem}.hb-track span{padding:9px 18px;font-size:.76rem}}
@media(prefers-reduced-motion:reduce){.hb-track{animation:none}}
/* calmer existing blocks */
.hb-usp ul{border-radius:10px;border-color:#eee}.hb-usp li>i{border-radius:8px}.hb-videobox{border-radius:12px;background:#1f2937}.hb-player{box-shadow:none;border-radius:8px}
.hb-stop{position:absolute;z-index:3;top:10px;right:10px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:0;border-radius:6px;background:rgba(17,24,39,.78);color:#fff;font-size:.78rem;cursor:pointer}
.hb-stop:hover{background:#111827}
