.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;
}