.cart-notification-wrapper {
    position: relative;
}

.cart-notification-wrapper .cart-notification {
    display: none;
}

.cart-notification {
    border-bottom-right-radius: var(--popup-corner-radius);
    border-bottom-left-radius: var(--popup-corner-radius);
    border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
    border-style: solid;
    border-width: 0 0 var(--popup-border-width);
    padding: 2.5rem 3.5rem;
    position: absolute;
    right: 0;
    transform: translateY(-100%);
    visibility: hidden;
    width: 100%;
    box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
}

.cart-notification.focused {
    box-shadow: 0 0 .2rem 0 rgba(var(--color-foreground), .3),
    var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
}

.cart-notification:focus-visible {
    box-shadow: 0 0 .2rem 0 rgba(var(--color-foreground), .3),
    var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
}

@media screen and (min-width: 750px) {
    .header-wrapper:not(.header-wrapper--border-bottom) + cart-notification .cart-notification {
        border-top-width: var(--popup-border-width);
    }

    .cart-notification {
        border-width: 0 var(--popup-border-width) var(--popup-border-width);
        max-width: 36.8rem;
        right: 4rem;
    }
}

.cart-notification.animate {
    transition: transform var(--duration-short) ease,
    visibility 0s var(--duration-short) ease;
}

.cart-notification-wrapper .cart-notification.active {
	max-height: 500px;
	overflow: auto;
    transform: translateY(0);
    transition: transform var(--duration-default) ease, visibility 0s;
    visibility: visible;
    display: block;
}

.cart-notification__header {
    align-items: flex-start;
    display: flex;
}

.cart-notification__heading {
    align-items: center;
    display: flex;
    flex-grow: 1;
    margin-bottom: 0;
    margin-top: 0;
}

.cart-notification__heading .icon-checkmark {
    color: rgb(var(--color-foreground));
    margin-inline-end: 1rem;
    width: 1.3rem;
}

.cart-notification__close {
    margin-top: -2rem;
    margin-inline-end: -3rem;
}

.cart-notification__links {
    text-align: center;
}

.cart-notification__links > * {
    margin-top: 1rem;
}

.cart-notification-product {
    align-items: flex-start;
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: auto 1fr 1fr;
    padding-top: 25px;
    row-gap: 23px;
}
.normal-product .cart-notification-product {
    grid-template-rows: 1fr;
}
.cart-notification-product>div:nth-of-type(1){
    grid-column: 1/2;
}
.cart-notification-product>div:nth-of-type(2){
    grid-column: 2/4;
}
.cart-notification-product>div:nth-of-type(3){
    grid-column: 1/4;
}
.cart-notification-product dl {
    margin-bottom: 0;
    margin-top: 0;
}

.cart-notification-product__image {
    display: inline-flex;
    margin-inline-end: 13px;
    margin-top: 0;
}

.cart-notification-product__image img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.cart-notification-product__image:after {
    content: none;
}

.cart-notification-product__name {
    margin-bottom: 0.5rem;
    margin-top: 0;
}
.cart-notification-product {
    margin-bottom: 20px;
}
@media screen and (min-width: 750px) {
    .cart-notification-product__image {
        margin-inline-end: 18px;
    }
    .cart-notification-product {
        margin-bottom: 35px;
    }
}