#category-banner{background:#f2f4f6;max-height:88vh;margin:0 5px;position:relative}.slider-top-banner{clip-path:polygon(calc(100% - 11.5rem) 0,100% 0%,100% -19.5rem,100% calc(100% - 3rem),calc(100% - 7rem) calc(100% - 3rem),calc(100% - 9rem) 100%,1.5rem 100%,0 calc(100% - 1.5rem),0 2.5rem,0 0,14rem 0);max-height:88vh;position:relative;overflow:hidden}.slider-top-banner img{object-position:cover;width:100%;height:100%}.slider-top-banner video{width:100%;height:100%}#category-banner .sound-web{z-index:99;position:fixed;bottom:10px;right:10px}#explore-category{min-height:100vh;padding:100px 0;position:relative}#explore-category .container{margin:0 auto}#explore-category p{font-size:20px;line-height:normal}#explore-category img{clip-path:polygon(0 10%,10% 0,80% 0,90% 10%,90% 30%,100% 40%,100% 90%,90% 100%,40% 100%,30% 90%,10% 90%,0 80%)}#explore-category .card-outline:before,#introduce-category:before,.slider-top-banner:before,.product-thumb:before,.card-age-img:before{content:" ";z-index:2;pointer-events:none;z-index:9;mix-blend-mode:multiply;background:linear-gradient(#12101000 50%,#3d555e33 50%) 0 0/100% 2px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/0 100%;width:100%;height:100%;display:block;position:absolute;inset:0}@keyframes flicker{0%{opacity:.27861}5%{opacity:.34769}10%{opacity:.23604}15%{opacity:.90626}20%{opacity:.18128}25%{opacity:.83891}30%{opacity:.65583}35%{opacity:.67807}40%{opacity:.26559}45%{opacity:.84693}50%{opacity:.96019}55%{opacity:.08594}60%{opacity:.20313}65%{opacity:.71988}70%{opacity:.53455}75%{opacity:.37288}80%{opacity:.71428}85%{opacity:.70419}90%{opacity:.7003}95%{opacity:.36108}to{opacity:.24387}}#explore-category .card-outline:after,.card-age-img:after{content:" ";opacity:0;z-index:9;pointer-events:none;background:#f2f4f608;width:100%;height:100%;animation:.15s infinite flicker;display:block;position:absolute;inset:0}.animate-small-text.text-small-02{position:absolute;top:16%;left:auto;right:-2%;transform:rotate(90deg)}#introduce-category{position:relative}#introduce-category h4{font-family:var(--font-space-grotesk);border-bottom:1px solid #000;padding-bottom:20px;font-size:36px;font-weight:500}#introduce-category h4+p{border-bottom:1px solid #000;padding-bottom:20px}#introduce-category h4+p:last-child{border:none}#introduce-category ul{margin:0 0 20px;padding:0;list-style:none}#introduce-category .row .col-md-5 ul li{align-items:center;column-gap:10px;margin-bottom:20px;display:flex}#introduce-category ul.nav-tabs li a{color:var(--grey);background:0 0;border:none;border-bottom:4px solid #0000;padding:10px;font-size:18px;font-style:normal;font-weight:800;line-height:125%}#introduce-category ul.nav-tabs li a:hover,#introduce-category ul.nav-tabs li a.active{border-bottom:4px solid var(--black);color:var(--black)}#introduce-category ul.nav-tabs{justify-content:center;width:70%;margin:20px auto 30px;display:flex}#introduce-category ul.nav-tabs li{text-align:center;width:33%}span.plus-01{font-size:10px;position:absolute;top:10vh;left:29vw}span.plus-02{font-size:11px;position:absolute;top:65vh;left:9vw}span.plus-03{font-size:11px;position:absolute;top:24vh;right:5vw}span.plus-04{font-size:11px;position:absolute;top:90vh;right:30vw}#why-djoy{background:#f2f4f6 url(/assets/img/dot.png);padding-top:200px;padding-bottom:200px;position:relative}#why-djoy .bg-lines{z-index:9;position:absolute}.list-why{text-align:center;justify-content:center;padding:40px 40px 0}.list-why .reveal-text .line{justify-content:center}.list-why img{height:70px}.list-why p{color:var(--grey);flex-wrap:wrap;justify-content:center;align-items:normal;row-gap:40px;width:25%;margin:20px 2% 0 0;font-size:20px;line-height:120%;display:flex}.list-why p>span{width:100%}.list-why p:last-child{border:none;margin-right:0}#about-category{align-items:center;min-height:100vh;position:relative}#about-category .container{min-height:100vh}#about-category .container .col-md-8{position:relative}#about-category .floating-div{width:45%;animation:1.4s ease-in-out infinite alternate up-down;position:absolute;top:7%;right:27%}#about-category .col-md-4{position:absolute;bottom:10%;right:0}#about-category .col-md-5{margin-top:5%}#about-category .floating-div img{width:100%}#about-category p{color:#515d69;margin-top:40px;font-size:18px;line-height:normal}#about-category p .words{flex-wrap:wrap;justify-content:end;gap:4px 2px;display:flex}#about-category .animate-small-text.text-small-03{top:120px;right:2%;transform:rotate(90deg)}#about-category span.plus-03{right:15vw}.introduce-scroll_section{grid-column-gap:0px;grid-row-gap:0px;color:#154726;grid-template-rows:auto;grid-template-columns:50% 50%;grid-auto-columns:1fr;display:grid}.introduce-scroll_visual{justify-content:center;align-items:center;height:100vh;display:flex}.introduce-scroll_visual.page-padding{position:sticky;top:0}.introduce-scroll_img-wrap{z-index:9;width:100%;max-width:100%;height:100vh;max-height:100%}@keyframes up-down{0%{transform:translateY(0)}to{transform:translateY(-30px)}}.introduce-scroll_img-list{z-index:9;width:100%;height:100%;position:relative}.introduce-scroll_img-item{opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0%}.introduce-scroll_img-item.is-active{opacity:1}.introduce-scroll_img{-o-object-fit:cover;object-fit:contain;border-radius:2em;width:100%;height:100%}.introduce-scroll_content.page-padding{z-index:9;padding-top:10vh;padding-bottom:30vh;position:relative}.info-intro{color:#000;-webkit-clip-path:polygon(calc(100% - 11.5rem) 0,90% 2.5rem,100% 2.5rem,100% calc(100% - 3rem),calc(100% - 7rem) calc(100% - 3rem),calc(100% - 9rem) 100%,1.5rem 100%,0 calc(100% - 1.5rem),0 2.5rem,12rem 2.5rem,14rem 0);clip-path:polygon(calc(102% - 3rem) 0,100% 2.5rem,100% 2.5rem,100% calc(100% - 3rem),calc(100% - 7rem) calc(100% - 3rem),calc(100% - 9rem) 100%,1.5rem 100%,0 calc(100% - 1.5rem),0 2.5rem,0 2.5rem,2rem 0);-webkit-backdrop-filter:blur(15px);z-index:99;background:#ffffffa3;border:1px solid #fff;border-radius:16px;margin:10px 20px;padding:50px 50px 100px;position:relative;box-shadow:0 4px 30px #00000040}.info-intro h3{border-bottom:1px solid #2f3134;padding:20px 0}.info-intro h3+p,.info-intro ul{border-bottom:1px solid #2f3134;padding-bottom:20px}.info-intro li{align-items:center;column-gap:20px;margin-bottom:20px;font-size:18px;display:flex}.introduce-scroll_text-wrap{max-width:96%}.introduce-scroll_text-item{grid-column-gap:1.25em;grid-row-gap:1.25em;opacity:.2;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-top:3em;padding-bottom:3em;transition:opacity .3s;display:flex}.introduce-scroll_text-item.is-active{opacity:1}.introduce-scroll_photo{display:none}.introduce-scroll_text-item{position:relative}.introduce-scroll_text-item:before{z-index:99;content:"";z-index:1;filter:blur(30px);background:#6063802e;width:100%;height:auto;margin:10px 20px;padding:50px;display:block;position:absolute;top:0}.lets-introduce{text-align:center;width:60%;font-family:Hannah;font-size:64px;line-height:120%;position:relative}.breadcrumb i{color:#000}#category-banner img.accent-dg{object-fit:contain;width:auto;height:auto;position:absolute;bottom:10px;right:3%;transform:rotateX(179deg)}.icon-medium{width:46px}.icon-box{border-top:1px solid #000}.text-regular{font-weight:400!important}.mb-4.d-flex.justify-content-center>span>span.line{justify-content:center}#call-cta{background:url(/assets/img/bg-cta.png) 100% 0 no-repeat;padding-top:70px;padding-bottom:130px;position:relative}#call-cta .ui-border{top:1vw}#call-cta .inner-card-offline{color:#000;text-align:center;-webkitclip-path:polygon(0% 84.94%, 0% 22.289%, 5.754% 0%, 100% 0%, 100% 62.651%, 94.246% 84.94%, 94.246% 100%, 17.885% 100%, 13.997% 84.94%, 0% 84.94%);clip-path:polygon(0% 84.94%,0% 22.289%,5.754% 0%,100% 0%,100% 62.651%,94.246% 84.94%,94.246% 100%,17.885% 100%,13.997% 84.94%,0% 84.94%);background-color:#fff;justify-content:start;align-items:center;width:100%;height:100%;padding:25px 35px 40px 25px;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .3s,color .3s;display:flex}#call-cta .inner-card-offline .header-card-offline{flex-direction:row;justify-content:space-between;align-items:start;gap:20px;display:flex}#call-cta .inner-card-offline .header-card-offline>img{border-right:1px solid #000;width:100px;padding-right:15px}#call-cta .outer-card-offline{margin-top:-25px;margin-left:-3px;position:absolute;top:50%}#call-cta .inner-card-offline p.title{text-transform:uppercase;font-size:24px}#call-cta .content-card-offline{text-align:left}.accent-dg-cta{position:absolute;top:5px;right:5px}#call-cta .sound-icon{z-index:10;width:12%;bottom:5%}#call-cta .inner-card-offline,#call-cta .card-offline{height:100%}.object-cover{object-fit:cover!important}#newsletter.newsletters{clip-path:polygon(100% 0%,0% 0%,0% 100%,100% 100%,100% 0%,86.181% 0%,82.708% 11.628%,17.292% 11.628%,13.819% 0%,86.181% 0%);background-position:100% 0;align-items:center;min-height:600px;margin-top:-75px;padding:180px 50px 120px;display:flex;position:relative;background-size:cover!important}#newsletter{background-size:cover!important}.accent-dg-3{position:absolute;top:6%}.accent-x{margin-left:auto;display:none;position:absolute;bottom:14%;left:auto;right:4%}#product-list h3{text-align:center}.listitem-responsive{display:none}#call-cta .card-offline:hover .inner-card-offline p,#call-cta .card-offline:hover .inner-card-offline p i{color:var(--black)!important}@media (max-width:1280px){.slider-product{width:100%}#call-cta .sound-icon{display:flex}#call-cta .row{margin:0}}@media (max-width:1200px){.badge.badge-bestSeller,.badge.badge-new{top:15%;right:-14px}.line{word-wrap:break-word;display:inline}#call-cta .inner-card-offline .header-card-offline>img{width:90px}.introduce-scroll_text-item:before{margin:0}#call-cta .inner-card-offline p.title{font-size:22px}span.btn-text-scramble{white-space:normal}}@media (max-width:1024px){#explore-category,#about-category,#about-category .container{min-height:0}#about-category{padding:150px 0}#call-cta .sound-icon{display:none}.animate-small-text.text-small-02{top:14%;right:-7%}#call-cta .inner-card-offline{padding:20px}#call-cta .inner-card-offline .header-card-offline>img{width:70px}.accent-dg-cta{height:10px}#call-cta .content-card-offline{min-height:106px}}@media (max-width:991px){.listitem-responsive{z-index:100;width:100%;margin-top:-150px;display:block;position:absolute}.listitem-responsive img{height:300px}.info-intro{width:calc(100% - 40px);padding-top:150px}.introduce-scroll_visual.page-padding{display:none}.introduce-scroll_text-wrap{max-width:100%}.introduce-scroll_section{display:block}#newsletter.newsletters{clip-path:polygon(100% 0%,0% 0%,0% 100%,100% 100%,100% 0%,86.181% 0%,82.708% 6.628%,17.292% 6.628%,13.819% 0%,86.181% 0%);min-height:0;padding:100px 15px 85px}#newsletter:before{content:"";background:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}#newsletter>.container{z-index:10;position:relative}#newsletter>.container .col-md-6{width:100%}#newsletter img{z-index:10}.introduce-scroll_content.page-padding{padding:75px 0 50px}#newsletter.newsletters{padding:120px 15px!important}}@media (max-width:800px){#explore-category .col-md-6.px-5{margin-top:30px;padding:0 20px!important}#explore-category p{font-size:16px}#about-category p{width:100%;margin:0;padding:10% 5% 5% 15%;font-size:21px}#about-category img{width:80%}#about-category{background-position:480% 0;background-size:90%}#about-category h2{margin-top:20%}.introduce-scroll_section{grid-template-columns:100%}.introduce-scroll_content.page-padding{padding:75px 0}.introduce-scroll_text-wrap{max-width:100%}.introduce-scroll_visual{display:none!important}.info-intro li{font-size:14px}.info-intro{padding:50px 20px 100px}.animate-small-text{font-size:10px!important}section#why-djoy{padding:80px 0}.list-why{flex-wrap:wrap;padding:0}.list-why p{flex-wrap:wrap;row-gap:10px;width:48%;font-size:14px}.list-why p span{width:100%}.info-intro{width:calc(100% - 3rem)}#about-category .col-md-4{width:100%;position:static}#about-category .floating-div{width:35%}#about-category .col-md-5>img{width:auto}}@media (max-width:767px){.container,.container-fluid{max-width:90%}#about-category .floating-div{margin:0 auto;position:static}#about-category p .words{justify-content:start}#about-category p{padding-left:5%}.list-why p{width:100%;margin-right:0}.card-offline.position-relative{margin-bottom:20px}#call-cta{padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem)}.accent-dg-3{width:50px}.accent-x{bottom:25%}#newsletter.newsletters{min-height:0}#category-banner{height:300px}.slider-top-banner,.slider-top-banner>.breadcrumb+div{height:100%}.slider-top-banner>div img{object-fit:cover;object-position:left}#what-djoy{overflow:hidden}.info-intro{padding-bottom:70px}.listitem-responsive img{height:150px}.listitem-responsive{margin-top:-70px}.info-intro{padding-top:100px}#explore-category .animate-small-text.text-small-01{display:none}#explore-category .animate-small-text.text-small-01+.sound-icon .sound-wave{width:80%}#call-cta .inner-card-offline{clip-path:polygon(0% 84.94%,0% 13.289%,7.754% 0%,100% 0%,100% 69.651%,102.246% 84.94%,93.246% 100%,18.885% 100%,13.997% 84.94%,0% 84.94%);background:#fff;overflow:hidden}#call-cta .sound-icon{display:none}.ui-border{height:94%}.animate-small-text.text-small-02{right:-8%}#about-category .container,#about-category{min-height:0}.badge.badge-new,.badge.badge-bestSeller{height:26px;top:16%;right:-20px}#about-category .reveal-text{text-align:center}.animate-small-text.text-small-02{display:none}#product-list h3{text-align:center;margin:0 auto}#call-cta .inner-card-offline,#call-cta .card-offline{height:auto!important}}@media (max-width:480px){.card-product{padding-bottom:80px}.product-info{margin-top:0}.product-category{font-size:12px}#newsletter.newsletters{padding:70px 10px 65px!important}}@media (max-width:430px){#about-category p,#explore-category p{font-size:14px}.card-outline span:nth-child(2){right:12px}.Large-ExtraBold{font-size:14px}.card-outline span:nth-child(4){left:12px}#about-category{padding-top:100px;padding-bottom:50px}#explore-category{padding:50px 0}#call-cta .inner-card-offline p.title{margin-bottom:5px}.badge.badge-new,.badge.badge-bestSeller{height:33px;top:15%;right:-8px}#call-cta .inner-card-offline p.title{font-size:18px}#call-cta .inner-card-offline .header-card-offline>img{width:60px}}@media (max-width:390px){.badge.badge-new,.badge.badge-bestSeller{top:16%;right:-8px}}@media (width:1024px){.badge.badge-bestSeller,.badge.badge-new{top:15%;right:-15px}}@media (width:720px){.badge.badge-new,.badge.badge-bestSeller{top:16%}}@media (width:568px){.badge.badge-new,.badge.badge-bestSeller{height:26px;top:16%;right:-15px}}@media (width:320px){.badge.badge-new,.badge.badge-bestSeller{top:15%;right:-13px}}