/* === OSOBNÍ PŘÍSTUP — tmavá full-bleed sekce (Apple styl) ===
   Tmavý kontrastní pruh mezi světlými sekcemi. Portrét bez pozadí
   (portrait-cutout.png) se vynořuje zespodu, tmavé tričko splývá s pozadím. */
#osobni {
  position: relative;
  overflow: hidden;
  /* Bílá mezera nad sekcí — stejná jako mezery mezi produktovými panely (12px). */
  margin-top: 12px;
  /* Jednolité tmavé pozadí #101010 (Apple vzor) — bez gradientu.
     Hrany trika splývají díky mask-fade na fotce. */
  background: #101010;
  color: #fff;
  text-align: center;
  padding-bottom: 0;
}

/* Plně klikatelná sekce — overlay odkaz na /o-mne/ (stejně jako „Více"). */
#osobni .osobni-link {
  position: absolute;
  inset: 0;
  z-index: 1;
  cursor: pointer;
}

/* Klik na obsah propadne na overlay; jen tlačítko si pointer-events vrátí. */
#osobni .container {
  pointer-events: none;
}

#osobni .osobni-head {
  position: relative;
  z-index: 2;
  max-width: 640px;
  margin: 0 auto;
}

#osobni .osobni-title {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 8px;
  font-size: clamp(3.2rem, 5.4vw, 5.2rem);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.05;
  color: #fff;
}

#osobni .osobni-title i {
  font-size: 0.74em;
  opacity: 0.95;
}

#osobni .osobni-sub {
  margin: 0 0 8px;
  font-size: clamp(1.7rem, 2.4vw, 2.2rem);
  color: rgba(255, 255, 255, 0.74);
}

#osobni .osobni-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* zůstává samostatně klikatelné nad overlay odkazem */
  pointer-events: auto;
  min-height: 46px;
  padding: 0 26px;
  border-radius: var(--radius-pill);
  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-base);
}

#osobni .osobni-cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 32px rgba(109, 111, 181, 0.5);
}

#osobni .osobni-photo {
  margin-top: clamp(10px, 2.6vw, 16px);
}

#osobni .osobni-photo img {
  display: block;
  width: clamp(240px, 48vw, 440px);
  height: auto;
  margin: 0 auto;
  /* Spodek (triko) + úzký proužek po stranách plynule rozpustíme do pozadí —
     žádná hrana ořezu. Intersect = viditelné jen kde jsou obě masky plné. */
  -webkit-mask-image:
    linear-gradient(to bottom, #000 66%, transparent 97%),
    linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
  mask-image:
    linear-gradient(to bottom, #000 66%, transparent 97%),
    linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
}

@media (min-width: 768px) {
  #osobni .osobni-photo {
    margin-top: clamp(12px, 1.2vw, 20px);
  }
}

/* Zámeček před podtitulkem — dědí barvu textu, jen drobně menší */
#osobni .osobni-sub i {
  font-size: 0.85em;
  margin-right: 4px;
}