/* Manual hero views. Existing headline, body copy and calls to action are unchanged. */
.hero-media-stage{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero-media-stage .hero-art{inset:0}
.hero-media-enabled{height:auto;min-height:max(960px,100svh);max-height:none;padding-bottom:390px}
.hero-product-visual,.hero-film-visual{position:absolute;margin:0}
.hero-product-mobile{display:none}
.hero-product-visual[hidden],.hero-film-visual[hidden],.hero-media-picker[hidden],.hero-film-actions[hidden]{display:none!important}
.hero-product-visual{inset:105px 0 175px auto;width:62%;display:grid;align-items:center;justify-items:center;background:rgba(241,246,253,.72);mask-image:linear-gradient(90deg,transparent,#000 25%),linear-gradient(180deg,transparent,#000 8%,#000 88%,transparent);mask-composite:intersect}
.hero-product-visual img{width:100%;height:100%;max-height:780px;object-fit:contain;object-position:65% center}
.hero-film-visual{inset:0}
.hero-film-visual video{display:block;width:100%;height:100%;object-fit:cover;object-position:68% center;background:transparent}
.hero[data-hero-mode="product"] .hero-art{opacity:.16}
.hero[data-hero-mode="product"] .hero-pearl{background:linear-gradient(90deg,rgba(249,252,255,.98),rgba(249,252,255,.93) 36%,rgba(249,252,255,.12) 60%,rgba(249,252,255,0) 83%)}
.hero[data-hero-mode="film"] .hero-pearl{background:linear-gradient(90deg,rgba(249,252,255,.96),rgba(249,252,255,.87) 39%,rgba(249,252,255,.28) 70%,rgba(249,252,255,.05))}
.hero-media-picker{position:absolute;bottom:222px;left:0;right:0;z-index:3}
.hero-media-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;width:min(760px,100%);margin-left:auto}
.hero-media-card{text-align:left;position:relative;padding:13px 17px 15px;min-height:99px;border-radius:11px;background:rgba(251,253,255,.76);border:1px solid rgba(255,255,255,.95);box-shadow:0 7px 25px rgba(31,66,115,.055),inset 0 0 0 1px rgba(75,113,162,.07);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:background .2s,border-color .2s,transform .2s}
.hero-media-card:hover{background:rgba(255,255,255,.96);transform:translateY(-2px)}
.hero-media-card:focus-visible{outline:3px solid #e7b458;outline-offset:4px}
.hero-media-card[aria-selected="true"]{background:rgba(255,255,255,.97);border-color:rgba(54,99,163,.52);box-shadow:0 10px 30px rgba(31,66,115,.09),inset 0 0 0 1px rgba(75,113,162,.08)}
.hero-media-card[aria-selected="true"]:after{content:"";position:absolute;left:17px;top:0;width:28px;height:3px;background:#e7b458;border-radius:0 0 2px 2px}
.hero-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font:10px/1.2 Arial,sans-serif;letter-spacing:.15em;color:#7b90ac}
.hero-card-dot{width:6px;height:6px;border:1px solid #91a5c0;border-radius:50%}
.hero-media-card[aria-selected="true"] .hero-card-dot{background:#225ccc;border-color:#225ccc}
.hero-media-card strong{display:block;font-size:15px;line-height:1.4;font-weight:600;letter-spacing:-.02em;color:#264771}
.hero-media-card small{display:block;font-size:10px;line-height:1.6;margin-top:4px;color:#7488a4}
.hero-media-meta{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:11px;min-height:35px}
.hero-media-note{font-size:10px;line-height:1.6;letter-spacing:.015em;color:#6e839e;text-align:right}
.hero-film-actions{display:flex;align-items:center;gap:12px}
.hero-film-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid #afc2dd;border-radius:24px;padding:8px 13px;background:rgba(255,255,255,.87);color:#304d7e;font-size:11px;line-height:1.5;white-space:nowrap}
.hero-film-toggle:disabled{opacity:.56;cursor:default}
.hero-film-status{font-size:10px;line-height:1.6;color:#6e839e;max-width:220px}
.hero[data-hero-mode="film"] .hero-media-note,.hero[data-hero-mode="film"] .hero-film-status{padding:5px 8px;background:rgba(250,253,255,.9);border-radius:5px;color:#506984}
.lang-ru .hero-media-card strong{font-size:13px}.lang-ru .hero-media-card small{font-size:9px}
@media(max-width:1150px){.hero-media-cards{width:min(710px,100%)}.hero-product-visual{width:64%;inset-block:140px 190px}}
@media(max-width:900px){.hero-media-enabled{padding-bottom:390px}.hero-media-cards{width:100%}.hero-product-visual{inset:280px -40px 205px auto;width:65%}.hero-media-meta{gap:10px;flex-wrap:wrap}.hero-film-status{max-width:210px}}
@media(max-width:700px){
 .hero-media-enabled,.lang-ru .hero-media-enabled,.lang-en .hero-media-enabled{min-height:0;padding-bottom:24px}
 .hero-media-enabled .hero-bottom{position:relative;bottom:auto;margin-top:20px;justify-content:flex-end}
 .hero-media-enabled .hero-note{display:none}
 .hero-media-enabled .hero-ribbon{position:relative;bottom:auto;margin-top:20px}
 .hero-media-stage .hero-art{inset:310px -300px 70px -130px}
 .hero-media-stage .hero-product-visual{display:none!important}
 .hero-product-mobile{display:block;position:relative;z-index:1;margin:16px auto 0;border-radius:10px;overflow:hidden;background:rgba(241,246,253,.72);border:1px solid rgba(255,255,255,.8)}
 .hero-product-mobile[hidden]{display:none}
 .hero-product-mobile img{display:block;width:100%;height:auto;aspect-ratio:1400/788;object-fit:contain}
 .hero[data-hero-mode="product"] .hero-pearl{background:linear-gradient(180deg,rgba(249,252,255,.99),rgba(249,252,255,.96) 39%,rgba(249,252,255,.12) 58%,rgba(249,252,255,0) 82%)}
 .hero[data-hero-mode="film"] .hero-pearl{background:linear-gradient(180deg,rgba(249,252,255,.99),rgba(249,252,255,.94) 43%,rgba(249,252,255,.24) 70%,rgba(249,252,255,.09))}
 .hero-film-visual video{object-position:65% center}
 .hero-media-picker{position:relative;bottom:auto;left:auto;right:auto;margin-top:24px}
 .hero-media-cards{gap:7px}
 .hero-media-card{padding:12px 10px;min-height:91px;border-radius:9px}
 .hero-media-card[aria-selected="true"]:after{left:10px;width:23px}
 .hero-card-top{font-size:9px;margin-bottom:9px}
 .hero-media-card strong{font-size:12px;line-height:1.5}
 .hero-media-card small{display:none}
 .hero-media-meta{align-items:flex-start;justify-content:flex-start;gap:8px;min-height:0;margin-top:11px}
 .hero-media-note{text-align:left;max-width:100%;font-size:9px}
 .hero-film-actions{width:100%;align-items:flex-start}
 .hero-film-toggle{font-size:10px;padding:7px 11px}
 .hero-film-status{font-size:9px;max-width:none}
 .lang-ru .hero-media-card strong{font-size:11px}
 .lang-ru .hero-media-card{padding-inline:8px}
}
@media(prefers-reduced-motion:reduce){.hero-media-card{transition:none}.hero-media-card:hover{transform:none}}