a{ text-decoration: none; }

.btn-refresh{
    padding:12px 26px 12px;
    border-radius:15px;
    border:0px;
    color:#085439;
    font-weight:bold
}

.background-cover{
    background: var(--light-green);
    width:100%;
    min-height: 100vh;
    position:relative;
    z-index:20;
    background: url(https://assets-na-ue1-prod.zilch.com/site/zilch-content/uploads/sites/3/20260616224249/260611_Zilch_ArsenalScarves_Shot-2_0805-1.png) var(--light-green) no-repeat;
    background-position: bottom center;
    background-size: contain;
}

.background-cover-2{
    background: var(--light-green);
    background-size: cover;
    height:fit-content;
    width:100%;
    min-height: 100vh;
    height:120vh;
    padding-top: 120px;
    background: url(https://assets-na-ue1-prod.zilch.com/site/zilch-content/uploads/sites/3/20260616224249/260611_Zilch_ArsenalScarves_Shot-2_0805-1.png) var(--light-green) no-repeat;
    background-position: bottom center;
    background-size: contain;
}

.background-cover-img video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
}

.background-cover-img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:fit-content;
    min-height:100%;
    /* overflow:hidden; */
    z-index:-1;
}

.legal-box{
    position:absolute;
    bottom:0;
    width:100vw;
    background:var(--zilch-green-600);
    height:fit-content;
    padding:30px;
    left:0;
    text-align:center;
}

.legal-box a{
    color:white;
    font-weight:bold;
    text-decoration:underline;
}

.legal-box p {
    color: white;
}

.bento-split {
    display: flex;
    gap: 15px;
    width: 100%;
    height: 80vh;
    padding: 30px 0;
}

.bento-item {
    flex: 1 1 0;
    min-width: 0;
    height: 100%;
    border-radius: 10px;
}

h2{
    color: var(--zilch-green-600);
}

.bento-item:nth-child(1) {
    background: url('https://assets-na-ue1-prod.zilch.com/site/zilch-content/uploads/sites/3/20260616224245/Signing-bonus.png') no-repeat center center;
    background-size: cover;
}
.bento-item:nth-child(2) {
    background: url('https://assets-na-ue1-prod.zilch.com/site/zilch-content/uploads/sites/3/20260616224240/Frame-176743.png') no-repeat center center;
    background-size: cover;
}


.bento-copy{
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    gap:10px;
    align-items:flex-start;
    padding:30px;
    height:100%
}

.state-one-inner p {
    position:relative;
    z-index:300
}

.nav{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    padding:20px;
    z-index:200;
}

.official-lockup{
    display:flex;
    align-items:center;
    gap:10px;
}
#suggestions-list{
    width:100%;
}

.official-lockup img{
    width:60px;
}
.official-lockup p{
    color: var(--zilch-green-600);
    font-weight:bold;
}
#locate-address{
    display:none;
}
#locate-address.is-loading{
    pointer-events: none;
    opacity: 0.75;
    cursor: wait;
}
#locate-address.is-disabled{
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
    background: #888 !important;
}
#locate-address .spinner{
    display: inline-block;
    width: 0.9em;
    height: 0.9em;
    margin-right: 0.4em;
    vertical-align: -0.15em;
    border: 2px solid rgba(255,255,255,0.4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: zilch-spin 0.7s linear infinite;
}
@keyframes zilch-spin{
    to { transform: rotate(360deg); }
}

.nav .inner-nav{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px;
    margin:0 auto;
}
.state-one{
    position:relative;
    z-index:300;
    display:flex;
    flex-direction:column;
    min-height:100vh;
    width:100%;
    justify-content: flex-end;
    padding:20px;
}

.state-three {
    position: relative;
    z-index: 300;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
    width: 100%;
}

