@import"https://fonts.googleapis.com/css2?family=Bubblegum+Sans&family=Kanit:wght@400;600&display=swap";*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}:root{--black: #000;--white: #f2f2f2;--light-grey: #b2b2b2;--grey-text: #2c3333}body{background-color:var(--white);font-family:Kanit,sans-serif}.noscroll{overflow-y:hidden}#main{min-height:100vh;overflow-x:hidden}.container{padding:0 1rem}@media screen and (min-width: 1024px){.container{padding:0 2rem}}@media screen and (min-width: 1280px){.container{padding:0 4rem}}#nav{height:10vh;display:flex;justify-content:space-between;align-items:center;background-color:var(--black);color:var(--white);position:relative;font-family:Kanit,sans-serif;z-index:2}.nav__title{display:flex;align-items:center}.nav__name{font-family:Bubblegum Sans,cursive;font-size:1rem}.nav__logo{display:none}.nav__logo--mobile{height:40px}.nav__icons{display:flex;align-items:center}.nav__icon{color:var(--white);font-size:1.5rem;cursor:pointer}.nav__icon--burger{margin:0 1rem}.nav__cart__menu{position:absolute;height:100vh;overflow:scroll;top:0%;right:0;transform:translate(100%);width:85%;background-color:var(--white);color:var(--black);transition:transform .2s ease-in-out;display:flex;flex-direction:column}.nav__cart__menu.active{transform:translate(0);z-index:2}.nav__cart__menu__header{display:flex;justify-content:space-between;align-items:center;padding:0 1rem;margin-top:.5rem}.nav__cart__menu__closeicon{cursor:pointer}.nav__cart__menu__img{height:90px}.nav__cart__menu__items{display:flex;flex-direction:column;align-items:center;margin-top:1rem}.nav__cart__menu__item{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;width:100%;padding:0 1rem}.nav__cart__menu__info{margin-left:1rem;flex:1}.nav__cart__menu__title,.nav__cart__menu__size{margin-bottom:.5rem}.nav__cart__menu__price__container{display:flex;justify-content:space-between;align-items:center}.nav__cart__menu__emptytext{text-align:center;font-size:1.2rem;margin-top:1rem}.nav__cart__menu__footer{display:flex;flex-direction:column;justify-content:flex-end;flex:5}.nav__cart__menu__footer__total__container{display:flex;justify-content:space-between;padding:0 1rem;width:100%}.nav__cart__menu__footer__smalltext{font-size:.8rem;padding:0 1rem;margin-top:.5rem}.nav__cart__menu__footer__link{margin:1rem;padding:1rem 0;background-color:var(--black);color:var(--white);font-family:inherit;border:none;font-size:1rem;cursor:pointer;text-align:center;text-decoration:none}.nav__cart__menu__footer__btn{background-color:transparent;color:var(--white);font-family:inherit;cursor:pointer;border:none;font-size:1rem}.cart__icon__container{display:flex;justify-content:center;align-items:center;position:relative}.cart__item__number{position:absolute;left:50%;top:-10px;background-color:red;width:20px;height:20px;border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--white)}.nav__links{position:absolute;display:flex;flex-direction:column;height:100vh;top:0%;right:0;transform:translate(100%);width:85%;background-color:var(--white);transition:transform .2s ease-in-out;text-decoration:none}.router__link{text-decoration:none}.nav__links.active{transform:translate(0);z-index:2}.nav__link{list-style:none;margin:1rem;border-top:1px solid var(--light-grey);font-size:1.2rem;color:var(--grey-text);cursor:pointer}.nav__link--dropdown{border:none}.nav__dropdown{max-height:0;overflow:hidden;transition:max-height .2s ease-in-out}.nav__dropdown.active{max-height:160px}.nav__link__label{display:flex;justify-content:space-between;align-items:center}.nav__icon__btn{border:none;background-color:transparent}.nav__links__icon{font-size:1rem;color:var(--black);cursor:pointer}.nav__icon--cart:hover,.nav__icon--burger:hover,.nav__icon--search:hover{color:red}.nav__links__icon--close{align-self:flex-end;margin:1rem}.nav__links__icon--arrow{transform:rotate(0);transition:transform .2s ease-in-out}.nav__links__icon--arrow.active{transform:rotate(180deg);transition:transform .2s ease-in-out}.nav__links__socials{display:flex;justify-content:space-evenly;width:90%;align-items:center;list-style:none;margin-top:.5rem}.nav__icon--social{font-size:1.2rem}.nav__search__form{position:absolute;width:100%;height:100%;background-color:var(--white);display:flex;justify-content:center;align-items:center;transform:translateY(-101%);transition:transform .2s ease-in-out}.nav__search__form.active{transform:translateY(1%);transition:transform .2s ease-in-out}.nav__search__form__content{display:flex;justify-content:center;align-items:center;width:90%}.nav__search__form__submitbtn{border:none;background-color:transparent}.nav__search__input__container{position:relative;display:flex;justify-content:center;align-items:center;flex:1;margin:0 1rem}.nav__search__input{border:none;background-color:var(--white);font-family:inherit;font-size:1rem}.nav__search__input:focus{outline:none}.nav__search__input__icon{color:var(--black);font-size:1.2rem;cursor:pointer}.nav__search__input__cleartext{color:var(--black);font-size:.8rem;cursor:pointer;padding:.5rem;position:absolute;right:0px}.nav__search__input__cleartext.active{display:inline-block}.nav__search__input__errortext.active{position:absolute;top:90%;left:50%;transform:translate(-50%);color:red;font-size:.8rem;font-weight:600;padding-left:1rem}@media screen and (min-width: 375px){.nav__title{display:flex;align-items:center;position:relative}.nav__name{font-size:1.5rem}.nav__logo{display:block;height:50px}.nav__logo--mobile{display:none}}@media screen and (min-width: 540px){.nav__search__input__icon{margin:0 1rem;font-size:1.5rem}.nav__search__input{flex:2}.nav__links{width:60%}.nav__search__input__cleartext{font-size:1rem}}@media screen and (min-width: 768px){.nav__logo{height:60px}.nav__cart__menu{width:350px}.nav__search__form__content{width:80%}}@media screen and (min-width: 1024px){.nav__icon--burger{display:none}.nav__icon--search{margin-right:1rem}.nav__search__input{font-size:1.5rem}.nav__links{position:static;background-color:transparent;flex-direction:row;justify-content:center;align-items:center;height:100%;transform:translate(0);width:auto;transition:none}.nav__links__icon--close{display:none}.nav__link{color:var(--white);margin:0 1rem;border-top:none;font-size:1.2rem}.nav__links__icon{font-size:1rem;color:var(--white)}.nav__links__socials{display:none}.nav__link--with-dropdown{position:relative}.nav__dropdown{position:absolute;max-height:160px;overflow:auto;background-color:var(--black);transition:opacity .3s ease-in-out,transform .3s ease-in-out;padding:.5rem .7rem;transform:translateY(-10px);opacity:0;pointer-events:none}.nav__dropdown.active{opacity:1;transform:translateY(0);pointer-events:auto}.nav__link--dropdown{margin:0;padding:.5rem}.nav__links__icon--arrow{margin-left:.5rem;cursor:pointer;font-size:1.5rem}}@media screen and (min-width: 1280px){.nav__logo{height:70px}.nav__icon--search{margin-right:2rem}}.page__details__quantity__container{width:100%;margin:1rem 0}.page__details__quantity__actions{display:flex;align-items:center}.page__details__quanitity__label{margin-bottom:.5rem}.page__details__quantity__btn{margin:0;font-size:1.2rem;border:1px solid var(--light-grey);height:30px;width:30px;cursor:pointer;color:var(--black);background-color:var(--white)}.page__details__quantity__number{height:30px;min-width:40px;border:1px solid var(--light-grey);text-align:center}.cartpage__item__numbers{display:flex;justify-content:flex-end;align-items:center;gap:2rem}.page__container{padding:0 1rem;display:flex;flex-direction:column;align-items:center;font-family:Kanit,sans-serif}.page__title{margin-top:2rem}.page__title--mens{margin-top:0}.page__header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.page__filter__container{position:relative;z-index:2}.page__filter{color:var(--black)}.page__filter__labelbtn{display:flex;justify-content:center;align-items:center;padding:.5rem 2rem;border:1px solid var(--black);background-color:transparent;cursor:pointer;font-size:1rem}.page__filter__labelbtn.active{border-bottom:none}.page__filter__arrow{margin-left:.5rem;transform:rotate(0);transition:transform .2s ease-in-out;color:var(--black)}.page__filter__arrow.active{transform:rotate(180deg);transition:transform .2s ease-in-out}.page__filter__options{display:flex;flex-direction:column;position:absolute;background-color:var(--white);width:100%;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .2s ease-in-out,transform .2s ease-in-out}.page__filter__options.active{opacity:1;pointer-events:all;transform:translateY(10px)}.page__filter__option{border:none;text-align:left;position:relative;margin:.5rem 0;cursor:pointer;font-size:1rem;padding-left:.5rem;background-color:var(--white);color:var(--black)}.page__filter__option:after{content:"";position:absolute;width:100%;height:1px;background:var(--black);left:0;bottom:-10px}.page__products{display:grid;grid-template-columns:1fr;justify-items:center}#details__page{display:flex;justify-content:center;align-items:center;height:auto}.details__page__content{display:flex;flex-direction:column;align-items:flex-start}.details__page__img{width:100%;margin:1rem 0}.details__page__product{display:flex;flex-direction:column;align-items:flex-start;width:100%}.details__page__title{font-size:1.5rem}.details__page__price{margin-top:.5rem;margin-bottom:1rem}.details__page__sizes{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.details__page__size{height:50px;width:50px;margin-bottom:.5rem;font-family:inherit;border:1px solid var(--black);cursor:pointer;color:var(--black);background-color:var(--white)}.details__page__size.active{background-color:var(--black);color:var(--white);border:none}.page__details__btn__addtocart{width:100%;padding:1.2rem 0;margin-bottom:1rem;background-color:var(--black);color:var(--white);font-family:inherit;border:none;font-weight:600;font-size:1rem;align-self:center;cursor:pointer;transition:all .2s ease-in-out}.page__details__btn__addtocart:hover{background-color:var(--white);color:var(--black);outline:1px solid var(--black)}.cartpage__content{display:flex;flex-direction:column;align-items:center;min-height:90vh;width:100%}.cartpage__empty__cart__h2{text-align:center;font-weight:400}.cartpage__title{font-weight:400;margin:1rem 0 2rem;font-size:2rem;align-self:start}.cartpage__items{width:100%}.cartpage__item__info{display:flex;justify-content:center;align-items:center}.cartpage__item__img{height:80px;margin-right:1rem}.cartpage__item__text{flex:1}.cartpage__item__size{font-size:.8rem}.cartpage__footer{flex:1;display:flex;flex-direction:column;justify-content:flex-end;text-align:center;margin-top:2rem}.cartpage__footer__total__container{display:flex;justify-content:space-between;align-items:center}.cartpage__footer__btn{width:100%;padding:1.2rem 0;margin-bottom:1rem;background-color:var(--black);color:var(--white);font-family:inherit;border:none;border-radius:10px;font-weight:600;font-size:1rem;align-self:center;cursor:pointer;margin:1rem 0}@media screen and (min-width: 375px){.page__products{grid-template-columns:repeat(2,1fr)}.details__page__size{width:60px}}@media screen and (min-width: 540px){.page__title{font-size:2rem}.details__page__size{width:90px}.page__details__btn__addtocart{font-size:1.2rem;margin-top:2rem}}@media screen and (min-width: 768px){#details__page{padding:0 2rem}.details__page__size{width:100px}.details__page__price{font-size:1.2rem}.cartpage__footer{margin-top:4rem}.cartpage__item{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}.cartpage__item__img{height:100px}.cartpage__item__title{font-size:1.2rem}.cartpage__item__size{font-size:1rem;margin-top:.5rem}.cartpage__footer{align-self:flex-end}}@media screen and (min-width: 1024px){.page__products{grid-template-columns:repeat(3,1fr)}.details__page__content{display:grid;grid-template-columns:repeat(2,1fr);justify-items:center}.details__page__product{justify-content:space-between;margin-left:1rem;height:100%}.details__page__title{font-size:2rem}.details__page__price{font-size:1.5rem}.details__page__size{height:60px;margin-bottom:2rem}}@media screen and (min-width: 1280px){.page__products{grid-template-columns:repeat(3,1fr)}.details__page__content{width:70%}.cartpage__item__price{margin-left:5rem}}@media screen and (min-width: 1536px){.page__products{grid-template-columns:repeat(4,1fr)}.details__page__content{width:50%}.cartpage__item__img{height:150px}}#banner__section{height:30vh;display:flex;justify-content:center;align-items:center;position:relative;isolation:isolate;background-image:url(/assets/banner-goku.f8e55b72.jpg);background-position:center;background-size:cover;color:var(--white);animation:changeBG 10s infinite .5s}#banner__section:after{content:"";position:absolute;background:rgba(0,0,0,.7);inset:0;z-index:-1}.banner__content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;text-align:center}.banner__title{color:var(--white);font-weight:400}.banner__subtitle{margin:.5rem 0}.banner__btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--white);color:var(--white);font-family:inherit;cursor:pointer;margin-top:.5rem;border-radius:5px}@keyframes changeBG{0%{background-image:url(/assets/banner-goku.f8e55b72.jpg)}25%{background-image:url(/assets/banner-demonslayer.7b78145d.jpg)}50%{background-image:url(/assets/banner-akatsuki.cdaccb4c.jpg)}75%{background-image:url(/assets/banner-killua.23a6266e.jpg)}to{background-image:url(/assets/banner-goku.f8e55b72.jpg)}}@media screen and (min-width: 390px){.banner__content{align-items:flex-start}.banner__title{font-size:2rem}.banner__subtitle{font-size:1.2rem}}@media screen and (min-width: 500px){#banner__section{height:50vh}}@media screen and (min-width: 768px){.banner__title{font-size:3rem}.banner__subtitle{font-size:1.5rem}.banner__btn{font-size:1rem}}@media screen and (min-width: 1280px){#banner__section{height:90vh}.banner__title{font-size:4rem}.banner__subtitle{font-size:2rem}.banner__btn{font-size:1.5rem}.banner__content{align-items:flex-start;margin-left:1rem}}.product__card{width:250px;display:flex;flex-direction:column;align-items:center;margin:1rem 0}.product__card__img{width:100%;height:250px;object-fit:contain;flex:1}.product__card__info{display:flex;flex-direction:column;align-items:flex-start;align-self:flex-start;width:100%;border-top:1px solid var(--black);margin-top:.5rem;flex:1}.product__card__title{font-weight:600;flex:1}@media screen and (min-width: 375px){.product__card{width:150px;margin:1rem}}@media screen and (min-width: 500px){.product__card{width:200px;margin:2rem 1rem}}@media screen and (min-width: 768px){.product__card{width:250px}}@media screen and (min-width: 1024px){.product__card{margin:2rem}.product__card__img{height:300px}}@media screen and (min-width: 1536px){.product__card{width:300px;margin:2rem 3rem}}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.errormessage__container{height:30vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.errormessage__text{margin-top:1rem;font-size:1.2rem;font-weight:700;color:red}.errormessage__img{height:100%}#shoplinks{display:flex;flex-direction:column;align-items:center}#shoplink{height:50vh;width:100%;display:flex;justify-content:center;align-items:center;background-position:center;background-size:cover;position:relative;isolation:isolate}#shoplink:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.7);z-index:-1}.shoplink__link{border:1px solid var(--white);color:var(--white);text-decoration:none;padding:1rem 2rem;font-weight:600;letter-spacing:3px;cursor:pointer}@media screen and (min-width: 360px){.shoplink__link{font-size:1.5rem;padding:1rem 3rem}}@media screen and (min-width: 1024px){#shoplinks{flex-direction:row}#shoplink{height:85vh;background-size:cover}}#footer{min-height:auto;background-color:var(--black);color:var(--white)}.footer__links{border-bottom:1px solid var(--grey-text);cursor:pointer;padding:.5rem 0}.footer__links__label{display:flex;justify-content:space-between;align-items:center}.footer__links__label p{font-size:1.5rem}.nav__links__icon--footer{color:var(--white)}.footer__dropdown{max-height:0;overflow:hidden;transition:max-height .2s ease-in-out}.footer__dropdown.active{max-height:160px}.footer__dropdown__link{margin:.5rem 0;cursor:pointer;color:var(--light-grey);font-size:1rem}.footer__socials__container{display:flex;flex-direction:column;justify-content:center;align-items:center}.footer__logo{height:150px;margin:1rem 0}.nav__icon--footer{color:var(--white)}.footer__copyright{text-align:center;font-size:.7rem;padding-top:2rem;padding-bottom:.5rem}@media screen and (min-width: 360px){.footer__nav__socials{width:50%}}@media screen and (min-width: 500px){.footer__nav__socials{width:200px}}@media screen and (min-width: 768px){.footer__content{display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;grid-template-areas:"links socials" "footer footer"}.footer__links{grid-area:links;border-bottom:none;padding-top:2rem}.footer__dropdown{max-height:160px}.nav__links__icon--footer{display:none}.footer__logo{height:150px;margin-top:2rem}.footer__socials__container{grid-area:socials}.footer__copyright{grid-area:footer}}@media screen and (min-width: 1024px){.footer__nav__socials{display:block;display:flex}.nav__icon--footer{font-size:1.5rem}}.search__noresults{display:flex;justify-content:center;align-items:center}.search__noresults__content{height:30vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.search__noresults__img{height:100%}