/*
------------------------------------------------------------
    Premium Button Hover Effects
    Purely additive layer — does not alter existing colors,
    backgrounds, spacing or markup. Built with ::before/::after
    only so current design & functionality stay untouched.
------------------------------------------------------------
*/

:root {
    --phe-ease: cubic-bezier(.22, 1, .36, 1);
}

/* ==========================================================
   1) Pill / label CTA buttons
   (btn_collection, our_story_btn, see_in_spaces_btn,
    more_info_btn, learn_more_btn, send_message_btn)
========================================================== */
.btn_collection,
.our_story_btn,
.see_in_spaces_btn,
.more_info_btn,
.learn_more_btn,
.send_message_btn {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transition: transform .45s var(--phe-ease),
        border-color .45s var(--phe-ease);
}

.btn_collection::before,
.our_story_btn::before,
.see_in_spaces_btn::before,
.more_info_btn::before,
.learn_more_btn::before,
.send_message_btn::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(115deg,
            transparent 0%,
            rgba(255, 255, 255, 0.55) 45%,
            transparent 65%);
    transform: translateX(-130%) skewX(-15deg);
    transition: transform .75s var(--phe-ease);
    mix-blend-mode: overlay;
    pointer-events: none;
}

.btn_collection::after,
.our_story_btn::after,
.see_in_spaces_btn::after,
.more_info_btn::after,
.learn_more_btn::after,
.send_message_btn::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    border: 1px solid currentColor;
    opacity: 0;
    transform: scale(1);
    transition: opacity .5s var(--phe-ease), transform .5s var(--phe-ease);
    pointer-events: none;
}

.btn_collection:hover,
.our_story_btn:hover,
.see_in_spaces_btn:hover,
.more_info_btn:hover,
.learn_more_btn:hover,
.send_message_btn:hover,
.btn_collection:focus-visible,
.our_story_btn:focus-visible,
.see_in_spaces_btn:focus-visible,
.more_info_btn:focus-visible,
.learn_more_btn:focus-visible,
.send_message_btn:focus-visible {
    transform: translateY(-3px);
}

.btn_collection:hover::before,
.our_story_btn:hover::before,
.see_in_spaces_btn:hover::before,
.more_info_btn:hover::before,
.learn_more_btn:hover::before,
.send_message_btn:hover::before,
.btn_collection:focus-visible::before,
.our_story_btn:focus-visible::before,
.see_in_spaces_btn:focus-visible::before,
.more_info_btn:focus-visible::before,
.learn_more_btn:focus-visible::before,
.send_message_btn:focus-visible::before {
    transform: translateX(130%) skewX(-15deg);
}

.btn_collection:hover::after,
.our_story_btn:hover::after,
.see_in_spaces_btn:hover::after,
.more_info_btn:hover::after,
.learn_more_btn:hover::after,
.send_message_btn:hover::after,
.btn_collection:focus-visible::after,
.our_story_btn:focus-visible::after,
.see_in_spaces_btn:focus-visible::after,
.more_info_btn:focus-visible::after,
.learn_more_btn:focus-visible::after,
.send_message_btn:focus-visible::after {
    opacity: .35;
    transform: scale(1.07);
}

.btn_collection:active,
.our_story_btn:active,
.see_in_spaces_btn:active,
.more_info_btn:active,
.learn_more_btn:active,
.send_message_btn:active {
    transform: translateY(-1px) scale(.98);
}

/* ==========================================================
   1b) Paired pill + circle-arrow groups
   (btn_collection, our_story_btn, see_in_spaces_btn,
    more_info_btn, learn_more_btn, send_message_btn — each
    always sits next to a .btn_next arrow circle). These read
    as a single control, so hovering either half lifts BOTH
    together instead of animating in isolation.
========================================================== */
.amore_main_homepage_header_buttons:is(:hover, :focus-within) .btn_collection,
.amore_homepage_story_buttons:is(:hover, :focus-within) .our_story_btn,
.amore_homepage_hero_buttons:is(:hover, :focus-within) .see_in_spaces_btn,
.amore_info_buttons:is(:hover, :focus-within) .more_info_btn,
.amore_about_hero_buttons:is(:hover, :focus-within) .see_in_spaces_btn,
.amore_about_craftsmanship_buttons:is(:hover, :focus-within) .learn_more_btn,
.export_contact_form_btn:is(:hover, :focus-within) .send_message_btn,
.contact_form_btn:is(:hover, :focus-within) .send_message_btn {
    transform: translateY(-3px);
}

