/* Zvezmarket motion system
 *
 * Character: curiosity + confidence. Marketing surfaces may arrive once;
 * shopping controls answer quickly and never move layout. The layer is loaded
 * last and intentionally changes motion properties only.
 */

:root {
    --motion-press: var(--duration-micro, 90ms);
    --motion-fast: var(--duration-quick, 140ms);
    --motion-base: var(--duration-fast, 200ms);
    --motion-settle: var(--duration-medium, 280ms);
    --motion-ease-out: var(--ease-smooth-out, cubic-bezier(0.23, 1, 0.32, 1));
    --motion-ease-in-out: var(--ease-in-out, cubic-bezier(0.77, 0, 0.175, 1));
    --motion-drawer: cubic-bezier(0.32, 0.72, 0, 1);
    --motion-accent: var(--premium-accent-dark, #0b5e86);
    --motion-reveal: 560ms;
    --motion-reveal-fast: 440ms;
    --motion-reveal-stagger: 60ms;
    --motion-reveal-ease: cubic-bezier(0.2, 0.68, 0.28, 1);
}

/* Product cards: paper-like lift, without changing their geometry. */
.product-card {
    transition:
        transform var(--motion-base) var(--motion-ease-out),
        box-shadow var(--motion-settle) var(--motion-ease-out),
        border-color var(--motion-base) var(--motion-ease-out);
}

.product-card .product-image {
    transition: transform var(--motion-settle) var(--motion-ease-out);
}

.product-card:active {
    transform: translateY(1px) scale(0.995);
    transition-duration: var(--motion-press);
}

/* Primary actions use one consistent tactile response. */
.commercial-hero__cta,
.btn-add-cart,
.add-to-cart-btn,
.checkout-btn,
.submit-order-btn,
.checkout-mobile-bar__button,
.btn-apply-filters,
.catalog-load-more,
.order-pay__btn,
.btn-primary {
    position: relative;
    overflow: hidden;
    transition:
        transform var(--motion-fast) var(--motion-ease-out),
        box-shadow var(--motion-base) var(--motion-ease-out),
        background-color var(--motion-base) var(--motion-ease-out),
        border-color var(--motion-base) var(--motion-ease-out);
}

.commercial-hero__cta:active,
.btn-add-cart:active,
.add-to-cart-btn:active,
.checkout-btn:active,
.submit-order-btn:active,
.checkout-mobile-bar__button:active,
.btn-apply-filters:active,
.catalog-load-more:active,
.order-pay__btn:active,
.btn-primary:active {
    transform: translateY(1px) scale(0.99);
    box-shadow: 0 4px 10px rgba(11, 94, 134, 0.18);
    transition-duration: var(--motion-press);
}

/* A low-contrast light sweep follows pointer intent. It moves with transform,
   not left, so it stays on the compositor. */
.commercial-hero__cta::after,
.btn-add-cart::after,
.add-to-cart-btn::after,
.checkout-btn::after,
.submit-order-btn::after,
.order-pay__btn::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 34%;
    pointer-events: none;
    background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.26), transparent);
    transform: translateX(-330%) skewX(-18deg);
    transition: transform 480ms var(--motion-ease-out);
}

/* Categories and secondary cards share a gentler paper response. */
.catalog-categories__link,
.home-category-card,
.category-icon-style,
.product-trust-strip__item,
.order-actions a {
    transition:
        transform var(--motion-base) var(--motion-ease-out),
        box-shadow var(--motion-settle) var(--motion-ease-out),
        border-color var(--motion-base) var(--motion-ease-out);
}

.category-icon-style .category-icon-circle,
.home-category-card__icon,
.home-category-card__arrow,
.commercial-hero__cta i,
.home-categories__all span,
.checkout-btn i,
.checkout-back-link i {
    transition: transform var(--motion-base) var(--motion-ease-out);
}

.catalog-categories__link:active,
.home-category-card:active,
.category-icon-style:active,
.order-actions a:active {
    transform: scale(0.99);
    transition-duration: var(--motion-press);
}

