@media (max-width: 1023px) { html.ita-page-home main#main, html.ita-page-home main#main.bg-white, html.ita-page-home .custom-main.is-home, body.ita-page-home main#main, body.ita-page-home main#main.bg-white, body.ita-page-home .custom-main.is-home, html.ita-page-home.ita-mobile-compact-visible, html.ita-page-home.ita-mobile-compact-visible body, html.ita-page-home.ita-mobile-compact-visible #app, html.ita-page-home.ita-mobile-compact-visible main#main, html.ita-page-home.ita-mobile-compact-visible main#main.bg-white { background-color: #1e1e22 !important; background-image: url('../img/fundo.png') !important; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; background-attachment: scroll !important; } } @keyframes ita-view-all-mobile-arrow-loop { 0%, 100% { transform: translate(0, 0.5px); } 50% { transform: translate(4px, 0.5px); } } @media (max-width: 1023px) { main#main a.ita-view-all-mobile-link, main#main a.ita-view-all-mobile-link p, main#main a.ita-view-all-mobile-link span, main#main a.ita-view-all-mobile-link i, main#main a.ita-view-all-mobile-link svg { color: #ffffff !important; text-decoration-color: #ffffff !important; } main#main a.ita-view-all-mobile-link > p, main#main a.ita-view-all-mobile-link .ita-view-all-mobile-text { font-weight: 800 !important; } main#main a.ita-view-all-mobile-link .icon-arrow-right, main#main a.ita-view-all-mobile-link .icon-arrow-right-stylish, main#main a.ita-view-all-mobile-link [class*="icon-arrow-right"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; color: #ffffff !important; font-size: 1.2rem !important; line-height: 1 !important; animation: ita-view-all-mobile-arrow-loop 1.05s ease-in-out infinite !important; will-change: transform !important; } main#main a.ita-view-all-mobile-link .icon-arrow-right svg, main#main a.ita-view-all-mobile-link .icon-arrow-right-stylish svg, main#main a.ita-view-all-mobile-link [class*="icon-arrow-right"] svg { width: 1.2rem !important; height: 1.2rem !important; flex: 0 0 1.2rem !important; } main#main a.ita-view-all-mobile-link:hover .icon-arrow-right, main#main a.ita-view-all-mobile-link:hover .icon-arrow-right-stylish, main#main a.ita-view-all-mobile-link:hover [class*="icon-arrow-right"], main#main a.ita-view-all-mobile-link:focus-visible .icon-arrow-right, main#main a.ita-view-all-mobile-link:focus-visible .icon-arrow-right-stylish, main#main a.ita-view-all-mobile-link:focus-visible [class*="icon-arrow-right"] { color: #ffffff !important; animation-duration: 1.05s !important; animation-timing-function: ease-in-out !important; } main#main a.ita-view-all-mobile-link svg, main#main a.ita-view-all-mobile-link path { fill: currentColor !important; stroke: currentColor !important; } } @media (max-width: 1023px) { .ita-mobile-header .ita-cart-v4 .ita-cart-price[data-ita-cart-has-value], .ita-mobile-compact-header .ita-cart-v4 .ita-cart-price[data-ita-cart-has-value], .ita-mobile-main-cart-label[data-ita-cart-has-value], .ita-mobile-compact-cart-button .ita-mobile-compact-action-label[data-ita-cart-has-value], .ita-mobile-cart-price-has-value { color: #22c55e !important; font-weight: 800 !important; } } @media (max-width: 1023px) { .ita-mobile-header .ita-cart-v4 .ita-mobile-main-cart-label, .ita-mobile-header .ita-mobile-main-cart-label { transform: translateY(1px) !important; line-height: 1 !important; } .ita-mobile-header .ita-mobile-main-user-label, .ita-mobile-header .ita-mobile-user-dropdown-shell > .ita-mobile-main-action-label { transform: translateY(-1px) !important; line-height: 1 !important; } .ita-mobile-compact-header .ita-mobile-compact-actions .ita-mobile-compact-action, .ita-mobile-compact-header .ita-mobile-compact-actions .ita-mobile-compact-action:hover, .ita-mobile-compact-header .ita-mobile-compact-actions .ita-mobile-compact-action:focus, .ita-mobile-compact-header .ita-mobile-compact-actions .ita-mobile-compact-action:focus-visible, .ita-mobile-compact-header .ita-mobile-compact-actions .ita-mobile-compact-action:active, .ita-mobile-compact-header .ita-mobile-compact-actions .ita-cart-v4, .ita-mobile-compact-header .ita-mobile-compact-actions .ita-cart-v4:hover, .ita-mobile-compact-header .ita-mobile-compact-actions .ita-cart-v4:focus, .ita-mobile-compact-header .ita-mobile-compact-actions .ita-cart-v4:focus-visible, .ita-mobile-compact-header .ita-mobile-compact-actions .ita-cart-v4:active, .ita-mobile-compact-header .ita-mobile-compact-actions .ita-mobile-favorites-btn, .ita-mobile-compact-header .ita-mobile-compact-actions .ita-mobile-favorites-btn:hover, .ita-mobile-compact-header .ita-mobile-compact-actions .ita-mobile-favorites-btn:focus, .ita-mobile-compact-header .ita-mobile-compact-actions .ita-mobile-favorites-btn:focus-visible, .ita-mobile-compact-header .ita-mobile-compact-actions .ita-mobile-favorites-btn:active, .ita-mobile-compact-header .ita-mobile-compact-actions .ita-mobile-compact-notification, .ita-mobile-compact-header .ita-mobile-compact-actions .ita-mobile-compact-notification:hover, .ita-mobile-compact-header .ita-mobile-compact-actions .ita-mobile-compact-notification:focus, .ita-mobile-compact-header .ita-mobile-compact-actions .ita-mobile-compact-notification:focus-visible, .ita-mobile-compact-header .ita-mobile-compact-actions .ita-mobile-compact-notification:active { transform: translateY(2px) !important; } } @media (max-width: 1023px) { html.ita-cart-customer-guest .ita-mobile-header .ita-cart-v4:not(.ita-mobile-compact-cart-button) .ita-mobile-main-cart-label, .ita-mobile-header .ita-cart-v4:not(.ita-mobile-compact-cart-button)[data-ita-customer-cart-mode="label"] .ita-mobile-main-cart-label, .ita-mobile-header .ita-cart-v4:not(.ita-mobile-compact-cart-button) .ita-mobile-main-cart-label[data-ita-customer-cart-mode="label"] { transform: translateY(0) !important; line-height: 1 !important; transition: none !important; will-change: auto !important; } html.ita-cart-customer-guest .ita-mobile-header .ita-cart-v4:not(.ita-mobile-compact-cart-button), .ita-mobile-header .ita-cart-v4:not(.ita-mobile-compact-cart-button)[data-ita-customer-cart-mode="label"], html.ita-cart-customer-guest .ita-mobile-header .ita-cart-v4:not(.ita-mobile-compact-cart-button) .ita-cart-icon-side, .ita-mobile-header .ita-cart-v4:not(.ita-mobile-compact-cart-button)[data-ita-customer-cart-mode="label"] .ita-cart-icon-side { transform: none !important; will-change: auto !important; } } @media (max-width: 1023px) { .ita-mobile-header v-itatech-mini-cart { display: inline-grid !important; place-items: center !important; width: var(--ita-mobile-main-action-width, 52px) !important; min-width: var(--ita-mobile-main-action-width, 52px) !important; max-width: var(--ita-mobile-main-action-width, 52px) !important; height: var(--ita-mobile-main-action-height, 58px) !important; min-height: var(--ita-mobile-main-action-height, 58px) !important; max-height: var(--ita-mobile-main-action-height, 58px) !important; margin: 0 !important; padding: 0 !important; vertical-align: top !important; transform: none !important; transition: none !important; will-change: auto !important; } .ita-mobile-header v-itatech-mini-cart > .ita-cart-v4, .ita-mobile-header v-itatech-mini-cart .ita-cart-v4:not(.ita-mobile-compact-cart-button), .ita-mobile-header .ita-cart-v4:not(.ita-mobile-compact-cart-button) { display: grid !important; grid-template-rows: 24px 11px !important; grid-auto-rows: auto !important; align-content: center !important; align-items: center !important; justify-content: center !important; justify-items: center !important; row-gap: 3px !important; column-gap: 0 !important; width: var(--ita-mobile-main-action-width, 52px) !important; min-width: var(--ita-mobile-main-action-width, 52px) !important; max-width: var(--ita-mobile-main-action-width, 52px) !important; height: var(--ita-mobile-main-action-height, 58px) !important; min-height: var(--ita-mobile-main-action-height, 58px) !important; max-height: var(--ita-mobile-main-action-height, 58px) !important; margin: 0 !important; padding: 2px 1px 1px !important; overflow: visible !important; transform: none !important; transition: none !important; will-change: auto !important; } .ita-mobile-header .ita-cart-v4:not(.ita-mobile-compact-cart-button) .ita-cart-icon-side { grid-row: 1 !important; grid-column: 1 !important; display: inline-grid !important; place-items: center !important; align-self: center !important; justify-self: center !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 24px !important; min-height: 24px !important; max-height: 24px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; transform: none !important; transition: none !important; will-change: auto !important; } .ita-mobile-header .ita-cart-v4:not(.ita-mobile-compact-cart-button) .ita-cart-icon-side .fas, .ita-mobile-header .ita-cart-v4:not(.ita-mobile-compact-cart-button) .ita-cart-icon-side .fa-shopping-cart { display: block !important; width: 1em !important; min-width: 1em !important; max-width: 1em !important; height: 1em !important; min-height: 1em !important; max-height: 1em !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; text-align: center !important; transform: none !important; transition: none !important; will-change: auto !important; } html.ita-cart-customer-guest .ita-mobile-header .ita-cart-v4:not(.ita-mobile-compact-cart-button) .ita-mobile-main-cart-label, html.ita-cart-customer-authenticated .ita-mobile-header .ita-cart-v4:not(.ita-mobile-compact-cart-button) .ita-mobile-main-cart-label, .ita-mobile-header .ita-cart-v4:not(.ita-mobile-compact-cart-button) .ita-mobile-main-cart-label, .ita-mobile-header .ita-cart-v4:not(.ita-mobile-compact-cart-button) .ita-mobile-main-cart-label[data-ita-customer-cart-mode] { grid-row: 2 !important; grid-column: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; align-self: center !important; justify-self: center !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: 11px !important; min-height: 11px !important; max-height: 11px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; font-family: Roboto, Arial, sans-serif !important; font-size: var(--ita-mobile-main-label-size, 9.5px) !important; font-weight: 800 !important; line-height: 11px !important; text-align: center !important; white-space: nowrap !important; transform: none !important; transition: none !important; will-change: auto !important; } } @media (max-width: 360px) { .ita-mobile-header .ita-cart-v4:not(.ita-mobile-compact-cart-button) .ita-mobile-main-cart-label, .ita-mobile-header .ita-cart-v4:not(.ita-mobile-compact-cart-button) .ita-mobile-main-cart-label[data-ita-customer-cart-mode] { height: 10px !important; min-height: 10px !important; max-height: 10px !important; line-height: 10px !important; } } @media (max-width: 1023px) { .ita-mobile-header .ita-mobile-user-dropdown-shell { display: grid !important; grid-template-rows: 31px 11px !important; grid-auto-rows: auto !important; align-content: center !important; align-items: center !important; justify-content: center !important; justify-items: center !important; row-gap: 3px !important; column-gap: 0 !important; width: var(--ita-mobile-main-action-width, 52px) !important; min-width: var(--ita-mobile-main-action-width, 52px) !important; max-width: var(--ita-mobile-main-action-width, 52px) !important; height: var(--ita-mobile-main-action-height, 58px) !important; min-height: var(--ita-mobile-main-action-height, 58px) !important; max-height: var(--ita-mobile-main-action-height, 58px) !important; margin: 0 !important; padding: 2px 1px 1px !important; overflow: visible !important; background: transparent !important; border: 0 !important; box-shadow: none !important; filter: none !important; transform: none !important; transition: none !important; will-change: auto !important; vertical-align: top !important; } .ita-mobile-header .ita-mobile-user-dropdown-shell > v-dropdown.ita-mobile-user-dropdown, .ita-mobile-header .ita-mobile-user-dropdown-shell > .ita-mobile-user-dropdown, .ita-mobile-header .ita-mobile-user-dropdown-shell .ita-mobile-user-dropdown, .ita-mobile-header .ita-mobile-user-dropdown-shell .ita-mobile-user-dropdown > div:first-child, .ita-mobile-header .ita-mobile-user-dropdown-shell .ita-mobile-user-dropdown .select-none, .ita-mobile-header .ita-mobile-user-dropdown-shell .ita-mobile-user-toggle { grid-row: 1 !important; grid-column: 1 !important; display: inline-grid !important; place-items: center !important; align-self: center !important; justify-self: center !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 31px !important; min-height: 31px !important; max-height: 31px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; filter: none !important; transform: none !important; transition: none !important; will-change: auto !important; } .ita-mobile-header .ita-mobile-user-dropdown-shell .ita-mobile-user-icon, .ita-mobile-header .ita-mobile-user-dropdown-shell .fa-circle-user, .ita-mobile-header .ita-mobile-user-toggle .ita-mobile-user-icon, .ita-mobile-header .ita-mobile-user-toggle .fa-circle-user { display: block !important; width: 1em !important; min-width: 1em !important; max-width: 1em !important; height: 1em !important; min-height: 1em !important; max-height: 1em !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-family: "Font Awesome 6 Free" !important; font-size: 31px !important; font-style: normal !important; font-weight: 900 !important; line-height: 1 !important; text-align: center !important; transform: none !important; transition: none !important; filter: none !important; will-change: auto !important; } .ita-mobile-header .ita-mobile-user-dropdown-shell > .ita-mobile-main-user-label, .ita-mobile-header .ita-mobile-user-dropdown-shell > .ita-mobile-main-action-label { grid-row: 2 !important; grid-column: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; align-self: center !important; justify-self: center !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: 11px !important; min-height: 11px !important; max-height: 11px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; font-family: Roboto, Arial, sans-serif !important; font-size: var(--ita-mobile-main-label-size, 9.5px) !important; font-weight: 800 !important; line-height: 11px !important; text-align: center !important; white-space: nowrap !important; transform: translateY(-1px) !important; transition: none !important; will-change: auto !important; } } @media (max-width: 360px) { .ita-mobile-header .ita-mobile-user-dropdown-shell > .ita-mobile-main-user-label, .ita-mobile-header .ita-mobile-user-dropdown-shell > .ita-mobile-main-action-label { height: 10px !important; min-height: 10px !important; max-height: 10px !important; line-height: 10px !important; } } @media (max-width: 1023px) { .ita-mobile-header .ita-mobile-user-dropdown-shell > .ita-mobile-main-user-label, .ita-mobile-header .ita-mobile-user-dropdown-shell > .ita-mobile-main-action-label { transform: translateY(-3px) !important; } } @media (max-width: 1023px) { .ita-mobile-header .ita-mobile-user-dropdown-shell { display: grid !important; grid-template-rows: 24px 11px !important; grid-auto-rows: auto !important; align-content: center !important; align-items: center !important; justify-content: center !important; justify-items: center !important; row-gap: 3px !important; width: var(--ita-mobile-main-action-width, 52px) !important; min-width: var(--ita-mobile-main-action-width, 52px) !important; max-width: var(--ita-mobile-main-action-width, 52px) !important; height: var(--ita-mobile-main-action-height, 58px) !important; min-height: var(--ita-mobile-main-action-height, 58px) !important; max-height: var(--ita-mobile-main-action-height, 58px) !important; padding: 2px 1px 1px !important; overflow: visible !important; transform: none !important; transition: none !important; will-change: auto !important; } .ita-mobile-header .ita-mobile-user-dropdown-shell > v-dropdown.ita-mobile-user-dropdown, .ita-mobile-header .ita-mobile-user-dropdown-shell > .ita-mobile-user-dropdown, .ita-mobile-header .ita-mobile-user-dropdown-shell .ita-mobile-user-dropdown, .ita-mobile-header .ita-mobile-user-dropdown-shell .ita-mobile-user-dropdown > div:first-child, .ita-mobile-header .ita-mobile-user-dropdown-shell .ita-mobile-user-dropdown .select-none, .ita-mobile-header .ita-mobile-user-dropdown-shell .ita-mobile-user-toggle { grid-row: 1 !important; grid-column: 1 !important; display: inline-grid !important; place-items: center !important; align-self: center !important; justify-self: center !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 24px !important; min-height: 24px !important; max-height: 24px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; line-height: 1 !important; transform: none !important; transition: none !important; will-change: auto !important; } .ita-mobile-header .ita-mobile-user-dropdown-shell > .ita-mobile-main-user-label, .ita-mobile-header .ita-mobile-user-dropdown-shell > .ita-mobile-main-action-label { grid-row: 2 !important; grid-column: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; align-self: center !important; justify-self: center !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: 11px !important; min-height: 11px !important; max-height: 11px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; font-family: Roboto, Arial, sans-serif !important; font-size: var(--ita-mobile-main-label-size, 9.5px) !important; font-weight: 800 !important; line-height: 11px !important; text-align: center !important; white-space: nowrap !important; transform: none !important; transition: none !important; will-change: auto !important; } } @media (max-width: 360px) { .ita-mobile-header .ita-mobile-user-dropdown-shell > .ita-mobile-main-user-label, .ita-mobile-header .ita-mobile-user-dropdown-shell > .ita-mobile-main-action-label { height: 10px !important; min-height: 10px !important; max-height: 10px !important; line-height: 10px !important; transform: none !important; } } @media (max-width: 1023px) { .ita-mobile-header .ita-mobile-user-dropdown-shell .ita-mobile-user-icon, .ita-mobile-header .ita-mobile-user-dropdown-shell .fa-circle-user, .ita-mobile-header .ita-mobile-user-toggle .ita-mobile-user-icon, .ita-mobile-header .ita-mobile-user-toggle .fa-circle-user { display: block !important; width: 28px !important; min-width: 28px !important; max-width: 28px !important; height: 28px !important; min-height: 28px !important; max-height: 28px !important; margin: 0 !important; padding: 0 !important; font-size: 28px !important; line-height: 1 !important; text-align: center !important; transform: translateY(-2px) !important; transition: none !important; will-change: auto !important; } .ita-mobile-header .ita-mobile-user-dropdown-shell > v-dropdown.ita-mobile-user-dropdown, .ita-mobile-header .ita-mobile-user-dropdown-shell > .ita-mobile-user-dropdown, .ita-mobile-header .ita-mobile-user-dropdown-shell .ita-mobile-user-dropdown, .ita-mobile-header .ita-mobile-user-dropdown-shell .ita-mobile-user-dropdown > div:first-child, .ita-mobile-header .ita-mobile-user-dropdown-shell .ita-mobile-user-dropdown .select-none, .ita-mobile-header .ita-mobile-user-dropdown-shell .ita-mobile-user-toggle { overflow: visible !important; transform: none !important; transition: none !important; will-change: auto !important; } } @media (max-width: 1023px) { .ita-mobile-header .ita-notification-toggle:not(.ita-mobile-compact-notification) .ita-notification-badge { right: 10px !important; } .ita-mobile-compact-header .ita-mobile-compact-notification .ita-notification-badge { right: calc(50% - 15px) !important; } } @media (max-width: 1023px) { .ita-mobile-header .ita-notification-toggle:not(.ita-mobile-compact-notification) .ita-notification-badge { top: 1px !important; right: calc(50% - 18px) !important; transform: none !important; } .ita-mobile-compact-header .ita-mobile-compact-notification .ita-notification-badge { top: 1px !important; right: calc(50% - 18px) !important; transform: none !important; } } @media (max-width: 1023px) { .ita-mobile-header .ita-notification-toggle:not(.ita-mobile-compact-notification) .ita-notification-badge { top: 3px !important; right: calc(50% - 18px) !important; transform: none !important; } } @media (max-width: 1023px) { .ita-mobile-header v-itatech-mini-cart, .ita-mobile-header .ita-cart-v4:not(.ita-mobile-compact-cart-button), .ita-mobile-header .ita-mobile-favorites-btn:not(.ita-mobile-compact-favorites-btn), .ita-mobile-header .ita-notification-toggle:not(.ita-mobile-compact-notification) { position: relative !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: 28px 12px !important; align-content: center !important; align-items: center !important; justify-content: center !important; justify-items: center !important; row-gap: 2px !important; width: var(--ita-mobile-main-action-width, 52px) !important; min-width: var(--ita-mobile-main-action-width, 52px) !important; max-width: var(--ita-mobile-main-action-width, 52px) !important; height: var(--ita-mobile-main-action-height, 58px) !important; min-height: var(--ita-mobile-main-action-height, 58px) !important; max-height: var(--ita-mobile-main-action-height, 58px) !important; margin: 0 !important; padding: 3px 1px 2px !important; box-sizing: border-box !important; overflow: visible !important; background: transparent !important; color: #ffffff !important; line-height: 1 !important; transform: none !important; transition: none !important; will-change: auto !important; } .ita-mobile-header v-itatech-mini-cart > .ita-cart-v4, .ita-mobile-header v-itatech-mini-cart .ita-cart-v4:not(.ita-mobile-compact-cart-button) { width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: 100% !important; min-height: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; } .ita-mobile-header .ita-cart-v4:not(.ita-mobile-compact-cart-button) .ita-cart-icon-side, .ita-mobile-header .ita-mobile-favorites-btn:not(.ita-mobile-compact-favorites-btn) .ita-favorites-icon, .ita-mobile-header .ita-notification-toggle:not(.ita-mobile-compact-notification) .fa-bell { grid-column: 1 !important; grid-row: 1 !important; align-self: center !important; justify-self: center !important; display: grid !important; place-items: center !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 28px !important; min-height: 28px !important; max-height: 28px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; text-align: center !important; transform: none !important; } .ita-mobile-header .ita-cart-v4:not(.ita-mobile-compact-cart-button) .ita-mobile-main-cart-label, .ita-mobile-header .ita-mobile-favorites-btn:not(.ita-mobile-compact-favorites-btn) .ita-mobile-main-action-label, .ita-mobile-header .ita-notification-toggle:not(.ita-mobile-compact-notification) .ita-mobile-main-action-label { grid-column: 1 !important; grid-row: 2 !important; align-self: center !important; justify-self: center !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 12px !important; min-height: 12px !important; max-height: 12px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; color: #ffffff !important; font-family: Roboto, Arial, sans-serif !important; font-size: var(--ita-mobile-main-label-size, 9.5px) !important; font-weight: 800 !important; line-height: 12px !important; text-align: center !important; text-overflow: clip !important; white-space: nowrap !important; transform: none !important; transition: none !important; will-change: auto !important; } .ita-mobile-compact-action, .ita-mobile-compact-all-button, .ita-mobile-compact-search-toggle, .ita-mobile-compact-header .ita-cart-v4, .ita-mobile-compact-header .ita-mobile-favorites-btn, .ita-mobile-compact-notification { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: 28px 12px !important; align-content: center !important; align-items: center !important; justify-content: center !important; justify-items: center !important; row-gap: 2px !important; height: 50px !important; min-height: 50px !important; max-height: 50px !important; padding: 4px 1px 3px !important; box-sizing: border-box !important; line-height: 1 !important; transform: none !important; } .ita-mobile-compact-action-icon, .ita-mobile-compact-all-button .icon-hamburger, .ita-mobile-compact-search-toggle .icon-search, .ita-mobile-compact-header .ita-cart-icon-side, .ita-mobile-compact-header .ita-cart-icon-side .fas, .ita-mobile-compact-header .ita-cart-icon-side .fa-shopping-cart, .ita-mobile-compact-header .ita-favorites-icon, .ita-mobile-compact-notification .fa-bell { grid-column: 1 !important; grid-row: 1 !important; align-self: center !important; justify-self: center !important; display: grid !important; place-items: center !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 28px !important; min-height: 28px !important; max-height: 28px !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; transform: none !important; } .ita-mobile-compact-action-label, .ita-mobile-compact-all-text { grid-column: 1 !important; grid-row: 2 !important; align-self: center !important; justify-self: center !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 12px !important; min-height: 12px !important; max-height: 12px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; line-height: 12px !important; text-align: center !important; white-space: nowrap !important; transform: none !important; } } @media (max-width: 360px) { .ita-mobile-header .ita-cart-v4:not(.ita-mobile-compact-cart-button) .ita-mobile-main-cart-label, .ita-mobile-header .ita-mobile-favorites-btn:not(.ita-mobile-compact-favorites-btn) .ita-mobile-main-action-label, .ita-mobile-header .ita-notification-toggle:not(.ita-mobile-compact-notification) .ita-mobile-main-action-label, .ita-mobile-compact-action-label, .ita-mobile-compact-all-text { height: 11px !important; min-height: 11px !important; max-height: 11px !important; line-height: 11px !important; } } @media (max-width: 1023px) { .ita-mobile-header .ita-mobile-user-dropdown-shell { position: relative !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: 28px 12px !important; align-content: center !important; align-items: center !important; justify-content: center !important; justify-items: center !important; row-gap: 2px !important; width: var(--ita-mobile-main-action-width, 52px) !important; min-width: var(--ita-mobile-main-action-width, 52px) !important; max-width: var(--ita-mobile-main-action-width, 52px) !important; height: var(--ita-mobile-main-action-height, 58px) !important; min-height: var(--ita-mobile-main-action-height, 58px) !important; max-height: var(--ita-mobile-main-action-height, 58px) !important; margin: 0 !important; padding: 3px 1px 2px !important; box-sizing: border-box !important; overflow: visible !important; background: transparent !important; color: #ffffff !important; line-height: 1 !important; transform: none !important; transition: none !important; will-change: auto !important; } .ita-mobile-header .ita-mobile-user-dropdown-shell > v-dropdown.ita-mobile-user-dropdown, .ita-mobile-header .ita-mobile-user-dropdown-shell > .ita-mobile-user-dropdown, .ita-mobile-header .ita-mobile-user-dropdown-shell .ita-mobile-user-dropdown, .ita-mobile-header .ita-mobile-user-dropdown-shell .ita-mobile-user-dropdown > div:first-child, .ita-mobile-header .ita-mobile-user-dropdown-shell .ita-mobile-user-dropdown .select-none, .ita-mobile-header .ita-mobile-user-dropdown-shell .ita-mobile-user-toggle { grid-column: 1 !important; grid-row: 1 !important; align-self: center !important; justify-self: center !important; display: grid !important; place-items: center !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 28px !important; min-height: 28px !important; max-height: 28px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; line-height: 1 !important; transform: none !important; transition: none !important; will-change: auto !important; } .ita-mobile-header .ita-mobile-user-dropdown-shell .ita-mobile-user-icon, .ita-mobile-header .ita-mobile-user-dropdown-shell .fa-circle-user, .ita-mobile-header .ita-mobile-user-toggle .ita-mobile-user-icon, .ita-mobile-header .ita-mobile-user-toggle .fa-circle-user { display: block !important; width: 29px !important; min-width: 29px !important; max-width: 29px !important; height: 29px !important; min-height: 29px !important; max-height: 29px !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-size: 29px !important; line-height: 1 !important; text-align: center !important; transform: none !important; transition: none !important; filter: none !important; will-change: auto !important; } .ita-mobile-header .ita-mobile-user-dropdown-shell > .ita-mobile-main-user-label, .ita-mobile-header .ita-mobile-user-dropdown-shell > .ita-mobile-main-action-label { grid-column: 1 !important; grid-row: 2 !important; align-self: center !important; justify-self: center !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 12px !important; min-height: 12px !important; max-height: 12px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; color: #ffffff !important; font-family: Roboto, Arial, sans-serif !important; font-size: var(--ita-mobile-main-label-size, 9.5px) !important; font-weight: 800 !important; line-height: 12px !important; text-align: center !important; text-overflow: clip !important; white-space: nowrap !important; transform: none !important; transition: none !important; will-change: auto !important; } } @media (max-width: 360px) { .ita-mobile-header .ita-mobile-user-dropdown-shell > .ita-mobile-main-user-label, .ita-mobile-header .ita-mobile-user-dropdown-shell > .ita-mobile-main-action-label { height: 11px !important; min-height: 11px !important; max-height: 11px !important; line-height: 11px !important; } } @media (max-width: 1023px) { .ita-mobile-header .ita-mobile-user-dropdown-shell > .ita-mobile-main-user-label, .ita-mobile-header .ita-mobile-user-dropdown-shell > .ita-mobile-main-action-label { transform: translateX(-1px) !important; } } @media (max-width: 1023px) { .ita-mobile-header v-itatech-mini-cart { position: relative !important; display: inline-grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: minmax(0, 1fr) !important; align-content: stretch !important; align-items: stretch !important; justify-content: center !important; justify-items: stretch !important; row-gap: 0 !important; column-gap: 0 !important; width: var(--ita-mobile-main-action-width, 52px) !important; min-width: var(--ita-mobile-main-action-width, 52px) !important; max-width: var(--ita-mobile-main-action-width, 52px) !important; height: var(--ita-mobile-main-action-height, 58px) !important; min-height: var(--ita-mobile-main-action-height, 58px) !important; max-height: var(--ita-mobile-main-action-height, 58px) !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; line-height: 1 !important; transform: none !important; transition: none !important; will-change: auto !important; vertical-align: top !important; } .ita-mobile-header v-itatech-mini-cart > .ita-cart-v4, .ita-mobile-header v-itatech-mini-cart .ita-cart-v4:not(.ita-mobile-compact-cart-button), .ita-mobile-header .ita-cart-v4:not(.ita-mobile-compact-cart-button) { grid-column: 1 !important; grid-row: 1 !important; align-self: stretch !important; justify-self: stretch !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: 28px 12px !important; align-content: center !important; align-items: center !important; justify-content: center !important; justify-items: center !important; row-gap: 2px !important; width: var(--ita-mobile-main-action-width, 52px) !important; min-width: var(--ita-mobile-main-action-width, 52px) !important; max-width: var(--ita-mobile-main-action-width, 52px) !important; height: var(--ita-mobile-main-action-height, 58px) !important; min-height: var(--ita-mobile-main-action-height, 58px) !important; max-height: var(--ita-mobile-main-action-height, 58px) !important; margin: 0 !important; padding: 3px 1px 2px !important; box-sizing: border-box !important; overflow: visible !important; background: transparent !important; line-height: 1 !important; transform: none !important; transition: none !important; will-change: auto !important; } .ita-mobile-header v-itatech-mini-cart .ita-cart-badge, .ita-mobile-header .ita-cart-v4:not(.ita-mobile-compact-cart-button) .ita-cart-badge { top: 1px !important; right: 5px !important; transform: none !important; transition: none !important; animation: none !important; will-change: auto !important; } } @media (min-width: 769px) and (max-width: 1060px) { .ita-footer-scope footer, #app > .ita-footer-scope footer, body .ita-footer-scope footer { width: 100% !important; max-width: none !important; min-height: 0 !important; height: auto !important; background-color: rgba(30, 30, 34, 0.98) !important; background-image: none !important; color: #e4e6ee !important; border-top: 1px solid rgba(255, 255, 255, 0.08) !important; } .ita-footer-scope footer > :first-child { min-height: 0 !important; height: auto !important; max-width: none !important; padding: 18px 20px 24px !important; margin: 0 !important; background-color: #1e1e22 !important; background-image: none !important; } .ita-footer-scope footer [class*="max-1060:block"][class*="!w-full"], .ita-footer-scope footer [class*="max-1060:block"][class*="border"], .ita-footer-scope footer [class*="max-1060:block"][class*="rounded"] { display: block !important; width: 100% !important; max-width: none !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-width: 0 !important; border-color: transparent !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important; } .ita-footer-scope footer [class*="max-1060:block"] v-accordion, .ita-footer-scope footer [class*="max-1060:block"] v-accordion > div { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important; } .ita-footer-scope footer [class*="max-1060:block"] v-accordion > div > div[role="button"]:first-child { width: 100% !important; min-height: 66px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin: 0 !important; padding: 14px 20px !important; box-sizing: border-box !important; background-color: #202026 !important; background-image: none !important; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.28) !important; border-radius: 6px !important; outline: 0 !important; box-shadow: none !important; line-height: 1.35 !important; } .ita-footer-scope footer [class*="max-1060:block"] v-accordion > div > div[role="button"]:first-child:hover, .ita-footer-scope footer [class*="max-1060:block"] v-accordion > div > div[role="button"]:first-child:focus, .ita-footer-scope footer [class*="max-1060:block"] v-accordion > div > div[role="button"]:first-child:focus-visible { background-color: #232329 !important; border-color: rgba(255, 255, 255, 0.38) !important; outline: 0 !important; box-shadow: none !important; } .ita-footer-scope footer [class*="max-1060:block"] v-accordion > div > div[role="button"]:first-child > span[role="button"], .ita-footer-scope footer [class*="max-1060:block"] v-accordion > div > div[role="button"]:first-child > span[class*="icon-arrow"] { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important; color: #ffffff !important; line-height: 1 !important; } .ita-footer-scope footer [class*="max-1060:block"] v-accordion > div > div[role="button"]:first-child + div { display: flex !important; justify-content: space-between !important; align-items: flex-start !important; gap: 40px !important; width: 100% !important; margin: 0 !important; padding: 24px 20px 0 !important; background-color: #1e1e22 !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important; } .ita-footer-scope footer [class*="max-1060:block"] ul { display: grid !important; gap: 22px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .ita-footer-scope footer [class*="max-1060:block"] a, .ita-footer-scope footer [class*="max-1060:block"] li, .ita-footer-scope footer [class*="max-1060:block"] span, .ita-footer-scope footer [class*="max-1060:block"] div { color: #ffffff !important; } .ita-footer-scope footer [class*="max-1060:block"] a { text-decoration: none !important; line-height: 1.35 !important; font-weight: 600 !important; } .ita-footer-scope footer [class*="max-1060:block"] a:hover, .ita-footer-scope footer [class*="max-1060:block"] a:focus-visible { color: #74a8ff !important; text-decoration: none !important; } } @media (max-width: 1280px) { .ita-footer-scope footer, #app > .ita-footer-scope footer, body .ita-footer-scope footer { width: 100% !important; max-width: none !important; min-height: 0 !important; height: auto !important; background-color: #1e1e22 !important; background-image: none !important; color: #ffffff !important; border-top: 1px solid rgba(255, 255, 255, 0.08) !important; box-shadow: none !important; overflow: visible !important; } .ita-footer-scope footer > :first-child { width: 100% !important; max-width: none !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 18px 20px 24px !important; background-color: #1e1e22 !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; outline: 0 !important; } .ita-footer-scope footer v-accordion, .ita-footer-scope footer v-accordion > div, .ita-footer-scope footer [class*="max-1060:block"], .ita-footer-scope footer [class*="max-md:block"], .ita-footer-scope footer [class*="max-1060:block"][class*="border"], .ita-footer-scope footer [class*="max-md:block"][class*="border"], .ita-footer-scope footer [class*="max-1060:block"][class*="rounded"], .ita-footer-scope footer [class*="max-md:block"][class*="rounded"], .ita-footer-scope footer [class*="max-1060:block"][class*="overflow-hidden"], .ita-footer-scope footer [class*="max-md:block"][class*="overflow-hidden"] { width: 100% !important; max-width: none !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-width: 0 !important; border-color: transparent !important; border-radius: 0 !important; box-shadow: none !important; outline: 0 !important; overflow: visible !important; } .ita-footer-scope footer v-accordion > div > div[role="button"]:first-child, .ita-footer-scope footer v-accordion > div > button:first-child, .ita-footer-scope footer v-accordion > div > summary:first-child { width: 100% !important; min-height: 66px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin: 0 !important; padding: 14px 20px !important; box-sizing: border-box !important; background-color: #202026 !important; background-image: none !important; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.28) !important; border-radius: 6px !important; box-shadow: none !important; outline: 0 !important; line-height: 1.35 !important; transition: none !important; } .ita-footer-scope footer v-accordion > div > div[role="button"]:first-child:hover, .ita-footer-scope footer v-accordion > div > div[role="button"]:first-child:focus, .ita-footer-scope footer v-accordion > div > div[role="button"]:first-child:focus-visible, .ita-footer-scope footer v-accordion > div > button:first-child:hover, .ita-footer-scope footer v-accordion > div > button:first-child:focus, .ita-footer-scope footer v-accordion > div > button:first-child:focus-visible, .ita-footer-scope footer v-accordion > div > summary:first-child:hover, .ita-footer-scope footer v-accordion > div > summary:first-child:focus, .ita-footer-scope footer v-accordion > div > summary:first-child:focus-visible { background-color: #202026 !important; border-color: rgba(255, 255, 255, 0.28) !important; box-shadow: none !important; outline: 0 !important; } .ita-footer-scope footer v-accordion > div > div[role="button"]:first-child > span[role="button"], .ita-footer-scope footer v-accordion > div > div[role="button"]:first-child > span[class*="icon-arrow"], .ita-footer-scope footer v-accordion > div > button:first-child > span[role="button"], .ita-footer-scope footer v-accordion > div > button:first-child > span[class*="icon-arrow"], .ita-footer-scope footer v-accordion > div > summary:first-child > span[role="button"], .ita-footer-scope footer v-accordion > div > summary:first-child > span[class*="icon-arrow"] { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; outline: 0 !important; color: #ffffff !important; line-height: 1 !important; transition: none !important; } .ita-footer-scope footer v-accordion > div > div[role="button"]:first-child + div, .ita-footer-scope footer v-accordion > div > button:first-child + div, .ita-footer-scope footer v-accordion > div > summary:first-child + div { width: 100% !important; margin: 0 !important; padding: 24px 20px 0 !important; background-color: #1e1e22 !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; outline: 0 !important; } .ita-footer-scope footer v-accordion a, .ita-footer-scope footer v-accordion li, .ita-footer-scope footer v-accordion span, .ita-footer-scope footer v-accordion div { color: #ffffff !important; } .ita-footer-scope footer v-accordion a { text-decoration: none !important; line-height: 1.35 !important; font-weight: 600 !important; } .ita-footer-scope footer v-accordion a:hover, .ita-footer-scope footer v-accordion a:focus-visible { color: #74a8ff !important; text-decoration: none !important; } } @media (min-width: 769px) and (max-width: 1280px) { .ita-footer-scope footer v-accordion > div > div[role="button"]:first-child + div, .ita-footer-scope footer v-accordion > div > button:first-child + div, .ita-footer-scope footer v-accordion > div > summary:first-child + div { display: flex !important; justify-content: space-between !important; align-items: flex-start !important; gap: 40px !important; } .ita-footer-scope footer v-accordion ul { display: grid !important; gap: 22px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } } @media (max-width: 1023px) { .ita-footer-scope footer, #app .ita-footer-scope footer, body .ita-footer-scope footer { background-color: #1e1e22 !important; background-image: none !important; border-top: 1px solid rgba(255, 255, 255, 0.08) !important; box-shadow: none !important; } .ita-footer-scope footer > :first-child { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 18px 20px 24px !important; background-color: #1e1e22 !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; outline: 0 !important; } .ita-footer-scope footer :is(v-accordion, [class*="max-1060:block"], [class*="max-md:block"]), .ita-footer-scope footer :is(v-accordion, [class*="max-1060:block"], [class*="max-md:block"]) > :is(div, [class*="overflow-hidden"]), .ita-footer-scope footer :is(v-accordion, [class*="max-1060:block"], [class*="max-md:block"]) :is(.overflow-hidden, [class*="overflow-hidden"]) { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-width: 0 !important; border-color: transparent !important; border-radius: 0 !important; box-shadow: none !important; outline: 0 !important; overflow: visible !important; transition: none !important; } .ita-footer-scope footer :is(v-accordion, [class*="max-1060:block"], [class*="max-md:block"]) :is(.overflow-hidden, [class*="overflow-hidden"]) > :is(div, button, summary):first-child, .ita-footer-scope footer :is(v-accordion, [class*="max-1060:block"], [class*="max-md:block"]) > :is(div, button, summary):first-child, .ita-footer-scope footer :is(v-accordion, [class*="max-1060:block"], [class*="max-md:block"]) :is(div, button, summary):has(> :is([class*="icon-arrow"], [class*="arrow"], svg)) { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; width: 100% !important; min-height: 66px !important; margin: 0 !important; padding: 14px 20px !important; box-sizing: border-box !important; background-color: #202026 !important; background-image: none !important; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.28) !important; border-width: 1px !important; border-color: rgba(255, 255, 255, 0.28) !important; border-radius: 6px !important; box-shadow: none !important; outline: 0 !important; line-height: 1.35 !important; transform: none !important; transition: none !important; will-change: auto !important; } .ita-footer-scope footer :is(v-accordion, [class*="max-1060:block"], [class*="max-md:block"]) :is(.overflow-hidden, [class*="overflow-hidden"]) > :is(div, button, summary):first-child:hover, .ita-footer-scope footer :is(v-accordion, [class*="max-1060:block"], [class*="max-md:block"]) :is(.overflow-hidden, [class*="overflow-hidden"]) > :is(div, button, summary):first-child:focus, .ita-footer-scope footer :is(v-accordion, [class*="max-1060:block"], [class*="max-md:block"]) :is(.overflow-hidden, [class*="overflow-hidden"]) > :is(div, button, summary):first-child:focus-visible, .ita-footer-scope footer :is(v-accordion, [class*="max-1060:block"], [class*="max-md:block"]) :is(div, button, summary):has(> :is([class*="icon-arrow"], [class*="arrow"], svg)):hover, .ita-footer-scope footer :is(v-accordion, [class*="max-1060:block"], [class*="max-md:block"]) :is(div, button, summary):has(> :is([class*="icon-arrow"], [class*="arrow"], svg)):focus, .ita-footer-scope footer :is(v-accordion, [class*="max-1060:block"], [class*="max-md:block"]) :is(div, button, summary):has(> :is([class*="icon-arrow"], [class*="arrow"], svg)):focus-visible { background-color: #202026 !important; border: 1px solid rgba(255, 255, 255, 0.28) !important; border-width: 1px !important; border-color: rgba(255, 255, 255, 0.28) !important; box-shadow: none !important; outline: 0 !important; transform: none !important; } .ita-footer-scope footer :is(v-accordion, [class*="max-1060:block"], [class*="max-md:block"]) :is(.overflow-hidden, [class*="overflow-hidden"]) > :is(div, button, summary):first-child > :is([class*="icon-arrow"], [class*="arrow"], svg, i, span), .ita-footer-scope footer :is(v-accordion, [class*="max-1060:block"], [class*="max-md:block"]) :is(div, button, summary):has(> :is([class*="icon-arrow"], [class*="arrow"], svg)) > :is([class*="icon-arrow"], [class*="arrow"], svg, i) { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-width: 0 !important; border-color: transparent !important; border-radius: 0 !important; box-shadow: none !important; outline: 0 !important; color: #ffffff !important; line-height: 1 !important; transform: none !important; transition: none !important; will-change: auto !important; } .ita-footer-scope footer :is(v-accordion, [class*="max-1060:block"], [class*="max-md:block"]) :is(.overflow-hidden, [class*="overflow-hidden"]) > :is(div, button, summary):first-child + div, .ita-footer-scope footer :is(v-accordion, [class*="max-1060:block"], [class*="max-md:block"]) > :is(div, button, summary):first-child + div { width: 100% !important; margin: 0 !important; padding: 24px 20px 0 !important; background-color: #1e1e22 !important; background-image: none !important; border: 0 !important; border-width: 0 !important; border-color: transparent !important; border-radius: 0 !important; box-shadow: none !important; outline: 0 !important; transition: none !important; } } @media (max-width: 1023px) { .ita-footer-scope footer :is([class*="border"], [class*="rounded"], [class*="overflow-hidden"]):has(> :is(div, button, summary)[role="button"]), .ita-footer-scope footer :is([class*="border"], [class*="rounded"], [class*="overflow-hidden"]):has(> :is(div, button, summary):first-child > :is([class*="icon-arrow"], [class*="arrow"], svg, i, span)), .ita-footer-scope footer :is([class*="border"], [class*="rounded"], [class*="overflow-hidden"]):has(> :is(.overflow-hidden, [class*="overflow-hidden"]) > :is(div, button, summary)[role="button"]), .ita-footer-scope footer v-accordion, .ita-footer-scope footer v-accordion > div { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-width: 0 !important; border-color: transparent !important; border-radius: 0 !important; box-shadow: none !important; outline: 0 !important; overflow: visible !important; } .ita-footer-scope footer :is([class*="border"], [class*="rounded"], [class*="overflow-hidden"]):has(> :is(div, button, summary)[role="button"]) > :is(div, button, summary)[role="button"]:first-child, .ita-footer-scope footer :is([class*="border"], [class*="rounded"], [class*="overflow-hidden"]):has(> :is(div, button, summary):first-child > :is([class*="icon-arrow"], [class*="arrow"], svg, i, span)) > :is(div, button, summary):first-child, .ita-footer-scope footer v-accordion > div > :is(div, button, summary):first-child { width: 100% !important; min-height: 66px !important; margin: 0 !important; padding: 14px 20px !important; box-sizing: border-box !important; background-color: #202026 !important; background-image: none !important; border: 1px solid rgba(255, 255, 255, 0.28) !important; border-radius: 6px !important; box-shadow: none !important; outline: 0 !important; } } @media (max-width: 1023px) { .ita-footer-scope footer [class*="!w-full"][class*="!border"], .ita-footer-scope footer [class*="!w-full"][class*="border"], .ita-footer-scope footer [class*="max-1060:block"][class*="rounded-xl"], .ita-footer-scope footer [class*="max-1060:block"][class*="border"], .ita-footer-scope footer v-accordion[class*="!border"], .ita-footer-scope footer v-accordion[class*="rounded-xl"] { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-width: 0 !important; border-color: transparent !important; border-radius: 0 !important; box-shadow: none !important; outline: 0 !important; overflow: visible !important; } .ita-footer-scope footer [class*="max-1060:block"] > :is(div, button, summary)[role="button"]:first-child, .ita-footer-scope footer [class*="!w-full"] > :is(div, button, summary)[role="button"]:first-child, .ita-footer-scope footer v-accordion > div > :is(div, button, summary)[role="button"]:first-child, .ita-footer-scope footer v-accordion > :is(div, button, summary)[role="button"]:first-child { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; width: 100% !important; min-height: 66px !important; margin: 0 !important; padding: 14px 20px !important; box-sizing: border-box !important; background-color: #202026 !important; background-image: none !important; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.28) !important; border-radius: 6px !important; box-shadow: none !important; outline: 0 !important; line-height: 1.35 !important; transform: none !important; transition: none !important; } .ita-footer-scope footer [class*="max-1060:block"] > :is(div, button, summary)[role="button"]:first-child:hover, .ita-footer-scope footer [class*="max-1060:block"] > :is(div, button, summary)[role="button"]:first-child:focus, .ita-footer-scope footer [class*="!w-full"] > :is(div, button, summary)[role="button"]:first-child:hover, .ita-footer-scope footer [class*="!w-full"] > :is(div, button, summary)[role="button"]:first-child:focus, .ita-footer-scope footer v-accordion > div > :is(div, button, summary)[role="button"]:first-child:hover, .ita-footer-scope footer v-accordion > div > :is(div, button, summary)[role="button"]:first-child:focus { background-color: #202026 !important; border-color: rgba(255, 255, 255, 0.28) !important; box-shadow: none !important; outline: 0 !important; } .ita-footer-scope footer [class*="max-1060:block"] > :is(div, button, summary)[role="button"]:first-child > :is([class*="icon-arrow"], [class*="arrow"], svg, i, span), .ita-footer-scope footer [class*="!w-full"] > :is(div, button, summary)[role="button"]:first-child > :is([class*="icon-arrow"], [class*="arrow"], svg, i, span), .ita-footer-scope footer v-accordion > div > :is(div, button, summary)[role="button"]:first-child > :is([class*="icon-arrow"], [class*="arrow"], svg, i, span), .ita-footer-scope footer v-accordion > :is(div, button, summary)[role="button"]:first-child > :is([class*="icon-arrow"], [class*="arrow"], svg, i, span) { flex: 0 0 auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; outline: 0 !important; color: #ffffff !important; line-height: 1 !important; } } @media (max-width: 1023px) { .ita-footer-scope footer [class*="max-1060:block"] > div:first-child:not([role="button"]), .ita-footer-scope footer [class*="!w-full"] > div:first-child:not([role="button"]), .ita-footer-scope footer v-accordion > div:first-child:not([role="button"]) { display: block !important; width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-width: 0 !important; border-color: transparent !important; border-radius: 0 !important; box-shadow: none !important; outline: 0 !important; overflow: visible !important; } .ita-footer-scope footer [class*="max-1060:block"] > div:first-child:not([role="button"]) > :is(div, button, summary)[role="button"]:first-child, .ita-footer-scope footer [class*="!w-full"] > div:first-child:not([role="button"]) > :is(div, button, summary)[role="button"]:first-child, .ita-footer-scope footer v-accordion > div:first-child:not([role="button"]) > :is(div, button, summary)[role="button"]:first-child { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; width: 100% !important; min-height: 66px !important; margin: 0 !important; padding: 14px 20px !important; box-sizing: border-box !important; background-color: #202026 !important; background-image: none !important; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.28) !important; border-radius: 6px !important; box-shadow: none !important; outline: 0 !important; line-height: 1.35 !important; } } @media (max-width: 1023px) { .ita-mobile-header .ita-cart-v4, .ita-mobile-header v-itatech-mini-cart, .ita-mobile-compact-header .ita-mobile-compact-cart-button, .ita-mobile-compact-header .ita-cart-v4 { overflow: visible !important; } .ita-mobile-header .ita-cart-v4 > .ita-mobile-main-cart-label, .ita-mobile-header v-itatech-mini-cart > .ita-cart-v4 > .ita-mobile-main-cart-label, .ita-mobile-compact-header .ita-mobile-compact-cart-button > .ita-mobile-compact-action-label { display: inline-flex !important; align-items: center !important; justify-content: center !important; justify-self: center !important; width: auto !important; min-width: max-content !important; max-width: none !important; height: auto !important; min-height: 13px !important; max-height: none !important; margin-right: auto !important; margin-left: auto !important; padding-right: 3px !important; padding-left: 3px !important; overflow: visible !important; text-overflow: clip !important; white-space: nowrap !important; line-height: 13px !important; letter-spacing: -0.03px !important; } } html.ita-cart-customer-authenticated.ita-header-cart-has-value .ita-header-actions .ita-cart-v4 .ita-cart-price, html.ita-cart-customer-authenticated.ita-header-cart-has-value .ita-compact-actions .ita-cart-v4 .ita-cart-price, html.ita-cart-customer-authenticated.ita-header-cart-has-value .ita-desktop-cart-action .ita-cart-price, html.ita-cart-customer-authenticated.ita-header-cart-has-value .ita-mobile-header .ita-cart-v4 .ita-cart-price, html.ita-cart-customer-authenticated.ita-header-cart-has-value .ita-mobile-compact-header .ita-cart-v4 .ita-cart-price, html.ita-cart-customer-authenticated.ita-header-cart-has-value .ita-mobile-main-cart-label, html.ita-cart-customer-authenticated .ita-cart-price.ita-desktop-cart-price-has-value, html.ita-cart-customer-authenticated .ita-cart-price.ita-mobile-cart-price-has-value, html.ita-cart-customer-authenticated .ita-cart-price[data-ita-cart-has-value="1"], html.ita-cart-customer-authenticated .ita-mobile-main-cart-label[data-ita-cart-has-value="1"] { color: #22c55e !important; font-weight: 800 !important; transition: none !important; } html.ita-cart-customer-authenticated .ita-cart-price, html.ita-cart-customer-authenticated .ita-mobile-main-cart-label { transition: none !important; } @media (max-width: 1023px) { .ita-footer-scope footer .ita-footer-clean-accordion-content, .ita-footer-scope footer .ita-footer-clean-accordion-content > *, .ita-footer-scope footer .ita-footer-clean-accordion-content :is(ul, li, a, div, span) { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; outline: 0 !important; } .ita-footer-scope footer .ita-footer-clean-accordion-content { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: clamp(24px, 8vw, 72px) !important; } } @media (max-width: 1023px) { .ita-footer-scope footer .ita-footer-clean-accordion, .ita-footer-scope footer .ita-footer-clean-accordion > v-accordion, .ita-footer-scope footer .ita-footer-clean-accordion > v-accordion > div, .ita-footer-scope footer .ita-footer-clean-accordion-content, .ita-footer-scope footer .ita-footer-clean-accordion-content > *, .ita-footer-scope footer .ita-footer-clean-accordion-content :is(ul, ol, li, a, div, span), .ita-footer-scope footer .ita-footer-clean-link-list, .ita-footer-scope footer .ita-footer-clean-link-list > *, .ita-footer-scope footer .ita-footer-clean-link-list :is(li, a, span) { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; outline: 0 !important; } .ita-footer-scope footer .ita-footer-clean-accordion-content::before, .ita-footer-scope footer .ita-footer-clean-accordion-content::after, .ita-footer-scope footer .ita-footer-clean-accordion-content *::before, .ita-footer-scope footer .ita-footer-clean-accordion-content *::after { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; } .ita-footer-scope footer .ita-footer-clean-accordion-title, .ita-footer-scope footer .ita-footer-clean-accordion > v-accordion > div > .ita-footer-clean-accordion-title { background-color: #202026 !important; background-image: none !important; } .ita-footer-scope footer .ita-footer-clean-accordion-content { display: flex !important; flex-wrap: nowrap !important; align-items: flex-start !important; justify-content: space-between !important; column-gap: clamp(24px, 10vw, 72px) !important; row-gap: 0 !important; width: 100% !important; margin: 0 !important; padding: 22px 0 0 !important; border: 0 !important; border-radius: 0 !important; } .ita-footer-scope footer .ita-footer-clean-link-list { display: grid !important; width: max-content !important; max-width: 100% !important; min-width: 0 !important; gap: 22px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; list-style: none !important; } .ita-footer-scope footer .ita-footer-clean-link-list a { display: inline !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; color: #ffffff !important; line-height: 1.35 !important; text-decoration: none !important; } .ita-footer-scope footer .ita-footer-clean-accordion-content > .ita-footer-clean-link-list:first-child, .ita-footer-scope footer .ita-footer-clean-accordion-content > .ita-footer-clean-link-list:first-child > *, .ita-footer-scope footer .ita-footer-clean-accordion-content > .ita-footer-clean-link-list:first-child :is(li, a, span, div) { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; outline: 0 !important; } }@media(max-width:1023px){.ita-footer-scope footer .ita-footer-clean-accordion-content[style*="display: none"],.ita-footer-scope footer .ita-footer-clean-accordion-content[style*="display:none"],.ita-footer-scope footer .ita-footer-clean-accordion-content[hidden],.ita-footer-scope footer .ita-footer-clean-accordion-content[aria-hidden="true"]{display:none !important}.ita-footer-scope footer .ita-footer-clean-link-list a{transition:color 0.18s ease,opacity 0.18s ease !important}.ita-footer-scope footer .ita-footer-clean-link-list a:hover,.ita-footer-scope footer .ita-footer-clean-link-list a:focus-visible{color:#74a8ff !important;text-decoration:none !important}}