.amore_main_homepage_header_buttons:is(:hover, :focus-within) .btn_next,
.amore_homepage_story_buttons:is(:hover, :focus-within) .btn_next,
.amore_homepage_hero_buttons:is(:hover, :focus-within) .btn_next,
.amore_info_buttons:is(:hover, :focus-within) .btn_next,
.amore_about_hero_buttons:is(:hover, :focus-within) .btn_next,
.amore_about_craftsmanship_buttons:is(:hover, :focus-within) .btn_next,
.export_contact_form_btn:is(:hover, :focus-within) .btn_next,
.contact_form_btn:is(:hover, :focus-within) .btn_next {
    transform: translateY(-3px) scale(1.08);
}

.amore_main_homepage_header_buttons:is(:hover, :focus-within) .btn_next img,
.amore_homepage_story_buttons:is(:hover, :focus-within) .btn_next img,
.amore_homepage_hero_buttons:is(:hover, :focus-within) .btn_next img,
.amore_info_buttons:is(:hover, :focus-within) .btn_next img,
.amore_about_hero_buttons:is(:hover, :focus-within) .btn_next img,
.amore_about_craftsmanship_buttons:is(:hover, :focus-within) .btn_next img,
.export_contact_form_btn:is(:hover, :focus-within) .btn_next img,
.contact_form_btn:is(:hover, :focus-within) .btn_next img {
    transform: translateX(4px);
}

/* ==========================================================
   2) Circular icon buttons
   (btn_next, submit_btn, amore_collections_cta_btn)
========================================================== */
.btn_next,
.submit_btn,
.amore_collections_cta_btn {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transition: transform .4s var(--phe-ease);
}

.btn_next::before,
.submit_btn::before,
.amore_collections_cta_btn::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: 50%;
    background: currentColor;
    opacity: 0;
    transform: scale(0);
    transition: transform .55s var(--phe-ease), opacity .55s var(--phe-ease);
    pointer-events: none;
}

.btn_next:hover,
.submit_btn:hover,
.amore_collections_cta_btn:hover,
.btn_next:focus-visible,
.submit_btn:focus-visible,
.amore_collections_cta_btn:focus-visible {
    transform: scale(1.08);
}

.btn_next:hover::before,
.submit_btn:hover::before,
.amore_collections_cta_btn:hover::before,
.btn_next:focus-visible::before,
.submit_btn:focus-visible::before,
.amore_collections_cta_btn:focus-visible::before {
    opacity: .08;
    transform: scale(1);
}

.btn_next:hover img,
.submit_btn:hover img,
.amore_collections_cta_btn:hover img {
    transform: translateX(3px) rotate(-6deg);
}

.btn_next img,
.submit_btn img,
.amore_collections_cta_btn img {
    transition: transform .4s var(--phe-ease);
}

.btn_next:active,
.amore_collections_cta_btn:active {
    transform: scale(.94);
}

/* ==========================================================
   3) Arrow text-links
   (crafted content link — the collection card is a single
   <a> now, see 3b below for its own hover treatment)
========================================================== */
.amore_crafted_content_and_btn_area a {
    position: relative;
    transition: transform .35s var(--phe-ease);
}

.amore_crafted_content_and_btn_area a span {
    position: relative;
    display: inline-block;
}

.amore_crafted_content_and_btn_area a span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .45s var(--phe-ease);
}

.amore_crafted_content_and_btn_area a:hover span::after,
.amore_crafted_content_and_btn_area a:focus-visible span::after {
    transform: scaleX(1);
    transform-origin: left;
}

