/* =========================================================
   WMS2 SHARED SITE HEADER
   Single clean implementation
   ========================================================= */

.header{
    width:100%;
    height:91px;
    margin:0;
    padding:0;
    position:relative;
    overflow:hidden;
    box-sizing:border-box;
    background:#050505 url('/homepage-v1-test/wms-assets/header.jpg') center top / 100% 91px no-repeat;
    border-bottom:1px solid #2c2118;
}

.wms-index-logo-link{
    display:block;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:91px;
    z-index:80;
}

.wms-mobile-logo{
    display:none!important;
}

.header-ad{
    position:absolute;
    right:3%;
    top:8px;
    width:34%;
    height:74px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    z-index:20;
    background:rgba(0,0,0,.60);
    border:2px dashed rgba(255,255,255,.45);
    border-radius:5px;
    pointer-events:none;
}

.header-ad span{
    font:700 11px Arial,Helvetica,sans-serif;
    letter-spacing:2px;
    color:rgba(255,255,255,.75);
}

/* ---------------------------------------------------------
   DESKTOP SEARCH
   --------------------------------------------------------- */

.desktop-search{
    position:absolute;
    left:38%;
    top:21px;
    width:23%;
    height:58px;
    z-index:50;
    display:flex;
    box-sizing:border-box;
    background:#050505;
}

.desktop-search form{
    display:flex;
    width:100%;
    height:100%;
    margin:0;
}

.desktop-search input{
    flex:1;
    min-width:0;
    height:58px;
    padding:0 14px;
    background:#11151a;
    border:1px solid #343a40;
    border-right:0;
    border-radius:4px 0 0 4px;
    color:#fff;
    font:16px Arial,Helvetica,sans-serif;
    outline:none;
    box-sizing:border-box;
}

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

.desktop-search button{
    width:58px;
    height:58px;
    border:1px solid #e31e1a;
    border-radius:0 4px 4px 0;
    background:#e31e1a;
    color:#fff;
    font:700 30px Arial,Helvetica,sans-serif;
    cursor:pointer;
    box-sizing:border-box;
}

/* ---------------------------------------------------------
   MOBILE SEARCH
   --------------------------------------------------------- */

.mobile-search{
    display:none;
}

/* ---------------------------------------------------------
   NAVIGATION
   --------------------------------------------------------- */

.nav{
    width:100%;
    height:54px;
    margin:0;
    padding:0;
    background:#050505;
    border-bottom:2px solid #8e2119;
    box-shadow:0 4px 12px #000;
    box-sizing:border-box;
}

.navin{
    width:min(1540px,calc(100% - 36px));
    height:100%;
    margin:auto;
    display:flex;
    align-items:stretch;
    box-sizing:border-box;
}

.nav a{
    display:flex;
    align-items:center;
    gap:9px;
    padding:0 17px;
    border-right:1px solid #1e1e1e;
    font-family:Arial,Helvetica,sans-serif;
    font-size:13px;
    font-weight:800;
    letter-spacing:.4px;
    text-transform:uppercase;
    white-space:nowrap;
    color:#fff;
    text-decoration:none;
    box-sizing:border-box;
}

.nav a:first-child{
    border-left:1px solid #1e1e1e;
}

.nav a.active,
.nav a:hover{
    color:#fff;
    background:#080808;
    border-bottom:4px solid #e31e1a;
}

