.cursor-pointer {
    cursor: pointer;
}

.img-48-cover {
    width: 48px;
    height: 48px;
    object-fit: cover;
}

.display-none {
    display: none;
}

.maxw-150 {
    max-width: 150px;
}

.maxw-200 {
    max-width: 200px;
}

.cart-thumb {
    width: 52px;
    height: 52px;
    object-fit: cover;
}

.error-trace {
    max-height: 200px;
    overflow: auto;
    font-size: 11px;
}

.payment-logo {
    height: 64px;
    width: auto;
}

.maxw-280 {
    max-width: 280px;
}

.img-120-cover {
    height: 120px;
    object-fit: cover;
}

.img-160-cover {
    height: 160px;
    object-fit: cover;
}

.z-1080 {
    z-index: 1080;
}

.top-2-5rem {
    top: 2.5rem;
}

.mt-2-5rem-important {
    margin-top: 2.5rem !important;
}

.offcanvas-auto-height {
    height: auto;
}

.hero-carousel-image {
    width: 100%;
    max-height: 360px;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.product-card-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.product-main-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.cart-offcanvas-item .cart-offcanvas-delete {
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s ease-in-out;
}

.cart-offcanvas-item {
    transition: opacity .22s ease, transform .22s ease, max-height .22s ease, margin .22s ease, padding .22s ease;
    max-height: 90px;
}

.cart-offcanvas-item.is-removing {
    opacity: 0;
    transform: translateX(12px);
    max-height: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden;
}

.cart-offcanvas-item:hover .cart-offcanvas-delete,
.cart-offcanvas-item:focus-within .cart-offcanvas-delete {
    opacity: 1;
    pointer-events: auto;
}