body{background:linear-gradient(135deg,#90661c,rgba(123,79,9,.909),rgba(255,230,180,.5))}body{position:relative}.home-page{background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url(/image/fotospafamily/bgfamspa_result.webp);background-size:cover;background-position:center 30%;background-position:center;background-repeat:no-repeat}@media (min-width:768px){.home-page{background-attachment:fixed}}body.article-page,body.blog-page{background:linear-gradient(180deg,#dff5e3 0,#edf9ef 100%)}.navbar{background:linear-gradient(to right,rgba(180,152,41,.7),rgba(0,0,0,.4))!important;backdrop-filter:blur(10px)!important;position:fixed;top:0;backdrop-filter:blur(12px);width:100%;height:70px}.navbar,.navbar-collapse{background:rgba(0,0,0,.492);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.navbar-collapse{position:absolute;top:100%;left:0;width:100%;padding:15px 0;z-index:9999}.navbar.scrolled{background:rgba(0,0,0,.165)!important;backdrop-filter:blur(10px)}body{margin:0;padding-top:70px}#home-page{min-height:100vh;padding-top:0}.promo-page{background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url(image/balinese1.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;min-height:100dvh;padding-top:60px;padding-bottom:60px}.glass{background:rgba(255,255,255,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,.3)}.navbar .nav-link,.navbar .navbar-brand{color:#f5e6d3!important}.navbar .nav-link:hover{color:#e0c3a3!important}.hero-img{width:100%;height:auto;border:2px solid #e0c3a3;border-radius:10px;object-fit:cover}.glass-btn{display:inline-block;width:100%;max-width:320px;padding:12px 25px;font-size:16px;border-radius:12px;text-align:center;border-radius:50px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 20px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.4);color:#020101;font-weight:600;text-decoration:none;transition:all .3s ease}.btn-p{font-size:20px;padding:5px 12px;border-radius:999px;width:auto;line-height:1.2;white-space:nowrap;letter-spacing:.2px}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}100%{transform:translateX(0)}}.booking-btn:hover{animation:shake .4s infinite;box-shadow:0 18px 30px rgba(0,0,0,.35);background-color:#a67c52;color:#c9ed00}.glass-btn:hover{transform:translateY(-5px) scale(1.05);color:#000;box-shadow:0 15px 30px rgba(201,181,5,.407),inset 0 1px 0 rgba(255,255,255,.5)}.glass-btn:active{transform:translateY(2px) scale(.98);box-shadow:0 5px 10px rgba(0,0,0,.2),inset 0 2px 5px rgba(0,0,0,.2)}.booking-btn:active,.booking-btn:focus{background-color:#a67c52!important;box-shadow:none!important;color:#fff}.floating-social{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:999}.float-btn{width:55px;height:55px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px rgba(0,0,0,.2);transition:.3s ease;animation:floatUp 3s ease-in-out infinite}.float-btn img{width:28px;height:28px}.float-btn:hover{transform:scale(1.5)}.btn-wa{background-color:#00bd45;color:#fff;box-shadow:0 8px 20px rgba(37,211,102,.4);border:none;border-radius:10px;font-size:16px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.btn-wa:hover{background-color:#14a336;color:#fff;transform:scale(1.05)}@keyframes floatUp{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(0)}}.float-btn.wa{border:2px solid #25d366}.float-btn.ig{border:2px solid #e1306c}.float-btn.tt{border:2px solid #000}html{scroll-behavior:smooth}#about img{height:200px;object-fit:cover;border:4px solid #ba7e3c}#about h5{font-weight:700}#about p{color:#000}section{padding:20px 0}h1{font-family:Georgia,serif;font-weight:700;font-size:40px;word-wrap:break-word;line-height:1.3;padding:0 10px}h2{font-family:Georgia,serif;font-weight:700;font-size:x-large;color:#39281c;text-align:center}h3{font-family:Georgia,serif;font-weight:700;font-size:large;color:#39281c;text-align:center}h5{font-family:Georgia,serif;font-size:large;color:#000;text-align:center}h2,h5{text-shadow:0 0 10px rgba(0,0,0,.4)}.normal-text{font-family:Poppins,sans-serif;font-weight:400;font-size:16px;line-height:1.6}.price-text{color:#e62b2b}.text-judul{color:#e7bd93;text-shadow:0 0 10px rgba(0,0,0,.4)}p{font-family:poppins,serif;color:#000;text-align:center}.booking-btn{border-radius:50px;padding:12px 40px}.section-light{background:rgba(245,230,211,.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:90px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.5);padding:20px;transition:.3s ease}.section-dark{background:rgba(255,189,114,.396);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 10px 25px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.3);padding:20px;transition:.3s ease}@media (max-width:768px){.section-hero{min-height:90vh}.section-hero::before{background-size:cover;background-position:center top;image-rendering:-webkit-optimize-contrast}}@media (min-width:769px){.section-hero::before{background-position:center 20%}}.section-hero{border-radius:0;overflow:visible;height:100vh;filter:none;background-size:cover;position:relative;display:flex;align-items:center;justify-content:center;padding:10px;transition:.3s ease;z-index:1;border:none;box-shadow:0 10px 25px rgba (0,0,0,.25)}.section-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(90,82,57,0),rgba(255,102,26,.3)),url(image/batu.jpg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;transform:none!important;z-index:-2}.section-hero::after{content:"";position:absolute;inset:0;background:rgba(110,98,22,0);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:-1}.section-dark:hover,.section-hero:hover,.section-light:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.5)}.section-dark,.section-hero,.section-light{width:100%}.section{transition:.3s ease}.section-blob{background:linear-gradient(135deg,rgba(232,171,65,.8),rgba(157,102,7,.6),rgba(255,230,180,.5));border-radius:40% 40% 30% 70%/100% 30% 70% 40%;padding:60px 20px}.section-cloud{background:rgba(199,161,94,.469);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:70px 100px 80px 120px/60px 60px 120px 80px;padding:60px 20px;border:1px solid rgba(255,255,255,.15);box-shadow:0 15px 40px rgba(0,0,0,.25)}.section-cloud-splash{background:rgba(255,65,65,.76);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:60px 20px;clip-path:polygon(10% 20%,0 40%,10% 70%,30% 90%,55% 100%,80% 90%,100% 70%,95% 40%,85% 15%,60% 0,35% 5%);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 50px rgba(0,0,0,.3)}.section-torn{background:#e295486b;padding:60px 20px;position:relative;transform:rotate(-.9deg);clip-path:polygon(0 8%,4% 2%,10% 6%,16% 0,22% 5%,30% 2%,38% 6%,45% 0,52% 4%,60% 1%,68% 6%,76% 2%,84% 6%,92% 1%,100% 6%,100% 94%,94% 100%,86% 95%,78% 100%,70% 94%,62% 100%,54% 95%,46% 100%,38% 94%,30% 100%,22% 95%,14% 100%,6% 94%,0 100%);box-shadow:0 10px 25px rgba(0,0,0,.1),0 25px 60px rgba(0,0,0,.12),0 2px 10px rgba(255,255,255,.4) inset}.section-torn1{background:#f0a65b99;padding:60px 20px;position:relative;transform:rotate(.9deg);clip-path:polygon(0 8%,4% 2%,10% 6%,16% 0,22% 5%,30% 2%,38% 6%,45% 0,52% 4%,60% 1%,68% 6%,76% 2%,84% 6%,92% 1%,100% 6%,100% 94%,94% 100%,86% 95%,78% 100%,70% 94%,62% 100%,54% 95%,46% 100%,38% 94%,30% 100%,22% 95%,14% 100%,6% 94%,0 100%);box-shadow:0 10px 25px rgba(0,0,0,.1),0 25px 60px rgba(0,0,0,.12),0 2px 10px rgba(255,255,255,.4) inset}.luxury-modal{background:linear-gradient(135deg,#fffaf5,#fdf3e7);border-radius:24px;padding:30px 25px;position:relative;box-shadow:0 15px 50px rgba(0,0,0,.08)}.offer-title{font-size:25px;color:#75582c;letter-spacing:1.5px;margin-bottom:10px}.image-wrapper{position:relative;margin:25px 0;height:180px}.main-img{width:150px;height:180px;object-fit:cover;border-radius:18px;z-index:2;position:relative;box-shadow:0 8px 25px rgba(0,0,0,.08)}.side-img{position:absolute;width:90px;height:90px;object-fit:cover;border-radius:14px;opacity:.85;filter:brightness(1.05)}.side-img.left{left:50px;bottom:40px}.side-img.right{right:50px;bottom:40px}.headline{font-size:22px;font-weight:700;margin-top:10px;color:#3e3428}.subtext{font-size:14px;color:#7a6f64;margin:12px 0 22px;line-height:1.6}.btn-wa-main{display:inline-block;background:linear-gradient(135deg,#e8d3b0,#d9b98c);color:#3e3428;padding:13px 26px;border-radius:50px;text-decoration:none;font-weight:600;transition:.3s;box-shadow:0 6px 20px rgba(0,0,0,.08)}.btn-wa-main:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.12)}.trust{font-size:12px;color:#a89b8d;margin-top:15px}.close-text{background:0 0;border:none;color:#b8aa9a;font-size:13px;margin-top:10px}.custom-close{position:absolute;top:15px;right:15px;opacity:.5}.luxury-modal::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top,rgba(255,255,255,.5),transparent);border-radius:24px;pointer-events:none}@media (max-width:576px){.image-wrapper{height:150px}.main-img{width:120px;height:150px}.side-img{width:70px;height:70px}}.map-container{border-radius:15px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.2);width:100%;max-width:100%}.map-container iframe{width:100%;height:380px;border:0}@media (max-width:576px){.map-container iframe{height:180px}}.section-glass{background:rgba(255,255,255,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.4);margin:30px auto;padding:40px 20px;transition:all .3s ease}.section-glass:hover{transform:scale(1.2);box-shadow:0 20px 40px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.5)}.hero-info{font-family:Georgia,serif;font-weight:700;font-style:italic;font-size:small;color:#fcfaf9;overflow-x:auto;white-space:nowrap}.hero-info div{flex:0 0 auto;min-width:80px}.step-icon{width:70px;height:70px;margin:0 auto;display:flex!important;align-items:center;justify-content:center;border-radius:50%!important;font-size:26px;font-weight:700;color:#fff}.step-icon.dark{background-color:#2c2c2c!important}.step-icon.success{background-color:#28a745!important}.step-icon{box-shadow:0 8px 20px rgba(0,0,0,.2);transition:.3s}.step-icon:hover{transform:scale(1.1)}.menu-card{background:#dfa66a;border-radius:14px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.1);transition:.3s;min-width:0}.menu-card-1{background:#dfa66a;border-radius:14px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.1);transition:.3s;min-width:0}.menu-container{display:grid;grid-template-columns:repeat(1,1fr);gap:12px}.menu-container-1{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.menu-card:hover{transform:translateY(-5px)}.menu-table{border-radius:16px;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(0,0,0,.3)}@media (max-width:768px){.menu-card h3{font-size:15px}.menu-card p{font-size:15px}.menu-card-1 p{font-size:12px}.menu-img{height:80px}.menu-row{font-size:10px!important}.glass-btn{font-size:16px;padding:6px}}.menu-cord{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:14px;color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:.3s}.menu-cord:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.menu-row{display:flex;justify-content:space-between;padding:14px 2px;font-size:14px;color:#fbfbfb;background:rgba(255,255,255,.05)}.menu-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.menu-row:hover{background:rgba(255,255,255,.12);transition:.3s}.menu-img{width:180px;height:180px;object-fit:contain;object-position:center;border-radius:14px;margin-bottom:12px;transition:all .3s ease;box-shadow:0 6px 18px rgba(255,60,60,.15)}.accordion-item{border-radius:10px;margin-bottom:10px;overflow:hidden}.accordion-button{background-color:#d2df573d;font-weight:500;padding:14px}.accordion-item:hover{box-shadow:0 10px 30px rgba(0,0,0,.2)}.accordion-button:not(.collapsed){background-color:#ffb4b4c2;color:#000}.accordion-body{font-size:14px;line-height:1.6}.area-card{background:#fff;padding:20px 25px;border-radius:14px;box-shadow:0 8px 25px rgba(0,0,0,.1);max-width:350px;width:100%}.area-row div:first-child{justify-content:flex-start}.area-row div:last-child{justify-content:flex-end;text-align:right}.area-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 40px;margin-top:15px;margin-bottom:10px;grid-column:span 2}.area-grid p{grid-column:span 2}.area-grid div{display:flex;align-items:center;gap:8px;font-size:15px}.area-grid div:nth-child(odd){justify-content:flex-start}.area-grid div:nth-child(even){justify-content:flex-end;text-align:right}.area-card{padding:20px 30px;width:100%}.full-width{grid-column:1/-1}.dot{min-width:10px;min-height:10px;border-radius:50%;display:inline-block}.green{background:#28a745}.orange{background:#fd7e14}.yellow{background:#ffc107}.grey{background:#6c757d}.inner-box{border-radius:12px;padding:12px;background:rgba(240,203,140,.762);border:1px solid rgba(255,255,255,.2);font-size:14px;margin-top:15px}.review-card{border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);height:100%}.review-text{font-size:14px;color:#ddd;margin-bottom:0}.stars{color:gold;font-size:14px}.avatar{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.logo-fs{width:75px;height:75px;border-radius:15px;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.ig-logo{width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);font-size:20px;background:linear-gradient(135deg,#fdf497 0,#fd5949 40%,#d6249f 70%,#285aeb 100%);color:#fff;box-shadow:0 6px 15px rgba(0,0,0,.15);position:relative;top:3px;transform:translateY(2px)}.ig-logo i{font-size:34px;color:#fff;line-height:1;text-shadow:0 2px 6px rgba(0,0,0,.3)}.ig-text{font-size:x-large}.ig-btn{background:linear-gradient(45deg,#fdf497,#fd5949,#d6249f,#285aeb);color:#fff;border:none;padding:8px 18px;border-radius:30px;font-weight:500;transition:.3s}.ig-btn:hover{transform:scale(1.05);color:#fff;box-shadow:0 8px 20px rgba(214,36,159,.4)}.footer-section{padding:50px 20px;background:rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.1)}.footer-logo{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fdf497,#fd5949,#d6249f,#285aeb);color:#fff;font-size:26px;box-shadow:0 6px 15px rgba(0,0,0,.2)}.footer-dark{background:#00000045;color:#fff;border:1px solid rgba(255,255,255,.1);padding:12px 15px;border-radius:10px;display:flex;align-items:center;gap:8px;justify-content:flex-start}.footer-dark .text-muted{color:rgba(255,255,255,.7)!important}.footer-dark .dot.green{background:#28a745}.footer-content{text-align:left}.footer-dark h5,.footer-dark p,.footer-dark small{color:#fff}.lang-switch{display:inline;align-items:center;position:fixed;top:70px;right:15px;z-index:9999}.lang-item{display:flex;flex-direction:column;align-items:center;position:relative;margin-top:5px;padding:4px 15px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);text-decoration:none;color:#fff;font-size:11px}.lang-item img{width:20px;height:20px;border-radius:50%;margin-bottom:2px}.lang-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:30px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font-size:14px;font-weight:500;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);transition:.3s ease}.lang-btn img{width:22x;height:22px;border-radius:50%;object-fit:cover}.lang-btn:hover{transform:scale(1.05);background:rgba(255,255,255,.15)}.lang-btn.active{background:rgba(37,211,102,.2);border:1px solid #25d366}.old-price{text-decoration:line-through;color:#fdf1f1;font-size:16px}.new-price{color:#e63946;font-weight:700;font-size:16px}.hero{position:relative}.scroll-down{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);z-index:999;width:55px;height:55px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 0 15px rgba(255,255,255,.15),0 0 30px rgba(255,255,255,.08);cursor:pointer;animation:float 1.8s ease-in-out infinite}.scroll-down svg{width:22px;height:22px;fill:#fff;filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}@keyframes float{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}}.scroll-down:hover{box-shadow:0 0 20px rgba(255,255,255,.25),0 0 40px rgba(255,255,255,.15);transform:translateX(-50%) scale(1.05)}.available-now{display:inline-flex!important;align-items:center;justify-content:center;z-index:999;margin-top:15px;padding:10px 18px;border-radius:50px;background:rgba(5,53,28,.343);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,255,120,.3);color:#7cffb2;font-weight:500;font-size:14px;letter-spacing:.5px;box-shadow:0 0 10px rgba(0,255,120,.25),0 0 25px rgba(0,255,120,.15);animation:pulseGlow 2s infinite}.available-now span::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#00ff7a;box-shadow:0 0 10px #00ff7a;animation:blink 1.2s infinite}@keyframes pulseGlow{0%,100%{transform:scale(1);box-shadow:0 0 10px rgba(0,255,120,.25),0 0 25px rgba(0,255,120,.15)}50%{box-shadow:0 0 15px rgba(0,255,120,.4),0 0 35px rgba(0,255,120,.25)}}@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}.dropdown-menu{background-color:#bc914870;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px 0}.dropdown-menu .dropdown-item{color:#f5f5f5;padding:10px 18px;transition:.3s ease}.dropdown-menu .dropdown-item:hover{background-color:#c9a86a;color:#000}.navbar .dropdown-toggle::after{margin-left:8px}.blog-section{padding:60px 8%;background:#f7f7f7}.blog-title{font-size:36px;margin-bottom:40px;text-align:center;font-weight:700;color:#222}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.blog-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.08);transition:.3s ease}.blog-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.12)}.blog-card img{width:100%;height:220px;object-fit:cover;display:block}.blog-content{padding:22px}.blog-content h2{font-size:24px;line-height:1.4;margin-bottom:12px;color:#222}.blog-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;color:#888;margin-bottom:16px}.blog-meta span{display:flex;align-items:center;gap:5px}.blog-content p{font-size:15px;line-height:1.7;color:#555;margin-bottom:20px}.blog-btn{display:inline-block;padding:10px 18px;border-radius:10px;background:#111;color:#fff;text-decoration:none;transition:.3s ease;font-size:14px;font-weight:600}.blog-btn:hover{background:#444}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}@media (max-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:12px}.blog-card{border-radius:12px}.blog-content h2{font-size:16px}.blog-content p{font-size:12px}.blog-card img{height:140px}}@media (max-width:380px){.blog-grid{grid-template-columns:1fr}}.blog-card img{aspect-ratio:16/9;object-fit:cover}.box-judul{position:relative;width:100%;min-height:340px;padding:60px 40px 35px;border-radius:28px;overflow:hidden;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 10px 35px rgba(0,0,0,.18)}.box-judul .mini-info{color:rgba(255,255,255,.85);font-size:14px;font-weight:500;margin-bottom:14px;letter-spacing:.3px}.box-judul h1{color:#fff;font-size:42px;line-height:1.2;font-weight:800;margin:0 0 24px;max-width:850px}.box-judul .author-box{display:flex;align-items:center;gap:14px}.box-judul .author-box img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.7)}.box-judul .author-info{display:flex;flex-direction:column}.box-judul .author-name{color:#fff;font-size:16px;font-weight:700}.box-judul .update-date{color:rgba(255,255,255,.75);font-size:13px;margin-top:2px}@media (max-width:768px){.box-judul{min-height:280px;padding:35px 24px 24px;border-radius:22px}.box-judul h1{font-size:28px}.box-judul .mini-info{font-size:13px}.box-judul .author-box img{width:46px;height:46px}}.quick-info{display:flex;align-items:center;width:100%;margin-top:24px;margin-bottom:24px;background:#fff;border-radius:18px;padding:14px 10px;box-shadow:0 6px 24px rgba(0,0,0,.06)}.quick-info .info-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4px 10px}.quick-info .label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#8a8a8a;margin-bottom:4px}.quick-info .value{font-size:15px;font-weight:700;color:#111;line-height:1.4}.quick-info .divider{width:1px;height:38px;background:rgba(0,0,0,.08);flex-shrink:0}@media (max-width:600px){.quick-info{padding:12px 4px}.quick-info .value{font-size:13px}.quick-info .label{font-size:10px}}.coffee-place{padding:60px 5%;background:#f7f7f7}.coffee-place h2{font-size:34px;line-height:1.3;font-weight:800;color:#111;margin-bottom:18px}.coffee-place p{font-size:18px;line-height:1.9;color:#444}.place-image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:26px;margin:28px 0;display:block}.mini-info-box{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mini-item{background:#fff;border-radius:18px;padding:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 18px rgba(0,0,0,.04);display:flex;flex-direction:column}.mini-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:6px}.mini-value{font-size:15px;font-weight:700;color:#111}@media (max-width:768px){.coffee-place h2{font-size:28px}.coffee-place p{font-size:16px;line-height:1.8}.mini-info-box{grid-template-columns:repeat(2,1fr)}}.mini-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px;margin-bottom:20px}.mini-tag{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;background:#7cea7e;color:#333;border-radius:999px;font-size:13px;font-weight:700;border:1px solid rgba(0,0,0,.05);transition:.2s ease}.mini-tag:hover{background:#ececec;transform:translateY(-2px)}.tips-box{margin-top:32px;background:#fff8e8;border-left:5px solid #f4b400;padding:22px 24px;border-radius:18px;box-shadow:0 4px 18px rgba(0,0,0,.04)}.tips-label{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:#b77900;margin-bottom:10px}.tips-box p{margin:0;font-size:16px;line-height:1.8;color:#5f4a00}.image-slider{position:relative;width:100%;max-width:600px;margin:28px auto;overflow:hidden;border-radius:26px}.slider-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.slider-track::-webkit-scrollbar{display:none}.slider-track img{width:100%;aspect-ratio:1/1;object-position:center;object-fit:cover;flex-shrink:0;scroll-snap-align:start}.slide-btn{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:none;border-radius:50%;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);cursor:pointer;font-size:20px;font-weight:700;z-index:2;transition:.2s ease}.slide-btn:hover{background:#fff;transform:translateY(-50%) scale(1.05)}.slide-btn.prev{left:16px}.slide-btn.next{right:16px}.step-number{font-size:64px;font-weight:900;display:flex;align-items:center;justify-content:center;line-height:1;color:rgba(0,0,0,.336);flex-shrink:0;font-family:Arial,sans-serif}.popular-articles{margin-top:60px;padding:50px 5%}.popular-articles h2{font-size:28px;font-weight:800;margin-bottom:18px;color:#111}.popular-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.article-card{text-decoration:none;color:inherit;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.06);transition:.2s ease}.article-card:hover{transform:translateY(-4px)}.article-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.article-info{padding:12px 12px 14px}.article-info h3{font-size:15px;font-weight:800;margin:0 0 6px;color:#111;line-height:1.4}.article-info .date{font-size:12px;color:#777}@media (max-width:768px){.popular-grid{grid-template-columns:repeat(2,1fr);gap:14px}.article-info h3{font-size:14px}}.cta-spa{margin-top:70px;padding:35px 5%!important;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.12)),url(/image/fotospafamily/garamputih.webp) center/cover no-repeat;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.15);overflow:hidden;position:relative}.cta-content h2{font-size:28px;font-weight:900;color:#fff;margin-bottom:10px;text-shadow:0 2px 10px rgba(0,0,0,.45)}.cta-content p{font-size:16px;line-height:1.8;color:rgba(255,255,255,.92);margin-bottom:16px;text-shadow:0 2px 8px rgba(0,0,0,.35)}.cta-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.cta-tag{font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px;background:rgba(212,208,5,.486);color:#fff;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cta-btn-wrap{display:flex;justify-content:center}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;background:#25d366;color:#fff;font-weight:800;font-size:15px;border-radius:14px;text-decoration:none;transition:.25s ease;box-shadow:0 8px 20px rgba(37,211,102,.35)}.cta-button:hover{transform:translateY(-3px);background:#1fb857}.blog-faq{margin-top:60px;padding:50px 5%}.blog-faq h2{font-size:28px;font-weight:900;margin-bottom:20px;color:#111}.blog-faq-item{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;margin-bottom:12px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.04)}.blog-faq-question{width:100%;text-align:left;padding:16px 18px;font-size:16px;font-weight:800;background:0 0;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.blog-faq-question .icon{font-size:18px;font-weight:900}.blog-faq-answer{max-height:0;overflow:hidden;padding:0 18px;font-size:15px;line-height:1.8;color:#555;transition:.3s ease}.blog-faq-item.active .blog-faq-answer{max-height:200px;padding-bottom:16px}.img-source{font-size:11px;color:#aaa;text-align:center;text-transform:uppercase;letter-spacing:1px;margin-top:12px;padding-bottom:10px}.contact-boxes{display:flex;gap:8px;margin-top:15px}.contact-box{flex:1;padding:8px 6px;background:#fff;border:1px solid #eee;border-radius:10px;text-align:center;text-decoration:none;color:#333;font-size:11px;transition:.2s ease}.contact-box img{width:20px;height:20px;margin-bottom:4px;object-fit:contain}.contact-box span{font-size:11px;line-height:1}.contact-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}@media (max-width:600px){.contact-box{padding:6px 4px}.contact-box img{width:18px;height:18px}}.review-summary-box{background:#fff;border:1px solid #eee;border-radius:14px;padding:14px;margin-top:20px;box-shadow:0 4px 10px rgba(0,0,0,.05);font-family:Arial,sans-serif}.review-summary-title{font-size:15px;font-weight:700;margin-bottom:12px;color:#222}.review-summary-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:13px;line-height:1.5;color:#444}.review-summary-item:last-child{margin-bottom:0}.review-icon{font-size:16px;min-width:20px}.highlight{font-weight:700;color:#111}@media (max-width:600px){.review-summary-box{padding:12px}.review-summary-item{font-size:12px}}