.nav .ico{
    font-size:19px;
    line-height:1;
    flex:0 0 auto;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px), (hover:none) and (pointer:coarse) and (orientation:landscape){

    html,
    body{
        width:100%;
        max-width:100%;
        overflow-x:hidden;
    }

    /* HEADER */

    .header{
        width:100%;
        height:145px!important;
        min-height:145px!important;
        max-height:145px!important;
        margin:0;
        padding:0;
        position:relative!important;
        overflow:hidden;
        background:#050505!important;
        border-bottom:1px solid #2c2118!important;
        box-sizing:border-box;
    }

    .header:before{
        content:"";
        position:absolute;
        left:50%;
        top:0;
        transform:translateX(-50%);
        width:100%!important;
        height:88px!important;
        background-image:url('/homepage-v1-test/wms-assets/mobile/logo-only.jpg')!important;
        background-repeat:no-repeat!important;
        background-size:390px 88px!important;
        background-position:calc(50% - 50px) top!important;
        z-index:1;
    }

    .wms-index-logo-link{
        display:block!important;
        position:absolute!important;
        left:0!important;
        top:0!important;
        width:50%!important;
        height:88px!important;
        z-index:80!important;
    }

    .wms-mobile-logo{
        display:none!important;
    }

    /* HEADER AD */

    .header-ad{
        display:flex!important;
        position:absolute!important;
        left:10px!important;
        right:10px!important;
        top:96px!important;
        width:auto!important;
        height:40px!important;
        min-height:40px!important;
        max-height:40px!important;
        align-items:center!important;
        justify-content:center!important;
        box-sizing:border-box!important;
        z-index:20!important;
        background:rgba(0,0,0,.35)!important;
        border:1px dashed rgba(255,255,255,.25)!important;
        border-radius:2px!important;
    }

    .header-ad span{
        font:700 8px Arial,Helvetica,sans-serif!important;
        letter-spacing:1.5px!important;
        color:rgba(255,255,255,.45)!important;
    }

    /* MOBILE SEARCH */

    .desktop-search{
        display:none!important;
    }

    .mobile-search{
        display:block!important;
        width:100%;
        padding:8px 10px 10px;
        background:#050505;
        border-bottom:1px solid #2c2118;
        box-sizing:border-box;
    }

    .mobile-search form{
        display:flex;
        width:100%;
        height:48px;
        margin:0;
    }

    .mobile-search input{
        flex:1;
        min-width:0;
        height:48px;
        padding:0 14px;
        background:#11151a;
        border:1px solid #343a40;
        border-right:0;
        border-radius:4px 0 0 4px;
        color:#fff;
        font:16px Arial,Helvetica,sans-serif;
        outline:none;
        box-sizing:border-box;
    }

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

    .mobile-search button{
        width:58px;
        height:48px;
        border:1px solid #e31e1a;
        border-radius:0 4px 4px 0;
        background:#e31e1a;
        color:#fff;
        font:700 28px Arial,Helvetica,sans-serif;
        cursor:pointer;
        box-sizing:border-box;
    }

    /* MOBILE NAV */

    .nav{
        width:100%;
        height:50px!important;
        min-height:50px!important;
        max-height:50px!important;
        margin:0;
        padding:0;
        background:#050505;
        border-bottom:2px solid #8e2119;
        box-shadow:0 4px 12px #000;
        box-sizing:border-box;
        overflow:hidden!important;
    }

    .navin{
        width:100%!important;
        max-width:none!important;
        height:100%;
        margin:0;
        padding:0 2px!important;
        display:flex!important;
        align-items:stretch!important;
        justify-content:space-between!important;
        box-sizing:border-box;
        overflow:hidden!important;
    }

    .nav a{
        flex:1 1 0!important;
        min-width:0!important;
        width:auto!important;
        height:100%!important;
        margin:0!important;
        padding:0 2px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:3px!important;
        border-right:1px solid #1e1e1e;
        font-family:Arial,Helvetica,sans-serif!important;
        font-size:9px!important;
        font-weight:800!important;
        letter-spacing:0!important;
        line-height:1!important;
        text-transform:uppercase!important;
        white-space:nowrap!important;
        color:#fff;
        text-decoration:none;
        box-sizing:border-box;
        overflow:hidden;
    }

    .nav a:first-child{
        border-left:1px solid #1e1e1e;
    }

    .nav a.active,
    .nav a:hover{
        color:#fff;
        background:#080808;
        border-bottom:4px solid #e31e1a;
    }

    .nav .ico{
        font-size:13px!important;
        line-height:1!important;
        flex:0 0 auto;
    }
}

/* =========================================================
   VERY SMALL PHONES
   ========================================================= */

@media(max-width:420px){

    .header{
        height:145px!important;
        min-height:145px!important;
        max-height:145px!important;
    }

    .header:before{
        width:100%!important;
        height:88px!important;
        background-size:390px 88px!important;
        background-position:calc(50% - 50px) top!important;
    }

    .header-ad{
        top:96px!important;
        height:40px!important;
        min-height:40px!important;
        max-height:40px!important;
    }

    .nav,
    .navin{
        height:48px!important;
        min-height:48px!important;
        max-height:48px!important;
    }

    .nav a{
        font-size:8px!important;
        gap:2px!important;
        padding:0 2px!important;
    }

    .nav .ico{
        font-size:12px!important;
    }

    .mobile-search{
        padding:8px 10px 10px;
    }

    .mobile-search form,
    .mobile-search input,
    .mobile-search button{
        height:48px;
    }
}

