.slide-out-menu--mobile,
.page-header .slide-out-menu--mobile,
.page-header .action.slide-out-menu--mobile,
.nav-toggle {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    position: static !important;
    clip: auto !important;
    overflow: visible !important;
    align-items: center;
    cursor: pointer;
    padding: 8px;
    margin-right: 8px;
}

/* ─── FIX 1: Cart counter badge alignment ─────────────────────────── */
.minicart-wrapper .action.showcart {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.minicart-wrapper .action.showcart .counter.qty {
    top: -8px;
    right: -8px;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ─── FIX 2: Newsletter input — quitar ícono del ::before ─────────── */
.block.newsletter .field.newsletter .control::before {
    display: none !important;
    content: none !important;
}
.block.newsletter .field.newsletter .control input {
    padding-left: 16px !important;
}

/* ─── FIX 3: Banner buttons — estilo global (blanco + hover azul) ─── */
.caption .button-component,
.caption a.button-component,
.rev_slider .caption .button-component,
.banner .caption .button-component {
    background-color: #fff !important;
    color: #06038D !important;
    border: .25rem solid transparent !important;
    border-radius: 3.75rem !important;
    height: auto !important;
    padding: 1.2rem 2rem !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    transition: background-color .25s ease-in-out, color .25s ease-in-out !important;
    overflow: visible !important;
}
.caption .button-component:hover,
.caption a.button-component:hover,
.rev_slider .caption .button-component:hover,
.banner .caption .button-component:hover {
    background-color: #0050FC !important;
    border-color: #0050FC !important;
    color: #fff !important;
}

/* ─── FIX counter-number line-height ─── */
.minicart-wrapper .action.showcart .counter.qty .counter-number {
    line-height: 10px;
}

/* ─── Sizing action btn & step num ─── */
.giant-sizing-action-btn {
    align-items: center;
}

.giant-sizing-step-num {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    background: #e5e5e5;
    border-radius: 2px;
    cursor: default;
    align-items: center;
}

/* FIX: z-index hierarchy
   content-wrapper-topbaritems (10000)
   < page-header sticky (10003)
   < faq-modal-backdrop (10004) — cubre header cuando modal está abierto
   < faq-modal (10005)
*/
body.cms-index-index .content-wrapper-topbaritems {
    z-index: 10000 !important;
}
.page-header {
    z-index: 10003 !important;
}
.faq-modal-backdrop {
    z-index: 10004 !important;
}
.modal.in, .faq-modal.in {
    z-index: 10005 !important;
}
/* =====================================================
   LIV BRAND COLOR OVERRIDES
   #06038D / #0400b5 → #570054
   #0050FC → #8a0088
   #41C4F0 → #e8a4e8
   ===================================================== */
body.liv .btn-primary,
body.liv .btn-banner {
    font-size: 1.3rem;
    min-width: 5rem;
    line-height: unset;
    background-color: #fff;
    color: #570054;
    border: .25rem solid transparent;
    border-radius: 3.75rem;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    padding: 1.5rem .5rem 1.3rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .25s ease-in-out;
    appearance: auto;
    overflow: visible;
    letter-spacing: .1rem;
}
body.liv .btn-primary:active,
body.liv .btn-primary:focus,
body.liv .btn-primary:hover,
body.liv .btn-banner:active,
body.liv .btn-banner:focus,
body.liv .btn-banner:hover {
    background-color: #570054;
    border-color: #570054;
    color: #fff;
    outline: unset;
}
body.liv .btn-animated-arrow {
    background: #570054 !important;
    background: linear-gradient(to right, #570054 25%, #9b30a0 100%) !important;
    color: #fff !important;
    font-weight: 700;
    border: unset;
    overflow: hidden;
    position: relative;
    line-height: 35px;
    padding: 0 35px;
    transition: all 0.2s ease;
    text-transform: uppercase;
    letter-spacing: .1rem;
    font-family: 'Overpass', Arial, sans-serif;
    font-size: 14px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}
body.liv .btn-animated-arrow-alt {
    background: #570054 !important;
    background: linear-gradient(to right, #570054 25%, #9b30a0 100%) !important;
    color: #fff !important;
    font-weight: 700;
    border: unset;
    position: relative;
    line-height: 35px;
    padding: 0 35px;
    transition: all 0.2s ease;
    text-shadow: none;
    text-transform: uppercase;
    letter-spacing: .1rem;
    font-family: 'Overpass', Arial, sans-serif;
    font-size: 14px;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}
body.liv button.action.primary,
body.liv a.action.primary,
body.liv .action.primary {
    background: #570054;
    border-color: #570054;
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: .1rem;
    font-family: 'Overpass', Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    padding: 0 35px;
    line-height: 40px;
    transition: all 0.2s ease;
}
body.liv button.action.tocart.primary {
    background: #570054;
    background: linear-gradient(to right, #570054 25%, #9b30a0 100%);
    border: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .1rem;
    font-family: 'Overpass', Arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    padding: 0 35px;
    line-height: 42px;
    border-radius: 0;
}
body.liv .giant-review-text {
    font-family: 'Overpass', Arial, sans-serif;
    font-size: 14px;
    color: #570054;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
body.liv .giant-review-text a {
    color: #570054;
    text-decoration: underline;
    font-weight: 500;
    font-size: 10px;
}
body.liv .giant-review-text a:hover {
    color: #570054;
    
}
body.liv .giant-review-text span {
    color: #570054;
    font-weight: 300;
    font-size: 10px;
}
body.liv .giant-review-separator {
    color: #570054 !important;
    font-weight: 400 !important;
    font-size: 10px;
}
body.liv .giant-nav-links a:hover {
    color: #8a0088;
}
body.liv body.cms-index-index .page-header.giant-scrolled .giant-nav-links a:hover {
    color: #8a0088;
}
body.liv body.cms-index-index .page-header.giant-scrolled .minicart-wrapper .action.showcart .counter {
    background: #570054;
    color: #fff;
}
body.liv .giant-slide-list li a:hover {
    color: #8a0088;
}
body.liv .giant-slide-list li.active > a {
    color: #8a0088;
}
body.liv .giant-slide-showall {
    color: #8a0088 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    margin-bottom: 16px !important;
    display: block;
    padding: 8px 0 !important;
}
body.liv .page-footer {
    background-color: #570054 !important;
}
body.liv .giant-footer-new {
    background-color: #570054;
    color: #fff;
    position: relative;
    overflow: hidden;
}
body.liv .giant-footer-bottom {
    background-color: #570054;
    padding: 16px 40px;
    border-top: 1px solid rgba(255,255,255,0.08);
}
body.liv .minicart-wrapper .action.showcart .counter.qty {
    position: absolute;
    top: -6px;
    right: -10px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    background: #570054;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 700;
    font-family: 'Overpass', Arial, sans-serif;
    line-height: 18px;
    text-align: center;
    display: inline-block;
    z-index: 2;
}
body.liv .giant-minicart-name a:hover {
    color: #570054;
}
body.liv .giant-btn-continue {
    background: #570054;
    color: #fff;
    border: none;
    padding: 14px 30px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Overpass', Arial, sans-serif;
    cursor: pointer;
    transition: background 0.2s;
    border-radius: 5px;
}
body.liv .giant-btn-continue:hover {
    background: #570054;
}
body.liv .giant-btn-checkout {
    width: 100%;
    background: #570054;
    color: #fff !important;
    border: none;
    padding: 16px 20px;
    font-size: 15px;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s;
    font-family: 'Overpass', Arial, sans-serif;
    display: block;
    text-align: center;
}
body.liv .giant-btn-checkout:hover {
    background: #570054;
}
body.liv .giant-link-continue {
    display: block;
    text-align: center;
    margin-top: 14px;
    color: #570054;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}
body.liv .giant-link-continue:hover {
    color: #570054;
}
body.liv .checkout-index-index .field .control input:focus,
body.liv .checkout-index-index .field .control select:focus,
body.liv .checkout-index-index .field .control textarea:focus,
body.liv .inputs-style--underlined.checkout-index-index input:focus,
body.liv .inputs-style--underlined.checkout-index-index select:focus,
body.liv .inputs-style--underlined.checkout-index-index textarea:focus {
    border-color: #570054 !important;
    border: 1px solid #570054 !important;
    outline: none !important;
    box-shadow: none !important;
}
body.liv /* --- Buttons --- */
.checkout-index-index .action.primary {
    background: #570054 !important;
    color: #fff !important;
    border: none !important;
    padding: 12px 32px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0.3px !important;
    font-family: 'Overpass', Arial, sans-serif !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
    border-radius: 4px !important;
    min-width: auto !important;
    text-align: center !important;
    margin-top: 0 !important;
    display: inline-flex !important;
    justify-content: center !important;
    gap: 8px !important;
    line-height: 1.4 !important;
    height: auto !important;
}
body.liv .checkout-index-index .action.primary:hover {
    background: #570054 !important;
}
body.liv .checkout-index-index .action.secondary,
body.liv .checkout-index-index .action-show-popup,
body.liv .checkout-index-index .action.action-select-shipping-item {
    background: transparent !important;
    color: #570054 !important;
    border: 1px solid #570054 !important;
    padding: 10px 24px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: 'Overpass', Arial, sans-serif !important;
    cursor: pointer !important;
    border-radius: 4px !important;
    transition: all 0.2s !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    line-height: 1.4 !important;
}
body.liv .checkout-index-index .action.secondary:hover,
body.liv .checkout-index-index .action-show-popup:hover {
    background: #570054 !important;
    color: #fff !important;
}
body.liv .checkout-index-index .action.remind,
body.liv .checkout-index-index .action.action-cancel {
    background: transparent !important;
    border: none !important;
    color: #570054 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    padding: 0 !important;
    cursor: pointer !important;
    font-family: 'Overpass', Arial, sans-serif !important;
}
body.liv .checkout-index-index .authentication-wrapper .action-auth-toggle {
    font-size: 13px !important;
    color: #570054 !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    font-family: 'Overpass', Arial, sans-serif !important;
}
body.liv .checkout-index-index .opc-block-summary .action.action-toggle {
    color: #570054 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    font-family: 'Overpass', Arial, sans-serif !important;
}
body.liv .checkout-index-index .table-checkout-shipping-method .col-method input[type="radio"] {
    accent-color: #570054 !important;
    width: 18px !important;
    height: 18px !important;
}
body.liv .checkout-index-index .checkout-payment-method .payment-method input[type="radio"] {
    accent-color: #570054 !important;
    width: 18px !important;
    height: 18px !important;
    margin-right: 8px !important;
}
body.liv .checkout-index-index input[type="checkbox"] {
    accent-color: #570054 !important;
    width: 16px !important;
    height: 16px !important;
}
body.liv .checkout-index-index .checkout-agreements-block .checkout-agreement a {
    color: #570054 !important;
}
body.liv .checkout-cart-index .cart.table-wrapper .product-item-name a:hover {
    color: #570054 !important;
}
body.liv .checkout-cart-index .cart.main.actions .action.continue {
    color: #570054 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    margin-right: auto !important;
}
body.liv .checkout-cart-index .cart.main.actions .action.continue:hover {
    color: #570054 !important;
    text-decoration: underline !important;
}
body.liv .checkout-cart-index .cart.main.actions .action.update {
    background: transparent !important;
    color: #570054 !important;
    border: 1px solid #570054 !important;
    padding: 10px 24px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: 'Overpass', Arial, sans-serif !important;
    cursor: pointer !important;
    border-radius: 4px !important;
    transition: all 0.2s !important;
}
body.liv .checkout-cart-index .cart.main.actions .action.update:hover {
    background: #570054 !important;
    color: #fff !important;
}
body.liv .checkout-cart-index .checkout-methods-items .action.primary,
body.liv .checkout-cart-index .checkout-methods-items .action.primary.checkout {
    background: #570054 !important;
    color: #fff !important;
    border: none !important;
    padding: 16px 30px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-family: 'Overpass', Arial, sans-serif !important;
    cursor: pointer !important;
    border-radius: 4px !important;
    width: 100% !important;
    text-align: center !important;
    transition: background 0.2s !important;
    display: block !important;
    box-sizing: border-box !important;
}
body.liv .checkout-cart-index .checkout-methods-items .action.primary:hover,
body.liv .checkout-cart-index .checkout-methods-items .action.primary.checkout:hover {
    background: #570054 !important;
}
body.liv .checkout-cart-index .cart-empty .giant-btn-back-shop,
body.liv .checkout-cart-index .cart-empty a.button {
    display: inline-block !important;
    background: #570054 !important;
    color: #fff !important;
    padding: 16px 40px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    margin-top: 16px !important;
    font-family: 'Overpass', Arial, sans-serif !important;
    border-radius: 4px !important;
    transition: background 0.2s !important;
    text-transform: uppercase !important;
}
body.liv .checkout-cart-index .cart-empty .giant-btn-back-shop:hover,
body.liv .checkout-cart-index .cart-empty a.button:hover {
    background: #570054 !important;
}
body.liv .checkout-cart-index .cart-discount .actions-toolbar .primary .action {
    background: #570054 !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    width: auto !important;
}
body.liv .inputs-style--underlined.checkout-cart-index .cart-discount input:focus,
body.liv .inputs-style--underlined.checkout-cart-index .cart-summary input:focus,
body.liv .inputs-style--underlined.checkout-cart-index .cart-summary select:focus,
body.liv .inputs-style--underlined.checkout-cart-index .cart-discount input:hover,
body.liv .inputs-style--underlined.checkout-cart-index .cart-summary input:hover,
body.liv .inputs-style--underlined.checkout-cart-index .cart-summary select:hover {
    border: 1px solid #570054 !important;
}
body.liv .catalog-product-view .product-info-main .box-tocart .action.tocart {
    background: #570054 !important;
    color: #fff !important;
    border: none !important;
    padding: 14px 30px;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Overpass', Arial, sans-serif;
    cursor: pointer;
    border-radius: 0;
    transition: background 0.2s;
}
body.liv .catalog-product-view .product-info-main .box-tocart .action.tocart:hover {
    background: #3d003b !important;
}
body.liv .giant-pdp-modal__content a {
    color: #570054;
    text-decoration: underline;
}
body.liv .giant-pdp-modal__content a:hover {
    color: #570054;
}
body.liv .giant-sizing-step-num.active {
    background: #570054;
    color: #fff;
}
body.liv .gsz-help-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
    background: #570054;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    z-index: 2;
}
body.liv .gsz-btn--next {
    background: #570054;
    color: #fff;
}
body.liv .gsz-btn--back {
    background: #570054;
    color: #fff;
}
body.liv .gsz-product-name {
    font-size: 18px;
    font-weight: 700;
    color: #570054;
    margin: 0 0 6px;
}
body.liv .gsz-radio-box:has(input:checked) {
    border-color: #570054;
}
body.liv .gsz-radio-box input[type="radio"] {
    accent-color: #570054;
    margin: 0;
}
body.liv .gsz-input-unit {
    display: inline-flex;
    border: 2px solid #570054;
    border-radius: 0;
    padding: 0;
    margin-bottom: 8px;
}
body.liv .gsz-toggle.active {
    background: #570054;
    color: #fff;
    border-color: #570054;
}
body.liv .gsz-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: auto;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #570054;
    cursor: pointer;
    border: 2px solid #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}
body.liv .gsz-slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #570054;
    cursor: pointer;
    border: 2px solid #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}
body.liv .gsz-slider::-webkit-slider-runnable-track {
    background: linear-gradient(to right, #570054 0%, #570054 var(--val, 50%), #d5d5d5 var(--val, 50%), #d5d5d5 100%);
    height: 6px;
    border-radius: 3px;
}
body.liv .gsz-how-title {
    font-size: 22px;
    font-weight: 700;
    color: #570054;
    margin: 0 0 14px;
}
body.liv .gsz-result-size {
    font-size: 56px;
    font-weight: 800;
    color: #570054;
    text-align: center;
    padding: 16px 0;
    letter-spacing: 2px;
}
body.liv .products-grid .product.details.product-item-details:after,
body.liv .widget-product-carousel .product.details.product-item-details:after,
body.liv .product.details.product-item-details:after {
    content: "VER MÁS" !important;
    position: absolute !important;
    right: 24px !important;
    bottom: 22px !important;
    left: auto !important;
    top: auto !important;
    margin-top: 0 !important;
    color: #570054 !important;
    cursor: pointer;
    font-family: 'Overpass', sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding-right: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.0442 8.99999H2V6.99999H11.0442L8.15536 3H10.6224L14.2335 7.99999L10.6224 13H8.15536L11.0442 8.99999Z' fill='%2306038d'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px 16px;
}
body.liv body.giant footer {
    background: #570054 ! important;
}
body.liv .discovermode-button-component-wrapper a.button-component,
body.liv .discovermode-button-component-wrapper button.button-component {
    font-size: 1.3rem;
    min-width: 5rem;
    line-height: unset;
    background-color: #fff;
    color: #570054;
    border: .25rem solid transparent;
    border-radius: 3.75rem;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    padding: 1.5rem .5rem 1.3rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .25s ease-in-out;
    overflow: visible;
    align-items: center;
    appearance: none;
    height: auto;
}
body.liv .discovermode-button-component-wrapper a.button-component:hover,
body.liv .discovermode-button-component-wrapper button.button-component:hover {
    background-color: #8a0088;
    border-color: #8a0088;
    color: #fff;
}
body.liv .discovermode-button-component-wrapper a.button-component:focus-visible,
body.liv .discovermode-button-component-wrapper button.button-component:focus-visible {
    box-shadow: 0 0 0 .5rem rgba(0, 80, 252, .2);
    outline: #8a0088 solid .25rem;
    outline-offset: .5rem;
}
body.liv .discovermode-button-component-wrapper a.button-component.filled,
body.liv .discovermode-button-component-wrapper button.button-component.filled {
    background-color: #570054;
    color: #fff;
}
body.liv .discovermode-button-component-wrapper a.button-component.filled:hover,
body.liv .discovermode-button-component-wrapper button.button-component.filled:hover {
    background-color: #8a0088;
    border-color: #8a0088;
}
body.liv .discovermode-button-component-wrapper a.button-component.outlined,
body.liv .discovermode-button-component-wrapper button.button-component.outlined {
    background: unset;
    border-color: #570054;
    color: #570054;
}
body.liv .discovermode-button-component-wrapper a.button-component.outlined:hover,
body.liv .discovermode-button-component-wrapper button.button-component.outlined:hover {
    background-color: #8a0088;
    border-color: #8a0088;
    color: #fff;
}
body.liv font-size: 1.4rem !important;
    min-width: 5rem !important;
    line-height: unset !important;
    background-color: #fff !important;
    color: #06038D !important;
    border: .25rem solid transparent !important;
    border-radius: 3.75rem !important;
    cursor: pointer !important;
    display: inline-flex !important;
    justify-content: center !important;
    padding: 1.2rem .5rem !important;
    position: relative !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    transition: .25s ease-in-out     transition: .25s ease-in-out     transit
                                                                                            nt .mo                                          mp                                    t .m                                        erpass,
body.liv 8                                                               or                      lative !impo                             (1rem 0,
body.liv 100% 0,
body.liv calc(100% - 1rem) 100                                     im                         dden !important;
    padding: 0 1rem !important;
    width: 100% !important;
    display: flex !important;
.discovermode-button-component-wrapper button.button-component:hover {
    background-color: #8a0088 !important;
    border-color: #8a0088 !important;
    color: #fff !important;
}
body.liv font-size: 1.4rem !important;
    min-width: 5rem !important;
    line-height: unset !important;
    background-color: #fff !important;
    color: #06038D !important;
    border: .25rem solid transparent !important;
    border-radius: 3.75rem !important;
    cursor: pointer !important;
    display: inline-flex !important;
    justify-content    justify-content    justify-content    justify-content    justify-content    justify-content    justtio    justify-content    justify-content    justify-content          justify-content    justify-content    justify-content    justify-content    justify-contenl .    justify-content    justify-content    vi    justify-content    justify-contentdiscovermode-button-component-wrapper a.button-com    justify-content    justify-content    justify-content    justify-conent    justify-content    justify-content    justify-content    justify-conten-component-wrapper a.button-component .motion-track-slides,
body.liv .discovermode-button-component-wrapper button.button-component .motio.discovermode-button-component-y: Overpass,
body.liv Arial,
body.liv Helvetica,
body.liv sans-serif !important;
    font-weight: 800 !important;
    left: 0 !important;
    max-width: 100% !important;
    position: relative !important;
    clip-path: polygon(1rem 0,
body.liv 100% 0,
body.liv calc(100% - 1rem) 100%,
body.liv 0 100%) !important;
    inset: 0 !important;
    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overflo    overfesplegar
sudo rm -rf /var/www/magento/pub/static/frontend/Olegnax/athlete2/*/css/
sudo rm -rf /var/www/magento/var/view_preprocessed/
cd /var/www/magento &&cd /var/www/magento &&cd /agento setup:static-content:deploy -f es_ES es_CO en_US --theme=Olegnax/athlete2 2>&1 | tail -3
redis-cli FLUSHALL > /dev/null
sudo -u magento php bin/magento cache:flush 2>&1 | tail -1
echo "Done"

/* ========================================
   DISCOVER MODE CTA BUTTONS - Homepage
   ======================================== */

.cms-index-index .discovermode-button-component-wrapper a.button-component,
body.liv .cms-index-index .discovermode-button-component-wrapper button.button-component,
body.liv .discovermode-button-component-wrapper a.button-component,
body.liv .discovermode-button-component-wrapper button.button-component {
    font-size: 1.4rem !important;
    min-width: 5rem !important;
    line-height: unset !important;
    background-color: #fff !important;
    color: #570054 !important;
    border: .25rem solid transparent !important;
    border-radius: 3.75rem !important;
    cursor: pointer !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 1.2rem .5rem !important;
    position: relative !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    transition: all .25s ease-in-out !important;
    overflow:     overflow:   nt;
}
body.liv .cms-index-index .discovermode-button-component-wrapper a.button-component:hover,
body.liv .cms-index-index .discovermode-button-component-wrapper button.button-component:hover,
body.liv .discovermode-button-component-wrapper a.button-component:hover,
body.liv .discovermode-button-component-wrapper button.button-component:hover {
    background-color: #8a0088 !important;
    border-color: #8a0088 !important;
    color: #fff !important;
}
body.liv /* ─── FIX 3: Banner buttons — estilo global (blanco + hover azul) ─── */
.caption .button-component,
body.liv .caption a.button-component,
body.liv .rev_slider .caption .button-component,
body.liv .banner .caption .button-component {
    background-color: #fff !important;
    color: #570054 !important;
    border: .25rem solid transparent !important;
    border-radius: 3.75rem !important;
    height: auto !important;
    padding: 1.2rem 2rem !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    transition: background-color .25s ease-in-out, color .25s ease-in-out !important;
    overflow: visible !important;
}
body.liv .caption .button-component:hover,
body.liv .caption a.button-component:hover,
body.liv .rev_slider .caption .button-component:hover,
body.liv .banner .caption .button-component:hover {
    background-color: #8a0088 !important;
    border-color: #8a0088 !important;
    color: #fff !important;
}

/* ===== LIV: Footer background ===== */
body.liv .giant-footer-new {
    background-color: #111 !important;
}
body.liv .giant-footer-bottom {
    background-color: #111 !important;
}

/* ===== LIV: topbar una sola línea centrada ===== */
body.liv .content-wrapper-topbaritems .flex-center.flex-row {
    flex-wrap: nowrap !important;
    white-space: nowrap;
    justify-content: center;
    width: 100%;
}
body.liv .topline-block p {
    white-space: nowrap !important;
    margin: 0 !important;
}

/* ===== LIV: Hide Giant watermark in footer ===== */
body.liv .giant-footer-watermark {
    display: none !important;
}

/* ===== LIV: Homepage news block hidden (no Liv content yet) ===== */
body.liv .liv-news-block {
    display: none !important;
}