/* Prvky homepage, které nejsou v šabloně Webflow. Načítá se jen na úvodní stránce, za stylem Webflow. */

.hp-hero-buttons{display:flex;flex-wrap:wrap;gap:12px}

.hp-hero-badge{position:absolute;left:6%;top:60%;z-index:2;display:flex;flex-direction:column;padding:14px 20px;border-radius:18px;background:var(--neutral--100);box-shadow:0 10px 30px #14142b1a;line-height:1.25}
.hp-hero-badge strong{font-size:28px;color:var(--neutral--800)}
.hp-hero-badge span{font-size:15px;color:var(--neutral--600)}

/* Marketing s AI: text vlevo, karta Dřív / Dnes vpravo */
.hp-ai-section{padding-bottom:0}
.hp-ai-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:56px}
.hp-ai-text{flex:1 1 360px;min-width:0}
.hp-ai-text .badge-secondary{display:inline-block;margin-bottom:18px}
.hp-ai-text p{font-size:19px}
.hp-ai-card{flex:1.3 1 480px;min-width:0;padding:28px 36px 14px}
.hp-ai-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;align-items:center;padding:22px 0;border-top:1px solid var(--neutral--300);font-size:16px;line-height:1.4}
.hp-ai-row.head{border-top:0;padding:0 0 16px}
.hp-ai-label{display:flex;align-items:center;gap:12px;font-weight:700;font-size:18px;color:var(--neutral--800)}
.hp-ai-label::before{content:"";flex:none;width:14px;height:14px;border-radius:50%;background:var(--dot)}
.hp-ai-old{color:#757575;text-decoration:line-through;text-decoration-color:#c8c8c8}
.hp-ai-new{font-weight:600;color:var(--neutral--800)}
.hp-pill{justify-self:start;padding:4px 14px;border-radius:999px;font-size:14px;font-weight:700;background:var(--neutral--300);color:var(--neutral--600)}
.hp-pill.dark{background:var(--neutral--800);color:var(--neutral--100)}

/* Zvýrazněná karta služby */
.card.hp-featured{position:relative;overflow:visible;border:2px solid var(--neutral--800);box-shadow:0 10px 30px #14142b14}
.hp-featured-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:5px 16px;border-radius:999px;background:var(--neutral--800);color:var(--neutral--100);font-size:14px;font-weight:700;line-height:1.4}

/* Závěrečná výzva */
.hp-cta .btn-primary{margin-top:12px}

@media screen and (max-width:767px){
  .hp-ai-card{padding:20px 20px 8px}
  .hp-ai-row{gap:8px 12px;font-size:14px}
  .hp-ai-label{font-size:15px;gap:8px}
  .hp-hero-badge{top:auto;bottom:16px;left:0;padding:10px 16px}
  .hp-hero-badge strong{font-size:22px}
}