/* =========================================================
   DESKTOP
   ========================================================= */

@media(min-width:701px){
    .header{
        position:relative!important;
    }
    .wms-index-logo-link{
        z-index:10!important;
    }
    .header-ad{
        z-index:20!important;
    }
    .desktop-search{
        display:flex!important;
        z-index:90!important;
    }
    .mobile-search{
        display:none!important;
    }
    .wms-mobile-logo{
        display:none!important;
    }
}

/* =========================================================
   WMS2 SHARED FOOTER — RESTORED
   Advertisement belongs inside the footer above the links.
   ========================================================= */

.footer{
    width:100%;
    box-sizing:border-box;
}

.wms-footer-ad-placeholder{
    width:100%;
    max-width:728px;
    height:50px;
    margin:0 auto 12px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#111;
    border:1px solid #333;
    color:#777;
    font-family:Arial,Helvetica,sans-serif;
    font-size:9px;
    letter-spacing:.5px;
}

.footlinks{
    width:100%;
    box-sizing:border-box;
    text-align:center;
    padding:8px;
    line-height:1.8;
    font-size:10px;
}

/* =========================================================
   WMS2 SHARED LOGO — CLICKABLE SITE-WIDE
   ========================================================= */

.wms-index-logo-link{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:36%!important;
    height:90px!important;
    display:block!important;
    z-index:80!important;
    pointer-events:auto!important;
    text-decoration:none!important;
}

/* Mobile: cover the complete logo area */
@media(max-width:700px), (hover:none) and (pointer:coarse) and (orientation:landscape){
    .wms-index-logo-link{
        left:0!important;
        top:0!important;
        width:50%!important;
        height:88px!important;
        display:block!important;
        z-index:80!important;
        pointer-events:auto!important;
    }

    .wms-footer-ad-placeholder{
        width:calc(100% - 20px)!important;
        max-width:none!important;
        height:50px!important;
        margin:0 auto 8px!important;
        flex:0 0 50px!important;
    }

    .footer{
        height:auto!important;
        min-height:175px!important;
        max-height:none!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:flex-end!important;
        padding:10px 10px 18px!important;
        box-sizing:border-box!important;
        overflow:visible!important;
    }

    .footlinks{
        width:100%!important;
        box-sizing:border-box!important;
        text-align:center!important;
        padding:8px!important;
        line-height:1.8!important;
        font-size:10px!important;
    }
}

/* Keep the mobile search below the header clean */
@media(min-width:701px){
    .mobile-search{
        display:none!important;
    }
}

/* =========================================================
   WMS2 PREVIOUS WORKING FOOTER
   ========================================================= */

.footer{
    width:100%;
    min-height:155px;
    margin-top:20px;
    background:#080808 url('/homepage-v1-test/wms-assets/footer.jpg') center bottom / 100% auto no-repeat;
    border-top:1px solid #5c4028;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    padding:0 20px 22px;
    box-sizing:border-box;
}

.footlinks{
    background:rgba(0,0,0,.72);
    padding:8px 18px;
    font-size:10px;
    box-sizing:border-box;
}

.footlinks a{
    margin:0 8px;
}

.wms-footer-ad-placeholder{
    width:100%;
    max-width:728px;
    height:50px;
    margin:0 auto 12px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#111;
    border:1px solid #333;
    color:#777;
    font-family:Arial,Helvetica,sans-serif;
    font-size:9px;
    letter-spacing:.5px;
}

@media(max-width:700px), (hover:none) and (pointer:coarse) and (orientation:landscape){

    .footer{
        width:100%!important;
        min-height:175px!important;
        height:auto!important;
        margin-top:0!important;
        padding:10px 10px 18px!important;
        background-size:auto 175px!important;
        background-position:center bottom!important;
        background-repeat:no-repeat!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:flex-end!important;
        box-sizing:border-box!important;
        overflow:visible!important;
    }

    .wms-footer-ad-placeholder{
        width:calc(100% - 20px)!important;
        max-width:none!important;
        height:50px!important;
        margin:0 auto 8px!important;
        flex:0 0 50px!important;
    }

    .footlinks{
        width:100%!important;
        padding:8px!important;
        font-size:10px!important;
        line-height:1.8!important;
        text-align:center!important;
        background:rgba(0,0,0,.72)!important;
        box-sizing:border-box!important;
    }

    .footlinks a{
        margin:0 5px!important;
    }
}


