@font-face {
    font-family: "Inter";
    src: url("fonts/inter/Inter-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: "Inter";
    src: url("fonts/inter/Inter-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: "Inter";
    src: url("fonts/inter/Inter-ExtraBold.woff2") format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: block;
}

/**  Test commit - rhdev  **/

/*  base-template override | align prodBox.bottom == BOTTOM  */
.stock-information.align-items-center {
    align-items: end !important;
}

.stock-information.align-items-center .question-on-item {
    display: flex;
    flex-direction: column;
}


.mas-gl {
    padding: 0;
    margin: .5rem 0 0;
    display: flex;
    justify-content: center;
}




.mas-gl-legal-badge {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    box-shadow: none;
    background: transparent;
    padding: 0;
}

.mas-gl-legal-badge__image {
    width: 100%;
}

/*
.mas-gl.mas-gl-legal--cart {
    margin: 0;
}

.mas-gl-legal__assets-wrap {
    height: 0;
    overflow: hidden;
}

.mas-gl-legal-badge:hover ~ .mas-gl-legal__assets-wrap {
    height: auto;
    overflow: hidden;
}
*/

.stock-information.align-items-center .question-on-item .mas-gl { margin: 0 0 .5rem 0; }

.mas-gl-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}


.mas-gl-legal__assets {
    position: relative;
    display: grid;
    gap: 1rem;
    max-width: 540px;
    width: 100%;
}


/*
.mas-gl-legal__assets {
    position: relative;
    display: grid;
    gap: 1rem;
    max-width: 540px;
    width: 100%;

    margin-block: -10rem;
    max-width: 621px;
    width: 100%;
    transform: scale(.64) translateZ(0);
    transition: transform .2s ease-in-out;
}

.mas-gl-legal__assets:hover {
    transform: scale(1);
}
*/

.mas-gl-legal__image,
.mas-gl-guarantee__image,
.mas-gl-guarantee__nested {
    display: block;
    max-width: 100%;
    height: auto;

    min-height: 2rem;
    background-color: #fff;
}



.mas-gl-guarantee__summary {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
}

.mas-gl-guarantee__nested-wrap {
    position: relative;
    display: inline-block;
    /*width: min(12rem, 100%);
    max-width: 12rem;*/
    width: 100%;
}




.mas-gl-guarantee {
    max-width: 12rem;
}

.product-detail .mas-gl-guarantee {
    max-width: 15rem;
    display: block;
}

.mas-gl-guarantee--productbox.mas-gl-label-absolute {
    position: absolute;
    top: auto;
    bottom: .35rem;
    left: .25rem;
    /*transform-origin: bottom left;
    transform: scale(.75);
    max-width: 10rem;*/
    z-index: 9;
}

.mas-gl-guarantee--mini-cart {
    max-width: 11rem;
    margin-top: .35rem;
}

.mas-gl-mini-cart-label {
    display: contents;
}


.mas-gl-guarantee__nested-wrap .mas-gl-guarantee__nested {
    width: 100%;
    border: 1px solid var(--gray-light);
    border-radius: .125rem;
}

/* cropped GARAN test */

/*
.mas-gl-guarantee {
    max-width: 13.1rem;
    overflow: hidden;
    justify-content: start;
    border: 1px solid var(--gray-light);
    border-radius: .125rem;
    grid-column: 1 / span 2;
}

.mas-gl-guarantee { max-width: 13.1rem; overflow: hidden; justify-content: start; }

.mas-gl-guarantee__nested-wrap .mas-gl-guarantee__nested {
     border: none;
    border-radius: 0;
    min-width: 15rem;
}

*/


.mas-gl-guarantee__nested-years {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    color: #000000;
    pointer-events: none;
}

.mas-gl-guarantee__nested-years text {
    fill: currentColor;
    font-family: "Inter";
    font-size: 138px;
    font-weight: 800;
    line-height: 1;
}

.mas-gl-guarantee__nested-years .mas-gl-guarantee__nested-years-fraction {
    font-size: 70px;
}

.mas-gl-guarantee__label-wrap {
    position: relative;
    display: inline-block;
    width: min(32rem, 100%);
}

.mas-gl-guarantee__label-wrap .mas-gl-guarantee__image {
    width: 100%;
}

.mas-gl-guarantee__label-values {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    color: #000000;
    pointer-events: none;
}

.mas-gl-guarantee__label-values text {
    fill: currentColor;
    font-family: "Inter";
    line-height: 1;
}

.mas-gl-guarantee__label-brand {
    font-size: 31px;
    font-weight: 400;
}

.mas-gl-guarantee__label-model {
    font-size: 31px;
    font-weight: 600;
}

.mas-gl-guarantee__label-years {
    font-size: 220px;
    font-weight: 800;
}

.mas-gl-guarantee__label-values .mas-gl-guarantee__label-years-fraction {
    font-size: 120px;
    font-weight: 800;
}

.mas-gl-guarantee__toggle {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border: 0;
    border-bottom: 1px solid currentColor;
    background: transparent;
    padding: .15rem 0;
    font-size: .9375rem;
    font-weight: 500;
    line-height: 1.4;
    text-align: left;
    cursor: pointer;

    position: absolute;
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--white);
    transition: background-color .12s linear;
}
/*
.mas-gl-guarantee--productbox {
    position: absolute;
    top: 1rem;
    right: -.5rem;
    transform-origin: top right;
    transform: scale(.6);
}
*/


.mas-gl-guarantee--productbox .mas-gl-guarantee__toggle {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border: 0;
    border-bottom: 0px solid currentColor;
    padding: 0 1rem;
    font-size: .82rem;
    text-align: left;
    cursor: pointer;
    position: absolute;
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: var(--white);
    transition: opacity .12s linear;
}

.mas-gl-guarantee__toggle::after {
    content: "";
    width: .45rem;
    height: .45rem;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: translateY(-.1rem) rotate(45deg);
    transition: transform .16s ease;
}

.mas-gl-guarantee__toggle[aria-expanded="true"]::after {
    transform: translateY(.1rem) rotate(225deg);
}
.mas-gl-guarantee__toggle:hover,
.mas-gl-guarantee__toggle:focus,
.mas-gl-guarantee__toggle:active {
    opacity: 0;
}

.mas-gl-guarantee__toggle:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: .25rem;
}

.mas-gl-guarantee__full {
    margin-top: 1rem;
}

.mas-gl-js .mas-gl-guarantee__full[hidden] {
    display: none;
}

/* Modal-Modus: Label-Bild füllt den Dialog, kein horizontales Scrollen */
.mas-gl-modal .mas-gl-guarantee__label-wrap {
    width: 100%;
    max-width: 100%;
    max-width: 640px;
}

.mas-gl-modal .modal-body {
    display: flex;
    justify-content: center;
}