.amore_crafted_content_and_btn_area a:hover,
.amore_crafted_content_and_btn_area a:focus-visible {
    transform: translateX(4px);
}

.amore_crafted_content_and_btn_area a img {
    transition: transform .4s var(--phe-ease);
}

.amore_crafted_content_and_btn_area a:hover img {
    transform: translateX(3px) rotate(-6deg);
}

/* ==========================================================
   3b) Collection product card
   (.amore_collection_area is the whole card <a> — hovering
   anywhere on it nudges the name row and its arrow icon)
========================================================== */
.amore_collection_name_and_btn_area {
    transition: transform .35s var(--phe-ease);
}

.amore_collection_name_and_btn_area img {
    transition: transform .4s var(--phe-ease);
}

.amore_collection_area:hover .amore_collection_name_and_btn_area,
.amore_collection_area:focus-visible .amore_collection_name_and_btn_area {
    transform: translateX(4px);
}

.amore_collection_area:hover .amore_collection_name_and_btn_area img,
.amore_collection_area:focus-visible .amore_collection_name_and_btn_area img {
    transform: translateX(3px) rotate(-6deg);
}

/* ==========================================================
   5) Header & footer navigation links (JS-enhanced)
   The header nav-link underline reveal already exists in
   essential.css (.navbar .navbar-nav .nav-link span::after) but
   is dormant because the markup has no <span> — js/nav-hover.js
   wraps the text at runtime to switch it on, no new CSS needed
   there. Footer links have no such treatment yet, so it's added
   here to match, reusing the same #FF705D brand accent already
   used for header hover. GSAP (already loaded site-wide) drives
   the magnetic cursor-follow motion on both.
========================================================== */
.navbar .navbar-nav .nav-link,
.footer_links ul li a {
    will-change: transform;
}

.footer_links ul li a {
    display: inline-block;
    position: relative;
    transition: color .3s ease;
}

.footer_links ul li a span {
    position: relative;
    display: inline-block;
}

.footer_links ul li a span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0%;
    height: 1.5px;
    background-color: currentColor;
    transition: width .3s cubic-bezier(.25, .46, .45, .94);
}

.footer_links ul li a:hover span::after,
.footer_links ul li a:focus-visible span::after {
    width: 100%;
}

.footer_links ul li a:hover,
.footer_links ul li a:focus-visible {
    color: #FF705D;
}

/* ==========================================================
   6) Header "Collection" mega-menu
   Poster-style cards: each collection's real banner image
   full-bleed with its name overlaid directly on it (a permanent
   gradient scrim keeps it legible), editorial auto-numbering
   above the name (CSS counters, "01 / Grezzo") — a magazine-
   cover treatment rather than a text list sitting under a
   thumbnail. Not a restyle of Bootstrap's .dropdown-item.
   Deliberately uses ALL-NEW class names on the items (still
   wrapped in .dropdown-menu/.dropdown for Bootstrap's JS toggle
   + essential.css's :hover-to-open rule on desktop, both left
   untouched) specifically to stop competing with essential.css's
   .dropdown-item rules — restyling those repeatedly ran into
   selectors 5 classes deep that silently out-specificity any
   plain override regardless of load order.
========================================================== */
.navbar .dropdown .nav-link i {
    display: inline-block;
    transition: transform .35s var(--phe-ease);
}

.navbar .dropdown:hover .nav-link i {
    transform: rotate(180deg);
}

.amore_collection_mega_menu {
    counter-reset: amoreMenuIndex;
}

.amore_collection_mega_menu_item {
    list-style: none;
    counter-increment: amoreMenuIndex;
}

/* essential.css's unconditional ".navbar .dropdown-menu li" (border-bottom
   divider line) matches by tag, not the old .dropdown-item class, so it
   still applies here regardless of the new class names — match its
   specificity to actually turn it off. */
.navbar .amore_collection_mega_menu li {
    border-bottom: none;
}

.amore_collection_mega_menu_card {
    display: block;
    text-decoration: none;
    opacity: 0;
    transform: translateY(14px);
    transition: opacity .5s var(--phe-ease), transform .5s var(--phe-ease);
}