h1{
    color: var(--zilch-green-600);
}
.state-one-inner{
    position:relative;
    width: fit-content;
    padding:30px;
    /* background: white; */
    border-radius: 10px;
    overflow: hidden;
}
.transparent-bg{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(255,255,255,.9);
    /* filter: blur(10px); */
    z-index:-1;
    margin:-30px;
}
.state-three-inner {
    margin: 0 auto;
    margin-top: 180px;
    padding-left: 40px;
    padding-bottom:500px;
}
.h2-heading{
    color:var(--zilch-green-600);
    font-size:42px;
    padding-bottom:10px;
}
.deal-panel{
background: var(--zilch-green-600);
padding:20px;
color:white;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
margin-left: -30px;
    margin-right: -30px;
    margin-bottom: -30px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.max-heading{
    color:var(--zilch-green-600);
    font-size:10vw;
    position:relative;
    z-index:40;
}

.state-one p.body-copy {
    /* margin-top: 30px; */
    margin:10px 0;
    max-width:500px;
    color:black;
}

.state-three p.body-copy {
    margin-top: 30px;
    max-width: 500px;
    color: white;
}

.body-copy a{
    color:white;
    text-decoration:underline;
}

.state-two-inner p {
    padding-bottom:10px;
}


/* state two */

.state-two{
    display:flex;
    height:100vh;
    width:fit-content;
}

.state-two-inner{
    padding:40px;
    width:100%;
    border-radius: 10px;
}

.slider-section{
    display:flex;
    gap:30px;
    border-radius:30px;
}

.scarf-slider{
    display:flex;
    background:white;
    padding:30px;
    border-radius:30px;
}

.scarf-slider .thumbnails{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.thumbnails img{
    height: calc(25% - 3px);
    min-width:128px;
}
.scarf-slider .display{
    max-width:500px;
    max-height:600px;
    width:500px;
    height:600px;
    background:url(https://assets-na-ue1-prod.zilch.com/site/zilch-content/uploads/sites/3/20260616221333/chunkz-large-1-v2.png) no-repeat center center;
    background-size: cover;
    margin-left:20px;
}

.arsenal-apply{
display:none;
}

.arsenal-form{
    display:flex;
    gap:30px;
    background:white;
    padding:30px;
    border-radius:30px;

}

  .arsenal-apply-form input[type="text"],
    .arsenal-apply-form input[type="email"]
  {
        width: 100%;
        padding: 20px;
        border-radius: 10px;
        background: transparent;
        border: 1px solid #000;
        margin-top: 10px;
    }
 .arsenal-apply-form input[name="firstname"],
    .arsenal-apply-form input[name="lastname"]
{
    width:calc(50% - 5px);
    display:inline-block;
}

.arsenal-apply-form input[type="submit"]{
    border:0;
    color:#085439;
    font-weight:bold;
}
.submit-btn-position{
    display:flex;
    justify-content: flex-end;
    align-items:flex-end;
    height:100%;
    margin-top:10px;
}

.split-section{
    display:flex;
    width:100%;
    /* justify-content: space-between; */
    align-items: center;
    gap:10px;
}
.basket{
    display:flex;
    flex-direction: column;
    gap:10px;
}

.wc-signup-strip {
    position: relative;
    z-index: 400;
    background: #00A46A;
    color: #fff;
    padding: 10px 16px;
    text-align: center;
    font-family: inherit;
    line-height: 1.35;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.wc-cleansheet-wrapper {
    position: relative;
}

.wc-signup-strip .wc-signup-strip__inner {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
}

.wc-signup-strip .wc-signup-strip__card {
    height: 22px;
    width: auto;
    vertical-align: middle;
}

.wc-signup-strip .wc-signup-strip__headline {
    font-weight: 700;
    font-size: 16px;
}

.wc-signup-strip .wc-signup-strip__terms {
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin-top: 2px;
    opacity: .95;
}

.wc-signup-strip .wc-signup-strip__terms-link {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.wc-signup-strip .wc-signup-strip__headline-link {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.address-suggestions{
    display:flex;
    gap:10px;
}

.address-suggestions select{
    border-radius: 10px;
}
#cancel-suggestions{
    cursor:pointer;
    width:fit-content;
    display:flex;
    align-items:center;

}

 #cancel-selection{
    margin-top:10px;
    cursor:pointer;
    width:fit-content;
    text-decoration:underline;
}
.item-title{
    font-size:22px;
}
.error-msg{
    color:red;
}
.order-details{
    display:none;
}

.order-details p {
    padding-bottom:0px;
}

.s-heading{
    font-size:22px;
}
.market-status{
    background: var(--mid-green);
    color: var(--dark-green);
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    width:fit-content;
}
.market-status.open{
    background: var(--zilch-green-600) !important;
    color:white;
    font-size: 12px;
    border-radius: 5px;
}

.stock-item{
    cursor: pointer;
}

.stock-item:nth-child(1){
    filter: brightness(0.5)
}
.checkout{
    width:50%;
}
.checkout-price{
    width:100%;
    margin-top:10px;
}

.checkout-price div{
    display:flex;
    justify-content: space-between;
}

.bold-green{
    color:var(--zilch-green-600);
    font-weight: bold;
}
.final-price{
    display:flex;
    gap:20px;
}
.final-price p{
    padding-bottom:10px !important;
}

.address-fill{
    display:none;
}

    .arsenal-apply-form input[type="checkbox"]{
       appearance: none; 
       /* border:1px solid white !important; */
       outline: 0;
       border-radius: 0px !important;
       background:#eee !important;
       min-width: 20px !important;
       min-height: 20px !important;
       max-width: 20px !important;
       max-height: 20px !important;
       height:20px !important;
       width:20px !important;
       cursor: pointer;
       vertical-align: middle;
       padding: 0px !important;
       margin: 0px !important;
       transition: background-color 0.3s, border-color 0.3s;
    }

       .arsenal-apply-form input:checked::after {
        content: "\2713";
        display: block;
        color: white;
        background: var(--zilch-green);
        font-size: 14px;
        text-align: center;
        line-height: 18px;
        min-width: 20px !important;
        min-height: 20px !important;
        max-width: 20px !important;
        max-height: 20px !important;
        height:20px !important;
        width:20px !important;
        margin: 0px !important;
        padding: 0px !important
    }

    .display-mob{
        display:none;
    }
    @media screen and (max-width:1024px) {
    .state-two{
        width:100%;
        max-width:100%;
    }
    
}
@media screen and (max-width:1084px) {

}

@media screen and (max-width:900px) {
   
}

.mob-display{
    display: none;
}

@media screen and (max-width:970px) {
    .wc-signup-strip{
        flex-direction: column;
        gap: 5px;
    }
    .dots {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-top: 10px;
        }
    
        .dot {
            width: 12px;
            height: 12px;
            background: #ccc;
            border-radius: 50%;
            cursor: pointer;
        }
    
        .dot.active {
            background: #333;
        }
    
        .scarf-slider .display {
            width: 100%;
            padding: 0px;
            margin: 0px;
        }
    
        .slider-section {
            flex-direction: column;
            background: white;
            margin-bottom:150px;
        }
    
        .scarf-slider {
            width: 100%;
            flex-direction: column;
        }
    
        .scarf-slider .thumbnails {
            display: none;
        }
    
        .mob-lb {
            display: block;
        }
    
        .state-two {
            height: fit-content;
        }

    .background-cover-2{
        height:fit-content;
    }
    .state-three-inner {
        padding-bottom:200px;
    }
    .deal-panel p {
        text-align: center;
    }
    .state-one-inner {
        width:100%;
    }
.display-mob img.active {
    opacity: 1;
}

    .display{
        display:none;
    }
    .thumbnails{
        display:none;
    }

    .display-mob {
        display:flex;
        overflow-x:scroll;
        max-width:500px;
        margin: 0 auto;
        scroll-snap-type: x mandatory;
         -ms-overflow-style: none; 
        scrollbar-width: none; 
    }

    .display-mob img {
        width:100%;
        height:auto;
        scroll-snap-align: center;
    }
    
    .state-one-inner {margin-top: 120px;}

    /* .background-cover{
        background-position:left !important;
    }
    .background-cover-img{
        background-position:center 500px;
    } */
    .arsenal-form{
        flex-direction: column;
        width: 100%;
    }
    .checkout{
        width:100%
    }
    .submit-btn-position{
        justify-content:center;
    }
    .arsenal-apply-form input[type="submit"] {
        width:100%;
    }
    .mob-display{
    display: block;
    }

    .basket{
    padding: 30px;
    }

    .bento-split {
        flex-direction: column;
        height: auto;
    }

    .bento-item {
        width: calc(100% - 40px);
        height: auto;
        aspect-ratio: 9 / 16;
    }

}

@media screen and (max-width:500px) {
    
    .inner-nav img {
        width:120px;
    }
}