/* Base Base CSS */
        :root {
            --global-palette1: #f04336;
            --global-palette2: #0a303a;
            --global-palette3: #0a303a;
            --global-palette4: #666666;
            --global-palette5: #777777;
            --global-palette6: #888888;
            --global-palette7: #F5F5F5;
            --global-palette8: #f7f7f7;
            --global-palette9: #ffffff;
            --global-palette9rgb: 255, 255, 255;
            --global-palette-highlight: var(--global-palette1);
            --global-palette-highlight-alt: var(--global-palette2);
            --global-palette-highlight-alt2: var(--global-palette9);
            --global-palette-btn-bg: var(--global-palette1);
            --global-palette-btn-bg-hover: var(--global-palette2);
            --global-palette-btn: var(--global-palette9);
            --global-palette-btn-hover: var(--global-palette9);
            --global-body-font-family: Nunito, var(--global-fallback-font);
            --global-heading-font-family: inherit;
            --global-primary-nav-font-family: Nunito;
            --global-fallback-font: sans-serif;
            --global-display-fallback-font: sans-serif;
            --global-content-width: 1430px;
            --global-content-narrow-width: 842px;
            --global-content-edge-padding: 0.9375rem;
            --global-content-boxed-padding: 2rem;
            --global-calc-content-width: calc(1430px - var(--global-content-edge-padding) - var(--global-content-edge-padding));
            --wp--style--global--content-size: var(--global-calc-content-width);
        }

        .wp-site-blocks {
            --global-vw: calc(100vw - (0.5 * var(--scrollbar-offset)));
        }

        :root body.base-elementor-colors {
            --e-global-color-base1: var(--global-palette1);
            --e-global-color-base2: var(--global-palette2);
            --e-global-color-base3: var(--global-palette3);
            --e-global-color-base4: var(--global-palette4);
            --e-global-color-base5: var(--global-palette5);
            --e-global-color-base6: var(--global-palette6);
            --e-global-color-base7: var(--global-palette7);
            --e-global-color-base8: var(--global-palette8);
            --e-global-color-base9: var(--global-palette9);
        }

        body {
            background: var(--global-palette8);
        }

        body,
        input,
        select,
        optgroup,
        textarea {
            font-weight: 600;
            font-size: 16px;
            line-height: 1.8;
            letter-spacing: 0.5px;
            font-family: var(--global-body-font-family);
            color: var(--global-palette4);
        }

        .content-bg,
        body.content-style-unboxed .site {
            background: var(--global-palette9);
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: var(--global-heading-font-family);
        }

        h1 {
            font-weight: 800;
            font-size: 46px;
            line-height: 1.2;
            letter-spacing: 0.3px;
            font-family: Nunito, var(--global-fallback-font);
            color: var(--global-palette3);
        }

        h2 {
            font-weight: 800;
            font-size: 36px;
            line-height: 1.2;
            letter-spacing: 0.3px;
            font-family: Nunito, var(--global-fallback-font);
            color: var(--global-palette3);
        }

        h3 {
            font-weight: 800;
            font-size: 32px;
            line-height: 1.5;
            letter-spacing: 0.3px;
            font-family: Nunito, var(--global-fallback-font);
            color: var(--global-palette3);
        }

        h4 {
            font-weight: 800;
            font-size: 30px;
            line-height: 1.5;
            font-family: Nunito, var(--global-fallback-font);
            color: var(--global-palette3);
        }

        h5 {
            font-weight: 800;
            font-size: 26px;
            line-height: 1.5;
            font-family: Nunito, var(--global-fallback-font);
            color: var(--global-palette3);
        }

        h6 {
            font-weight: 800;
            font-size: 18px;
            line-height: 1.5;
            font-family: Nunito, var(--global-fallback-font);
            color: var(--global-palette3);
        }

        .entry-hero h1 {
            font-weight: 800;
            font-size: 38px;
            font-family: Nunito;
            color: #0a303a;
        }

        .entry-hero .base-breadcrumbs,
        .entry-hero .search-form {
            font-size: 16px;
            color: #666666;
        }

        @media all and (max-width: 1024px) {
            h1 {
                font-size: 35px;
            }

            h2 {
                font-size: 32px;
            }

            h3 {
                font-size: 28px;
            }

            .wp-site-blocks .entry-hero h1 {
                font-size: 30px;
            }
        }

        @media all and (max-width: 767px) {
            h1 {
                font-size: 28px;
            }

            h2 {
                font-size: 30px;
            }

            h3 {
                font-size: 24px;
            }

            .wp-site-blocks .entry-hero h1 {
                font-size: 26px;
            }
        }

        .entry-hero .base-breadcrumbs {
            max-width: 1430px;
        }

        .site-container,
        .site-header-row-layout-contained,
        .site-footer-row-layout-contained,
        .entry-hero-layout-contained,
        .comments-area,
        .alignfull>.wp-block-cover__inner-container,
        .alignwide>.wp-block-cover__inner-container {
            max-width: var(--global-content-width);
        }

        .content-width-narrow .content-container.site-container,
        .content-width-narrow .hero-container.site-container {
            max-width: var(--global-content-narrow-width);
        }

        @media all and (min-width: 1660px) {
            .wp-site-blocks .content-container .alignwide {
                margin-left: -115px;
                margin-right: -115px;
                width: unset;
                max-width: unset;
            }
        }

        @media all and (min-width: 1102px) {
            .content-width-narrow .wp-site-blocks .content-container .alignwide {
                margin-left: -130px;
                margin-right: -130px;
                width: unset;
                max-width: unset;
            }
        }

        .content-style-boxed .wp-site-blocks .entry-content .alignwide {
            margin-left: calc(-1 * var(--global-content-boxed-padding));
            margin-right: calc(-1 * var(--global-content-boxed-padding));
        }

        .content-area {
            margin-top: 3rem;
            margin-bottom: 3rem;
        }

        @media all and (max-width: 1024px) {
            .content-area {
                margin-top: 2rem;
                margin-bottom: 2rem;
            }
        }

        @media all and (max-width: 767px) {
            .content-area {
                margin-top: 1rem;
                margin-bottom: 1rem;
            }
        }

        @media all and (max-width: 1024px) {
            :root {
                --global-content-boxed-padding: 2rem;
            }
        }

        @media all and (max-width: 767px) {
            :root {
                --global-content-boxed-padding: 1.5rem;
            }
        }

        .entry-content-wrap {
            padding: 2rem;
        }

        @media all and (max-width: 1024px) {
            .entry-content-wrap {
                padding: 2rem;
            }
        }

        @media all and (max-width: 767px) {
            .entry-content-wrap {
                padding: 1.5rem;
            }
        }

        .entry.single-entry {
            box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.05);
        }

        .entry.loop-entry {
            box-shadow: 0px 15px 15px -10px rgba(0, 0, 0, 0.05);
        }

        .loop-entry .entry-content-wrap {
            padding: 2rem;
        }

        @media all and (max-width: 1024px) {
            .loop-entry .entry-content-wrap {
                padding: 2rem;
            }
        }

        @media all and (max-width: 767px) {
            .loop-entry .entry-content-wrap {
                padding: 1.5rem;
            }
        }

        .has-sidebar:not(.has-left-sidebar) .content-container {
            grid-template-columns: 1fr 22%;
        }

        .has-sidebar.has-left-sidebar .content-container {
            grid-template-columns: 22% 1fr;
        }

        button,
        .button,
        .wp-block-button__link,
        input[type="button"],
        input[type="reset"],
        input[type="submit"],
        .fl-button,
        .elementor-button-wrapper .elementor-button {
            font-weight: 800;
            font-size: 14px;
            line-height: 2;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            border-radius: 5px;
            padding: 8px 33px 8px 33px;
            box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
        }

        .wp-block-button.is-style-outline .wp-block-button__link {
            padding: 8px 33px 8px 33px;
        }

        button:hover,
        button:focus,
        button:active,
        .button:hover,
        .button:focus,
        .button:active,
        .wp-block-button__link:hover,
        .wp-block-button__link:focus,
        .wp-block-button__link:active,
        input[type="button"]:hover,
        input[type="button"]:focus,
        input[type="button"]:active,
        input[type="reset"]:hover,
        input[type="reset"]:focus,
        input[type="reset"]:active,
        input[type="submit"]:hover,
        input[type="submit"]:focus,
        input[type="submit"]:active,
        .elementor-button-wrapper .elementor-button:hover,
        .elementor-button-wrapper .elementor-button:focus,
        .elementor-button-wrapper .elementor-button:active {
            box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.0);
        }

        .kb-button.kb-btn-global-outline.kb-btn-global-inherit {
            padding-top: calc(8px - 2px);
            padding-right: calc(33px - 2px);
            padding-bottom: calc(8px - 2px);
            padding-left: calc(33px - 2px);
        }

        @media all and (max-width: 1024px) {

            button,
            .button,
            .wp-block-button__link,
            input[type="button"],
            input[type="reset"],
            input[type="submit"],
            .fl-button,
            .elementor-button-wrapper .elementor-button {
                padding: 7px 25px 7px 25px;
            }

            .wp-block-button.is-style-outline .wp-block-button__link {
                padding: 7px 25px 7px 25px;
            }

            .kb-button.kb-btn-global-outline.kb-btn-global-inherit {
                padding-top: calc(7px - 2px);
                padding-right: calc(25px - 2px);
                padding-bottom: calc(7px - 2px);
                padding-left: calc(25px - 2px);
            }
        }

        @media all and (min-width: 1025px) {
            .transparent-header .entry-hero .entry-hero-container-inner {
                padding-top: calc(36px + 100px);
            }
        }

        @media all and (max-width: 1024px) {
            .mobile-transparent-header .entry-hero .entry-hero-container-inner {
                padding-top: 90px;
            }
        }

        @media all and (max-width: 767px) {
            .mobile-transparent-header .entry-hero .entry-hero-container-inner {
                padding-top: 90px;
            }
        }

        #bt-scroll-up-reader,
        #bt-scroll-up {
            border: 2px solid transparent;
            border-radius: 0px 0px 0px 0px;
            color: var(--global-palette1);
            background: var(--global-palette9);
            border-color: var(--global-palette1);
            bottom: 30px;
            font-size: 1.2em;
            padding: 0.4em 0.4em 0.4em 0.4em;
        }

        #bt-scroll-up-reader.scroll-up-side-right,
        #bt-scroll-up.scroll-up-side-right {
            right: 30px;
        }

        #bt-scroll-up-reader.scroll-up-side-left,
        #bt-scroll-up.scroll-up-side-left {
            left: 30px;
        }

        #bt-scroll-up-reader:hover,
        #bt-scroll-up:hover {
            color: var(--global-palette1);
            background: var(--global-palette9);
        }

        .page-hero-section .entry-hero-container-inner {
            background-color: #fff;
            background-image: url('https://demos.codezeel.com/wordpress/WP01/WP008/default/wp-content/plugins/templatemela-plugin-petrazzi/layouts/default/img/breadcrumb.jpg');
            background-repeat: repeat;
            background-position: center;
            background-size: cover;
            background-attachment: scroll;
        }

        .entry-hero.page-hero-section .entry-header {
            min-height: 200px;
        }

        @media all and (max-width: 1024px) {
            .entry-hero.page-hero-section .entry-header {
                min-height: 150px;
            }
        }

        @media all and (max-width: 767px) {
            .entry-hero.page-hero-section .entry-header {
                min-height: 100px;
            }
        }

        .loop-entry.type-post h2.entry-title {
            font-weight: 700;
            font-size: 22px;
            line-height: 1.3;
        }

        /* Base Header CSS */
        @media all and (max-width: 1024px) {
            .mobile-transparent-header #masthead {
                position: absolute;
                left: 0px;
                right: 0px;
                z-index: 100;
            }

            .base-scrollbar-fixer.mobile-transparent-header #masthead {
                right: var(--scrollbar-offset, 0);
            }

            .mobile-transparent-header #masthead,
            .mobile-transparent-header .site-top-header-wrap .site-header-row-container-inner,
            .mobile-transparent-header .site-main-header-wrap .site-header-row-container-inner,
            .mobile-transparent-header .site-bottom-header-wrap .site-header-row-container-inner {
                background: transparent;
            }

            .site-header-row-tablet-layout-fullwidth,
            .site-header-row-tablet-layout-standard {
                padding: 0px;
            }
        }

        @media all and (min-width: 1025px) {
            .transparent-header #masthead {
                position: absolute;
                left: 0px;
                right: 0px;
                z-index: 100;
            }

            .transparent-header.base-scrollbar-fixer #masthead {
                right: var(--scrollbar-offset, 0);
            }

            .transparent-header #masthead,
            .transparent-header .site-top-header-wrap .site-header-row-container-inner,
            .transparent-header .site-main-header-wrap .site-header-row-container-inner,
            .transparent-header .site-bottom-header-wrap .site-header-row-container-inner {
                background: transparent;
            }
        }

        .site-branding {
            padding: 0px 0px 0px 0px;
        }

        #masthead,
        #masthead .base-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.site-main-header-wrap),
        #masthead .base-sticky-header.item-is-fixed:not(.item-at-start)>.site-header-row-container-inner {
            background: var(--global-palette9);
        }

        .site-main-header-wrap .site-header-row-container-inner {
            background: var(--global-palette9);
            border-bottom: 0px none transparent;
        }

        .site-main-header-inner-wrap {
            min-height: 100px;
        }

        @media all and (max-width: 1024px) {
            .site-main-header-inner-wrap {
                min-height: 90px;
            }
        }

        .site-top-header-wrap .site-header-row-container-inner {
            background: #181a21;
        }

        .site-top-header-inner-wrap {
            min-height: 36px;
        }

        #masthead .base-sticky-header.item-is-fixed:not(.item-at-start):not(.site-header-row-container):not(.item-hidden-above):not(.site-main-header-wrap),
        #masthead .base-sticky-header.item-is-fixed:not(.item-at-start):not(.item-hidden-above)>.site-header-row-container-inner {
            background: var(--global-palette9);
            border-bottom: 1px solid var(--global-gray-400);
        }

        .header-navigation[class*="header-navigation-style-underline"] .header-menu-container.primary-menu-container>ul>li>a:after {
            width: calc(100% - 2.6em);
        }

        .main-navigation .primary-menu-container>ul>li.menu-item>a {
            padding-left: calc(2.6em / 2);
            padding-right: calc(2.6em / 2);
            padding-top: 2.7em;
            padding-bottom: 2.7em;
            color: var(--global-palette3);
        }

        .main-navigation .primary-menu-container>ul>li.menu-item .dropdown-nav-special-toggle {
            right: calc(2.6em / 2);
        }

        .main-navigation .primary-menu-container>ul li.menu-item>a {
            font-weight: 800;
            font-size: 14px;
            letter-spacing: 0.1px;
            font-family: var(--global-primary-nav-font-family);
            text-transform: uppercase;
        }

        .main-navigation .primary-menu-container>ul>li.menu-item>a:hover {
            color: var(--global-palette1);
        }

        .main-navigation .primary-menu-container>ul>li.menu-item.current-menu-item>a {
            color: var(--global-palette1);
        }

        .header-navigation .header-menu-container ul ul.sub-menu,
        .header-navigation .header-menu-container ul ul.submenu {
            background: var(--global-palette9);
            box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.1);
        }

        .header-navigation .header-menu-container ul ul li.menu-item>a {
            width: 240px;
            padding-top: 0.3em;
            padding-bottom: 0.3em;
            color: var(--global-palette3);
            font-weight: 500;
            font-size: 16px;
            line-height: 1.6;
            letter-spacing: 0.5px;
            text-transform: capitalize;
            color: var(--global-palette4);
        }

        .header-navigation .header-menu-container ul ul li.menu-item>a:hover {
            color: var(--global-palette1);
        }

        .header-navigation .header-menu-container ul ul li.menu-item.current-menu-item>a {
            color: var(--global-palette1);
        }

        .mobile-toggle-open-container .menu-toggle-open {
            color: var(--global-palette3);
            padding: 0.4em 0.6em 0.4em 0.6em;
            font-size: 14px;
        }

        .mobile-toggle-open-container .menu-toggle-open.menu-toggle-style-bordered {
            border: 1px solid currentColor;
        }

        .mobile-toggle-open-container .menu-toggle-open .menu-toggle-icon {
            font-size: 24px;
        }

        .mobile-toggle-open-container .menu-toggle-open:hover,
        .mobile-toggle-open-container .menu-toggle-open:focus-visible {
            color: var(--global-palette1);
        }

        .mobile-navigation ul li {
            font-weight: 700;
            font-size: 16px;
        }

        .mobile-navigation ul li a {
            padding-top: 0.6em;
            padding-bottom: 0.6em;
        }

        .mobile-navigation ul li>a,
        .mobile-navigation ul li.menu-item-has-children>.drawer-nav-drop-wrap {
            color: var(--global-palette3);
        }

        .mobile-navigation ul li>a:hover,
        .mobile-navigation ul li.menu-item-has-children>.drawer-nav-drop-wrap:hover {
            color: var(--global-palette1);
        }

        .mobile-navigation ul li.current-menu-item>a,
        .mobile-navigation ul li.current-menu-item.menu-item-has-children>.drawer-nav-drop-wrap {
            color: var(--global-palette1);
        }

        .mobile-navigation ul li.menu-item-has-children .drawer-nav-drop-wrap,
        .mobile-navigation ul li:not(.menu-item-has-children) a {
            border-bottom: 0px solid rgba(255, 255, 255, 0.1);
        }

        .mobile-navigation:not(.drawer-navigation-parent-toggle-true) ul li.menu-item-has-children .drawer-nav-drop-wrap button {
            border-left: 0px solid rgba(255, 255, 255, 0.1);
        }

        #mobile-drawer .drawer-inner,
        #mobile-drawer.popup-drawer-layout-fullwidth.popup-drawer-animation-slice .pop-portion-bg,
        #mobile-drawer.popup-drawer-layout-fullwidth.popup-drawer-animation-slice.pop-animated.show-drawer .drawer-inner {
            color: var(--global-palette4);
            background: var(--global-palette9);
        }

        #mobile-drawer .drawer-header .drawer-toggle {
            padding: 0.6em 0.15em 0.6em 0.15em;
            font-size: 24px;
        }

        #mobile-drawer .drawer-header .drawer-toggle,
        #mobile-drawer .drawer-header .drawer-toggle:focus {
            color: var(--global-palette3);
        }

        .site-header-item .header-cart-wrap .header-cart-inner-wrap .header-cart-button {
            color: var(--global-palette3);
        }

        .header-cart-wrap .header-cart-button .header-cart-total {
            background: var(--global-palette1);
            color: var(--global-palette9);
        }

        .site-header-item .header-cart-wrap .header-cart-inner-wrap .header-cart-button:hover {
            color: var(--global-palette1);
        }

        .header-cart-wrap .header-cart-button .base-svg-iconset {
            font-size: 24px;
        }

        .header-mobile-cart-wrap .header-cart-inner-wrap .header-cart-button {
            color: var(--global-palette3);
        }

        .header-mobile-cart-wrap .header-cart-button .header-cart-total {
            background: var(--global-palette1);
            color: var(--global-palette9);
        }

        .header-mobile-cart-wrap .header-cart-inner-wrap .header-cart-button:hover {
            color: var(--global-palette1);
        }

        .header-mobile-cart-wrap .header-cart-button .base-svg-iconset {
            font-size: 22px;
        }

        .header-social-wrap .header-social-inner-wrap {
            font-size: 16px;
            gap: 0.3em;
        }

        .header-social-wrap .header-social-inner-wrap .social-button {
            color: #74767a;
            border: 2px none transparent;
            border-radius: 3px;
        }

        .header-social-wrap .header-social-inner-wrap .social-button:hover {
            color: var(--global-palette1);
        }

        .search-toggle-open-container .search-toggle-open {
            color: var(--global-palette3);
            padding: 0em 0em 0em 0em;
        }

        .search-toggle-open-container .search-toggle-open.search-toggle-style-bordered {
            border: 1px solid currentColor;
        }

        .search-toggle-open-container .search-toggle-open .search-toggle-icon {
            font-size: 24px;
        }

        @media all and (max-width: 1024px) {
            .search-toggle-open-container .search-toggle-open .search-toggle-icon {
                font-size: 22px;
            }
        }

        .search-toggle-open-container .search-toggle-open:hover,
        .search-toggle-open-container .search-toggle-open:focus {
            color: var(--global-palette1);
        }

        #search-drawer .drawer-inner .drawer-content form input.search-field,
        #search-drawer .drawer-inner .drawer-content form .base-search-icon-wrap,
        #search-drawer .drawer-header {
            color: var(--global-palette3);
        }

        #search-drawer .drawer-inner {
            background: var(--global-palette3);
        }

        /* Base Footer CSS */
        #colophon {
            background: #181a21;
        }

        .site-middle-footer-wrap .site-footer-row-container-inner {
            font-weight: 400;
            font-size: 16px;
            color: #fff;
            border-bottom: 1px solid var(--global-footer-border);
        }

        .site-footer .site-middle-footer-wrap a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)) {
            color: #fff;
        }

        .site-footer .site-middle-footer-wrap a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)):hover {
            color: var(--global-palette1);
        }

        .site-middle-footer-inner-wrap {
            padding-top: 136px;
            padding-bottom: 136px;
            grid-column-gap: 65px;
            grid-row-gap: 65px;
        }

        .site-middle-footer-inner-wrap .widget {
            margin-bottom: 30px;
        }

        .site-middle-footer-inner-wrap .widget-area .widget-title {
            font-weight: 800;
            font-size: 22px;
            color: #fff;
        }

        .site-middle-footer-inner-wrap .site-footer-section:not(:last-child):after {
            right: calc(-65px / 2);
        }

        @media all and (max-width: 1024px) {
            .site-middle-footer-inner-wrap {
                padding-top: 70px;
                padding-bottom: 70px;
                grid-column-gap: 30px;
                grid-row-gap: 30px;
            }

            .site-middle-footer-inner-wrap .site-footer-section:not(:last-child):after {
                right: calc(-30px / 2);
            }
        }

        @media all and (max-width: 767px) {
            .site-middle-footer-inner-wrap {
                grid-column-gap: 20px;
                grid-row-gap: 20px;
            }

            .site-middle-footer-inner-wrap .widget {
                margin-bottom: 0px;
            }

            .site-middle-footer-inner-wrap .site-footer-section:not(:last-child):after {
                right: calc(-20px / 2);
            }
        }

        .site-bottom-footer-inner-wrap {
            padding-top: 30px;
            padding-bottom: 90px;
        }

        .site-bottom-footer-inner-wrap .widget {
            margin-bottom: 30px;
        }

        @media all and (max-width: 1024px) {
            .site-bottom-footer-inner-wrap {
                padding-top: 30px;
                padding-bottom: 80px;
                grid-column-gap: 20px;
                grid-row-gap: 20px;
            }

            .site-bottom-footer-inner-wrap .site-footer-section:not(:last-child):after {
                right: calc(-20px / 2);
            }
        }

        @media all and (max-width: 767px) {
            .site-bottom-footer-inner-wrap {
                grid-column-gap: 10px;
                grid-row-gap: 10px;
            }

            .site-bottom-footer-inner-wrap .site-footer-section:not(:last-child):after {
                right: calc(-10px / 2);
            }
        }

        #colophon .footer-html {
            font-weight: 400;
            font-size: 16px;
            color: #fff;
            margin: 0px 0px 0px 0px;
        }

        #colophon .site-footer-row-container .site-footer-row .footer-html a {
            color: #fff;
        }

        #colophon .site-footer-row-container .site-footer-row .footer-html a:hover {
            color: var(--global-palette1);
        }

        /* TemplateMela Core Header CSS */
        .header-navigation-dropdown-direction-left ul ul.submenu,
        .header-navigation-dropdown-direction-left ul ul.sub-menu {
            right: 0px;
            left: auto;
        }

        .rtl .header-navigation-dropdown-direction-right ul ul.submenu,
        .rtl .header-navigation-dropdown-direction-right ul ul.sub-menu {
            left: 0px;
            right: auto;
        }

        .header-account-style-icon_title_label .header-account-content {
            padding-left: 5px;
        }

        .header-account-style-icon_title_label .header-account-title {
            display: block;
        }

        .header-account-style-icon_title_label .header-account-label {
            display: block;
        }

        .header-account-button .nav-drop-title-wrap>.base-svg-iconset,
        .header-account-button>.base-svg-iconset {
            font-size: 24px;
        }

        .site-header-item .header-account-button .nav-drop-title-wrap,
        .site-header-item .header-account-wrap>.header-account-button {
            display: flex;
            align-items: center;
        }

        .header-account-style-icon_label .header-account-label {
            padding-left: 5px;
        }

        .header-account-style-label_icon .header-account-label {
            padding-right: 5px;
        }

        .site-header-item .header-account-wrap .header-account-button {
            text-decoration: none;
            box-shadow: none;
            color: var(--global-palette3);
            background: transparent;
            padding: 0.6em 0em 0.6em 0em;
            text-align: inherit;
        }

        .site-header-item .header-account-wrap .header-account-button:hover {
            color: var(--global-palette1);
        }

        .header-account-wrap .header-account-button .header-account-title {
            color: inherit;
        }

        .header-account-wrap .header-account-button .header-account-label {
            color: inherit;
        }

        .header-mobile-account-wrap .header-account-button .nav-drop-title-wrap>.base-svg-iconset,
        .header-mobile-account-wrap .header-account-button>.base-svg-iconset {
            font-size: 22px;
        }

        .header-mobile-account-wrap .header-account-button .nav-drop-title-wrap,
        .header-mobile-account-wrap>.header-account-button {
            display: flex;
            align-items: center;
        }

        .header-mobile-account-wrap.header-account-style-icon_label .header-account-label {
            padding-left: 5px;
        }

        .header-mobile-account-wrap.header-account-style-label_icon .header-account-label {
            padding-right: 5px;
        }

        .header-mobile-account-wrap .header-account-button {
            text-decoration: none;
            box-shadow: none;
            color: var(--global-palette3);
            background: transparent;
            padding: 0.6em 0em 0.6em 0em;
        }

        .header-mobile-account-wrap .header-account-button:hover {
            color: var(--global-palette1);
        }

        .header-mobile-account-wrap .header-account-button .header-account-title {
            color: inherit;
        }

        .header-mobile-account-wrap .header-account-button .header-account-label {
            color: inherit;
        }

        #login-drawer .drawer-inner .drawer-content {
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 0px;
            bottom: 0px;
            left: 0px;
            right: 0px;
            padding: 0px;
        }

        #loginform p label,
        #login-drawer .login p label {
            display: block;
        }

        #login-drawer #loginform,
        #login-drawer .login {
            width: 100%;
        }

        #login-drawer #loginform input,
        #login-drawer .login input {
            width: 100%;
        }

        #login-drawer .login button {
            width: 100%;
        }

        #login-drawer #loginform input[type="checkbox"],
        #login-drawer .login input[type="checkbox"] {
            width: auto;
        }

        #login-drawer .drawer-inner .drawer-header {
            position: relative;
            z-index: 100;
        }

        #login-drawer .drawer-content_inner.widget_login_form_inner {
            padding: 2em;
            width: 100%;
            max-width: 350px;
            border-radius: .25rem;
            background: var(--global-palette9);
            color: var(--global-palette4);
        }

        #login-drawer .lost_password a {
            color: var(--global-palette6);
            font-size: 80%;
        }

        #login-drawer .lost_password,
        #login-drawer .register-field {
            text-align: center;
        }

        #login-drawer .widget_login_form_inner p {
            margin-top: 1.2em;
            margin-bottom: 0em;
            width: 100%;
            float: none;
        }

        #login-drawer .widget_login_form_inner p:first-child {
            margin-top: 0em;
        }

        #login-drawer .widget_login_form_inner label {
            margin-bottom: 0.5em;
        }

        #login-drawer hr.register-divider {
            margin: 1.2em 0;
            border-width: 1px;
        }

        #login-drawer .register-field {
            font-size: 90%;
        }

        @media all and (min-width: 1025px) {
            #login-drawer hr.register-divider.hide-desktop {
                display: none;
            }

            #login-drawer p.register-field.hide-desktop {
                display: none;
            }
        }

        @media all and (max-width: 1024px) {
            #login-drawer hr.register-divider.hide-mobile {
                display: none;
            }

            #login-drawer p.register-field.hide-mobile {
                display: none;
            }
        }

        @media all and (max-width: 767px) {
            #login-drawer hr.register-divider.hide-mobile {
                display: none;
            }

            #login-drawer p.register-field.hide-mobile {
                display: none;
            }
        }

        .tertiary-navigation .tertiary-menu-container>ul>li.menu-item>a {
            padding-left: calc(1.2em / 2);
            padding-right: calc(1.2em / 2);
            padding-top: 0.6em;
            padding-bottom: 0.6em;
            color: var(--global-palette5);
        }

        .tertiary-navigation .tertiary-menu-container>ul>li.menu-item>a:hover {
            color: var(--global-palette-highlight);
        }

        .tertiary-navigation .tertiary-menu-container>ul>li.menu-item.current-menu-item>a {
            color: var(--global-palette3);
        }

        .header-navigation[class*="header-navigation-style-underline"] .header-menu-container.tertiary-menu-container>ul>li>a:after {
            width: calc(100% - 1.2em);
        }

        .quaternary-navigation .quaternary-menu-container>ul>li.menu-item>a {
            padding-left: calc(1.2em / 2);
            padding-right: calc(1.2em / 2);
            padding-top: 0.6em;
            padding-bottom: 0.6em;
            color: var(--global-palette5);
        }

        .quaternary-navigation .quaternary-menu-container>ul>li.menu-item>a:hover {
            color: var(--global-palette-highlight);
        }

        .quaternary-navigation .quaternary-menu-container>ul>li.menu-item.current-menu-item>a {
            color: var(--global-palette3);
        }

        .header-navigation[class*="header-navigation-style-underline"] .header-menu-container.quaternary-menu-container>ul>li>a:after {
            width: calc(100% - 1.2em);
        }

        #main-header .header-divider {
            border-right: 1px solid var(--global-palette6);
            height: 50%;
        }

        #main-header .header-divider2 {
            border-right: 1px solid var(--global-palette6);
            height: 50%;
        }

        #main-header .header-divider3 {
            border-right: 1px solid var(--global-palette6);
            height: 50%;
        }

        #mobile-header .header-mobile-divider,
        #mobile-drawer .header-mobile-divider {
            border-right: 1px solid var(--global-palette6);
            height: 50%;
        }

        #mobile-drawer .header-mobile-divider {
            border-top: 1px solid var(--global-palette6);
            width: 50%;
        }

        #mobile-header .header-mobile-divider2 {
            border-right: 1px solid var(--global-palette6);
            height: 50%;
        }

        #mobile-drawer .header-mobile-divider2 {
            border-top: 1px solid var(--global-palette6);
            width: 50%;
        }

        .header-item-search-bar form ::-webkit-input-placeholder {
            color: currentColor;
            opacity: 0.5;
        }

        .header-item-search-bar form ::placeholder {
            color: currentColor;
            opacity: 0.5;
        }

        .header-search-bar form {
            max-width: 100%;
            width: 240px;
        }

        .header-mobile-search-bar form {
            max-width: calc(100vw - var(--global-sm-spacing) - var(--global-sm-spacing));
            width: 240px;
        }

        .header-widget-lstyle-normal .header-widget-area-inner a:not(.button) {
            text-decoration: underline;
        }

        .element-contact-inner-wrap {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            margin-top: -0.5em;
            margin-left: calc(-0.5em / 2);
            margin-right: calc(-0.5em / 2);
        }

        .element-contact-inner-wrap .header-contact-item {
            display: inline-flex;
            flex-wrap: wrap;
            align-items: center;
            color: var(--global-palette1);
            font-size: 14px;
            margin-top: 0.5em;
            margin-left: calc(0.5em / 2);
            margin-right: calc(0.5em / 2);
        }

        .element-contact-inner-wrap .header-contact-item .base-svg-iconset {
            font-size: 1.25em;
        }

        .header-contact-item img {
            display: inline-block;
        }

        .header-contact-item .contact-content {
            margin-left: 0.935em;
        }

        .rtl .header-contact-item .contact-content {
            margin-right: 0.935em;
            margin-left: 0px;
        }

        .header-contact-item .contact-content span {
            display: block;
        }

        .header-mobile-contact-wrap .element-contact-inner-wrap {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            margin-top: -0.6em;
            margin-left: calc(-0.6em / 2);
            margin-right: calc(-0.6em / 2);
        }

        .header-mobile-contact-wrap .element-contact-inner-wrap .header-contact-item {
            display: inline-flex;
            flex-wrap: wrap;
            align-items: center;
            margin-top: 0.6em;
            margin-left: calc(0.6em / 2);
            margin-right: calc(0.6em / 2);
        }

        .header-mobile-contact-wrap .element-contact-inner-wrap .header-contact-item .base-svg-iconset {
            font-size: 1em;
        }

        #main-header .header-button2 {
            border: 2px none transparent;
            box-shadow: 0px 0px 0px -7px rgba(0, 0, 0, 0);
        }

        #main-header .header-button2:hover {
            box-shadow: 0px 15px 25px -7px rgba(0, 0, 0, 0.1);
        }

        .mobile-header-button2-wrap .mobile-header-button-inner-wrap .mobile-header-button2 {
            border: 2px none transparent;
            box-shadow: 0px 0px 0px -7px rgba(0, 0, 0, 0);
        }

        .mobile-header-button2-wrap .mobile-header-button-inner-wrap .mobile-header-button2:hover {
            box-shadow: 0px 15px 25px -7px rgba(0, 0, 0, 0.1);
        }

        #widget-drawer.popup-drawer-layout-fullwidth .drawer-content .header-widget2,
        #widget-drawer.popup-drawer-layout-sidepanel .drawer-inner {
            max-width: 400px;
        }

        #widget-drawer.popup-drawer-layout-fullwidth .drawer-content .header-widget2 {
            margin: 0 auto;
        }

        .widget-toggle-open {
            display: flex;
            align-items: center;
            background: transparent;
            box-shadow: none;
        }

        .widget-toggle-open:hover,
        .widget-toggle-open:focus {
            border-color: currentColor;
            background: transparent;
            box-shadow: none;
        }

        .widget-toggle-open .widget-toggle-icon {
            display: flex;
        }

        .widget-toggle-open .widget-toggle-label {
            padding-right: 5px;
        }

        .rtl .widget-toggle-open .widget-toggle-label {
            padding-left: 5px;
            padding-right: 0px;
        }

        .widget-toggle-open .widget-toggle-label:empty,
        .rtl .widget-toggle-open .widget-toggle-label:empty {
            padding-right: 0px;
            padding-left: 0px;
        }

        .widget-toggle-open-container .widget-toggle-open {
            color: var(--global-palette5);
            padding: 0.4em 0.6em 0.4em 0.6em;
            font-size: 14px;
        }

        .widget-toggle-open-container .widget-toggle-open.widget-toggle-style-bordered {
            border: 1px solid currentColor;
        }

        .widget-toggle-open-container .widget-toggle-open .widget-toggle-icon {
            font-size: 20px;
        }

        .widget-toggle-open-container .widget-toggle-open:hover,
        .widget-toggle-open-container .widget-toggle-open:focus {
            color: var(--global-palette-highlight);
        }

        #widget-drawer .header-widget-2style-normal a:not(.button) {
            text-decoration: underline;
        }

        #widget-drawer .header-widget-2style-plain a:not(.button) {
            text-decoration: none;
        }

        #widget-drawer .header-widget2 .widget-title {
            color: var(--global-palette9);
        }

        #widget-drawer .header-widget2 {
            color: var(--global-palette8);
        }

        #widget-drawer .header-widget2 a:not(.button),
        #widget-drawer .header-widget2 .drawer-sub-toggle {
            color: var(--global-palette8);
        }

        #widget-drawer .header-widget2 a:not(.button):hover,
        #widget-drawer .header-widget2 .drawer-sub-toggle:hover {
            color: var(--global-palette9);
        }

        #mobile-secondary-site-navigation ul li a {
            padding-top: 0.5em;
            padding-bottom: 0.5em;
        }

        /* TemplateMela Core Header CSS */
        #filter-drawer.popup-drawer-layout-fullwidth .drawer-content .product-filter-widgets,
        #filter-drawer.popup-drawer-layout-sidepanel .drawer-inner {
            max-width: 300px;
        }

        #filter-drawer.popup-drawer-layout-fullwidth .drawer-content .product-filter-widgets {
            margin: 0 auto;
        }

        .filter-toggle-open-container {
            margin-right: 0.5em;
        }

        .filter-toggle-open>*:first-child:not(:last-child) {
            margin-right: 4px;
        }

        .filter-toggle-open {
            display: flex;
            align-items: center;
            box-shadow: none;
        }

        .filter-toggle-open.filter-toggle-style-default {
            border: 0px;
        }

        .filter-toggle-open:hover,
        .filter-toggle-open:focus {
            box-shadow: none;
        }

        .filter-toggle-open .filter-toggle-icon {
            display: flex;
        }

        .filter-toggle-open>*:first-child:not(:last-child):empty {
            margin-right: 0px;
        }

        .filter-toggle-open-container .filter-toggle-open {
            padding: 6px 15px 6px 15px;
            font-size: 14px;
        }

        .filter-toggle-open-container .filter-toggle-open.filter-toggle-style-bordered {
            border: 1px solid currentColor;
        }

        .filter-toggle-open-container .filter-toggle-open .filter-toggle-icon {
            font-size: 20px;
        }

        #filter-drawer .drawer-inner {
            background: var(--global-palette9);
        }

        #filter-drawer .drawer-header .drawer-toggle,
        #filter-drawer .drawer-header .drawer-toggle:focus {
            color: var(--global-palette5);
        }

        #filter-drawer .drawer-header .drawer-toggle:hover,
        #filter-drawer .drawer-header .drawer-toggle:focus:hover {
            color: var(--global-palette3);
        }

        #filter-drawer .header-filter-2style-normal a:not(.button) {
            text-decoration: underline;
        }

        #filter-drawer .header-filter-2style-plain a:not(.button) {
            text-decoration: none;
        }

        #filter-drawer .drawer-inner .product-filter-widgets .widget-title {
            font-weight: 700;
            font-size: 20px;
            color: var(--global-palette3);
        }

        #filter-drawer .drawer-inner .product-filter-widgets {
            font-size: 16px;
        }

        #filter-drawer .drawer-inner .product-filter-widgets a,
        #filter-drawer .drawer-inner .product-filter-widgets .drawer-sub-toggle {
            color: var(--global-palette4);
        }

        #filter-drawer .drawer-inner .product-filter-widgets a:hover,
        #filter-drawer .drawer-inner .product-filter-widgets .drawer-sub-toggle:hover {
            color: var(--global-palette1);
        }

        .base-shop-active-filters {
            display: flex;
            flex-wrap: wrap;
        }

        .base-clear-filters-container a {
            text-decoration: none;
            background: var(--global-palette7);
            color: var(--global-palette5);
            padding: .6em;
            font-size: 80%;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
        }

        .base-clear-filters-container ul {
            margin: 0px;
            padding: 0px;
            border: 0px;
            list-style: none outside;
            overflow: hidden;
            zoom: 1;
        }

        .base-clear-filters-container ul li {
            float: left;
            padding: 0 0 1px 1px;
            list-style: none;
        }

        .base-clear-filters-container a:hover {
            background: var(--global-palette9);
            color: var(--global-palette3);
        }

        /* TemplateMela Core More CSS */
        .vertical-navigation .vertical-navigation-header {
            padding-left: calc(1.2em / 2);
            padding-right: calc(1.2em / 2);
            padding-top: 0.6em;
            padding-bottom: 0.6em;
            color: var(--global-palette3);
            color: var(--global-palette3);
        }

        .vertical-navigation .vertical-navigation-header .base-svg-iconset {
            padding: calc(0em / 2);
            font-size: em;
        }

        .vertical-navigation .vertical-menu-container>ul>li.menu-item>a {
            padding-left: calc(1.2em / 2);
            padding-right: calc(1.2em / 2);
            padding-top: 0.6em;
            padding-bottom: 0.6em;
            color: var(--global-palette5);
        }

        .vertical-navigation .vertical-menu-container>ul>li.menu-item>a:hover {
            color: var(--global-palette-highlight);
        }

        .vertical-navigation .vertical-menu-container>ul.menu {
            border: 0px solid var(--global-palette1);
        }

        .vertical-navigation .vertical-menu-container>ul.menu>li.menu-item {
            border-bottom: 1px solid var(--global-palette7);
        }

        .vertical-navigation .vertical-menu-container>ul>li.menu-item.current-menu-item>a {
            color: var(--global-palette3);
        }

        .header-wishlist-wrap .header-wishlist-button .base-svg-iconset {
            font-size: 1.4em;
        }

        .header-item-search-advanced form ::-webkit-input-placeholder {
            color: currentColor;
            opacity: 0.5;
        }

        .header-item-search-advanced form ::placeholder {
            color: currentColor;
            opacity: 0.5;
        }

        .header-search-advanced form.search-form {
            max-width: 100%;
            width: 450px;
        }

        @media all and (max-width: 767px) {
            .header-search-advanced form.search-form {
                width: 290px;
            }
        }

        .header-search-advanced form.search-form .search-submit {
            background: var(--global-palette1);
            color: var(--global-palette9);
        }

        .header-search-advanced form.search-form .search-submit:hover,
        .header-search-advanced form.search-form .search-submit:focus {
            background: var(--global-palette2);
            color: var(--global-palette9);
        }

        /* TemplateMela Core CSS */
        :root {
            --skeleton-gradient-color: #f7f7f7;
        }

        /* Base Woo CSS */
        .woocommerce table.shop_table td.product-quantity {
            min-width: 130px;
        }

        .woocommerce div.product div.images {
            width: 600px;
        }

        .product-hero-section .entry-hero-container-inner {
            background-color: #fff;
            background-image: url('https://demos.codezeel.com/wordpress/WP01/WP008/default/wp-content/plugins/templatemela-plugin-petrazzi/layouts/default/img/breadcrumb.jpg');
            background-repeat: repeat;
            background-position: center;
            background-size: cover;
            background-attachment: scroll;
        }

        .entry-hero.product-hero-section .entry-header {
            min-height: 200px;
        }

        @media all and (max-width: 1024px) {
            .entry-hero.product-hero-section .entry-header {
                min-height: 150px;
            }
        }

        @media all and (max-width: 767px) {
            .entry-hero.product-hero-section .entry-header {
                min-height: 100px;
            }
        }

        .product-title .single-category {
            font-weight: 700;
            font-size: 32px;
            line-height: 1.5;
            color: var(--global-palette3);
        }

        .wp-site-blocks .product-hero-section .extra-title {
            font-weight: 700;
            font-size: 32px;
            line-height: 1.5;
        }

        .woocommerce div.product .product_title {
            font-weight: 700;
            font-size: 30px;
            line-height: 1.3;
            color: var(--global-palette3);
        }

        @media all and (max-width: 1024px) {
            .woocommerce div.product .product_title {
                font-size: 26px;
            }
        }

        @media all and (max-width: 767px) {
            .woocommerce div.product .product_title {
                font-size: 22px;
            }
        }

        @media all and (max-width: 767px) {

            .woocommerce ul.products:not(.products-list-view):not(.splide__list),
            .wp-site-blocks .wc-block-grid:not(.has-2-columns):not(.has-1-columns) .wc-block-grid__products {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                column-gap: 0.5rem;
                grid-row-gap: 0.5rem;
            }
        }

        .product-archive-hero-section .entry-hero-container-inner {
            background-color: #fff;
            background-image: url('https://demos.codezeel.com/wordpress/WP01/WP008/default/wp-content/plugins/templatemela-plugin-petrazzi/layouts/default/img/breadcrumb.jpg');
            background-repeat: repeat;
            background-position: center;
            background-size: cover;
            background-attachment: scroll;
        }

        .entry-hero.product-archive-hero-section .entry-header {
            min-height: 200px;
        }

        @media all and (max-width: 1024px) {
            .entry-hero.product-archive-hero-section .entry-header {
                min-height: 150px;
            }
        }

        @media all and (max-width: 767px) {
            .entry-hero.product-archive-hero-section .entry-header {
                min-height: 100px;
            }
        }

        .woocommerce ul.products li.product h3,
        .woocommerce ul.products li.product .product-details .woocommerce-loop-product__title,
        .woocommerce ul.products li.product .product-details .woocommerce-loop-category__title,
        .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title {
            font-weight: 600;
            font-size: 16px;
            line-height: 1.5;
            letter-spacing: 0.3px;
            color: var(--global-palette3);
        }

        @media all and (max-width: 1024px) {

            .woocommerce ul.products li.product h3,
            .woocommerce ul.products li.product .product-details .woocommerce-loop-product__title,
            .woocommerce ul.products li.product .product-details .woocommerce-loop-category__title,
            .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title {
                font-size: 15px;
            }
        }

        .woocommerce ul.products li.product .product-details .price,
        .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-price {
            font-weight: 700;
            font-size: 16px;
            line-height: 1.2;
            color: var(--global-palette5);
        }

        .woocommerce ul.products.woo-archive-btn-button .product-action-wrap .button:not(.kb-button),
        .woocommerce ul.products li.woo-archive-btn-button .button:not(.kb-button),
        .wc-block-grid__product.woo-archive-btn-button .product-details .wc-block-grid__product-add-to-cart .wp-block-button__link {
            border: 2px none transparent;
            box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
        }

        .woocommerce ul.products.woo-archive-btn-button .product-action-wrap .button:not(.kb-button):hover,
        .woocommerce ul.products li.woo-archive-btn-button .button:not(.kb-button):hover,
        .wc-block-grid__product.woo-archive-btn-button .product-details .wc-block-grid__product-add-to-cart .wp-block-button__link:hover {
            box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
        }

        /* TemplateMela CSS */
        .primary-sidebar.widget-area .widget-title,
        .widget_block h2,
        .widget_block .widgettitle,
        .widget_block .widgettitle,
        .primary-sidebar h2 {
            font-weight: 700;
            font-size: 20px;
            line-height: 1.5;
            color: var(--global-palette3);
        }