/* Inputs brighten rather than move, keeping checkout calm. */
.form-control,
.form-select,
.search-input,
.price-input,
.sort-select,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
textarea,
select {
    transition:
        border-color var(--motion-fast) var(--motion-ease-out),
        box-shadow var(--motion-base) var(--motion-ease-out),
        background-color var(--motion-fast) var(--motion-ease-out);
}

.form-control:focus,
.form-select:focus,
.search-input:focus,
.price-input:focus,
.sort-select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
    box-shadow: 0 0 0 4px rgba(11, 94, 134, 0.12);
}

.checkout-page .delivery-option,
.brand-checkbox,
.catalog-categories__link,
.thumbnail {
    transition:
        border-color var(--motion-fast) var(--motion-ease-out),
        background-color var(--motion-base) var(--motion-ease-out),
        box-shadow var(--motion-base) var(--motion-ease-out),
        transform var(--motion-base) var(--motion-ease-out);
}

/* Small controls are allowed a tiny scale response because the state is local. */
.btn-wishlist,
.quantity-btn,
.featured-nav-btn,
.mobile-bottom-nav__item {
    transition:
        transform var(--motion-fast) var(--motion-ease-out),
        color var(--motion-fast) var(--motion-ease-out),
        background-color var(--motion-fast) var(--motion-ease-out);
}

.btn-wishlist:active,
.quantity-btn:active,
.featured-nav-btn:active {
    transform: scale(0.96);
    transition-duration: var(--motion-press);
}

.btn-wishlist.active .wishlist-icon {
    animation: motion-heart 280ms var(--motion-ease-out);
}

@keyframes motion-heart {
    0% { transform: scale(1); }
    45% { transform: scale(1.18); }
    100% { transform: scale(1); }
}

/* Text links keep their place; only the underline grows. */
.footer-links a,
.footer-copyright a,
.breadcrumb a,
.product-decision a {
    background-image: linear-gradient(currentColor, currentColor);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 0% 1px;
    text-decoration: none;
    transition:
        background-size var(--motion-base) var(--motion-ease-out),
        color var(--motion-fast) var(--motion-ease-out);
}

/* Dialogs and the mobile menu explain their spatial origin. */
.modal.fade .modal-dialog {
    opacity: 0;
    transform: translateY(12px) scale(0.985);
    transition:
        opacity var(--motion-base) var(--motion-ease-out),
        transform var(--motion-settle) var(--motion-ease-out);
}

.modal.show .modal-dialog {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.modal-backdrop.fade {
    transition: opacity var(--motion-base) var(--motion-ease-out);
}

.quick-view-content {
    transition:
        opacity var(--motion-base) var(--motion-ease-out),
        transform var(--motion-settle) var(--motion-ease-out);
}

.cart-notification-mobile {
    transition: transform var(--motion-settle) var(--motion-drawer);
}

@media (max-width: 991.98px) {
    .mobile-side-menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        transition:
            opacity var(--motion-base) var(--motion-ease-out),
            visibility 0s linear var(--motion-settle);
    }

    .mobile-side-menu.active {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        transition-delay: 0s;
    }

    .mobile-menu-content {
        transition: transform var(--motion-settle) var(--motion-drawer);
    }
}

