/**
 * IB Editorial Theme 1.0.22
 * Universal Image Fitting Foundation.
 * Makes per-block image fit + focal position controls reliable across
 * all Universal Builder photo templates, including individual design.
 */

body.ib-et .ib-ub-page .ib-ub-instance{
    --ib-ub-image-fit-runtime: var(--ib-ub-image-fit, cover);
    --ib-ub-image-position-runtime: var(--ib-ub-image-position, center top);
}

body.ib-et .ib-ub-page .ib-ub-instance :is(
    .ib-ub-hero-media,
    .ib-ub-card__image,
    .ib-ub-showcase-lead,
    .ib-ub-ref-v7__media,
    .ib-ub-ref-v8__lead,
    .ib-ub-ref-v9__lead,
    .ib-ub-ref-19__lead,
    .ib-ub-ref-collections-intro__hero,
    .ib-ub-ref-feature-list__hero,
    .ib-ub-ref-v23__lead,
    .ib-ref072-fashion-news__lead,
    .ib-ref072-main-news__lead,
    .ib-ref072-celebrity-sidebar__lead,
    .ib-rrp__hero,
    .ib-rrp__focus-image,
    .ib-rrp__note-media,
    .ib-ub-ref-red-card,
    .ib-ub-events-cover-card,
    .ib-ub-celebrity-cover-card
){
    overflow: hidden;
}

body.ib-et .ib-ub-page .ib-ub-instance :is(
    .ib-ub-hero-media img,
    .ib-ub-card__image img,
    .ib-ub-mini-card img,
    .ib-ub-showcase-lead img,
    .ib-ub-dark-row img,
    .ib-ub-ref-v7__media img,
    .ib-ub-ref-v8__lead > img,
    .ib-ub-ref-v8__list img,
    .ib-ub-ref-v9__lead img,
    .ib-ub-ref-v9-card img,
    .ib-ub-ref-19__lead img,
    .ib-ub-ref-19__grid img,
    .ib-ub-ref-21 img,
    .ib-ub-ref-collections-intro__hero img,
    .ib-ub-ref-cover-row__cards img,
    .ib-ub-ref-red-carpet img,
    .ib-ub-ref-red-card > img,
    .ib-ub-events-cover-card > img,
    .ib-ub-celebrity-cover-card > img,
    .ib-ub-celebrity-cover-lock img,
    .ib-ub-ref-feature-list__hero > img,
    .ib-ub-ref-list-item img,
    .ib-ub-ref-v23__lead img,
    .ib-ub-ref-v23__rows img,
    .ib-ref072-fashion-news__lead > img,
    .ib-ref072-fashion-news__cards img,
    .ib-ref072-main-news__lead > img,
    .ib-ref072-main-news__sidebar img,
    .ib-ref072-runway-collage__looks img,
    .ib-ref072-collections-archive__cards img,
    .ib-ref072-newspaper__item img,
    .ib-ref072-resort__cards figure img,
    .ib-ref072-editorial-four img,
    .ib-ref072-compact-five img,
    .ib-ref072-celebrity-sidebar__lead img,
    .ib-ref072-celebrity-sidebar__list img,
    .ib-rrp__hero img,
    .ib-rrp__focus-image img,
    .ib-rrp__note-media img,
    .ib-ub-primary-media-link > img
){
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    object-fit: var(--ib-ub-image-fit-runtime) !important;
    object-position: var(--ib-ub-image-position-runtime) !important;
}

/* "Не обрезать" should always preserve the full image and stop later CSS
   from forcing a fixed crop on specific templates. */
