body.orderinfo-header-red #top_box,
body.orderinfo-header-red #top,
body.orderinfo-header-red #top_bg,
body.orderinfo-header-red #head,
body.orderinfo-header-red #head2,
body.orderinfo-header-red header {
    background-color: #ab1005 !important;
    background-image: none !important;
    border-radius: 0 !important;
}

body.orderinfo-header-red #top_box::before,
body.orderinfo-header-red #top_box::after,
body.orderinfo-header-red #top::before,
body.orderinfo-header-red #top::after,
body.orderinfo-header-red #top_bg::before,
body.orderinfo-header-red #top_bg::after,
body.orderinfo-header-red #head::before,
body.orderinfo-header-red #head::after,
body.orderinfo-header-red #head2::before,
body.orderinfo-header-red #head2::after,
body.orderinfo-header-red header::before,
body.orderinfo-header-red header::after {
    background-color: #ab1005 !important;
    background-image: none !important;
    border-radius: 0 !important;
}

body.orderinfo-header-red #top_box,
body.orderinfo-header-red #top,
body.orderinfo-header-red #top_bg {
    border-bottom: 0 !important;
    box-shadow: none !important;
}

body.orderinfo-header-red #top_box {
    width: 100% !important;
}

body.orderinfo-header-red #top {
    background: transparent !important;
    background-image: none !important;
}

body.orderinfo-header-red #top_bg {
    display: none !important;
    background: transparent !important;
    background-image: none !important;
}

body.orderinfo-header-red #top_right,
body.orderinfo-header-red #logged,
body.orderinfo-header-red #unlogin {
    background: transparent !important;
}

body.orderinfo-header-red #head_search {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid rgba(255, 224, 214, 0.42);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255, 248, 245, 0.95) 0%, rgba(255, 239, 232, 0.92) 100%) !important;
    box-shadow: 0 14px 28px rgba(104, 16, 8, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

body.orderinfo-header-red #head_search::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    z-index: 2;
    width: 16px;
    height: 16px;
    transform: translateY(-50%);
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8' cy='8' r='5.2' fill='none' stroke='%23b88a7a' stroke-width='2.2'/%3E%3Cpath d='M11.9 11.9 L17 17' stroke='%23b88a7a' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    opacity: 0.95;
}

body.orderinfo-header-red .SearchInput {
    width: calc(100% - 70px);
    height: 26px;
    line-height: 26px;
    padding: 0 10px 0 34px;
    box-sizing: border-box;
    border: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 246, 240, 0.96) 100%) !important;
    color: #6b4f4a;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.1px;
    text-indent: 0;
    box-shadow: inset -1px 0 0 rgba(212, 164, 148, 0.36);
    transition: background 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
}