/* =========================================================
   WMS2 LOGO CLICK AREA
   ========================================================= */

.wms-index-logo-link{
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:36%!important;
    height:90px!important;
    display:block!important;
    z-index:80!important;
    pointer-events:auto!important;
}

@media(max-width:700px), (hover:none) and (pointer:coarse) and (orientation:landscape){
    .wms-index-logo-link{
        left:0!important;
        top:0!important;
        width:100%!important;
        height:88px!important;
        display:block!important;
        z-index:80!important;
        pointer-events:auto!important;
    }
}


/* =========================================================
   WMS2 PREVIOUS FOOTER — FINAL RESTORE
   Western artwork + advertisement INSIDE footer
   ========================================================= */

.footer{
    width:100%!important;
    min-height:155px!important;
    height:155px!important;
    max-height:155px!important;
    margin-top:20px!important;
    padding:0 20px 12px!important;
    box-sizing:border-box!important;
    background:#080808 url('/homepage-v1-test/wms-assets/footer.jpg') center bottom / 100% auto no-repeat!important;
    border-top:1px solid #5c4028!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-end!important;
    overflow:hidden!important;
}

.wms-footer-ad-placeholder{
    width:100%!important;
    max-width:728px!important;
    height:50px!important;
    min-height:50px!important;
    margin:0 auto 5px!important;
    padding:0!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:#111!important;
    border:1px solid #333!important;
    color:#777!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:9px!important;
    letter-spacing:.5px!important;
    flex-shrink:0!important;
}

.footlinks{
    width:auto!important;
    box-sizing:border-box!important;
    display:block!important;
    text-align:center!important;
    padding:5px 12px!important;
    margin:0!important;
    line-height:1.4!important;
    font-size:10px!important;
    background:rgba(0,0,0,.72)!important;
    flex-shrink:0!important;
    white-space:nowrap!important;
}

.footlinks a{
    display:inline-block!important;
    margin:0 5px!important;
}

/* MOBILE — previous compact footer */
@media(max-width:700px), (hover:none) and (pointer:coarse) and (orientation:landscape){

    .footer{
        width:100%!important;
        min-height:110px!important;
        height:110px!important;
        max-height:110px!important;
        margin-top:0!important;
        padding:0 10px 7px!important;
        box-sizing:border-box!important;
        background:#080808 url('/homepage-v1-test/wms-assets/footer.jpg') center bottom / auto 110px no-repeat!important;
        border-top:1px solid #5c4028!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:flex-end!important;
        overflow:hidden!important;
    }

    .wms-footer-ad-placeholder{
        width:calc(100% - 20px)!important;
        max-width:none!important;
        height:40px!important;
        min-height:40px!important;
        margin:0 auto 3px!important;
        flex:0 0 40px!important;
    }

    .footlinks{
        width:auto!important;
        max-width:100%!important;
        padding:4px 8px!important;
        margin:0!important;
        font-size:10px!important;
        line-height:1.3!important;
        text-align:center!important;
        background:rgba(0,0,0,.72)!important;
        white-space:nowrap!important;
    }

    .footlinks a{
        margin:0 4px!important;
    }
}


/* =========================================================
   WMS2 FOOTER — RESTORE PREVIOUS FOOTER + AD INSIDE
   FINAL OVERRIDE
   ========================================================= */

.footer{
    width:100%!important;
    min-height:155px!important;
    height:155px!important;
    max-height:155px!important;
    margin-top:20px!important;
    padding:10px 20px 12px!important;
    box-sizing:border-box!important;

    background-image:
        linear-gradient(
            to bottom,
            rgba(8,8,8,1) 0%,
            rgba(8,8,8,.98) 14%,
            rgba(8,8,8,.88) 32%,
            rgba(8,8,8,.62) 52%,
            rgba(8,8,8,.25) 72%,
            rgba(8,8,8,0) 100%
        ),
        url('/homepage-v1-test/wms-assets/footer-western-banner.png')!important;
    background-position:center top, center bottom!important;
    background-size:100% 100%, 100% auto!important;
    background-repeat:no-repeat,no-repeat!important;

    border-top:1px solid #5c4028!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-end!important;

    overflow:hidden!important;
}

