:root{--nav-padding-desktop:13px 90px;--nav-padding-mobile:13px 20px}*{margin:0;padding:0;box-sizing:border-box;font-family:"Helvetica Neue",sans-serif;scroll-behavior:smooth}body{background:#f5f5f5;overscroll-behavior:none}header{position:fixed;top:0;left:0;width:100%;z-index:1000}.overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgb(0 0 0 / .7);opacity:0;pointer-events:none;transition:opacity 0.3s ease;z-index:1001}.overlay.active{opacity:1;pointer-events:auto}.seo-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.farin{display:flex;justify-content:space-between;align-items:center;padding:13px 90px;transition:background .4s ease,backdrop-filter .4s ease,box-shadow .4s ease}header.scrolled .farin{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 10px 30px rgb(0 0 0 / .12),0 2px 8px rgb(0 0 0 / .06)}.logo{position:relative;width:140px;height:40px;display:flex;align-items:center;z-index:1000}.logo img{position:absolute;left:0;top:0;height:40px;width:auto;transition:opacity .4s ease}.logo-white{opacity:1}.logo-black{opacity:0}header.scrolled .logo-white{opacity:0}header.scrolled .logo-black{opacity:1}.menu{display:flex;gap:30px}.menu a{text-decoration:none;color:#fff;font-size:17px;position:relative;font-weight:500}header.scrolled .menu a{color:#000}.menu a::after{content:"";position:absolute;width:0;height:2px;background:#7CA27F;left:0;bottom:-5px;transition:0.3s}.menu a:hover::after{width:100%}.menu a .arrow{display:none}.hamburger{display:none}.hero{position:relative;width:100%;height:100vh;overflow:hidden;touch-action:pan-y;user-select:none}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.2s ease,visibility 1.2s ease;z-index:1}.slide.active{opacity:1;visibility:visible;z-index:2}.slide video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.overlay-slideshow{position:absolute;inset:0;background:rgb(0 0 0 / .35);z-index:1}.hero-content{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);width:min(90%,  900px);text-align:center;color:#fff;z-index:5;opacity:0;animation:heroFade 1.4s ease forwards;animation-delay:.3s}.hero-subtitle{display:inline-block;font-size:14px;font-weight:500;letter-spacing:4px;text-transform:uppercase;margin-bottom:13px;opacity:.9}.hero-content h2{font-size:77px;line-height:1.05;font-weight:600;letter-spacing:-2px;margin-bottom:13px}.hero-content p{width:min(100%,  620px);margin:auto;margin-bottom:19px;font-size:18px;line-height:1.8;opacity:.85}.hero-buttons{display:flex;justify-content:center;gap:16px}.hero-btn{padding:9px 11px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:600;transition:.3s ease}.hero-btn.primary{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;background:#fff;color:#111;border:1px solid rgb(255 255 255 / .9);border-radius:999px;font-size:13px;font-weight:600;line-height:1;text-decoration:none;box-shadow:0 4px 14px rgb(0 0 0 / .08);transition:background 0.3s ease,color 0.3s ease,transform 0.3s ease,box-shadow 0.3s ease}.hero-btn.primary:hover{background:#f5f5f5;color:#000;transform:translateY(-2px);box-shadow:0 10px 24px rgb(0 0 0 / .14)}.hero-btn.primary:active{transform:translateY(0);box-shadow:0 4px 12px rgb(0 0 0 / .1)}.hero-btn.secondary{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;background:rgb(255 255 255 / .04);color:#fff;border:1px solid rgb(255 255 255 / .7);border-radius:999px;font-size:13px;font-weight:600;line-height:1;text-decoration:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background 0.3s ease,color 0.3s ease,border-color 0.3s ease,transform 0.3s ease,box-shadow 0.3s ease}.hero-btn.secondary:hover{background:#fff;color:#111;border-color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px rgb(0 0 0 / .14)}.hero-btn.secondary:active{transform:translateY(0);box-shadow:0 4px 12px rgb(0 0 0 / .1)}@keyframes heroFade{from{opacity:0;transform:translate(-50%,-50%) translateY(40px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}.scroll-indicator{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);text-align:center;color:#fff;z-index:10;font-family:Arial,sans-serif}.scroll-indicator p{font-size:12px;letter-spacing:2px;margin-bottom:10px;opacity:.8}.mouse_scroll{display:flex;flex-direction:column;align-items:center}.mouse{height:42px;width:24px;border-radius:14px;border:2px solid #fff;position:relative}.wheel{width:4px;height:4px;background:#fff;border-radius:50%;margin:6px auto;animation:wheelMove 0.8s infinite}@keyframes wheelMove{0%{transform:translateY(0);opacity:1}100%{transform:translateY(8px);opacity:0}}.m_scroll_arrows{display:block;width:10px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);margin:3px auto;opacity:0;animation:arrowFade 1.2s infinite}.unu{animation-delay:0.2s}.doi{animation-delay:0.4s}.trei{animation-delay:0.6s}@keyframes arrowFade{0%{opacity:0;transform:translateY(-5px) rotate(45deg)}50%{opacity:1}100%{opacity:0;transform:translateY(5px) rotate(45deg)}}.our{padding:30px 97px}.our h2{text-align:center;margin-bottom:15px;font-size:30px}.our-slider{display:flex;gap:20px;padding:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.slider::-webkit-scrollbar{display:none}.card{position:relative;width:390px;height:490px;overflow:hidden;background:none;border-radius:0;box-shadow:none;flex-shrink:0}.card img{width:100%;height:100%;object-fit:cover;display:block}.card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(0 0 0 / .75),rgb(0 0 0 / .20),rgb(0 0 0 / .05));display:flex;flex-direction:column;justify-content:flex-end;padding:24px}.card-overlay h3{color:#fff;font-size:24px;margin-bottom:10px}.card-overlay p{color:whitesmoke;font-size:14px;line-height:1.3;letter-spacing:.2px;margin-bottom:18px;text-align:justify;max-width:60ch;opacity:.95}.button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:12px 18px;border:none;border-radius:999px;background:#fff;color:#000;font-size:13px;font-weight:590;text-decoration:none;cursor:pointer;transition:background 0.3s ease,color 0.3s ease,transform 0.3s ease,box-shadow 0.3s ease}.button:hover{background:#111;color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 20px rgb(0 0 0 / .18)}.btn:active{transform:translateY(0);box-shadow:0 4px 10px rgb(0 0 0 / .12)}.product{position:relative;padding:19px 70px}.product h2{padding:10px;margin-bottom:10px;font-size:32px}.product-card-slider{display:flex;gap:20px;padding:10px 1px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding:30px}.product-card-slider::-webkit-scrollbar{display:none}.product-card{font-family:"Helvetica Neue",sans-serif;flex:0 0 280px;overflow:hidden;box-shadow:0 0 0 1px #d2d2d2;border-radius:12px;background:#fff;scroll-snap-align:start}.product-card,.product-card *::before,.product-card *:not(.btn){transition:all 0.2s ease-in-out}.product-card a{text-decoration:none}.product-card:hover{box-shadow:0 0 20px 0 rgb(0 0 0 / .1)}.product-card:active,.product-card:focus{box-shadow:0 0 20px 0 rgb(0 0 0 / .3)}.product-card__image{position:relative;display:flex}.product-card__image::before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,rgb(104 187 121 / .24) 0,#fff0 24px);opacity:0}.product-card:hover .product-card__image::before{opacity:1}.product-card__image img{width:100%;height:220px;object-fit:cover;display:block}.product-card__body{position:relative;display:flex;flex-direction:column;padding:19px 25px 11px 25px;flex-grow:1}.product-card__title{margin-bottom:11px;color:var(--01,#161616);font-size:16px;font-weight:600;line-height:125%}.product-card__title:hover,.product-card:hover .product-card__title{color:#68bb79}.product-card__title:active,.product-card:active .product-card__title{color:#29803b}.product-card__title:focus,.product-card:focus .product-card__title{color:#29803b}.product-card__title::after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0}.product-card__desc{--lines-count:5;margin-bottom:11px;color:#6d6d6d;font-size:12px;font-weight:400;line-height:120%;text-align:justify;word-break:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:var(--lines-count);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:calc(12px * 1.2 * var(--lines-count))}.product-card__stock::before{content:"";flex:0 0 6px;height:6px;width:6px;border-radius:50%;background:var(--02,#68bb79);margin-right:8px}.product-card .price{display:flex;align-items:flex-end}.product-card__btn{text-align:center;margin-bottom:19px}.product-card__btn>.btn_product{position:relative}.product-card:hover .product-card__btn>.btn_product{--btn-start-color:#68bb79;--btn-start-border:1px solid #68bb79}.btn{position:relative;display:inline-flex;justify-content:center;align-items:center;box-shadow:none;border:none;outline:none;cursor:pointer;text-transform:none;text-shadow:none;text-decoration:none;white-space:nowrap;user-select:none;color:var(--btn-start-color);background:var(--btn-start-background);border:var(--btn-start-border);padding:var(--btn-start-padding);height:var(--btn-height);border-radius:999px;font-family:"Helvetica Neue",sans-serif;font-weight:600;font-size:15px;line-height:18px;transition-property:color,background-color,border-color,opacity,box-shadow;transition-duration:var(--duration-normal);transition-timing-function:ease-in-out}.btn:focus{outline:none}.btn:hover{color:var(--btn-hover-color);border:var(--btn-hover-border);padding:var(--btn-hover-padding);background:var(--btn-hover-background)}.btn:active,.btn:focus{color:var(--btn-focus-color);border:var(--btn-focus-border);padding:var(--btn-focus-padding);background:var(--btn-focus-background)}.btn_product{--btn-start-color:#000000;--btn-hover-color:#ffffff;--btn-focus-color:#ffffff;--btn-start-background:transparent;--btn-hover-background:linear-gradient(135deg,  #29803b 0%,  #68bb79 100%);--btn-focus-background:#29803b;--btn-start-border:1px solid #b7b7b7;--btn-hover-border:0;--btn-focus-border:0;--btn-start-padding:0 24px;--btn-hover-padding:0 25px;--btn-focus-padding:0 25px;height:48px}.navigation{position:absolute;top:29px;right:107px;display:flex;gap:15px;z-index:10}.nav-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgb(0 0 0 / .2);background:rgb(255 255 255 / .8);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}.nav-btn:hover{background:#111}.nav-btn svg{width:18px;height:18px}.nav-btn path{stroke:#000}.nav-btn:hover path{stroke:#fff}.section{width:100%;padding:30px}.container{width:100%;max-width:1200px;margin:auto}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.card-area{background:#7CA27F;overflow:hidden;box-shadow:0 10px 30px rgb(0 0 0 / .08)}.card-wrapper-1{height:100%;padding:40px;flex-direction:column}.card-wrapper-2{height:100%;padding:40px;flex-direction:column}.card-wrapper-3{height:100%;padding:40px;flex-direction:column;justify-content:center}.title{font-size:30px;line-height:1.1;font-weight:500;text-align:center;margin-bottom:20px;color:#000}.subtitle{font-size:17px;line-height:1.7;text-align:center;margin-bottom:35px;color:#000}.text-center{text-align:center}.list{list-style:none}.list-item{display:flex;align-items:flex-start;gap:15px;margin-bottom:30px}.icon{width:18px;min-width:18px;fill:#000;margin-top:1px}.icon1{width:18px;min-width:18px;fill:#000;margin-top:-53px}.icon2{width:18px;min-width:18px;fill:#000;margin-top:4.5px}.icon3{width:18px;min-width:18px;fill:#000;margin-top:7px}.text{font-size:16px;color:#000;line-height:1.7}.hours-list{display:flex;flex-direction:column;gap:30px}.hours-row{display:flex;color:#000;justify-content:space-between;gap:20px;padding-bottom:19px;border-bottom:1px solid rgb(255 255 255 / .25);font-size:16px}.contact-box{margin-top:30px;padding-top:25px;border-top:1px solid rgb(255 255 255 / .4)}.contact-item{display:flex;align-items:center;gap:14px;margin-bottom:30px;font-size:15px;line-height:1.6}.btn-area{display:flex;align-items:center;justify-content:center;width:100%;margin-top:20px;padding:18px 24px;background:#b12616;color:#fff;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:1px;border-radius:8px;transition:.3s ease}.btn-area:hover{background:#931d11}.nasi-bungkus{padding:50px 20px}.faq-section{max-width:1200px;margin:auto;display:flex;gap:30px;align-items:center}.faq-section img{width:100%;max-width:490px;height:770px;object-fit:cover;display:block}.content-side{flex:1}.content-side p{margin:0 0 12px;color:#111;font-size:15px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.content-side h2{margin:0 0 40px;font-size:42px;line-height:1.2;color:#111;font-weight:700}.elementskit-accordion{width:100%;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 40px rgb(0 0 0 / .06)}.elementskit-card{background:#fff}.elementskit-card:last-child .divider{display:none}.elementskit-card-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 30px;cursor:pointer;transition:0.3s ease}.elementskit-card-header:hover{background:#f9fafb}.ekit-accordion-title{font-size:18px;font-weight:600;color:#111827;line-height:1.5}.faq-icon{min-width:42px;width:42px;height:42px;border-radius:50%;background:#eef5ef;display:flex;align-items:center;justify-content:center;position:relative}.faq-icon svg{width:16px;height:16px;position:absolute;transition:0.3s ease;fill:#111827}.plus{opacity:1}.minus{opacity:0;transform:rotate(90deg)}.accordion-btn.active .plus{opacity:0;transform:rotate(90deg)}.accordion-btn.active .minus{opacity:1;transform:rotate(0deg)}.divider{height:1px;background:#edf0f2;margin:0 30px}.faq-content{height:0;overflow:hidden;transition:height 0.4s ease}.faq-content-inner{padding:28px 30px 28px;color:#6b7280;line-height:1.9;font-size:16px}.about-section{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background-image:url(https://balimassagenearme.com/wp-content/uploads/2026/05/about_hero-scaled.webp);background-size:cover;background-position:center center;background-repeat:no-repeat}.about-overlay{position:absolute;inset:0;background:rgb(0 0 0 / .55);z-index:1}.about-content{position:relative;z-index:2;max-width:800px;padding:30px 20px;color:#fff}.about-logo{margin-bottom:20px}.about-logo img{width:100%;max-width:230px;height:auto;display:block;margin:0 auto}.about-content p{font-size:18px;line-height:1.7;margin:0;color:#fff}.map-wrapper{margin-top:39px;width:100%;max-width:1200px;overflow:hidden;border:1px solid rgb(255 255 255 / .08)}.map-wrapper iframe{width:100%;height:500px;border:0;display:block}.testi-wrapper{width:100%;padding:30px 20px}.testimonial-container{width:100%;max-width:1400px;margin:auto;background:#fff;border-radius:20px;padding:20px 20px;box-shadow:0 10px 30px rgb(0 0 0 / .08)}.testimonials-logo{text-align:center;font-size:clamp(24px, 3vw, 32px);font-weight:700;margin-bottom:19px}.testimonial-slide{display:none;text-align:center}.testimonial-slide.active{display:block}.avatar{width:70px;height:70px;margin:0 auto 15px;border-radius:50%;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.client-name{font-size:18px;font-weight:700;margin-bottom:4px}.client-title{font-size:14px;color:#777;margin-bottom:25px}.quote{max-width:650px;margin:auto;font-size:clamp(15px, 1.2vw, 18px);line-height:1.5;color:#444}.dots{display:flex;justify-content:center;gap:10px;margin-top:30px}.dot{width:10px;height:10px;border-radius:50%;background:#d5d5d5;cursor:pointer;transition:.3s}.dot.active{background:#111;transform:scale(1.2)}footer{background:#111;color:#fff;padding:39px 20px 20px}.footer-container{max-width:1100px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:130px;align-items:flex-start}.footer-logo{width:130px;height:auto;margin-bottom:10px}.footer-brand p{font-size:14px;opacity:.7;line-height:1.7;max-width:320px}.footer-links h3{margin-bottom:14px;font-size:16px}.footer-links a{display:block;color:#bbb;text-decoration:none;margin-bottom:10px;font-size:14px;transition:.3s}.footer-links a:hover{color:#fff}.social{display:flex;gap:10px;margin-top:16px}.social a{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;text-decoration:none;transition:.3s}.social a:hover{transform:translateY(-3px)}.footer-bottom{margin-top:45px;padding-top:18px;border-top:1px solid #333;text-align:center}.footer-bottom p{font-size:13px;opacity:.7}@media(max-width:992px){.logo{position:relative;width:140px;height:40px;display:flex;align-items:center;z-index:1000}.logo img{position:absolute;left:0;top:0;height:40px;width:auto;transition:opacity .4s ease}.logo-white{opacity:1}.logo-black{opacity:0}header.scrolled .logo-white{opacity:0}header.scrolled .logo-black{opacity:1}.hamburger{display:flex;cursor:pointer;z-index:2000}.line{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;transition:0.4s;transform-box:fill-box;transform-origin:center;transition:0.3s ease}header.scrolled .line{stroke:#000}.hamburger.active .top{transform:translateY(15px) rotate(45deg);transform-origin:center;stroke:#000}.hamburger.active .middle{opacity:0}.hamburger.active .bottom{transform:translateY(-15px) rotate(-45deg);transform-origin:center;stroke:#000}.overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgb(0 0 0 / .7);opacity:0;pointer-events:none;transition:opacity 0.3s ease;z-index:1001}.overlay.active{opacity:1;pointer-events:auto}.farin{display:flex;justify-content:space-between;align-items:center;padding:var(--nav-padding-mobile);transition:all 0.3s ease}header.scrolled .farin{background:#fff;backdrop-filter:none;box-shadow:0 10px 30px rgb(0 0 0 / .15)}.menu{position:fixed;top:0;right:-100%;width:50%;height:100vh;background:#fff;flex-direction:column;padding:100px 30px;transition:right 0.5s ease-in-out;z-index:1500}.menu a{text-decoration:none;color:#000;font-size:19px;position:relative;font-weight:500;display:flex;justify-content:space-between;align-items:center}.menu.active{right:0}.menu a::after{display:none}.menu a .arrow{display:block}.menu a svg{transform:translate(5px,1px)}.hero{position:relative;width:100%;height:45vh}.hero-content{width:90%}.hero-subtitle{font-size:11px;letter-spacing:3px}.hero-content h2{font-size:30px;line-height:1.15;letter-spacing:-.5px}.hero-content p{font-size:15px;line-height:1.15}.navigation{display:none}.scroll-indicator{display:none}.our{padding:27px 20px}.our h2{font-size:25px}.our-slider{display:flex;gap:15px;padding:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.slider::-webkit-scrollbar{display:none}.card{position:relative;width:300px;height:310px;overflow:hidden;background:none;border-radius:0;box-shadow:none;flex-shrink:0}.product{padding:10px 30px}.product h2{padding:10px;font-size:30px}.cards{grid-template-columns:1fr;gap:20px}.card-area{min-height:auto}.card-wrapper-1,.card-wrapper-2,.card-wrapper-3{padding:35px 24px}.title{font-size:30px}.subtitle{font-size:14px;margin-bottom:24px}.hours-row{font-size:14px;line-height:1.6}.list{padding-left:7px}.list-item{margin-bottom:14px}.icon{fill:#000;margin-top:.3px}.icon1{fill:#000;margin-top:1px}.icon2{fill:#000;margin-top:3.5px}.hours-list{gap:14px}.contact-item{font-size:13px;margin-bottom:19px}.contact-box{padding:9px;border-top:1px solid rgb(255 255 255 / .4)}.btn-area{padding:15px 18px;font-size:13px}.faq-section{gap:19px}.faq-section img{max-width:490px;height:850px}.content-side h2{font-size:34px}.map-wrapper iframe{height:350px}.footer-container{grid-template-columns:1fr;gap:40px}}@media(max-width:768px){.icon1{fill:#000;margin-top:-51px}.nasi-bungkus{padding:30px 16px}.faq-section{flex-direction:column;gap:35px}.faq-section img{max-width:100%;width:100%;height:420px;border-radius:20px}.content-side{width:100%}.content-side p{text-align:center;color:#111}.content-side h2{font-size:25px;text-align:center;margin-bottom:30px;color:#111}.elementskit-card-header{padding:22px 20px}.ekit-accordion-title{font-size:16px}.faq-content-inner{padding:27px 20px 24px;font-size:15px}.nasi-bungkus{padding:30px 16px;background:#7ca27fb3}.divider{margin:0 20px}.about-section{min-height:390px}.about-logo img{max-width:220px}.about-content p{font-size:16px}}@media(max-width:480px){.icon1{fill:#000;margin-top:-51px}.content-side h2{font-size:23px;line-height:1.3}.nasi-bungkus{padding:30px 16px;background:#7ca27fb3}.faq-section img{display:none}.faq-icon{width:38px;height:38px;min-width:38px}}