body.orderinfo-header-red .SearchInput:focus {
    outline: none;
    color: #3d2e2a;
    background: linear-gradient(180deg, #fffefd 0%, #fff8f3 100%) !important;
    box-shadow: inset -1px 0 0 rgba(198, 108, 77, 0.44), inset 0 0 0 1px rgba(198, 108, 77, 0.12);
}

body.orderinfo-header-red a.SearchBtn,
body.orderinfo-header-red a.SearchBtn:visited {
    width: 70px;
    height: 26px;
    line-height: 26px;
    display: block;
    float: left;
    border-left: 1px solid rgba(125, 21, 11, 0.16);
    background: linear-gradient(135deg, #f0a169 0%, #d65928 26%, #b31608 62%, #890701 100%) !important;
    color: #fffaf7 !important;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 0.15px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(92, 10, 5, 0.22);
    box-shadow: inset 0 1px 0 rgba(255, 233, 222, 0.32);
    transition: background 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease;
}

body.orderinfo-header-red a.SearchBtn:hover {
    background: linear-gradient(135deg, #f4b383 0%, #df6a34 24%, #c11c0a 60%, #950a02 100%) !important;
    filter: saturate(1.04) brightness(1.03);
    box-shadow: inset 0 1px 0 rgba(255, 236, 227, 0.4), 0 4px 10px rgba(159, 14, 2, 0.18);
}

body.orderinfo-header-red a.SearchBtn:active {
    background: linear-gradient(135deg, #e8925f 0%, #c9481e 26%, #a41205 62%, #770600 100%) !important;
    filter: brightness(0.98);
    box-shadow: inset 0 2px 4px rgba(89, 10, 5, 0.18);
}

@media screen and (min-width: 992px) {
    body.orderinfo-header-red #head2 {
        position: relative !important;
    }

    body.orderinfo-header-red #top_box,
    body.orderinfo-header-red #top {
        min-height: 24px !important;
    }

    body.orderinfo-header-red #top_right,
    body.orderinfo-header-red #top_right > span,
    body.orderinfo-header-red #top_right #logged,
    body.orderinfo-header-red #top_right #unlogin {
        line-height: 24px !important;
    }

    body.orderinfo-header-red #logo {
        height: 88px !important;
        display: block !important;
        overflow: visible !important;
        margin-top: 0 !important;
        position: relative;
        z-index: 1;
    }

    body.orderinfo-header-red #logo img {
        display: block !important;
        position: relative !important;
        top: 30px !important;
        margin-top: 0 !important;
        max-height: none !important;
        width: auto !important;
    }

    body.orderinfo-header-red #head_search {
        width: 428px !important;
        height: 32px !important;
        margin-top: 35px !important;
        margin-right: 14px !important;
        border-radius: 16px !important;
        position: relative !important;
        z-index: 6 !important;
        pointer-events: auto !important;
    }

    body.orderinfo-header-red #head_tel {
        margin-top: 24px !important;
        position: relative !important;
        z-index: 9 !important;
        pointer-events: auto !important;
    }

    body.orderinfo-header-red #head_tel .ShoppingCart,
    body.orderinfo-header-red #head_tel .ShoppingCart span,
    body.orderinfo-header-red #head_tel .ShoppingCart .button,
    body.orderinfo-header-red #head_tel .ShoppingCart .button:visited {
        position: relative !important;
        z-index: 10 !important;
        pointer-events: auto !important;
    }

    body.orderinfo-header-red #head_tel .ShoppingCart .button,
    body.orderinfo-header-red #head_tel .ShoppingCart .button:visited {
        cursor: pointer !important;
    }

    body.orderinfo-header-red #head_search::before {
        left: 11px;
        width: 18px;
        height: 18px;
        background-size: 18px 18px;
        z-index: 8;
    }

    body.orderinfo-header-red .SearchInput {
        width: calc(100% - 78px);
        height: 32px;
        line-height: 32px;
        padding-left: 38px;
        font-size: 14px;
        position: relative;
        z-index: 7;
        pointer-events: auto;
    }

    body.orderinfo-header-red a.SearchBtn,
    body.orderinfo-header-red a.SearchBtn:visited {
        width: 78px;
        height: 32px;
        line-height: 32px;
        font-size: 17px;
        position: relative;
        z-index: 7;
        pointer-events: auto;
    }

    body.orderinfo-header-red #head_search > br,
    body.orderinfo-header-red #head_search > div {
        display: block !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        color: #9f0e02 !important;
        font-size: 10px !important;
        line-height: 1 !important;
    }
}

