/* === YUME HERO – stejné rozměry jako .custom-product-section === */
/* vnější full-bleed obal (stejně jako .custom-product-section) */
.yume-hero{
  position:relative; left:50%; right:50%;
  margin-left:-50vw; margin-right:-50vw;
  width:100vw !important; max-width:100vw !important;
  padding:72px min(4.5vw,64px);
  box-sizing:border-box;
  background:#fff;
}

/* vnitřní kontejner (stejné nastavení jako .custom-product-inner) */
.yume-hero__inner{
  display:flex; align-items:center; justify-content:space-between;
  gap:64px; max-width:1600px; margin:0 auto;
}

/* textový sloupec */
.yume-hero__text{ flex:1; max-width:600px; }
.yume-hero__text h1{
  font-size:clamp(26px,3.6vw,36px);
  line-height:1.2; font-weight:800; color:var(--g);
  text-transform:uppercase; margin:0 0 20px;
}
.yume-hero__text p{
  font-size:17px; line-height:1.6; color:var(--g);
  font-weight:400; margin:0 0 30px;
}

/* CTA */
.yume-hero__btn{
  display:inline-block; border:2px solid var(--p); color:var(--p);
  border-radius:50px; padding:12px 44px; min-width:230px; text-align:center;
  text-decoration:none; font-weight:700; transition:.25s;
}
.yume-hero__btn:hover{ background:var(--p); color:#fff; }

/* obrázkový sloupec */
.yume-hero__image{ flex:1; text-align:right; }
.yume-hero__image img{
  max-width:95%; height:auto; border-radius:12px;
  transform:none; transition:transform .3s ease;
}
.yume-hero__image img:hover{ transform:scale(1.02); }

/* === responsive === */
@media (max-width:900px){
  .yume-hero{ padding:56px 5vw; }
  .yume-hero__inner{ flex-direction:column-reverse; gap:36px; text-align:center; }
  .yume-hero__image{ text-align:center; }
  .yume-hero__image img{ max-width:100%; }
  .yume-hero__text h1{ font-size:24px; }
  .yume-hero__text p{ font-size:15px; }
}
/* === HERO TUNING === */

/* 1) tlačítko – větší font, stejné jako podnadpis */
.yume-hero__btn {
  font-size: 17px !important;
  font-weight: 600 !important;
}

/* 2) podnadpis – řízení zalomení, aby "a" nepadalo na konec řádku */
.yume-hero__text p {
  word-break: keep-all;
  overflow-wrap: break-word;
  hyphens: auto;
  max-width: 520px; /* omezí šířku textu, pomůže zalomení */
}

/* 3) nadpis – víc do šířky, může jemně překrývat obrázek */
@media (min-width: 901px) {
  .yume-hero__text {
    max-width: 680px; /* dříve 600px */
    position: relative;
    z-index: 2;
  }
  .yume-hero__image {
    flex: 1;
    position: relative;
    z-index: 1;
    margin-left: -60px; /* přiblíží obrázek k textu */
  }
  .yume-hero__image img {
    max-width: 105%; /* malý přesah */
  }
}
/* === HERO: obrazek nesmí brát kliky na CTA === */
.yume-hero__image,
.yume-hero__image * {
  pointer-events: none !important;
}

/* produkt – obrázek nesmí brát kliky, CTA mají prioritu */
.custom-product-section .product-image,
.custom-product-section .product-image * { pointer-events: none !important; }
#yume-custom-product .cta-row { position: relative; z-index: 9998; }
#yume-custom-product .cta-row .btn { position: relative; z-index: 9999; pointer-events: auto; }

/* hero – totéž */
.yume-hero__image, .yume-hero__image * { pointer-events: none !important; }