/* Hover motion is pointer-only; touch never receives a sticky hover state. */
@media (hover: hover) and (pointer: fine) {
    .footer-links a:hover,
    .footer-copyright a:hover,
    .breadcrumb a:hover,
    .product-decision a:hover {
        background-size: 100% 1px;
        text-decoration: none;
    }

    .product-card:hover,
    .product-card.premium-reveal.is-visible:hover {
        transform: translateY(-4px);
        border-color: color-mix(in srgb, var(--premium-accent) 28%, transparent);
        box-shadow: 0 18px 38px rgba(24, 32, 29, 0.12);
    }

    .product-card:hover .product-image {
        transform: scale(1.03);
    }

    .commercial-hero__cta:hover,
    .btn-add-cart:hover,
    .add-to-cart-btn:hover,
    .checkout-btn:hover,
    .submit-order-btn:hover,
    .checkout-mobile-bar__button:hover,
    .btn-apply-filters:hover,
    .catalog-load-more:hover,
    .order-pay__btn:hover,
    .btn-primary:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 26px rgba(11, 94, 134, 0.22);
    }

    .commercial-hero__cta:hover::after,
    .btn-add-cart:hover::after,
    .add-to-cart-btn:hover::after,
    .checkout-btn:hover::after,
    .submit-order-btn:hover::after,
    .order-pay__btn:hover::after {
        transform: translateX(230%) skewX(-18deg);
    }

    .catalog-categories__link:hover,
    .home-category-card:hover,
    .catalog-categories__link.premium-reveal.is-visible:hover,
    .home-category-card.premium-reveal.is-visible:hover,
    .product-trust-strip__item:hover,
    .order-actions a:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 26px rgba(24, 32, 29, 0.09);
    }

    .category-icon-style:hover,
    .category-icon-style.premium-reveal.is-visible:hover {
        transform: translateY(-3px);
    }

    .category-icon-style:hover .category-icon-circle,
    .home-category-card:hover .home-category-card__icon {
        transform: scale(1.05);
    }

    .home-category-card:hover .home-category-card__arrow,
    .commercial-hero__cta:hover i,
    .home-categories__all:hover span,
    .checkout-btn:hover i {
        transform: translateX(3px);
    }

    .checkout-back-link:hover i {
        transform: translateX(-3px);
    }

    .btn-wishlist:hover,
    .quantity-btn:hover,
    .featured-nav-btn:hover:not(:disabled) {
        transform: scale(1.08);
    }

    .checkout-page .delivery-option:hover,
    .thumbnail:hover {
        transform: translateY(-1px);
    }
}

/* The legacy base stylesheet still contains an unconditional :hover lift.
   Neutralize that state on touch/coarse pointers, then keep the brief press
   response so a tap still feels acknowledged without becoming sticky. */
