.zcebra-header-icons{
    --zhi-color:#858585;
    --zhi-hover:#111111;

    width:100%;
    min-height:72px;

    display:flex;
    align-items:center;
    justify-content:flex-end;

    gap:22px;

    padding:0 22px;

    font-family:"League Spartan",Arial,sans-serif;
    line-height:1;

    background:#fff;
}

.zhi-icon-btn{
    position:relative;

    width:34px;
    height:34px;

    padding:0;
    margin:0;

    border:0 !important;
    border-radius:0 !important;

    background:transparent !important;

    color:var(--zhi-color) !important;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    text-decoration:none !important;

    cursor:pointer;

    box-shadow:none !important;

    transition:
        color .18s ease,
        transform .18s ease;
}

.zhi-icon-btn:hover{
    color:var(--zhi-hover) !important;
    transform:translateY(-1px);
}

.zhi-icon-btn svg{
    width:27px;
    height:27px;

    display:block;

    fill:none;

    stroke:currentColor;
    stroke-width:1.65;

    stroke-linecap:round;
    stroke-linejoin:round;
}

.zhi-cart-count{
    position:absolute;

    top:-2px;
    right:-4px;

    min-width:16px;
    height:16px;

    padding:0 3px;

    border:0;

    border-radius:999px;

    background:#fff;

    color:#777;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:9px;
    font-weight:600;
    line-height:1;
}

/* BÚSQUEDA */

.zhi-search-modal{
    position:fixed;
    inset:0;

    z-index:999999;

    background:rgba(255,255,255,.985);

    display:flex;
    justify-content:center;
    align-items:flex-start;

    padding:110px 24px 40px;

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transition:.2s ease;
}

.zhi-search-modal.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.zhi-search-inner{
    width:min(760px,100%);
}

.zhi-search-inner form{
    width:100%;

    display:flex;
    align-items:center;

    border-bottom:1px solid #111;
}

.zhi-search-inner input[type="search"]{
    flex:1;

    border:0 !important;
    outline:0 !important;

    background:transparent !important;

    padding:18px 0;

    color:#111;

    font-family:"League Spartan",Arial,sans-serif;
    font-size:clamp(22px,4vw,42px);
    font-weight:500;

    box-shadow:none !important;
}

.zhi-search-inner input::placeholder{
    color:#aaa;
}

.zhi-search-inner button{
    width:46px;
    height:46px;

    padding:8px;

    border:0;

    background:transparent;

    color:#111;

    cursor:pointer;
}

.zhi-search-inner button svg{
    width:28px;
    height:28px;

    fill:none;

    stroke:currentColor;
    stroke-width:1.5;

    stroke-linecap:round;
    stroke-linejoin:round;
}

.zhi-search-close{
    position:absolute;

    top:28px;
    right:34px;

    padding:0;

    border:0;

    background:transparent;

    color:#111;

    font-family:Arial,sans-serif;
    font-size:34px;
    font-weight:300;
    line-height:1;

    cursor:pointer;
}

body.zhi-search-lock{
    overflow:hidden;
}

/* TABLET */
@media(max-width:1024px){
    .zcebra-header-icons{
        min-height:68px;
        gap:20px;
        padding:0 18px;
    }

    .zhi-icon-btn{
        width:32px;
        height:32px;
    }

    .zhi-icon-btn svg{
        width:25px;
        height:25px;
    }
}

/* MÓVIL */
@media(max-width:767px){
    .zcebra-header-icons{
        min-height:60px;

        gap:16px;

        padding:0 14px;
    }

    .zhi-icon-btn{
        width:30px;
        height:30px;
    }

    .zhi-icon-btn svg{
        width:23px;
        height:23px;
    }

    .zhi-cart-count{
        top:-3px;
        right:-4px;

        min-width:15px;
        height:15px;

        font-size:8px;
    }

    .zhi-search-modal{
        padding-top:90px;
    }

    .zhi-search-close{
        right:20px;
    }
}