/* KUBIVO refinement layer (1 Nov 2026), round 2 after Ilya's review. Loaded after fluid.css by kubivo-v2.php;
   drop the enqueue to roll back.
   Kept from round 1: the hero is the real photo of a child sitting on the set, now bigger and without the box inset.
   Reverted at Ilya's request (round 1 had quietened them): the big centred logo, both plush buttons with the original
   texture, the lime marker highlights, the pill labels with the dot, the coloured card tags and the five number chips.
   The playful chrome IS the KUBIVO brand: improve it through imagery and content, not by toning it down. */

/* hero: copy on the left, the photo on the right, as tall as the copy block (at least 540 px) */
html body .k-hero.k-hero--photo{padding:clamp(24px,3vw,44px) 0 clamp(64px,6vw,96px)!important}
html body .k-hero--photo .k-hero__grid{display:grid!important;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important;
  gap:clamp(32px,4vw,60px)!important;align-items:stretch!important;min-height:0!important}
html body .k-hero--photo .k-hero__copy{align-self:center}
/* the lime marker sits at z-index -1: give the headline its own stacking layer so it never slips behind the section */
html body .k-hero--photo .k-h1{position:relative;z-index:0}
/* kubivo.ru sizes its longer Russian headline itself (ru.css .k-h1--hero), so this size is for the English line only */
html body .k-hero--photo .k-h1:not(.k-h1--hero){font-size:clamp(44px,5vw,74px)!important;line-height:.98!important}
html body .k-heroshot{position:relative;display:flex;margin:0!important;padding:0}
html body .k-heroshot__img{display:block;width:100%!important;height:100%!important;min-height:540px;object-fit:cover;object-position:50% 45%;
  border-radius:32px;box-shadow:0 44px 80px -46px rgba(12,124,156,.55),0 2px 8px rgba(27,31,39,.06)}

/* no automatic word breaks (the RU lead split «складыва-ются») */
html body .k2 :is(h1,h2,h3,h4,p,li),html body .kv-page :is(h1,h2,h3,h4,p,li){-webkit-hyphens:manual!important;hyphens:manual!important}

/* phones: label, headline, the photo as a tall crop, then the text, buttons and chips */
@media (max-width:860px){
  html body .k-hero--photo .k-hero__grid{display:flex!important;flex-direction:column;gap:0!important}
  html body .k-hero--photo .k-hero__copy{display:contents}
  html body .k-hero--photo .k-eyebrow{order:1;align-self:flex-start}
  html body .k-hero--photo .k-h1{order:2;margin-top:14px!important}
  html body .k-hero--photo .k-h1:not(.k-h1--hero){font-size:clamp(38px,10.4vw,52px)!important}
  html body .k-heroshot{order:3;margin:22px 0 4px!important}
  html body .k-heroshot__img{min-height:0;height:auto!important;aspect-ratio:4/5;object-position:52% 50%;border-radius:24px}
  html body .k-hero--photo .k-lead{order:4}
  html body .k-hero--photo .k-actions{order:5}
  html body .k-hero--photo .k-hero__proof{order:6}
}