@media (hover: none), (pointer: coarse) {
    .product-card:hover {
        transform: none;
        border-color: var(--premium-line);
        box-shadow: 0 10px 34px rgba(39, 49, 44, 0.06);
    }

    .product-card:hover .product-image {
        transform: none;
    }

    .featured-section-wrapper .product-card:hover {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

    .product-card:active {
        transform: translateY(1px) scale(0.995);
    }
}

@media (max-width: 767.98px) and (prefers-reduced-motion: no-preference) {
    .zmp-premium-ready .premium-reveal {
        transform: translateY(8px);
    }

    .zmp-premium-ready .premium-reveal.is-visible {
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .product-card,
    .product-card .product-image,
    .commercial-hero__cta,
    .btn-add-cart,
    .add-to-cart-btn,
    .checkout-btn,
    .submit-order-btn,
    .checkout-mobile-bar__button,
    .btn-apply-filters,
    .catalog-load-more,
    .order-pay__btn,
    .btn-primary,
    .catalog-categories__link,
    .home-category-card,
    .category-icon-style,
    .product-trust-strip__item,
    .category-icon-style .category-icon-circle,
    .home-category-card__icon,
    .home-category-card__arrow,
    .commercial-hero__cta i,
    .home-categories__all span,
    .checkout-btn i,
    .checkout-back-link i,
    .form-control,
    .form-select,
    .search-input,
    .price-input,
    .sort-select,
    input,
    textarea,
    select,
    .checkout-page .delivery-option,
    .thumbnail,
    .btn-wishlist,
    .quantity-btn,
    .featured-nav-btn,
    .mobile-bottom-nav__item,
    .order-actions a,
    .footer-links a,
    .footer-copyright a,
    .breadcrumb a,
    .product-decision a,
    .modal.fade .modal-dialog,
    .modal-backdrop.fade,
    .quick-view-content,
    .cart-notification-mobile,
    .mobile-side-menu,
    .mobile-menu-content {
        transition: none !important;
    }

    .product-card:hover,
    .product-card:active,
    .product-card:hover .product-image,
    .commercial-hero__cta:hover,
    .commercial-hero__cta:active,
    .btn-add-cart:hover,
    .btn-add-cart:active,
    .add-to-cart-btn:hover,
    .add-to-cart-btn:active,
    .checkout-btn:hover,
    .checkout-btn:active,
    .submit-order-btn:hover,
    .submit-order-btn:active,
    .checkout-mobile-bar__button:hover,
    .checkout-mobile-bar__button:active,
    .btn-apply-filters:hover,
    .btn-apply-filters:active,
    .catalog-load-more:hover,
    .catalog-load-more:active,
    .order-pay__btn:hover,
    .order-pay__btn:active,
    .btn-primary:hover,
    .btn-primary:active,
    .catalog-categories__link:hover,
    .catalog-categories__link:active,
    .home-category-card:hover,
    .home-category-card:active,
    .category-icon-style:hover,
    .category-icon-style:active,
    .category-icon-style:hover .category-icon-circle,
    .home-category-card:hover .home-category-card__icon,
    .home-category-card:hover .home-category-card__arrow,
    .commercial-hero__cta:hover i,
    .home-categories__all:hover span,
    .checkout-btn:hover i,
    .checkout-back-link:hover i,
    .product-trust-strip__item:hover,
    .btn-wishlist:hover,
    .btn-wishlist:active,
    .quantity-btn:hover,
    .quantity-btn:active,
    .featured-nav-btn:hover,
    .featured-nav-btn:active,
    .checkout-page .delivery-option:hover,
    .thumbnail:hover,
    .modal.fade .modal-dialog,
    .modal.show .modal-dialog {
        transform: none !important;
    }

    .commercial-hero__cta::after,
    .btn-add-cart::after,
    .add-to-cart-btn::after,
    .checkout-btn::after,
    .submit-order-btn::after,
    .order-pay__btn::after {
        display: none;
    }

    .btn-wishlist.active .wishlist-icon {
        animation: none !important;
    }
}

/* Desktop editorial choreography
 *
 * The first version used a 12px transition on whole sections. On a large
 * viewport that read as an instant paint, while an entire product grid faded
 * as one slab. The runtime now wires the hidden state before the ready class;
 * these rules give that state enough distance and rhythm to be legible without
 * moving layout or delaying shopping controls. */
@keyframes zmp-text-enter {
    from { opacity: 0; transform: translate3d(0, 22px, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes zmp-hero-title-enter {
    from { opacity: 0; transform: translate3d(0, 28px, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes zmp-hero-copy-enter {
    from { opacity: 0; transform: translate3d(0, 20px, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes zmp-hero-cta-enter {
    from { opacity: 0; transform: translate3d(0, 14px, 0) scale(0.98); }
    to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes zmp-cover-enter-one {
    from { opacity: 0; transform: translate3d(42px, 28px, 0) rotate(-11deg) scale(0.94); }
    to { opacity: 1; transform: translate3d(0, 0, 0) rotate(-4deg) scale(1); }
}

@keyframes zmp-cover-enter-two {
    from { opacity: 0; transform: translate3d(50px, 20px, 0) rotate(14deg) scale(0.94); }
    to { opacity: 1; transform: translate3d(0, 0, 0) rotate(8deg) scale(1); }
}

@keyframes zmp-cover-enter-three {
    from { opacity: 0; transform: translate3d(-38px, 30px, 0) rotate(-17deg) scale(0.94); }
    to { opacity: 1; transform: translate3d(0, 0, 0) rotate(-11deg) scale(1); }
}

@keyframes zmp-hero-eyebrow-enter {
    from { opacity: 0; transform: translate3d(0, 12px, 0) scale(0.96); }
    to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes zmp-featured-forward {
    from { opacity: 0; transform: translate3d(34px, 0, 0) scale(0.985); }
    to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes zmp-featured-backward {
    from { opacity: 0; transform: translate3d(-34px, 0, 0) scale(0.985); }
    to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@media (min-width: 992px) and (prefers-reduced-motion: no-preference) {
    /* Text blocks receive a finite entrance animation. `backwards` preserves
       the hidden keyframe during each stagger delay, then releases transform
       so the normal pointer interactions work again. */
    .zmp-premium-ready .t-stagger .t-stagger-line {
        transition: none;
    }

    .zmp-premium-ready .t-stagger.is-shown .t-stagger-line {
        opacity: 1;
        transform: none;
        animation: zmp-text-enter var(--motion-reveal) var(--motion-reveal-ease) backwards;
    }

    .zmp-premium-ready .t-stagger.is-shown .t-stagger-line--2 {
        animation-delay: var(--motion-reveal-stagger);
    }

    .zmp-premium-ready .t-stagger.is-shown .t-stagger-line--3 {
        animation-delay: calc(var(--motion-reveal-stagger) * 2);
    }

    .zmp-premium-ready .commercial-hero__content.t-stagger.is-shown h1.t-stagger-line {
        animation-name: zmp-hero-title-enter;
        animation-duration: 620ms;
        animation-delay: 60ms;
    }

    .zmp-premium-ready .commercial-hero__content.t-stagger.is-shown .commercial-hero__subtitle.t-stagger-line {
        animation-name: zmp-hero-copy-enter;
        animation-duration: 560ms;
        animation-delay: 150ms;
    }

    .zmp-premium-ready .commercial-hero__content.t-stagger.is-shown .commercial-hero__cta.t-stagger-line {
        animation-name: zmp-hero-cta-enter;
        animation-duration: 460ms;
        animation-delay: 250ms;
    }

    /* Section containers travel far enough to be perceived, but only through
       compositor-friendly opacity and transform. Child groups below opt out
       and reveal their cards instead of moving a large grid as one surface. */
    .zmp-premium-ready .premium-reveal:not(.zmp-motion-group):not(.premium-hero-products) {
        opacity: 0;
        transform: translate3d(0, 26px, 0) scale(0.992);
        transition:
            opacity var(--motion-reveal-fast) var(--motion-reveal-ease),
            transform var(--motion-reveal) var(--motion-reveal-ease);
        transition-delay: calc(var(--premium-reveal-order, 0) * 35ms);
    }

    .zmp-premium-ready .premium-reveal:not(.zmp-motion-group):not(.premium-hero-products).is-visible {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }

    .zmp-premium-ready .premium-reveal.zmp-motion-group {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .zmp-premium-ready .premium-reveal.zmp-motion-group .zmp-motion-child {
        opacity: 0;
        transform: translate3d(0, 24px, 0) scale(0.985);
        transition:
            opacity var(--motion-reveal-fast) var(--motion-reveal-ease),
            transform var(--motion-reveal) var(--motion-reveal-ease);
        transition-delay: calc(var(--motion-child-order, 0) * var(--motion-reveal-stagger));
    }

    .zmp-premium-ready .premium-reveal.zmp-motion-group.is-visible .zmp-motion-child {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }

    /* Initial and asynchronously loaded catalog cards share one observer and
       settle back to their normal hover transition after this class is removed. */
    .zmp-premium-ready .product-card.zmp-motion-enter {
        opacity: 0;
        transform: translate3d(0, 24px, 0) scale(0.985);
        transition:
            opacity 340ms var(--motion-reveal-ease),
            transform var(--motion-reveal-fast) var(--motion-reveal-ease);
        transition-delay: calc(var(--motion-enter-order, 0) * 40ms);
    }

    .zmp-premium-ready .product-card.zmp-motion-enter.is-visible {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }

    /* The stage itself remains composited and immediately occupies its layout;
       the three covers provide the finite, readable entrance. */
    .zmp-premium-ready .premium-hero-products.premium-reveal,
    .zmp-premium-ready .premium-hero-products.premium-reveal.is-visible {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .premium-hero-products .premium-hero-product {
        opacity: 1;
        animation: none;
    }

    .zmp-premium-ready .premium-hero-products.premium-reveal:not(.is-visible) .premium-hero-product,
    .zmp-premium-ready .premium-hero-products.premium-reveal:not(.is-visible) .premium-hero-products__eyebrow {
        opacity: 0;
    }

    .premium-hero-products.premium-reveal.is-visible .premium-hero-product--1 {
        animation: zmp-cover-enter-one 680ms var(--motion-reveal-ease) 100ms 1 backwards;
    }

    .premium-hero-products.premium-reveal.is-visible .premium-hero-product--2 {
        animation: zmp-cover-enter-two 660ms var(--motion-reveal-ease) 190ms 1 backwards;
    }

    .premium-hero-products.premium-reveal.is-visible .premium-hero-product--3 {
        animation: zmp-cover-enter-three 640ms var(--motion-reveal-ease) 280ms 1 backwards;
    }

    .premium-hero-products.premium-reveal.is-visible .premium-hero-products__eyebrow {
        opacity: 1;
        animation: zmp-hero-eyebrow-enter 420ms var(--motion-reveal-ease) 390ms 1 backwards;
    }

    .premium-hero-products.premium-reveal.is-visible .premium-hero-product:hover,
    .premium-hero-products.premium-reveal.is-visible:focus-within .premium-hero-product {
        animation-play-state: running;
    }

    /* The carousel never advances itself. Direction is supplied only by a
       user's arrow, dot, keyboard or swipe action. */
    #featuredProductsContainer .featured-product-item:not([hidden]) {
        opacity: 0;
        transform: none;
        transition: none;
    }

    #featuredProductsContainer:not(.is-forward):not(.is-backward) .featured-product-item.is-visible {
        opacity: 1;
        transform: none;
    }

    #featuredProductsContainer.is-forward .featured-product-item.is-visible {
        opacity: 1;
        transform: none;
        animation: zmp-featured-forward 440ms var(--motion-reveal-ease)
            calc(var(--featured-enter-order, 0) * 55ms) 1 backwards;
    }

    #featuredProductsContainer.is-backward .featured-product-item.is-visible {
        opacity: 1;
        transform: none;
        animation: zmp-featured-backward 440ms var(--motion-reveal-ease)
            calc(var(--featured-enter-order, 0) * 55ms) 1 backwards;
    }
}

@media (min-width: 992px) and (hover: hover) and (pointer: fine) {
    .product-card:not(.zmp-motion-enter):hover {
        transform: translateY(-7px);
        box-shadow: 0 24px 52px rgba(24, 32, 29, 0.15);
    }

    .product-card:not(.zmp-motion-enter):hover .product-image {
        transform: scale(1.05);
    }

    .catalog-categories__link:hover,
    .home-category-card:hover,
    .category-icon-style:hover,
    .product-trust-strip__item:hover {
        transform: translateY(-4px);
    }

    .commercial-hero__cta:hover,
    .btn-add-cart:hover,
    .add-to-cart-btn:hover,
    .catalog-load-more:hover {
        transform: translateY(-3px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .zmp-premium-ready .t-stagger .t-stagger-line,
    .zmp-premium-ready .premium-reveal,
    .zmp-premium-ready .premium-reveal.zmp-motion-group,
    .zmp-premium-ready .premium-reveal.zmp-motion-group .zmp-motion-child,
    .product-card.zmp-motion-enter,
    .premium-hero-products .premium-hero-products__eyebrow,
    #featuredProductsContainer .featured-product-item:not([hidden]),
    #featuredProductsContainer .featured-product-item.is-visible {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
        transition: none !important;
    }

    .premium-hero-products .premium-hero-product {
        opacity: 1 !important;
        animation: none !important;
        transition: none !important;
    }
}