@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}.dm-serif-display-regular{font-family:"DM Serif Display",serif;font-weight:400;font-style:normal}.dm-serif-display-regular-italic{font-family:"DM Serif Display",serif;font-weight:400;font-style:italic}.noto-sans{font-family:Noto Sans,sans-serif;font-style:normal}html,body{background-attachment:fixed;font-family:Noto Sans,sans-serif;line-height:1.5;color-scheme:light dark;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover}section.background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}section.third{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;z-index:1}section.background div.container{height:100vh;display:flex;justify-content:center;align-items:center;color:#041cf955}section.third div.container{position:absolute;top:0;left:0;transform:none;height:100vh;width:100vw;max-width:none;border-radius:0;display:flex;justify-content:center;align-items:center}.container{width:100%;height:100vh;max-width:1440px;margin-right:auto;margin-left:auto;align-items:center;border-radius:50px}.back{position:absolute;width:100vw;height:100vh;max-height:none;left:0;top:0;transform:none;margin-top:auto;margin-bottom:auto;z-index:1;filter:blur(0px)}.front{position:absolute;width:35%;max-width:600px;min-width:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;top:50%;left:15%;transform:translateY(-50%);z-index:2;background-color:#ffffff1a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);padding:70px 0 50px;border-radius:25px}.front:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;border-radius:inherit;background:linear-gradient(55deg,#ffffff4d,#fff0,#fff0,#ffffff4d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.carousel{position:relative;width:clamp(25rem,80%,32rem);margin-left:auto;margin-right:auto;display:flex;justify-content:center;gap:2.5rem}.small-product img{width:clamp(4rem,4.5vw,5rem);height:auto;display:inline-block;margin:auto}h1{font-size:2.7em;font-weight:600;letter-spacing:.02em;line-height:1.1;font-family:"DM Serif Display",serif}.front h1{text-align:center;margin-bottom:2.8rem;color:#fff;font-family:"DM Serif Display",serif}.front .tag{font-size:clamp(.5rem,1.35vw,1.2em);font-weight:500;line-height:1.2;font-style:italic;font-family:Noto Sans,sans-serif}.tag{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-align:center;margin-top:0;margin-bottom:.4rem;padding:0;font-family:Noto Sans,sans-serif}.tag:before,.tag:after{content:"";width:20px;height:1px;background-color:#000;display:inline-block;flex:0 0 auto}h4{font-size:2.2em;font-weight:600;margin-bottom:0;margin-top:0;text-align:center;font-family:Noto Sans,sans-serif}.detail{display:flex;align-items:center}.detail h4{margin-top:1rem;font-size:1.5rem}p{font-size:1.4em;font-weight:500;line-height:1.5;font-family:Noto Sans,sans-serif}.scene-visual{position:fixed;top:0;left:0;transform:none;width:100vw;height:100vh;max-width:none;max-height:none;overflow:hidden;z-index:0}.scene-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.scene-transition .scene-image{transition:opacity .08s linear}.scene-transition .scene-from{opacity:1}.scene-transition .scene-to{opacity:0}.brush{display:none}div.four .tag{color:#471502}div.six .tag{color:#000}div.eight .tag{color:#b0ff6b}div.eight .tag:before,div.eight .tag:after{background-color:#e2ffc9}div.ten .tag{color:#dc143c}div.four h4,div.six h4,div.eight h4{color:#fff}div.ten h4{color:#000}.front.eight .buttons button{color:#7b47c4;border-color:#7b47c4}.front.ten .buttons button{color:#d92e75;border-color:#ff79b7}.blackback-one,.blackback-two,.blackback-three,.blackback-four{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:0}.click-to-learn{font-size:.8rem;font-weight:400;text-align:center;font-family:Noto Sans,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:fit-content;padding:3px 12px;border-radius:.5rem;opacity:0;z-index:6;background-color:#0000001a;color:#0000001a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:fadeInOut18 18s ease-in-out infinite}.click-to-learn.four{background-color:#33edd7b3;color:#471502}.click-to-learn.six{background-color:#2aff9c99;color:#000}.click-to-learn.eight{background-color:#1a009c12;color:#1c0070}.click-to-learn.ten{background-color:#ffffff4d;color:#000}@keyframes fadeInOut18{0%{opacity:0}83.333%{opacity:0}88.888%{opacity:1}to{opacity:1}}.category-nav{position:fixed;top:28px;left:38px;z-index:1000;display:flex;flex-direction:row;align-items:center;gap:10px}.nav-brand{display:flex;align-items:center;pointer-events:none;-webkit-user-select:none;user-select:none}.nav-brand img{width:clamp(6rem,14.4vw,8.8rem);height:auto;display:block;filter:brightness(0) invert(1)}.burger-button{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;width:30px;height:24px;padding:0;transition:transform .3s ease}.burger-line{width:100%;height:3px;background-color:#fff;transition:all .3s ease;transform-origin:center}.burger-button.open .burger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.burger-button.open .burger-line:nth-child(2){opacity:0}.burger-button.open .burger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav-menu{position:absolute;top:calc(100% + 10px);left:0;display:flex;flex-direction:column;gap:10px;max-height:0;overflow:hidden;transition:max-height .5s ease,opacity .5s ease;opacity:0;margin-top:10px}.nav-menu.open{max-height:200px;opacity:1}.category-nav .nav-link{background-color:#0000004d;color:#fff;padding:10px 20px;text-decoration:none;border-radius:5px;font:400 1rem/1.2 Noto Sans,sans-serif;transition:background-color .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-sizing:border-box;letter-spacing:0;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.category-nav .nav-link .nav-icon{width:1rem;height:1rem;display:block;object-fit:contain}.category-nav .nav-link:hover{background-color:#0000008f}.category-nav .nav-link.active{box-shadow:inset 0 0 0 999px #fff;color:#000;font:600 1rem/1.2 Noto Sans,sans-serif;letter-spacing:0}.category-nav .nav-link.active:hover{box-shadow:inset 0 0 0 999px #f2f2f2;color:#000;font:600 1rem/1.2 Noto Sans,sans-serif;letter-spacing:0}@media (min-width: 1025px){.category-nav{top:24px;left:44px;right:42px;width:auto;gap:1.25rem}.burger-button{display:none}.nav-menu{position:static;display:flex;flex-direction:row;align-items:center;gap:.75rem;max-height:none;opacity:1;overflow:visible;margin-top:0;margin-left:auto}.category-nav .nav-link{border-radius:999px;padding:.55rem 1rem;white-space:nowrap;background-color:#0000004d;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.category-nav .nav-link.active{border-radius:999px;padding:.55rem 1rem}}@media (max-width: 1024px){.category-nav{top:20px;left:30px;right:14px;width:auto;justify-content:space-between;align-items:flex-start}.burger-button{margin-left:auto;margin-top:.35rem}.nav-menu{left:auto;right:0}.nav-menu.open{max-height:min(70vh,380px);overflow-y:auto;padding-bottom:.35rem}section.third div.container{position:absolute;top:0;left:0;transform:none;height:100vh;width:100vw;max-width:none;border-radius:0;display:flex;justify-content:center;align-items:center}.back{position:absolute;width:100vw;height:100vh;left:0;top:0;transform:none;z-index:1}.front{position:fixed;width:90%;height:50%;min-width:auto;max-width:auto;min-height:400px;left:50%;top:auto;bottom:1rem;transform:translate(-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.carousel{position:relative;width:clamp(20rem,80%,40rem);margin-left:auto;margin-right:auto;display:flex;justify-content:center;gap:clamp(1.5rem,6vw,3rem)}.carousel .click-to-learn{z-index:6}.scene-visual{position:fixed;top:0;left:0;transform:none;width:100vw;height:100vh;max-width:none;max-height:none;overflow:hidden;z-index:0}.scene-visual .scene-image{inset:auto;top:0;height:100vh}.front h1{font-size:clamp(2rem,8vw,2.7rem)}.front .tag{font-size:clamp(1rem,2.5vw,.85rem);font-weight:500;line-height:1.2;font-style:italic;font-family:Noto Sans,sans-serif}.tag{text-align:center;margin-top:0;margin-bottom:.5rem;padding:0;font-family:Noto Sans,sans-serif}.small-product img{width:clamp(3rem,13vw,4.5rem);height:auto;display:inline-block;margin:auto}.detail h4{margin-top:1rem;font-size:1.2rem}.brush{display:block;position:fixed;width:320px;transform:translateY(-11rem) translate(-10px);z-index:-1}div.four .tag{color:#471502}div.six .tag{color:#000}div.eight .tag{color:#cbff9d}div.ten .tag,div.four h4,div.six h4{color:#000}div.eight h4,div.ten h4{color:#fff}}.slogan{position:absolute;display:flex;height:auto;margin:0;flex-direction:column;flex-flow:row-reverse;align-items:right;width:45%;max-width:100%;left:0;z-index:2}.anim-slogan{position:relative;margin-top:2rem;gap:10px}@keyframes slogan-sequence{0%{opacity:0;transform:translateY(20px)}20%,80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.slogan-one,.slogan-two,.slogan-three,.slogan-four{opacity:0;width:100%;position:absolute;text-align:center}.slogan-two{animation:slogan-sequence 2s ease-in-out forwards;animation-delay:2.5s}.slogan-three{animation:slogan-sequence 2s ease-in-out forwards;animation-delay:4.5s}.slogan-four{animation:slogan-sequence 2s ease-in-out forwards;animation-delay:6.5s}.slogan h1{margin:0;text-align:center;font-family:"DM Serif Display",serif;font-size:clamp(1rem,3vw,3.5rem);font-weight:500;color:#0cffe0}.slogan-two h1,.slogan-three h1,.slogan-four h1{text-align:center}section.loading{background-color:#c6680a;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;margin:0;padding:0;position:fixed;top:0;left:0;z-index:9999}.logos{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px}@keyframes rotating-rings{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logos{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;display:grid;place-items:center;pointer-events:none}.logos>img{position:absolute;width:85%;transform-origin:center center;will-change:transform;backface-visibility:hidden}.logos>:nth-child(6){position:absolute;width:120%;top:50%;left:50%;transform:translate(-50%,-50%)}.logos>:nth-child(1){animation:rotating-rings 60s linear infinite}.logos>:nth-child(2){animation:rotating-rings 30s linear infinite}.logos>:nth-child(3){animation:rotating-rings 20s linear infinite}.logos>:nth-child(4){animation:rotating-rings 15s linear infinite}.logos>:nth-child(5){animation:rotating-rings 6s linear infinite}.loading-text{position:fixed;font-family:Noto Sans,sans-serif;font-size:3rem;font-weight:600;color:#640d0d;letter-spacing:.04em;text-align:center;bottom:clamp(1rem,15%,25rem);left:50%;transform:translate(-50%);margin-top:0}.loading-text .dots{display:inline-block;animation:dotAnimation 1.5s infinite}@keyframes dotAnimation{0%{opacity:0}33%{opacity:1}66%{opacity:1}to{opacity:0}}@media (max-width: 1024px){.slogan{width:100%;display:flex;flex-direction:column;justify-content:center;top:20%;align-items:center;position:absolute}.slogan h1{font-size:clamp(1rem,8vw,3.5rem)}.hero-logo{width:clamp(200px,70%,500px);display:block;position:absolute;left:50%;transform:translate(-50%,10%)}.anim-slogan{position:relative;margin-top:2rem;gap:10px;background-color:brown;width:100%;text-align:right;display:flex;justify-content:center;padding-top:150px}.slogan-one,.slogan-two,.slogan-three,.slogan-four{position:fixed;bottom:clamp(1rem,15%,25rem);text-align:center;width:auto}.logos{width:60%;height:auto}.loading-text{position:fixed;text-align:center;bottom:clamp(1rem,15%,25rem);left:50%;transform:translate(-50%);font-size:clamp(.5rem,8vw,3rem);margin-top:0}}.detail{display:flex;flex-direction:column;justify-content:space-between;height:4rem;margin-top:.8rem;margin-bottom:.6rem}.title-price{text-align:center;margin-top:15px}.price,.title{margin:0}.buttons{margin-top:15px;display:flex;justify-content:space-evenly;width:22rem;margin-left:auto;margin-right:auto}button{text-align:center;justify-content:center;width:150px;height:40px;color:#fff;border:solid .5px white;font-size:1.2em;font-weight:600;border-radius:12px;font-style:unset;background-color:transparent;cursor:pointer}button:hover{background-color:#fff3}@keyframes regEase{0%{transform:scale(1)}to{transform:scale(1.2)}}a.active:not(.nav-link){animation:regEase .4s ease-in-out forwards}.popup{display:none;position:absolute;width:30rem;height:45rem;max-width:530px;flex-direction:column;justify-content:center;align-items:center;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:0;z-index:2;background:red;border-radius:25px}.popup button{position:absolute;display:flex;flex-direction:row;align-items:center;padding:13px 18px;width:auto;top:-3.5rem;left:0rem;border:none;cursor:pointer;font-size:1.5rem;font-weight:500;letter-spacing:.05rem;z-index:3;background-color:#380d8f66}.popup button[class^=popup-back-]{background-color:#00000040;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.popup button img{width:1.8rem;height:1.2rem;margin-right:1rem}.large-product{position:absolute;left:100%;bottom:-5%;transform:translateY(0) translate(-55%);width:180px;height:auto;z-index:2;animation:slideIn .8s ease-out forwards}@keyframes slideIn{0%{left:85%;opacity:0}to{left:100%;opacity:1}}.large-product-mask{position:relative;overflow:hidden;width:180px;height:auto;display:flex;justify-content:center;align-items:center}.popup-content{position:absolute;display:flex;width:100%;height:100%;padding:3rem 2rem 4.2rem 3rem;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-radius:25px;background-color:#fff}.popup-title-row{display:block;width:100%}.popup .popup-nav-arrow,.popup .popup-title-arrow,.popup .popup-dot{position:static;top:auto;left:auto;width:auto;height:auto;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:inherit;font-weight:400;letter-spacing:normal;border:none;background:transparent;cursor:pointer;z-index:auto}.popup .popup-nav-arrow .popup-arrow-icon,.popup .popup-title-arrow .popup-arrow-icon{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain}.popup .popup-nav-arrow{position:absolute;top:12%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;color:#fff;font-size:5rem;line-height:1;font-weight:300;background-color:transparent;z-index:5}.popup .popup-nav-arrow .popup-arrow-icon{width:42px;height:42px;background-image:url(/assets/nav-arrow-white-DrfW6b71.png)}.popup .popup-nav-arrow-prev{left:-72px}.popup .popup-nav-arrow-next{right:-72px}.popup .popup-nav-arrow-next .popup-arrow-icon,.popup .popup-title-arrow-next .popup-arrow-icon{transform:scaleX(-1)}.popup .popup-title-arrow{display:none}.popup-dots{position:absolute;left:3rem;right:2rem;bottom:1.2rem;display:flex;gap:.5rem;align-items:center;justify-content:flex-start}.popup .popup-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background-color:#00000047;transition:background-color .2s ease,transform .2s ease}.popup .popup-dot.active{background-color:#000;transform:scale(1.15)}h2.product-name{margin:0;color:#000;text-align:left;font-size:2.1rem;line-height:2.7rem}a.buy-button{display:inline-block;text-decoration:none;color:#fff;background-color:#000;padding:10px 20px;border-radius:12px;font-weight:700;margin:25px 0 15px;align-self:flex-start}@keyframes moveUp{0%{opacity:0;transform:scaleY(1.25) translateY(4rem)}to{opacity:1;transform:scaleY(1) translateY(0)}}div.popup p{opacity:0;margin:10px 0;width:80%;height:23rem;color:#000;overflow:auto;box-sizing:border-box;font-size:1.1rem;font-weight:400;line-height:rem;scrollbar-width:none;-ms-overflow-style:none;animation:moveUp 1s ease-out forwards;animation-delay:.3s}.div.popup p::-webkit-scrollbar{display:none}.spfs{margin:10px 0;display:flex;width:100%}.spf{width:60px;height:60px;background-color:#ff8514;color:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:10px;line-height:1.1rem}.spf h5{margin:0;padding:0;width:100%;text-align:center;font-size:1.1rem}@media (max-width: 1024px){.popup{width:calc(100% - 2rem);max-width:none;height:75%;left:50%;transform:translate(-50%,-50%);margin-left:0}.large-product{width:140px;position:absolute;left:100%;bottom:-5%;transform:translateY(-15%) translate(-115%);width:32%;height:auto;z-index:2;animation:slideIn .8s ease-out forwards}.popup-content{padding:2rem}.popup-title-row{display:flex;align-items:center;justify-content:space-between;gap:.3rem;width:calc(100% + 3rem);margin-left:-1.5rem;margin-right:-1.5rem;padding:.1rem .5rem 1.6rem;border-bottom:1px solid rgba(0,0,0,.12)}h2.product-name{flex:1;margin:0;text-align:center;font-size:clamp(1.2rem,4vw,1.6rem);line-height:clamp(1.6rem,4.8vw,2.1rem);max-width:100%;text-overflow:clip;white-space:normal;overflow:visible;word-break:break-word}.popup .popup-nav-arrow{display:none}.popup .popup-title-arrow{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:#00000059;font-size:2.1em;line-height:1}.popup .popup-title-arrow .popup-arrow-icon{width:18px;height:18px;background-image:url(/assets/nav-arrow-gray-D2ExeLVF.png)}.popup-dots{left:2rem;right:2rem;justify-content:center;bottom:.9rem}div.popup p{font-size:.9rem;line-height:1.4rem;width:60%;margin:10px 0;height:23rem}}section.background .container.eleven{position:absolute;top:1000vh;height:100vh;width:100%}section.third .container.eleven{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);height:100vh;width:100%;max-width:2000px;display:flex;opacity:0;pointer-events:none;flex-direction:column;box-sizing:border-box;color:#73430e;background-color:#deb382}.social-media,.sitemap,.logo-copyright{display:block;width:100%;text-align:center;padding:20px}.cabana-logo-sun{width:15rem;height:auto;margin-right:10px}.logo-copyright{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.logo-copyright-images{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:30%;gap:20px;margin-bottom:30px}.logo-copyright img{height:30px;width:auto;flex:1;max-width:150px;object-fit:contain}.logo-copyright p{font-size:.9rem;font-weight:400}.logo-copyright a{color:inherit;text-decoration:none}.logo-copyright a:hover{opacity:.8}.logo-copyright a:visited{color:inherit}.social-icons{display:flex;gap:15px;margin-top:15px}.social-icons a{color:#73430e;text-decoration:none;transition:color .3s ease}.social-icons a:hover{color:#5a2a0a}.sitemap{padding-bottom:0}.sitemap ul{list-style:none;padding:20px;display:inline-block;vertical-align:top;text-align:left;font-size:.9rem;line-height:normal}.sitemap li{margin:5px 0;line-height:1}.sitemap a{color:#73430e;text-decoration:none;transition:color .3s ease;display:block;padding:8px 0;line-height:1.2}.sitemap a:hover{color:#5a2a0a}.sitemap .sitemap-link{color:#73430e;text-decoration:none;display:block;padding:0}.sitemap .sitemap-link:hover{color:#5a2a0a;text-decoration:underline}.footer-logo{width:100px;height:auto;margin-bottom:10px}.footer-divider{width:70%;max-width:340px;border:none;border-top:2px solid #73430E;margin:0 auto 10px;opacity:.5}.container.eleven .sitemap .nav-link{color:#73430e;background:transparent;text-decoration:none;padding:6px 0;display:block}