/* Advertisement INSIDE footer */
.wms-footer-ad-placeholder{
    width:100%!important;
    max-width:728px!important;
    height:50px!important;
    min-height:50px!important;

    margin:0 auto 8px!important;
    padding:0!important;

    box-sizing:border-box!important;

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

    background:#111!important;
    border:1px solid #333!important;

    color:#777!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:9px!important;
    letter-spacing:.5px!important;

    flex-shrink:0!important;
}

/* Footer links */
.footlinks{
    width:auto!important;
    max-width:100%!important;

    display:block!important;

    box-sizing:border-box!important;

    margin:0!important;
    padding:6px 12px!important;

    text-align:center!important;
    line-height:1.4!important;
    font-size:10px!important;

    background:rgba(0,0,0,.72)!important;

    white-space:nowrap!important;
    flex-shrink:0!important;
}

.footlinks a{
    display:inline-block!important;
    margin:0 8px!important;
}

/* =========================================================
   MOBILE — SAME PREVIOUS FOOTER PROPORTIONS
   ========================================================= */

@media(max-width:700px), (hover:none) and (pointer:coarse) and (orientation:landscape){

    .footer{
        width:100%!important;

        min-height:115px!important;
        height:115px!important;
        max-height:115px!important;

        margin-top:0!important;

        padding:10px 10px 18px!important;

        box-sizing:border-box!important;

        background-image:
            linear-gradient(
                to bottom,
                rgba(8,8,8,1) 0%,
                rgba(8,8,8,.98) 14%,
                rgba(8,8,8,.88) 32%,
                rgba(8,8,8,.62) 52%,
                rgba(8,8,8,.25) 72%,
                rgba(8,8,8,0) 100%
            ),
            url('/homepage-v1-test/wms-assets/footer-western-banner.png')!important;
        background-position:center top, center bottom!important;
        background-size:100% 100%, 100% auto!important;
        background-repeat:no-repeat,no-repeat!important;

        border-top:1px solid #5c4028!important;

        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:flex-end!important;

        overflow:hidden!important;
    }

    .wms-footer-ad-placeholder{
        width:calc(100% - 20px)!important;
        max-width:none!important;

        height:50px!important;
        min-height:50px!important;

        margin:0 auto 8px!important;

        flex:0 0 50px!important;
    }

    .footlinks{
        width:auto!important;
        max-width:100%!important;

        padding:6px 8px!important;

        margin:0!important;

        font-size:10px!important;
        line-height:1.4!important;

        text-align:center!important;

        background:rgba(0,0,0,.72)!important;

        white-space:nowrap!important;
    }

    .footlinks a{
        margin:0 5px!important;
    }
}



