/** Shopify CDN: Minification failed

Line 111:15 Expected ":"

**/
*{box-sizing: border-box; outline: none; user-select: none; }

::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #f7f7f7; }
::-webkit-scrollbar { width: 6px; height: 6px; background-color: #fffac8; }
::-webkit-scrollbar-thumb { background-color: #52402C;  border: 2px solid #52402C; max-width: 100px; }
::-webkit-scrollbar-track-piece:end { margin-right: 30px }
::-webkit-scrollbar-track-piece:start { margin-left: 30px }


#PBarNextFrameWrapper,
.header__row.header__row--mobile.desktop\:hidden.color-scheme-1{ display: none; }


body{ font-family: "Lexend Deca", sans-serif; font-weight: 100; box-sizing: border-box; padding: 0; margin: 0; background: #fffac8;  }

#whimgarde-container{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

.a-loader-title{ display: none!important; }
a-scene { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#loader{ position: absolute; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 40px; padding: 40px; background: #fffac8; color: #31459C; text-align: center; }
#loader h1{ margin: 0; padding: 0; font-size: 36px; font-weight: 100; margin: 0; font-family: 'Archivo Black', sans-serif; }
#loader>div { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; width: 100%; max-width: 800px; }
.loader-info-wrapper{ position: relative; }
.loader-info{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; display: flex; flex-direction: column; justify-content: start; align-items: center; gap: 16px; opacity: 0; animation: fadeCycle 16s infinite;  }
.loader-info:nth-child(1) { animation-delay: 0s; opacity: 1; }
.loader-info:nth-child(2) { animation-delay: 8s; }
@keyframes fadeCycle {
    0% { opacity: 0; }
    5% { opacity: 1; }
    45% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 0; }
}
.loader-info img{ width: 120px; }
.loader-info h2{ font-size: 24px; font-family: 'Archivo Black', sans-serif; font-weight: 300; margin: 0; }
.loader-info p{ font-size: 16px; font-weight: 300; margin: 0; }
#loader-progress{ font-size: 36px; text-align: center; }
#loader-progress-bar{ height: 3px; width: 0%; background: #31459C; }

#intro{ display: none; position: fixed; z-index: 998; top: 50%; left: 50%; width: 100%; max-width: 600px; cursor: pointer; transform: translate(-50%, -50%); }
#intro.active{ display: block; }

.interactive-menu{ position: fixed; background: linear-gradient(to top, #000000, #52402C); top: 0; left: 50%; transform: translate(-50%, -150%); z-index: 1997; width: 100%; max-width: 900px; padding: 30px 30px 0; color: #F9EF91; box-shadow: 0px 0px 3px #F9EF91;border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; display: flex; flex-direction: column; justify-content: start; align-items: center; gap: 30px; transition: all 1s ease-in; }
.interactive-menu.active{ transform: translate(-50%, 0%); }
.interactive-menu h2{ font-weight: 100; font-size: 21px; text-align: center; margin: 0 auto; }
.interactive-menu>div{ display: flex; justify-content: space-between; align-items: center; padding: 0 40px; width: 100%; margin-bottom: -40px;  }
.interactive-action,
.interactive-exit{ color: #31459C; font-weight: 600; font-size: 18px; display: flex; justify-content: center; align-items: center; padding: 15px; border-radius: 50%; background: #F9EF91; width: 80px; height: 80px; box-shadow: inset 0px 0px 14px #000; cursor: pointer; user-select: none; transition: all .3s ease-in; }
.interactive-exit img{ width: 80%; }
.interactive-action:hover,
.interactive-exit:hover{ transform: scale(1.1); }

#discount{ position: absolute; top: -115px; left: 50%; transform: translateX(-50%); z-index: 1; width: 150px; display: none;  }
#discount.active{ display: block; }
#discount-win{ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1111; width: 300px; display: none;  }
#discount-win.active{ display: block; }

footer{ position: fixed; z-index: 1000; background: linear-gradient(to top, #000000, #52402C); width: 100%; max-width: 900px; bottom: -115px; left: 50%; transform: translate(-50%, 100%); color: #F9EF91; font-size: 18px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0px 0px 3px #F9EF91; border-bottom: 0; padding: 0 15px; border-top-left-radius: 3px; border-top-right-radius: 3px; transition: all 1s ease-in; }
footer.active{ bottom: 0; transform: translate(-50%, 0%); }
footer ul{ display: flex; padding: 0; margin: 0; list-style: none; font-family: 'Archivo Black', serif; max-width: 900px; margin: 0 auto; }
footer ul{ display: flex; }
footer ul li{ padding: 2px 10px; transition: all .3s ease-in; cursor: pointer; user-select: none; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; }
footer ul li span{ margin: 0; font-family: "Lexend Deca", sans-serif; font-size: 16px; font-weight: 300; text-align: center; }
footer ul li svg{ width: 24px; height: 24px; border-right: }
footer ul li:hover{ color: #fffac8; opacity: 0.7; }
footer h2{ margin: 0; font-size: 21px; color: #F9EF91; font-family: "Lexend Deca", sans-serif; font-weight: 100; text-align: center; }
footer>div{ position: relative; }

#audio-play{  }
#audio-pause{ display: none; }

#joystick { width: 100px; height: 100px; pointer-events: none; position: relative; }
#stick { pointer-events: auto; position: absolute; top: 20px; left: 18px; width: 65px; height: 65px; cursor: move; z-index: 10; }
#joystick-up{ position: absolute; z-index: 9; width: 20px; height: 20px; top: 4px; left: 50%; transform: translateX(-50%); background: url(assets/img/angle.svg) no-repeat center / contain; pointer-events: none; user-select: none; }
    #joystick-down{ position: absolute; z-index: 9; width: 20px; height: 20px; bottom: 4px; left: 50%; transform: translateX(-50%) rotate(180deg); background: url(assets/img/angle.svg) no-repeat center / contain; pointer-events: none; user-select: none; }
#joystick-left{ position: absolute; z-index: 9; width: 20px; height: 20px; top: 50%; left: 4px; transform: translateY(-50%) rotate(-90deg); background: url(assets/img/angle.svg) no-repeat center / contain; pointer-events: none; user-select: none; }
#joystick-right{ position: absolute; z-index: 9; width: 20px; height: 20px; top: 50%; right: 4px; transform: translateY(-50%) rotate(90deg); background: url(assets/img/angle.svg) no-repeat center / contain; pointer-events: none; user-select: none; }

#product-card{ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; display: none; flex-direction: row; background: #52402C; color: #fffac8; padding: 32px; width: 90%; max-width: 800px; margin: 0 auto; box-shadow: 1px 1px 17px #52402C; gap: 24px; }
#product-card.active{ display: flex; }
#product-card-close{ background: transparent; border: none; box-shadow: none; font-size: 36px; font-family: Lexend Deca, sans-serif; color: #fffac8; padding: 0; line-height: 0.5; cursor: pointer; position: absolute; top: 12px; right: 12px; }
#product-card>div{ flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 12px; }
#product-card-model{ position: relative; width: 100%; background: #fffac8; }
#product-card-model-info{ position: absolute; z-index: 1; top: 3px; left: 50%; transform: translateX(-50%); width: 100%; display: flex; justify-content: center; font-size: 14px; font-weight: 600; color:#52402C; }
#product-card-texture{ width: 100%; aspect-ratio: 2.85; background-size: contain; background-repeat: no-repeat; background-position: center; }
#product-card-title{ font-family: "Archivo Black", sans-serif; font-size: 24px; margin-bottom: 12px; line-height: 22px; }
#product-card-price{ font-family: "Archivo Black", sans-serif; font-size: 14px; line-height: 22px; }
#product-card hr{ border-color: rgb(0 0 0 / 0.06) }
#product-card-tocart{ display: flex; gap: 12px; justify-content: start; align-items: center; margin-bottom: 32px; }
#product-card-qty{ display: flex; justify-content: start; align-items: center; overflow: hidden; }
#product-card-qty span{ padding: 20px 16px; color: rgb(51 51 51 / 1.0) ; background: rgb(255 255 255 / 0.78); font-family: "Archivo Black", sans-serif; font-size: 14px; line-height: 22px; cursor: pointer; }
#product-card-qty span:first-of-type{ border-top-left-radius: 14px; border-bottom-left-radius: 14px; }
#product-card-qty span:last-of-type{ border-top-right-radius: 14px; border-bottom-right-radius: 14px; }
#product-card-qty-input{ width: 40px; background: rgb(255 255 255 / 0.78); border: none; color: rgb(51 51 51 / 1.0); font-family: "Archivo Black", sans-serif; font-size: 14px; line-height: 22px; padding: 16px 0; padding-left: 12px; text-align: center; border-radius: 0; border: none; box-sizing: border-box; outline: none; box-shadow: none; }
#product-card-submit{ padding: 16px 32px; background: #F9EF91; color: #52402C; font-family: "Archivo Black", sans-serif; font-size: 14px; line-height: 22px; border-radius: 14px; text-decoration: none; display: flex; justify-content: center; align-items: center; gap: 3px; transition: all .3s ease-in; cursor: pointer; }
#product-card-submit:hover{ background: #333333; color: #F9EF91; }
#product-card-submit svg{ width: 20px; height: 20px; }
#product-card-submit svg path{ transition: all .3s ease-in; }
#product-card-submit:hover svg path{ stroke: #F9EF91; }
#product-card-material,
#product-card-dimensions{ font-family: "Archivo Black", sans-serif; font-size: 12px; line-height: 14px; margin-bottom: 3px; }
#mv{width: 100%; height: 300px;}

@media (orientation: portrait) {
    footer { pa }
    footer ul{ flex-direction: column; }
    footer ul li span{ display: none; }
    .header-logo__image{ width: 50px;}
    #product-card{flex-direction: column; max-width: 400px; top: unset; bottom: 20px; gap: 6px; padding: 24px; transform: translateX(-50%); }
    #product-card-close{ top: 6px; right: 6px; font-size: 30px; }
    #mv{ height: 200px; }
    #product-card-texture{ aspect-ratio: 3.85;}
    #product-card-title{ font-size: 18px; margin-bottom: 0; }
    #product-card hr{ display: none; }
    #product-card-tocart{ margin-bottom: 12px; }
    #product-card-submit{ padding: 16px 10px; }
}


@media (max-width: 420px) {
    #loader h1{ font-size: 24px; }
    .interactive-menu{ padding-left: 15px; padding-right: 15px; }
    .interactive-menu h2{ font-size: 14px; }
    .interactive-menu>div{ padding: 0 15px; }
    footer #title{ font-size: 14px; font-weight: 400; }
    .header-logo__image{ width: 50px;}
}