.navbar .dropdown:hover>.amore_collection_mega_menu .amore_collection_mega_menu_card {
    opacity: 1;
    transform: translateY(0);
}

.amore_collection_mega_menu_item:nth-child(1) .amore_collection_mega_menu_card {
    transition-delay: .05s;
}

.amore_collection_mega_menu_item:nth-child(2) .amore_collection_mega_menu_card {
    transition-delay: .11s;
}

.amore_collection_mega_menu_item:nth-child(3) .amore_collection_mega_menu_card {
    transition-delay: .17s;
}

.amore_collection_mega_menu_item:nth-child(4) .amore_collection_mega_menu_card {
    transition-delay: .23s;
}

.amore_collection_mega_menu_item:nth-child(n+5) .amore_collection_mega_menu_card {
    transition-delay: .29s;
}

.amore_collection_mega_menu_thumb {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: rgba(22, 22, 22, .05);
}

.amore_collection_mega_menu_thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s var(--phe-ease);
}

/* Permanent scrim (not hover-only) so the overlaid name stays legible
   against any photo at rest, deepening slightly on hover. */
.amore_collection_mega_menu_thumb::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(22, 22, 22, 0) 38%, rgba(22, 22, 22, .78) 100%);
    transition: opacity .4s var(--phe-ease);
}

.amore_collection_mega_menu_card:hover .amore_collection_mega_menu_thumb img,
.amore_collection_mega_menu_card:focus-visible .amore_collection_mega_menu_thumb img {
    transform: scale(1.07);
}

.amore_collection_mega_menu_card:hover .amore_collection_mega_menu_thumb::after,
.amore_collection_mega_menu_card:focus-visible .amore_collection_mega_menu_thumb::after {
    background: linear-gradient(180deg, rgba(22, 22, 22, .05) 30%, rgba(22, 22, 22, .85) 100%);
}

.amore_collection_mega_menu_name {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 16px;
    z-index: 1;
    display: block;
    font-family: "Playfair Display", serif;
    font-style: italic;
    color: #fff;
    transition: transform .4s var(--phe-ease);
}

.amore_collection_mega_menu_name::before {
    content: "0"counter(amoreMenuIndex);
    display: block;
    font-family: "Manrope", sans-serif;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .16em;
    color: rgba(255, 255, 255, .8);
    margin-bottom: 5px;
}

.amore_collection_mega_menu_card:hover .amore_collection_mega_menu_name,
.amore_collection_mega_menu_card:focus-visible .amore_collection_mega_menu_name {
    transform: translateY(-3px);
}

@media (min-width: 992px) {
    .navbar .amore_collection_mega_menu {
        display: grid;
        grid-template-columns: repeat(2, 190px);
        gap: 22px;
        width: auto;
        border: 1px solid rgba(22, 22, 22, .06);
        border-radius: 24px;
        padding: 24px;
        background-color: rgba(250, 248, 244, .97);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        box-shadow: 0 30px 70px -18px rgba(22, 22, 22, .22);
        transform-origin: top center;
        transform: translateY(12px) scale(.96);
        transition: opacity .4s var(--phe-ease), transform .4s var(--phe-ease), visibility .4s;
    }

    .navbar .dropdown:hover>.amore_collection_mega_menu {
        transform: translateY(0) scale(1);
    }

    .amore_collection_mega_menu_thumb {
        aspect-ratio: 4 / 5;
        border-radius: 18px;
    }

    .amore_collection_mega_menu_name {
        font-size: 19px;
    }

    .amore_collection_mega_menu_name::before {
        font-size: 10px;
    }
}