/* WMS2 NETWORK HEADER, FOOTER AND MOBILE BOTTOM ADS */
.wms-mobile-bottom-ad {
    width: calc(100% - 20px);
    max-width: 728px;
    height: 50px;
    min-height: 50px;
    margin: 0 auto 8px;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.wms-mobile-bottom-ad-slot,
.wms-mobile-bottom-ad-slot .wms-network-ad,
.wms-mobile-bottom-ad-slot .wms-network-ad a {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.header-ad .wms-network-ad,
.wms-footer-network-ad .wms-network-ad,
.wms-mobile-bottom-ad-slot .wms-network-ad {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.header-ad .wms-network-ad a,
.wms-footer-network-ad .wms-network-ad a,
.wms-mobile-bottom-ad-slot .wms-network-ad a {
    display: block;
    width: 100%;
    height: 100%;
}

.header-ad .wms-network-ad img,
.wms-footer-network-ad .wms-network-ad img,
.wms-mobile-bottom-ad-slot .wms-network-ad img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.wms-footer-network-ad {
    padding: 0 !important;
    overflow: hidden;
}

@media (max-width: 767px) {
    .header-ad {
        pointer-events: auto;
    }

    .header-ad .wms-network-ad {
        position: relative;
        z-index: 2;
    }
}

/* WMS2 FIX: mask old search artwork behind the desktop search */
@media (min-width:701px) {
    .desktop-search {
        box-shadow: 0 0 0 10px #050505;
    }
    .desktop-search form {
        position: relative;
        z-index: 2;
    }
}

/* WMS2 desktop banner placements */
@media (min-width: 701px) {
    .header-ad.wms-has-network-ad {
        right: 2.5%;
        pointer-events: auto !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        overflow: hidden;
    }

    .header-ad.wms-has-network-ad .wms-network-ad {
        display: block;
        width: 100%;
        max-width: 468px;
        height: 100%;
        margin: 0 auto;
    }

    .header-ad.wms-has-network-ad img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .footer:has(.wms-desktop-footer-banner) {
        height: auto !important;
        min-height: 155px !important;
        max-height: none !important;
        overflow: visible !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    .wms-footer-ad-placeholder.wms-desktop-footer-banner {
        width: 100%;
        max-width: 728px;
        height: 90px !important;
        min-height: 90px !important;
        flex: 0 0 90px;
        margin: 0 auto 12px;
        padding: 0 !important;
        overflow: hidden;
    }

    .wms-footer-ad-placeholder.wms-desktop-footer-banner img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .wms-related-banner {
        width: 100%;
        max-width: 728px;
        height: 90px;
        margin: 14px auto;
        overflow: hidden;
    }

    .wms-related-banner img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

/* WMS2: Landscape mobile header uses desktop horizontal layout */
@media (hover:none) and (pointer:coarse) and (orientation:landscape) {

    .header {
        height:91px!important;
        min-height:91px!important;
        max-height:91px!important;
        background:#050505 url('/homepage-v1-test/wms-assets/header.jpg') center top / 100% 91px no-repeat!important;
        overflow:hidden!important;
    }

    .header:before {
        display:none!important;
        content:none!important;
    }

    .wms-index-logo-link {
        left:0!important;
        top:0!important;
        width:35%!important;
        height:91px!important;
        z-index:10!important;
    }

    .header-ad-mobile {
        display:none!important;
    }

    .header-ad-landscape {
        display:flex!important;
        position:absolute!important;
        left:auto!important;
        right:2.5%!important;
        top:8px!important;
        width:34%!important;
        height:74px!important;
        min-height:74px!important;
        max-height:74px!important;
        z-index:20!important;
        background:transparent!important;
        border:0!important;
        border-radius:0!important;
        overflow:hidden!important;
        pointer-events:auto!important;
    }

    .header-ad-landscape .wms-network-ad,
    .header-ad-landscape .wms-network-ad a {
        display:block!important;
        width:100%!important;
        height:100%!important;
        max-width:468px!important;
        margin:0 auto!important;
    }

    .header-ad-landscape .wms-network-ad img {
        display:block!important;
        width:100%!important;
        height:100%!important;
        object-fit:contain!important;
    }

    .desktop-search {
        display:flex!important;
        position:absolute!important;
        left:38%!important;
        top:21px!important;
        width:23%!important;
        height:58px!important;
        z-index:90!important;
    }

    .mobile-search {
        display:none!important;
    }
}

/* WMS2 FIX: override homepage inline landscape header rules on touch phones */
@media (orientation:landscape) and (max-height:600px) {
    html body header.header {
        height:91px!important;
        min-height:91px!important;
        max-height:91px!important;
        position:relative!important;
        background:#050505 url('/homepage-v1-test/wms-assets/header.jpg') center top / 100% 91px no-repeat!important;
        overflow:hidden!important;
        border-bottom:1px solid #2c2118!important;
    }

    html body header.header:before {
        display:none!important;
        content:none!important;
        background:none!important;
    }

    html body header.header .wms-index-logo-link {
        left:0!important;
        top:0!important;
        width:35%!important;
        height:91px!important;
        z-index:10!important;
    }

    html body header.header .header-ad-mobile {
        display:none!important;
    }

    html body header.header .header-ad-landscape {
        display:flex!important;
        position:absolute!important;
        left:auto!important;
        right:2.5%!important;
        top:8px!important;
        transform:none!important;
        width:34%!important;
        max-width:none!important;
        height:74px!important;
        min-height:74px!important;
        max-height:74px!important;
        z-index:20!important;
        align-items:center!important;
        justify-content:center!important;
        background:transparent!important;
        border:0!important;
        border-radius:0!important;
        overflow:hidden!important;
        pointer-events:auto!important;
    }

    html body header.header .header-ad-landscape .wms-network-ad,
    html body header.header .header-ad-landscape .wms-network-ad a {
        display:block!important;
        width:100%!important;
        height:100%!important;
        max-width:468px!important;
        margin:0 auto!important;
    }

    html body header.header .header-ad-landscape img {
        display:block!important;
        width:100%!important;
        height:100%!important;
        max-width:100%!important;
        max-height:100%!important;
        object-fit:contain!important;
    }

    html body header.header .desktop-search {
        display:flex!important;
        position:absolute!important;
        left:38%!important;
        top:21px!important;
        width:23%!important;
        height:58px!important;
        z-index:90!important;
    }

    html body .mobile-search {
        display:none!important;
    }
}

/* WMS2: Shared item/category header for short landscape phones */
@media (orientation:landscape) and (max-height:600px) {
    html body header.header {
        height:91px!important;
        min-height:91px!important;
        max-height:91px!important;
        position:relative!important;
        background:#050505 url('/homepage-v1-test/wms-assets/header.jpg') center top / 100% 91px no-repeat!important;
        overflow:hidden!important;
        border-bottom:1px solid #2c2118!important;
    }

    html body header.header:before {
        display:none!important;
        content:none!important;
        background:none!important;
    }

    html body header.header .wms-index-logo-link {
        left:0!important;
        top:0!important;
        width:35%!important;
        height:91px!important;
        z-index:10!important;
    }

    html body header.header .header-ad {
        display:flex!important;
        position:absolute!important;
        left:auto!important;
        right:2.5%!important;
        top:8px!important;
        transform:none!important;
        width:34%!important;
        max-width:none!important;
        height:74px!important;
        min-height:74px!important;
        max-height:74px!important;
        z-index:20!important;
        align-items:center!important;
        justify-content:center!important;
        background:transparent!important;
        border:0!important;
        border-radius:0!important;
        overflow:hidden!important;
        pointer-events:auto!important;
    }

    html body header.header .header-ad .wms-network-ad,
    html body header.header .header-ad .wms-network-ad a {
        display:block!important;
        width:100%!important;
        height:100%!important;
        max-width:468px!important;
        margin:0 auto!important;
    }

    html body header.header .header-ad .wms-network-ad img {
        display:block!important;
        width:100%!important;
        height:100%!important;
        max-width:100%!important;
        max-height:100%!important;
        object-fit:contain!important;
    }

    html body header.header .desktop-search {
        display:flex!important;
        position:absolute!important;
        left:38%!important;
        top:21px!important;
        width:23%!important;
        height:58px!important;
        z-index:90!important;
    }

    html body .mobile-search {
        display:none!important;
    }
}

/* WMS2 FIX: PORTRAIT MOBILE FOOTER LINKS */
@media (max-width:700px) and (orientation:portrait){
.footer{height:auto!important;min-height:115px!important;max-height:none!important;overflow:visible!important;padding:10px 10px 18px!important;}
.footlinks{width:100%!important;max-width:100%!important;white-space:normal!important;flex-shrink:0!important;}
}

/* WMS2 FIX: PORTRAIT FOOTER LINKS MUST WRAP */
@media (max-width:700px) and (orientation:portrait) {
    html body .footer {
        height:auto!important;
        min-height:115px!important;
        max-height:none!important;
        overflow:visible!important;
        display:flex!important;
        flex-direction:column!important;
        justify-content:flex-start!important;
        align-items:stretch!important;
        padding:10px 10px 18px!important;
        box-sizing:border-box!important;
    }

    html body .footer .wms-footer-ad-placeholder {
        flex:0 0 50px!important;
        min-height:50px!important;
    }

    html body .footer .footlinks {
        display:block!important;
        width:100%!important;
        max-width:100%!important;
        height:auto!important;
        min-height:0!important;
        flex:0 0 auto!important;
        box-sizing:border-box!important;
        white-space:normal!important;
        overflow:visible!important;
        overflow-wrap:anywhere!important;
        line-height:1.6!important;
        text-align:center!important;
    }

    html body .footer .footlinks a {
        display:inline!important;
        white-space:normal!important;
        margin:0 5px!important;
    }
}