/* ===================================
   GLOBÁLNÍ NASTAVENÍ STRÁNKY
   =================================== */

/* Bílé pozadí celé stránky */
body,
html,
#zp_preview_page,
.theme-content-area,
.theme-footer-area {
  background: #ffffff !important;
}

/* Skryj Zoho breadcrumb (to "Úvod" nahoře) */
.theme-breadcrumb-container,
.theme-section.theme-breadcrumb-container,
.theme-breadcrumb,
div.theme-section.theme-breadcrumb-container {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  visibility: hidden !important;
}

/* Vynuluj padding obsahových containerů */
.theme-content-area,
.theme-content-area-inner,
.theme-content-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* ===================================
   MEZERY MEZI SEKCEMI (ZOHO)
   =================================== */

/* Zmenši default mezery mezi všemi sekcemi (default Zoho = 50px) */
.zpsection {
  padding-block-start: 6px !important;
  padding-block-end: 6px !important;
}

/* První sekce na stránce — úplně bez padding */
#thememaincontent > .zpcontent-container > .zpsection:first-child,
.zpcontent-container > .zpsection:first-of-type,
.zpsection.zpdefault-section:first-of-type {
  padding-block-start: 0 !important;
  padding-block-end: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
}

/* Sekce kolem bannerů/hero/navigací — bez mezery */
.zpsection:has(.tom-hero),
.zpsection:has(.tom-banner),
.zpsection:has(.tom-cats-nav),
.zpsection:has(.tom-cat__products) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


/* ===================================
   BANNERY — jednotná výška
   =================================== */

.tom-banner {
  height: 320px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.tom-banner__inner {
  width: 100% !important;
}

@media (max-width: 960px) {
  .tom-banner {
    height: 240px !important;
  }
}


/* ===================================
   HERO SEKCE — kompaktní
   =================================== */

.tom-hero {
  padding-top: 40px !important;
}

/* Produktový hero (SENTINEL apod.) — maximálně kompaktní */
.tom-product__hero {
  padding-top: 16px !important;
  padding-bottom: 24px !important;
}

.tom-product__hero-inner {
  gap: 32px !important;
}

.tom-product__crumb-wrap {
  margin-bottom: 12px !important;
}

.tom-product__visual {
  max-width: 280px !important;
  border-radius: 20px !important;
}

.tom-product__category {
  margin-bottom: 8px !important;
  padding: 4px 12px !important;
  font-size: 11px !important;
}

.tom-product__name {
  font-size: 36px !important;
}

.tom-product__subtitle {
  font-size: 16px !important;
  margin: 2px 0 12px 0 !important;
}

.tom-product__lead {
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin-bottom: 16px !important;
}

.tom-product__btn--primary {
  padding: 14px 24px !important;
  font-size: 13px !important;
}


/* ===================================
   VNITŘNÍ PADDING TOM-SEKCÍ
   =================================== */

.tom-cat__products,
.tom-tech,
.tom-types,
.tom-mats,
.tom-specs,
.tom-info,
.tom-apps,
.tom-mainapps,
.tom-video,
.tom-similar,
.tom-team,
.tom-contact,
.tom-contactform,
.tom-overview,
.tom-intro {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}


/* ===================================
   RESPONZIVITA (MOBIL)
   =================================== */

@media (max-width: 760px) {
  .zpsection {
    padding-block-start: 4px !important;
    padding-block-end: 4px !important;
  }

  .tom-cat__products,
  .tom-tech,
  .tom-types,
  .tom-mats,
  .tom-specs,
  .tom-info,
  .tom-apps,
  .tom-mainapps,
  .tom-video,
  .tom-similar,
  .tom-team,
  .tom-contact,
  .tom-contactform,
  .tom-overview,
  .tom-intro {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}