@media (max-width: 991px) {

    /* Completely redesigned mobile Collection dropdown menu.
       Instead of a boring plain text list, we layout the collections in a gorgeous 
       2-column responsive grid using their background images, scrims, and numbers. */
    .navbar .amore_collection_mega_menu {
        display: none !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
        padding: 16px 4px 8px 4px !important;
        box-shadow: none !important;
        background: transparent !important;
        list-style: none !important;
    }

    .navbar .amore_collection_mega_menu.show {
        display: grid !important;
    }

    /* Override any default borders from essential.css */
    .navbar .amore_collection_mega_menu li,
    .navbar ul.amore_collection_mega_menu li {
        border: none !important;
        border-bottom: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .amore_collection_mega_menu_card {
        display: block !important;
        padding: 0 !important;
        opacity: 1 !important;
        transform: none !important;
        text-decoration: none !important;
    }

    .amore_collection_mega_menu_thumb {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        aspect-ratio: 1.1 / 1 !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        background-color: rgba(22, 22, 22, .05) !important;
    }

    .amore_collection_mega_menu_thumb img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        transition: transform .7s var(--phe-ease) !important;
    }

    .amore_collection_mega_menu_thumb::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        background: linear-gradient(180deg, rgba(22, 22, 22, 0) 30%, rgba(22, 22, 22, .75) 100%) !important;
        transition: background .4s var(--phe-ease) !important;
    }

    .amore_collection_mega_menu_name {
        position: absolute !important;
        left: 12px !important;
        right: 12px !important;
        bottom: 12px !important;
        z-index: 1 !important;
        display: block !important;
        font-family: "Manrope", sans-serif !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 13px !important;
        color: #ffffff !important;
        transform: none !important;
        text-transform: uppercase !important;
        letter-spacing: 0.05em !important;
    }

    .amore_collection_mega_menu_name::before {
        content: "0"counter(amoreMenuIndex) !important;
        display: block !important;
        font-family: "Manrope", sans-serif !important;
        font-style: normal !important;
        font-weight: 600 !important;
        font-size: 9px !important;
        letter-spacing: .12em !important;
        color: rgba(255, 255, 255, .75) !important;
        margin-bottom: 3px !important;
    }

    .amore_collection_mega_menu_card:hover .amore_collection_mega_menu_thumb img,
    .amore_collection_mega_menu_card:focus-visible .amore_collection_mega_menu_thumb img,
    .amore_collection_mega_menu_card:active .amore_collection_mega_menu_thumb img {
        transform: scale(1.06) !important;
    }

    .amore_collection_mega_menu_card:hover .amore_collection_mega_menu_name,
    .amore_collection_mega_menu_card:focus-visible .amore_collection_mega_menu_name,
    .amore_collection_mega_menu_card:active .amore_collection_mega_menu_name {
        color: #ffffff !important;
    }

    /* Style the topbar to have a solid brand-dark background when open */
    .navbar.mobile-menu-open {
        background-color: #1c110b !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }

    /* Force logo and icons to be white when mobile menu is open (overrides black filters on pages like product-details.php) */
    .navbar.mobile-menu-open img.logo-img,
    .navbar.mobile-menu-open img.menu-icon {
        filter: none !important;
    }

    .navbar.mobile-menu-open div.menu-icon span {
        background-color: #ffffff !important;
    }

    /* Redesigned Menu Container Drawer */
    .navbar .navbar-collapse {
        position: fixed !important;
        top: 100px !important;
        /* Align flush below the 100px height header */
        left: 0 !important;
        width: 100% !important;
        height: calc(100vh - 100px) !important;
        min-height: calc(100vh - 100px) !important;
        background-color: #FAF8F5 !important;
        padding: 30px 0 40px 0 !important;
        border-top: 1px solid rgba(28, 17, 11, 0.05) !important;
        box-shadow: inset 0 10px 20px -10px rgba(0, 0, 0, 0.03) !important;
        z-index: 1000 !important;
        overflow-y: auto !important;
    }

    .navbar .navbar-nav {
        padding: 0 32px !important;
    }

    /* Elegant, clean menu items */
    .navbar .navbar-nav .nav-item {
        border-bottom: 1px solid rgba(28, 17, 11, 0.06) !important;
    }

    .navbar .navbar-nav .nav-item:last-child {
        border-bottom: none !important;
    }

    .navbar .navbar-nav .nav-link {
        font-family: "Manrope", sans-serif !important;
        font-style: normal !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        color: #1c110b !important;
        padding: 18px 0 !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        text-transform: uppercase !important;
        letter-spacing: 0.08em !important;
        transition: color 0.3s ease !important;
    }

    .navbar .navbar-nav .nav-link.active {
        color: #FF705D !important;
    }

    /* Submenu angle arrow */
    .navbar .navbar-nav .nav-link i {
        font-size: 15px !important;
        color: rgba(28, 17, 11, 0.4) !important;
        transition: transform 0.3s ease, color 0.3s ease !important;
    }

    .navbar .navbar-nav .nav-link[aria-expanded="true"] {
        /* color: #FF705D !important; */
    }

    .navbar .navbar-nav .nav-link[aria-expanded="true"] i {
        transform: rotate(180deg) !important;
        color: #FF705D !important;
    }

    /* Redesigned Collection grid nested margin */
    .navbar .amore_collection_mega_menu {
        padding: 8px 0 20px 0 !important;
    }

    /* Mobile Menu Drawer Footer */
    .mobile-menu-footer {
        margin-top: 30px;
        padding: 30px 32px 10px 32px;
        border-top: 1px solid rgba(28, 17, 11, 0.05);
        display: flex;
        flex-direction: column;
        gap: 16px;
        align-items: center;
    }

    .mobile-menu-socials {
        display: flex;
        gap: 24px;
    }

    .mobile-menu-socials a {
        font-family: "Manrope", sans-serif;
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        color: rgba(28, 17, 11, 0.5);
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .mobile-menu-socials a:hover,
    .mobile-menu-socials a:active {
        color: #FF705D;
    }

    .mobile-menu-info {
        font-family: "Manrope", sans-serif;
        font-size: 11px;
        color: rgba(28, 17, 11, 0.35);
        letter-spacing: 0.05em;
    }
}

/* ==========================================================
   5) Mobile navbar normaliser  (≤ 768 px)
      Forces every page's navbar to the same flush, edge-to-edge
      mobile bar regardless of the per-page desktop floating style.
========================================================== */
@media (max-width: 768px) {

    /* Reset any per-page floating / pill styles */
    .navbar {
        margin: 0 !important;
        padding-right: 16px !important;
        padding-left: 16px !important;
        border-radius: 0 !important;
        height: 100px !important;
        width: 100% !important;
    }

    .navbar .container {
        padding: 0 !important;
    }

    /* Align the drawer flush below the 72px mobile header */
    .navbar .navbar-collapse {
        top: 100px !important;
        height: calc(100vh - 100px) !important;
        min-height: calc(100vh - 100px) !important;
    }
}

/* ==========================================================
   4) Reduced-motion preference
========================================================== */
@media (prefers-reduced-motion: reduce) {

    .btn_collection,
    .our_story_btn,
    .see_in_spaces_btn,
    .more_info_btn,
    .learn_more_btn,
    .send_message_btn,
    .btn_next,
    .submit_btn,
    .amore_collections_cta_btn,
    .amore_crafted_content_and_btn_area a,
    .amore_collection_name_and_btn_area,
    .btn_collection::before,
    .our_story_btn::before,
    .see_in_spaces_btn::before,
    .more_info_btn::before,
    .learn_more_btn::before,
    .send_message_btn::before,
    .btn_next::before,
    .submit_btn::before,
    .amore_collections_cta_btn::before,
    .btn_next img,
    .submit_btn img,
    .amore_collections_cta_btn img,
    .amore_crafted_content_and_btn_area a img,
    .amore_collection_name_and_btn_area img,
    .amore_crafted_content_and_btn_area a span::after,
    .navbar .navbar-nav .nav-link span::after,
    .footer_links ul li a,
    .footer_links ul li a span::after,
    .navbar .dropdown .nav-link i,
    .amore_collection_mega_menu,
    .amore_collection_mega_menu_card,
    .amore_collection_mega_menu_thumb img,
    .amore_collection_mega_menu_thumb::after,
    .amore_collection_mega_menu_name {
        transition: none !important;
        animation: none !important;
    }
}