/* The navigation strip is part of the existing header artwork. */
.menu-background {
    isolation: isolate;
}
.menu-background::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 31px;
    background: url("images/shape100794000.gif") center / 100% 100% no-repeat;
    pointer-events: none;
}
.menu-background--hero::before {
    content: "";
    position: absolute;
    inset: 158px 1px 1px;
    border: 1px solid #c79691;
    pointer-events: none;
}
.menu-background--hero::after {
    top: 127px;
}
.menu-background--panel::after {
    top: 87px;
}
.top-menu-link {
    font-size: 22px;
}

a.style1.top-menu-link:hover,
a.style1.top-menu-link:focus-visible {
    color: #fff;
    text-decoration: underline;
    text-decoration-color: #ffd6b8;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}


@media (min-width: 768px) {
    .product-menu-decoration { visibility: hidden; }

    .product-menu > .wpmd {
        box-sizing: border-box;
        overflow: hidden;
        border: 1px solid #e3cfcb;
        border-radius: 9px;
        background: #fffaf8;
        font: 600 15px/1.2 Tahoma, Arial, sans-serif;
    }

    .product-menu > .wpmd > div:first-child {
        padding: 10px 12px;
        background: #8e2118;
    }

    .product-menu > .wpmd > div:first-child > .ws14 {
        font-size: 16px;
        letter-spacing: .04em;
    }

    .product-menu > .wpmd > div:not(:first-child):is(:not(:has(a.style2)), :has(a.style2 > br)) {
        display: none;
    }

    .product-menu > .wpmd > div:has(a.style2) {
        border-top: 1px solid #efdfdb;
    }

    .product-menu > .wpmd > div > .ws14 { font-size: inherit; }

    .product-menu a.style2 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 6px;
        box-sizing: border-box;
        min-height: 35px;
        padding: 6px 10px 6px 12px;
        color: #741b15;
        text-decoration: none;
    }

    .product-menu a.style2:not(:has(br))::after {
        content: "\203A";
        flex: none;
        color: #8e2118;
        font-size: 19px;
        line-height: 1;
    }

    .product-menu a.style2:hover,
    .product-menu a.style2:focus-visible {
        background: #f7e8e3;
        color: #62150f;
        box-shadow: inset 3px 0 #8e2118;
    }

    .product-menu a.style2:focus-visible {
        outline: 2px solid #8e2118;
        outline-offset: -2px;
    }
}

.contact-button {
    position: fixed;
    bottom: calc(14px + env(safe-area-inset-bottom, 0px));
    z-index: 1000;
}
.contact-button--phone {
    left: calc(14px + env(safe-area-inset-left, 0px));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 104px;
    min-height: 64px;
    border-radius: 4px;
    background: #800000;
    color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    font: bold 19px Arial, sans-serif;
    text-decoration: none;
}
.contact-button--phone:hover {
    background: #650000;
}
.contact-button--phone span {
    font-size: 24px;
}
.contact-button--whatsapp {
    right: calc(14px + env(safe-area-inset-right, 0px));
}
.contact-button--whatsapp img {
    display: block;
}
@media (min-width: 768px) {
    .contact-button--whatsapp {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        min-width: 156px;
        min-height: 54px;
        padding-inline: 14px;
        box-sizing: border-box;
        border-radius: 4px;
        background: #25d366;
        color: #092b17;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
        font: bold 17px Arial, sans-serif;
        text-decoration: none;
    }

    .contact-button--whatsapp:hover { background: #20bf5b; }

    .contact-button--whatsapp img {
        flex: none;
        width: 56px;
        height: 56px;
        margin: -12px -15px -25px;
        filter: grayscale(1) brightness(.7) contrast(6);
        mix-blend-mode: screen;
        clip-path: inset(9px 15px 22px 15px);
    }

    .contact-button--whatsapp::after { content: "WhatsApp"; }
}

.contact-button:focus-visible {
    outline: 3px solid #171717;
    outline-offset: 3px;
}

.top-menu-services {
    position: absolute;
    top: 128px;
    left: 708px;
    color: #fff;
    z-index: 90;
    font: bold 22px/29px Tahoma, Arial, sans-serif;
    white-space: nowrap;
}

.home-shipping-summary {
    position: absolute;
    z-index: 43;
    inset: 83px 18px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    border: 1px solid #e7cfcc;
    border-radius: 7px;
    background: #fffaf8;
    color: #492e2a;
    font: 600 17px/1.15 Tahoma, Arial, sans-serif;
}

.home-shipping-summary > * {
    padding-inline: 20px;
}

.home-shipping-summary strong {
    color: #800000;
}

.home-shipping-summary > * + * {
    border-inline-start: 1px solid #d7b4ae;
}

@media (max-width: 767px) {
    .home-shipping-summary {
        font-size: 25px;
    }

    .home-shipping-summary > * {
        padding-inline: 14px;
    }
}

.home-hero-artwork {
    clip-path: inset(82px 0 0);
}

.home-hero-title {
    position: absolute;
    inset: 0 0 auto;
    height: 82px;
    margin: 0;
    padding-inline: 16px;
    box-sizing: border-box;
    display: grid;
    place-items: center;
    background: #fffaf8;
    color: #741b15;
    text-align: center;
    font: 700 43px/1.12 Tahoma, Arial, sans-serif;
    letter-spacing: -.025em;
}

.home-top-nav {
    position: absolute;
    z-index: 44;
    inset: 127px 1px auto;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #8e2118;
}

.home-top-nav .top-menu-link {
    position: static;
    display: grid;
    place-items: center;
    min-width: 132px;
    height: 27px;
    box-sizing: border-box;
    padding-inline: 14px;
    border-radius: 5px;
    color: #fff;
    font: 700 15px/1 Tahoma, Arial, sans-serif;
    text-decoration: none;
}

.home-top-nav .top-menu-link:hover {
    background: #a9362a;
}

.home-top-nav .top-menu-link[aria-current="page"] {
    background: #fff0eb;
    color: #741b15;
}

.home-top-nav .top-menu-link:focus-visible {
    outline: 2px solid #fff;
    outline-offset: -2px;
}

#container[style*="--catalog-scale"] .home-top-nav {
    visibility: hidden;
}

/* Exclude the old bitmap badge while keeping the original window artwork. */
.menu-background--hero:has(.home-price-badge) .home-hero-artwork {
    clip-path: polygon(0 82px, 100% 82px, 100% 205px, 822px 205px,
        822px 376px, 100% 376px, 100% 100%, 0 100%);
}

.home-price-badge {
    position: absolute;
    top: 212px;
    left: 825px;
    width: 156px;
    height: 157px;
    isolation: isolate;
    display: grid;
    place-content: center;
    border-radius: 50%;
    background: linear-gradient(115deg, #b62428, #a41d22 70%, #87171b);
    color: #fff;
    text-align: center;
    font: italic 800 32px/.96 Arial, sans-serif;
    letter-spacing: -1.4px;
    text-shadow: 0 1px 2px #761419;
}

.home-price-badge::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -4px 53px;
    border-radius: 10px;
    background: linear-gradient(120deg, #bd4448, #d15b5e 56%, #bc3d43);
    box-shadow: inset 0 0 0 2px #9c262b;
    transform: skewX(-15deg);
}