body.ib-et .ib-ub-page .ib-ub-instance.ib-ub-image-fit-natural :is(
    .ib-ub-hero-media img,
    .ib-ub-card__image img,
    .ib-ub-mini-card img,
    .ib-ub-showcase-lead img,
    .ib-ub-dark-row img,
    .ib-ub-ref-v7__media img,
    .ib-ub-ref-v8__lead > img,
    .ib-ub-ref-v8__list img,
    .ib-ub-ref-v9__lead img,
    .ib-ub-ref-v9-card img,
    .ib-ub-ref-19__lead img,
    .ib-ub-ref-19__grid img,
    .ib-ub-ref-21 img,
    .ib-ub-ref-collections-intro__hero img,
    .ib-ub-ref-cover-row__cards img,
    .ib-ub-ref-red-carpet img,
    .ib-ub-ref-red-card > img,
    .ib-ub-events-cover-card > img,
    .ib-ub-celebrity-cover-card > img,
    .ib-ub-celebrity-cover-lock img,
    .ib-ub-ref-feature-list__hero > img,
    .ib-ub-ref-list-item img,
    .ib-ub-ref-v23__lead img,
    .ib-ub-ref-v23__rows img,
    .ib-ref072-fashion-news__lead > img,
    .ib-ref072-fashion-news__cards img,
    .ib-ref072-main-news__lead > img,
    .ib-ref072-main-news__sidebar img,
    .ib-ref072-runway-collage__looks img,
    .ib-ref072-collections-archive__cards img,
    .ib-ref072-newspaper__item img,
    .ib-ref072-resort__cards figure img,
    .ib-ref072-editorial-four img,
    .ib-ref072-compact-five img,
    .ib-ref072-celebrity-sidebar__lead img,
    .ib-ref072-celebrity-sidebar__list img,
    .ib-rrp__hero img,
    .ib-rrp__focus-image img,
    .ib-rrp__note-media img,
    .ib-ub-primary-media-link > img
){
    object-fit: contain !important;
    object-position: var(--ib-ub-image-position-runtime) !important;
    height: auto !important;
    max-height: none !important;
    background: var(--ib-ub-bg-color, transparent) !important;
}

/* "Вписать полностью" keeps the frame but never crops the face. */
body.ib-et .ib-ub-page .ib-ub-instance.ib-ub-image-fit-contain :is(
    .ib-ub-hero-media img,
    .ib-ub-card__image img,
    .ib-ub-mini-card img,
    .ib-ub-showcase-lead img,
    .ib-ub-dark-row img,
    .ib-ub-ref-v7__media img,
    .ib-ub-ref-v8__lead > img,
    .ib-ub-ref-v8__list img,
    .ib-ub-ref-v9__lead img,
    .ib-ub-ref-v9-card img,
    .ib-ub-ref-19__lead img,
    .ib-ub-ref-19__grid img,
    .ib-ub-ref-21 img,
    .ib-ub-ref-collections-intro__hero img,
    .ib-ub-ref-cover-row__cards img,
    .ib-ub-ref-red-carpet img,
    .ib-ub-ref-red-card > img,
    .ib-ub-events-cover-card > img,
    .ib-ub-celebrity-cover-card > img,
    .ib-ub-celebrity-cover-lock img,
    .ib-ub-ref-feature-list__hero > img,
    .ib-ub-ref-list-item img,
    .ib-ub-ref-v23__lead img,
    .ib-ub-ref-v23__rows img,
    .ib-ref072-fashion-news__lead > img,
    .ib-ref072-fashion-news__cards img,
    .ib-ref072-main-news__lead > img,
    .ib-ref072-main-news__sidebar img,
    .ib-ref072-runway-collage__looks img,
    .ib-ref072-collections-archive__cards img,
    .ib-ref072-newspaper__item img,
    .ib-ref072-resort__cards figure img,
    .ib-ref072-editorial-four img,
    .ib-ref072-compact-five img,
    .ib-ref072-celebrity-sidebar__lead img,
    .ib-ref072-celebrity-sidebar__list img,
    .ib-rrp__hero img,
    .ib-rrp__focus-image img,
    .ib-rrp__note-media img,
    .ib-ub-primary-media-link > img
){
    object-fit: contain !important;
    background: var(--ib-ub-bg-color, transparent) !important;
}

/* Explicit focal classes stay authoritative even when older QA files set
   hardcoded portrait crop coordinates. */
body.ib-et .ib-ub-page .ib-ub-instance.ib-ub-image-position-top    { --ib-ub-image-position-runtime: center top; }
body.ib-et .ib-ub-page .ib-ub-instance.ib-ub-image-position-center { --ib-ub-image-position-runtime: center center; }
body.ib-et .ib-ub-page .ib-ub-instance.ib-ub-image-position-bottom { --ib-ub-image-position-runtime: center bottom; }
body.ib-et .ib-ub-page .ib-ub-instance.ib-ub-image-position-left   { --ib-ub-image-position-runtime: left center; }
body.ib-et .ib-ub-page .ib-ub-instance.ib-ub-image-position-right  { --ib-ub-image-position-runtime: right center; }