.elementor-widget-glozin-banner {
    .gz-hover-effect {
		--transition: 0.4s cubic-bezier(.3, 1, .3, 1);
		will-change: transform;
	}
}

.glozin-banner__summary {
	.gz-button {
		.glozin-svg-icon-original svg {
			height: 15px;
			width: auto;
		}
	}
}

.glozin-banner__countdown {
    .timer {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 10px;
        background-color: rgba(255, 255, 255, 0.2);
        border: 1px solid rgba(255, 255, 255, 0.251);
        backdrop-filter: blur(5px);
        border-radius: 5px;
    }

    .digits {
        font-size: 20px;
        font-weight: 500;
        line-height: 1;
    }

    .text {
        font-size: 13px;
        padding: 0;
        line-height: 1;
    }

    .divider {
        display: none;
    }
}

.glozin-banner__button {
    --gz-button-icon-size: 16px;
}

.glozin-banner--products {
    .glozin-banner__button {
        padding-inline-start: 30px;
        padding-inline-end: 30px;
    }
}

.glozin-banner__products-header {
    &::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: calc( 100% + 30px );
        height: 1px;
        margin-inline-start: -15px;
        margin-inline-end: -15px;
        background-color: var(--gz-border-color);
    }
}

.glozin-banner__products {
    max-width: 390px;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.3s;

    ul.products {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        height: 100%;
        max-height: 200px;
        margin: 0;
        overflow-y: auto;
        scroll-behavior: smooth;
        scrollbar-width: auto;
        scrollbar-color: var(--gz-color-light-grey);

        &::-webkit-scrollbar {
            width: 4px;
            border-radius: 30px;
        }

        &::-webkit-scrollbar-track {
            background: #fff;
        }

        &::-webkit-scrollbar-thumb {
            background-color: var(--gz-color-light-grey);
            border-radius: 30px;
        }

        &::-webkit-scrollbar-thumb:hover {
            background-color: var(--gz-color-dark);
        }

        li.product {
            width: 100%;
            flex-shrink: 0;
            margin: 0 0 15px 0;
            padding: 0 2px 15px 0;
            border-bottom: 1px solid var(--gz-border-color);

            .product-inner {
                display: flex;
                gap: 15px;
                align-items: center;
            }

            .product-thumbnail {
                width: 60px;
            }

            .product-summary {
                flex-grow: 1;
                text-align: start;
                justify-content: flex-start;
                align-items: flex-start;
                margin: 0;

                &.align-items-center .price {
                    justify-content: flex-start;
                }
            }

            &:last-child {
                margin-bottom: 0;
                padding-bottom: 0;
                border-bottom: none;
            }

			.product-thumbnail {
				> * {
					display: none;
				}

				> a,
				.product-video-loop-thumbnail {
					display: block;
				}
			}

			.product-summary {
				.product-variation-items,
				.gz-button-add-to-cart-mobile {
					display: none;
				}
			}
        }
    }

    &.opened {
        visibility: visible;
        pointer-events: auto;
        opacity: 1;
        transform: translateY(0);
    }
}

.glozin-banner-carousel__summary {
    &.icon-type-image {
        .glozin-banner-carousel__icon {
            display: inline-flex;
			justify-content: center;
			align-items: center;
        }
    }
}

.glozin-banner-carousel__icon {
	margin-bottom: var(--glozin-icon-margin);
	border-radius: var(--gz-image-rounded);

    img {
        position: unset;
    }
}

@media (min-width: 1200px) {
    .glozin-banner__countdown {
        .timer {
            min-width: 72px;
            min-height: 86px;
        }

        .digits {
            font-size: 24px;
        }

        .text {
            font-size: 14px;
        }
    }
}

@media (min-width: 1025px) {
    .glozin-banner__products-header {
        &::after {
            width: calc( 100% + 40px );
            margin-inline-start: -20px;
            margin-inline-end: -20px;
        }
    }

    .glozin-banner__products {
        ul.products {
            max-height: 330px;
        }
    }
}