@media screen and (max-width: 991px) {
    body.orderinfo-header-red #head_search {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        width: 87% !important;
        margin: 40px auto 10px auto !important;
        border-radius: 12px;
    }

    body.orderinfo-header-red .SearchInput {
        width: calc(100% - 92px);
        font-size: 13px;
    }

    body.orderinfo-header-red a.SearchBtn,
    body.orderinfo-header-red a.SearchBtn:visited {
        width: 92px;
        font-size: 0.9375em;
    }

    body.orderinfo-header-red header,
    body.orderinfo-header-red #top_box,
    body.orderinfo-header-red #top,
    body.orderinfo-header-red #head,
    body.orderinfo-header-red #head2,
    body.orderinfo-header-red #head::before,
    body.orderinfo-header-red #head::after,
    body.orderinfo-header-red #head2::before,
    body.orderinfo-header-red #head2::after {
        background: #ab1005 !important;
        background-image: none !important;
    }

    body.orderinfo-header-red #top_box.nav-open-account,
    body.orderinfo-header-red #head_tel,
    body.orderinfo-header-red #head_tel.nav-open-cart {
        background: #ffffff !important;
        background-image: none !important;
        color: #162033 !important;
    }

    body.orderinfo-header-red #top_box.nav-open-account {
        display: block !important;
        top: 115px !important;
        left: 0 !important;
        right: 0 !important;
        margin-top: 0 !important;
        padding: 18px 18px 20px !important;
        height: auto !important;
        min-height: 118px !important;
        z-index: 20000 !important;
        box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12) !important;
        border-top: 0 !important;
    }

    body.orderinfo-header-red #head_tel {
        display: none !important;
    }

    body.orderinfo-header-red #head_tel.nav-open-cart {
        display: flex !important;
        position: absolute !important;
        top: 115px !important;
        left: 0 !important;
        right: 0 !important;
        margin-top: 0 !important;
        padding: 18px 18px 20px !important;
        height: auto !important;
        min-height: 118px !important;
        z-index: 20000 !important;
        box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12) !important;
        border-top: 0 !important;
    }

    body.orderinfo-header-red .morph-dropdown-wrapper,
    body.orderinfo-header-red .nav-open .morph-dropdown-wrapper {
        z-index: 20000 !important;
    }

    body.orderinfo-header-red #top_box.nav-open-account,
    body.orderinfo-header-red #top_box.nav-open-account #top,
    body.orderinfo-header-red #top_box.nav-open-account #top_right,
    body.orderinfo-header-red #top_box.nav-open-account #logged,
    body.orderinfo-header-red #top_box.nav-open-account #unlogin,
    body.orderinfo-header-red #head_tel,
    body.orderinfo-header-red #head_tel.nav-open-cart,
    body.orderinfo-header-red #head_tel.nav-open-cart .ShoppingCart,
    body.orderinfo-header-red #head_tel .ShoppingCart {
        background: #ffffff !important;
        background-image: none !important;
    }

    body.orderinfo-header-red #top_box.nav-open-account a,
    body.orderinfo-header-red #head_tel a,
    body.orderinfo-header-red #head_tel.nav-open-cart a,
    body.orderinfo-header-red #top_box.nav-open-account #logged,
    body.orderinfo-header-red #top_box.nav-open-account #unlogin {
        color: #162033 !important;
    }

    body.orderinfo-header-red #top_box.nav-open-account #top,
    body.orderinfo-header-red #top_box.nav-open-account #top_right {
        width: 100% !important;
        float: none !important;
    }

    body.orderinfo-header-red #account-id-menu > a,
    body.orderinfo-header-red #cart-id-menu > a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        height: 40px !important;
        line-height: 40px !important;
    }

    body.orderinfo-header-red #menu-id-menu > a {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        height: 40px !important;
        line-height: 40px !important;
    }

    body.orderinfo-header-red #account-id-menu > a::before,
    body.orderinfo-header-red #cart-id-menu > a::before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 18px 18px;
        opacity: 0.94;
    }

    body.orderinfo-header-red #account-id-menu > a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='6' r='3.2' fill='none' stroke='%23f7f0ea' stroke-width='2'/%3E%3Cpath d='M4 17c.8-3 3.1-4.5 6-4.5s5.2 1.5 6 4.5' fill='none' stroke='%23f7f0ea' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    }

    body.orderinfo-header-red #cart-id-menu > a::before {
        width: 21px;
        height: 21px;
        background-size: 21px 21px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8' cy='16' r='1.4' fill='%23f7f0ea'/%3E%3Ccircle cx='14' cy='16' r='1.4' fill='%23f7f0ea'/%3E%3Cpath d='M2.5 4h2l1.4 7.3h8.1l1.7-5.1H6.1' fill='none' stroke='%23f7f0ea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    body.orderinfo-header-red #top_box.nav-open-account #top_right {
        display: flex !important;
        justify-content: center !important;
    }

    body.orderinfo-header-red #top_box.nav-open-account #top_right > span {
        max-width: 720px;
        margin: 0 auto !important;
        text-align: center !important;
        font-size: 17px !important;
        line-height: 1.9 !important;
        font-weight: 600 !important;
    }

    body.orderinfo-header-red #top_box.nav-open-account #logged .a1,
    body.orderinfo-header-red #top_box.nav-open-account #unlogin .a1,
    body.orderinfo-header-red #top_box.nav-open-account #top_right > span > a:not(.a1) {
        color: #b42318 !important;
        font-weight: 800 !important;
    }

    body.orderinfo-header-red #top_box.nav-open-account #username,
    body.orderinfo-header-red #top_box.nav-open-account .orange {
        color: #8f160c !important;
        font-weight: 900 !important;
    }

    body.orderinfo-header-red #head_tel.nav-open-cart {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 14px !important;
        width: 100% !important;
        text-align: center !important;
        color: #162033 !important;
    }

    body.orderinfo-header-red #head_tel.nav-open-cart > span {
        display: block !important;
        font-size: 17px !important;
        line-height: 1.6 !important;
        font-weight: 700 !important;
        color: #162033 !important;
    }

    body.orderinfo-header-red #head_tel.nav-open-cart .ShoppingCart {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 14px !important;
        width: min(100%, 420px) !important;
        padding: 14px 16px !important;
        border-radius: 16px !important;
        border: 1px solid #eadfd8 !important;
        box-shadow: none !important;
        color: #162033 !important;
        line-height: 1.45 !important;
    }

    body.orderinfo-header-red #head_tel.nav-open-cart .ShoppingCart span {
        padding-left: 30px !important;
        text-align: left !important;
        font-size: 15px !important;
        line-height: 1.45 !important;
        color: #162033 !important;
    }

    body.orderinfo-header-red #head_tel.nav-open-cart .ShoppingCart #num {
        display: inline-block !important;
        margin-right: 5px !important;
    }

    body.orderinfo-header-red #head_tel.nav-open-cart .ShoppingCart .button {
        flex: 0 0 auto !important;
        margin: 0 !important;
        width: 132px !important;
        min-width: 132px !important;
        height: 44px !important;
        line-height: 42px !important;
        border: 1px solid rgba(125, 21, 11, 0.22) !important;
        border-radius: 14px !important;
        background: linear-gradient(135deg, #ea9b72 0%, #c84622 22%, #aa1809 58%, #7f0901 100%) !important;
        background-size: 170% 170% !important;
        background-position: 0 0 !important;
        color: #ffffff !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        text-align: center !important;
        box-shadow: 0 14px 28px rgba(159, 14, 2, 0.22), inset 0 1px 0 rgba(255, 241, 234, 0.34) !important;
        transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease, background-position 0.26s ease, border-color 0.18s ease !important;
        -webkit-tap-highlight-color: transparent;
    }

    body.orderinfo-header-red #head_tel.nav-open-cart .ShoppingCart .button:active {
        transform: translateY(1px) scale(0.985);
        background-position: 100% 100% !important;
        filter: saturate(1.08) brightness(0.98);
        box-shadow: 0 8px 18px rgba(159, 14, 2, 0.18), inset 0 2px 4px rgba(89, 10, 5, 0.16) !important;
    }
}

@media screen and (max-width: 991px) and (hover: hover) and (pointer: fine) {
    body.orderinfo-header-red #head_tel.nav-open-cart .ShoppingCart .button:hover {
        transform: translateY(-1px);
        background-position: 100% 0 !important;
        border-color: rgba(125, 21, 11, 0.28) !important;
        filter: saturate(1.04) brightness(1.04);
        box-shadow: 0 18px 32px rgba(159, 14, 2, 0.24), inset 0 1px 0 rgba(255, 241, 234, 0.4) !important;
    }
}

body.orderinfo-header-red #top_right,
body.orderinfo-header-red #top_right a,
body.orderinfo-header-red #top_right #logged,
body.orderinfo-header-red #top_right #unlogin {
    color: rgba(255, 245, 239, 0.96) !important;
}

body.orderinfo-header-red #top_right .orange,
body.orderinfo-header-red #top_right #username {
    color: #ffe2d0 !important;
}

body.orderinfo-header-red #top_right .a1 {
    color: #fff6f1 !important;
}
