/* Whole-frame hero layout. Only active while the panorama experiment is enabled.
 * Let the minimum height follow a wide photograph; taller copy expands naturally. */

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test {
    position: relative;
    background: transparent;
    min-height: min(420px, calc((100vw - 60px) / 4.5));
    height: auto;
    aspect-ratio: auto;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__image::before {
    content: none;
    display: none;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__image #list_product_image_middle {
    margin-bottom: 0;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__image #list_product_image_middle .list_product_image_middle-main picture.yrc-panorama-picture {
    display: block;
    width: 100%;
    max-width: var(--yrc-panorama-native-width, 100%);
    height: 100%;
    margin-inline: auto;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__image #list_product_image_middle .list_product_image_middle-main img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain !important;
    object-position: center center !important;
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, .28), rgb(0 0 0 / 74%) max(52%, 708px), #000 max(72%, 940px));
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, .28), rgb(0 0 0 / 74%) max(52%, 708px), #000 max(72%, 940px));
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__offer {
    position: relative;
    width: 100%;
    max-width: 1440px;
    min-height: min(420px, calc((100vw - 60px) / 4.5));
    margin: 0 auto;
    padding: 44px 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__offer > * {
    width: 100%;
    max-width: 660px;
    min-width: 0;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__offer .row {
    margin: 0;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__offer .row > [class*="col-"] {
    padding: 0;
    min-width: 0;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__offer h1 {
    display: block;
    max-width: none;
    margin: 0 0 22px;
    padding: 0;
    border: 0;
    font-size: clamp(32px, 2.9vw, 44px);
    line-height: 1.1;
    overflow-wrap: break-word;
    text-wrap: balance;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__offer .date,
body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__offer .route,
body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__offer .level {
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__offer .date p,
body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__offer .route p,
body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__offer .level p {
    margin: 0;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__offer .level {
    margin-top: 16px;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__offer .jshop_prod_shortdescription {
    max-width: none;
    padding: 0;
    margin: 16px 0 0;
    font-size: 16px;
    line-height: 1.6;
    text-align: left;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__offer .productfull__r--buttons {
    margin: 28px 0 0;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__offer .productfull__m--buttons-order {
    margin: 0;
    max-width: 100%;
}

@media (min-width: 900px) and (max-width: 1279.98px) {

/* Keep the transition beyond the wider text column on compact desktops. */
body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__image #list_product_image_middle .list_product_image_middle-main img {
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, .28), rgb(0 0 0 / 57%) 58%, #000 78%);
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, .28), rgb(0 0 0 / 57%) 58%, #000 78%);
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__offer {
    padding: 36px 32px;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__offer > * {
    max-width: 58%;
}

}

@media (max-width: 899.98px) {

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test {
    min-height: 0;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__image {
    position: relative;
    inset: auto;
    height: auto;
    aspect-ratio: 16 / 9;
    min-height: 0;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__image .image_middle {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__image #list_product_image_middle .list_product_image_middle-main picture.yrc-panorama-picture {
    max-width: none;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__image #list_product_image_middle .list_product_image_middle-main img {
    -webkit-mask-image: none;
    mask-image: none;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__offer {
    display: block;
    min-height: 0;
    padding: 26px 24px 32px;
    margin: 0;
    max-width: none;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__offer > * {
    max-width: none;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__offer h1 {
    font-size: clamp(27px, 6.2vw, 34px);
    line-height: 1.12;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__offer .productfull__r--buttons {
    margin-top: 25px;
}

body.yrc-redesign-content-page .jshop.productfull .productfull__t-offer.yrc-panorama-test .productfull__offer .level {
    margin-top: 14px;
}

}
