:root{--biru-tua:#0F2027;--biru-laut:#203A43;--biru-muda:#2C5364;--biru-terang:#00ADB5;--putih:#FFFFFF;--abu-terang:#F4F7F6;--teks-gelap:#333333;--hijau-wa:#25D366;--merah-hapus:#e74c3c;--shopee-oranye:#ee4d2d;--shopee-bg:#f5f5f5;--warna-threads:#000000;--warna-ig:#E1306C}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background-color:var(--abu-terang);color:var(--teks-gelap);display:flex;flex-direction:column;min-height:100vh}header{background-color:#0D1B22;color:var(--putih);padding:18px 5%;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,0.08)}.navbar{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;width:100%;gap:16px}.logo{display:flex;flex-direction:row;align-items:center;gap:10px;cursor:pointer;flex-shrink:0}
.logo-icon{object-fit:contain;flex-shrink:0}.logo:hover{opacity:.85}.logo-icon{width:38px;height:38px;fill:var(--biru-terang)}.logo-text{font-size:20px;font-weight:900;letter-spacing:1px;color:var(--putih);line-height:1.1;font-family:Georgia,'Times New Roman',serif}.logo-text .logo-pwt{color:#C9A96E;display:inline;font-size:inherit;font-weight:inherit;letter-spacing:inherit;font-family:inherit}.logo-text span:not(.logo-pwt){color:rgba(255,255,255,0.55);display:block;font-size:9px;font-weight:500;letter-spacing:3px;font-family:sans-serif;text-transform:uppercase;margin-top:2px}.nav-links{list-style:none;display:flex;gap:22px;align-items:center;padding:0}.nav-links a{color:rgba(255,255,255,0.7);text-decoration:none;font-size:13px;font-weight:500;letter-spacing:.3px;transition:color 0.2s;cursor:pointer;padding:4px 0}.nav-links li.active-menu a,.nav-links a:hover{color:#fff}.cart-icon{cursor:pointer;background:transparent;border:1.5px solid rgba(255,255,255,0.3);color:white;padding:8px 16px;border-radius:30px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;transition:border-color 0.2s,background .2s;flex-shrink:0}.cart-icon:hover{border-color:#fff;background:rgba(255,255,255,0.08)}.cart-icon.cart-pulse{animation:cartPulse 0.4s ease}@keyframes cartPulse{0%{transform:scale(1)}30%{transform:scale(1.18)}60%{transform:scale(0.95)}100%{transform:scale(1)}}#cart-count{background-color:#C9A96E;color:#0D1B22;padding:1px 7px;border-radius:50%;font-size:11px;font-weight:bold}.page-section{display:none;flex-grow:1;animation:fadeIn 0.3s ease-in-out}.page-section.active-page{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.hero{background:linear-gradient(rgba(15,32,39,0.85),rgba(44,83,100,0.85)),url('https://images.unsplash.com/photo-1551248429-4043bacc436f?auto=format&fit=crop&w=1350&q=80') no-repeat center center/cover;min-height:65vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--putih);padding:40px 20px}.hero h1{font-size:42px;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,0.5)}.hero p{font-size:18px;margin-bottom:30px;max-width:700px;line-height:1.6;opacity:0.94}.btn-belanja{background-color:var(--biru-terang);color:var(--biru-tua);padding:14px 35px;border:none;border-radius:25px;font-size:16px;font-weight:bold;cursor:pointer;transition:transform 0.2s,background-color 0.2s;box-shadow:0 4px 15px rgba(0,173,181,0.4)}.btn-belanja:hover{transform:scale(1.05);background-color:#00c2cb}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;max-width:1200px;margin:-50px auto 50px auto;padding:0 20px;position:relative;z-index:10}.feature-card{background:var(--putih);padding:35px 25px;border-radius:12px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.08);transition:transform 0.3s}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{color:var(--biru-tua);margin-bottom:10px;font-size:20px}.feature-card p{color:#666;font-size:15px;line-height:1.5}.main-container{max-width:1200px;margin:40px auto;padding:0 20px}.section-title{text-align:center;margin-bottom:30px;font-size:28px;color:var(--biru-tua)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.product-card{background-color:var(--putih);border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.05);display:flex;flex-direction:column;transition:transform 0.3s}.product-card:hover{transform:translateY(-5px)}.product-image-placeholder{width:100%;height:220px;background:linear-gradient(135deg,var(--biru-tua),var(--biru-muda));display:flex;justify-content:center;align-items:center;color:white;font-weight:bold;text-align:center;padding:10px}.product-info{padding:20px;display:flex;flex-direction:column;flex-grow:1}.product-name{font-size:17px;font-weight:bold;margin-bottom:8px}.product-desc{font-size:14px;color:#777;margin-bottom:15px;flex-grow:1;line-height:1.4}.product-price{font-size:16px;font-weight:700;color:var(--shopee-oranye);margin-bottom:15px}.btn-add-cart{background-color:var(--biru-tua);color:var(--putih);border:none;padding:12px;border-radius:6px;font-weight:600;cursor:pointer;transition:background 0.2s}.btn-add-cart:hover{background-color:var(--biru-terang);color:var(--biru-tua)}.center-card-container{max-width:650px;margin:50px auto;padding:0 20px}.custom-card{background-color:var(--putih);border-radius:16px;padding:40px 30px;box-shadow:0 10px 25px rgba(0,0,0,0.05);text-align:center}.custom-card h2{color:var(--biru-tua);margin-bottom:15px;font-size:26px}.custom-card p{color:#666;line-height:1.6;margin-bottom:30px;font-size:16px}.btn-block-link{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:15px;border:none;border-radius:10px;font-size:16px;font-weight:bold;color:white;cursor:pointer;text-decoration:none;transition:transform 0.2s,opacity 0.2s;margin-bottom:15px}.btn-block-link:hover{transform:translateY(-2px);opacity:0.95}.bg-wa-bumar{background-color:#25D366;box-shadow:0 4px 12px rgba(37,211,102,0.3)}.bg-wa-agna{background-color:#128C7E;box-shadow:0 4px 12px rgba(18,140,126,0.3)}.bg-threads{background-color:var(--warna-threads);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.bg-instagram{background-color:var(--warna-ig);box-shadow:0 4px 12px rgba(225,48,108,0.3)}.bg-shopee{background-color:var(--shopee-oranye);box-shadow:0 4px 12px rgba(238,77,45,0.3)}.btn-block-link svg{width:22px;height:22px;fill:white}.ongkir-container{background-color:var(--putih);max-width:600px;margin:40px auto;padding:30px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08)}.form-group{margin-bottom:18px}.form-group label{display:block;font-weight:600;margin-bottom:6px;font-size:14px;color:#555}.form-group input,.form-group select{width:100%;padding:12px;border:1px solid #ccc;border-radius:6px;font-size:15px;outline:none;background:#fff}.hasil-ongkir-box{background:var(--biru-tua);color:white;padding:20px;border-radius:8px;margin-top:20px;text-align:center}.hasil-ongkir-box h4{color:var(--biru-terang);margin-bottom:5px;font-size:14px;text-transform:uppercase}.hasil-ongkir-box .biaya{font-size:24px;font-weight:bold}.shopee-container{max-width:750px;margin:30px auto;padding:0 15px}.shopee-card{background:white;border-radius:8px;padding:20px;margin-bottom:15px;box-shadow:0 1px 4px rgba(0,0,0,0.05)}.shopee-shop-title{font-weight:bold;font-size:15px;margin-bottom:15px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #eee;padding-bottom:10px}.shopee-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px dashed #eee}.shopee-item-left{display:flex;flex-direction:column;gap:5px}.shopee-item-name{font-weight:600;font-size:15px}.shopee-qty-control{display:flex;align-items:center;gap:5px;margin-top:5px}.btn-shopee-qty{width:26px;height:26px;border:1px solid #ccc;background:#fff;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:16px}.shopee-qty-num{width:40px;text-align:center;font-size:14px;font-weight:600}.shopee-item-right{text-align:right;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.shopee-item-price{color:var(--shopee-oranye);font-weight:600}.btn-shopee-delete{background:none;border:none;color:#888;font-size:13px;cursor:pointer}.btn-shopee-delete:hover{color:var(--merah-hapus)}.shopee-row-add-on{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0;font-size:14px;cursor:pointer}.shopee-row-add-on .right-meta{color:#888;display:flex;align-items:center;gap:5px}.shopee-total-bar{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.shopee-total-bar .total-info{text-align:right;width:100%;margin-right:15px}.shopee-total-bar .total-info span{font-size:14px;color:#555}.shopee-total-bar .total-info .grand-price{font-size:20px;font-weight:bold;color:var(--shopee-oranye)}.btn-shopee-checkout{background-color:var(--shopee-oranye);color:white;border:none;padding:14px 35px;font-size:16px;font-weight:bold;border-radius:4px;cursor:pointer;transition:background 0.2s}.btn-shopee-checkout:hover{background-color:#d73c1c}.btn-shopee-checkout:disabled{background-color:#ccc;cursor:not-allowed}.box-pembayaran{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:10px}.opsi-bayar{border:2px solid #ddd;padding:15px;border-radius:8px;text-align:center;cursor:pointer;font-weight:bold;transition:all 0.2s;background:#fff}.opsi-bayar.terpilih{border-color:var(--shopee-oranye);background-color:#fff8f6;color:var(--shopee-oranye)}.nota-final-box{background-color:var(--biru-tua);color:white;padding:20px;border-radius:8px;margin-top:25px;margin-bottom:20px}.nota-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;opacity:0.9}.btn-lanjutkan{width:100%;background-color:var(--hijau-wa);color:white;border:none;padding:15px;font-size:16px;font-weight:bold;border-radius:6px;cursor:pointer;transition:background 0.2s;text-align:center}.btn-lanjutkan:hover{background-color:#1ebd54}.chk-steps-wrap{display:flex;align-items:center;justify-content:center;max-width:520px;margin:0 auto 16px;padding:14px 16px 0}.chk-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.chk-step-circle{width:30px;height:30px;border-radius:50%;background:#E5E7EB;color:#9CA3AF;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;transition:all .25s}.chk-step-label{font-size:11px;font-weight:600;color:#9CA3AF;white-space:nowrap;transition:color .25s}.chk-step-line{flex:1;height:2px;background:#E5E7EB;margin:0 6px;margin-bottom:20px;max-width:60px;transition:background .25s}.chk-step.aktif .chk-step-circle{background:#1a6b3a;color:#fff;box-shadow:0 0 0 4px rgba(26,107,58,.15)}.chk-step.aktif .chk-step-label{color:#1a6b3a}.chk-step.selesai .chk-step-circle{background:#40916C;color:#fff}.chk-step.selesai .chk-step-label{color:#40916C}.chk-line-aktif{background:#40916C !important}.wa-widget-container,#agna-chat-btn{display:flex}.wa-widget-container{position:fixed;bottom:25px;right:25px;z-index:9999;flex-direction:column;align-items:flex-end;gap:12px;transition:bottom .2s}body.chk-footer-aktif .wa-widget-container{bottom:95px}body.chk-footer-aktif #agna-chat-btn{bottom:95px}body.chk-footer-aktif #agna-chat-box{bottom:157px}.wa-pop-box{background-color:var(--putih);border-radius:16px;padding:20px;width:320px;box-shadow:0 8px 30px rgba(0,0,0,0.15);display:flex;align-items:flex-start;gap:15px;position:relative;border:1px solid #eef2f5;animation:popUpFade 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}@keyframes popUpFade{from{opacity:0;transform:translateY(20px) scale(0.9)}to{opacity:1;transform:translateY(0) scale(1)}}.wa-avatar-box{width:45px;height:45px;background-color:#e3f2fd;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-shrink:0}.wa-avatar-box svg{width:24px;height:24px;fill:#1e88e5}.wa-pop-content{display:flex;flex-direction:column;gap:12px;flex-grow:1}.wa-pop-title{font-size:18px;font-weight:bold;color:var(--teks-gelap)}.wa-pop-text{font-size:14px;color:#666;line-height:1.4}.btn-wa-reply{background-color:#1e88e5;color:white;border:none;padding:8px 22px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;align-self:flex-start;transition:background 0.2s}.btn-wa-reply:hover{background-color:#1565c0}.wa-pop-close{position:absolute;top:12px;right:15px;background:none;border:none;color:#aaa;font-size:18px;cursor:pointer;font-weight:bold}.wa-pop-close:hover{color:#555}.btn-wa-trigger{width:52px;height:52px;background-color:var(--hijau-wa);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 15px rgba(37,211,102,0.4);cursor:pointer;opacity:.85;transition:transform 0.2s,opacity .2s}.btn-wa-trigger:hover,.btn-wa-trigger:active,.btn-wa-trigger:focus{transform:scale(1.08);opacity:1}.btn-wa-trigger svg{width:28px;height:28px;fill:white}footer{background-color:var(--biru-tua);color:var(--putih);text-align:center;padding:20px;margin-top:auto;font-size:14px}@media (max-width:768px){.tuna-highlight h2{font-size:22px}header{padding:12px 15px}.navbar{flex-direction:column;gap:14px}.logo{gap:8px}.logo-icon{width:32px;height:32px}.logo-text{font-size:15px;text-align:center}.nav-links{gap:14px;flex-wrap:wrap;justify-content:center;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1);padding:10px 0;width:100%}.nav-links a{font-size:13px}.shopee-item{flex-direction:column;align-items:flex-start;gap:10px}.shopee-item-right{width:100%;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px dotted #eee;padding-top:8px}.box-pembayaran{grid-template-columns:1fr}.wa-pop-box{width:280px;right:0}}.banner-slider{position:relative;overflow:hidden;background:var(--biru-tua);max-height:65vh}.banner-slide{display:none;position:relative}.banner-slide.active{display:block}.banner-slide img{width:100%;max-height:65vh;object-fit:cover;opacity:0.7}.banner-slide-caption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:white;width:90%}.banner-slide-caption h1{font-size:42px;text-shadow:0 2px 6px rgba(0,0,0,0.6);margin-bottom:12px}.banner-slide-caption p{font-size:18px;opacity:0.92;margin-bottom:24px}.banner-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.banner-dot{width:10px;height:10px;background:rgba(255,255,255,0.5);border-radius:50%;cursor:pointer;transition:background 0.2s}.banner-dot.active{background:var(--biru-terang)}.hero-section{background:#0D1B22;padding:60px 6% 72px;min-height:85vh;display:flex;flex-direction:column;justify-content:center}.hero-kota-tag{display:flex;align-items:center;gap:14px;font-size:11px;font-weight:600;letter-spacing:4px;color:rgba(255,255,255,.45);text-transform:uppercase;margin-bottom:36px}.hero-garis{display:inline-block;width:40px;height:1px;background:rgba(255,255,255,.3);flex-shrink:0}.hero-judul{font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,9vw,86px);font-weight:900;color:#fff;line-height:1.05;margin:0 0 28px;letter-spacing:-1px}.hero-em{color:#C9A96E;font-style:italic;font-weight:900}.hero-desc{font-size:16px;color:rgba(255,255,255,.6);line-height:1.75;max-width:560px;margin-bottom:32px}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}.hero-chip{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.8);border-radius:50px;padding:8px 18px;font-size:13px;font-weight:500;letter-spacing:.3px}.hero-btns{display:flex;flex-wrap:wrap;gap:12px}.hero-btn-produk{background:#fff;color:#0D1B22;border:none;border-radius:8px;padding:14px 28px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s,transform .15s;letter-spacing:.3px}.hero-btn-produk:hover{background:#e8e8e8;transform:translateY(-2px)}.hero-btn-checkout{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);border-radius:8px;padding:14px 28px;font-size:15px;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s}.hero-btn-checkout:hover{border-color:#fff;background:rgba(255,255,255,.06)}.hero-btn-wa{background:#25D366;color:#fff;border:none;border-radius:8px;padding:14px 24px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.hero-btn-wa:hover{background:#1ebe59}@media(max-width:768px){.hero-section{padding:44px 5% 56px;min-height:unset}.hero-judul{font-size:clamp(36px,11vw,56px)}.hero-desc{font-size:14px}.hero-chip{font-size:12px;padding:7px 14px}}@media(max-width:480px){.hero-btn-produk,.hero-btn-checkout,.hero-btn-wa{width:100%;justify-content:center}}.search-filter-bar{background:white;padding:20px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.06);margin-bottom:24px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.search-input-wrap{flex:1;min-width:200px;position:relative}.search-input-wrap i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#aaa}.search-input-wrap input{width:100%;padding:10px 12px 10px 36px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;transition:border 0.2s}.search-input-wrap input:focus{border-color:var(--biru-terang)}.filter-select{padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;background:#fff;cursor:pointer}.filter-select:focus{border-color:var(--biru-terang)}.kategori-chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.chip-kategori{padding:8px 18px;border-radius:20px;border:2px solid #ddd;background:white;cursor:pointer;font-size:13px;font-weight:600;transition:all 0.2s;display:flex;align-items:center;gap:6px}.chip-kategori:hover,.chip-kategori.aktif{background:var(--biru-tua);color:white;border-color:var(--biru-tua)}.product-tabs{display:flex;gap:0;border-bottom:2px solid #eee;margin-bottom:20px}.tab-btn{padding:10px 22px;border:none;background:none;font-size:14px;font-weight:600;color:#888;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all 0.2s}.tab-btn.aktif{color:var(--biru-tua);border-bottom-color:var(--biru-terang)}.product-card{position:relative}.product-badge{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:bold;color:white;z-index:2}.badge-terlaris{background:var(--shopee-oranye)}.badge-terbaru{background:#27ae60}.badge-diskon{background:#e74c3c}.product-card img{width:100%;height:200px;object-fit:cover}.product-rating{display:flex;align-items:center;gap:4px;font-size:13px;color:#f39c12;margin-bottom:6px}.product-rating span{color:#888}.product-terjual{font-size:12px;color:#aaa;margin-bottom:8px}.btn-wishlist{position:absolute;top:12px;right:12px;background:white;border:none;border-radius:50%;width:34px;height:34px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.15);font-size:16px;transition:transform 0.2s;z-index:2}.btn-wishlist:hover{transform:scale(1.15)}.btn-wishlist.aktif{color:#e74c3c}.statistik-section{background:linear-gradient(135deg,var(--biru-tua),var(--biru-muda));color:white;padding:50px 20px;text-align:center}.statistik-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:30px;max-width:900px;margin:0 auto}.stat-item .stat-angka{font-size:42px;font-weight:900;color:var(--biru-terang);line-height:1}.stat-item .stat-label{font-size:14px;opacity:0.85;margin-top:6px}.testimoni-section{background:var(--abu-terang);padding:50px 20px}.testimoni-section h2{text-align:center;color:var(--biru-tua);margin-bottom:30px;font-size:26px}.testimoni-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:1000px;margin:0 auto}.testimoni-card{background:white;border-radius:12px;padding:24px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.testimoni-stars{color:#f39c12;font-size:16px;margin-bottom:10px}.testimoni-pesan{font-size:14px;color:#555;line-height:1.6;margin-bottom:14px;font-style:italic}.testimoni-nama{font-weight:bold;font-size:14px;color:var(--biru-tua)}.testimoni-kota{font-size:12px;color:#aaa}.pwa-install-bar{display:none;background:var(--biru-tua);color:white;text-align:center;padding:10px 20px;font-size:14px;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.pwa-install-bar.visible{display:flex}.btn-pwa-install{background:var(--biru-terang);color:var(--biru-tua);border:none;padding:8px 20px;border-radius:20px;font-weight:bold;font-size:13px;cursor:pointer}.btn-pwa-dismiss{background:none;border:1px solid rgba(255,255,255,0.4);color:white;padding:7px 14px;border-radius:20px;font-size:12px;cursor:pointer}.no-results{text-align:center;padding:60px 20px;color:#aaa;grid-column:1 / -1}.no-results i{font-size:48px;display:block;margin-bottom:16px}@media (max-width:768px){.banner-slide-caption h1{font-size:26px}.banner-slide-caption p{font-size:14px}.statistik-grid{grid-template-columns:repeat(2,1fr)}.search-filter-bar{flex-direction:column}.search-input-wrap{min-width:100%}.product-tabs{overflow-x:auto}}.product-card .galeri-wrap{position:relative;overflow:hidden;background:#f0f0f0;height:220px}.galeri-main{position:relative;width:100%;height:220px;overflow:hidden;background:#eee}.galeri-slides{display:flex;transition:transform 0.35s ease;height:100%}.galeri-slide{min-width:100%;height:100%;position:relative}.galeri-slide img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;display:block}.galeri-slide video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.galeri-slide iframe{width:100%;height:100%;border:none;display:block}.galeri-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.45);color:white;border:none;width:32px;height:32px;border-radius:50%;font-size:16px;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;transition:background 0.2s}.galeri-btn:hover{background:rgba(0,0,0,0.75)}.galeri-btn-prev{left:8px}.galeri-btn-next{right:8px}.galeri-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:5}.galeri-dot{width:7px;height:7px;background:rgba(255,255,255,0.5);border-radius:50%;cursor:pointer;transition:background 0.2s}.galeri-dot.aktif{background:white}.galeri-thumbs{display:flex;gap:6px;padding:8px 10px;overflow-x:auto;background:#f8f8f8;border-top:1px solid #eee;scrollbar-width:none}.galeri-thumbs::-webkit-scrollbar{display:none}.galeri-thumb{min-width:52px;height:52px;border-radius:6px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:border-color 0.2s;flex-shrink:0;position:relative;background:#ddd}.galeri-thumb.aktif{border-color:var(--biru-terang)}.galeri-thumb img{width:100%;height:100%;object-fit:cover}.galeri-thumb .play-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.35);color:white;font-size:18px}#lightbox-video-wrap{display:none;width:92%;max-width:700px}#lightbox-video-wrap video,#lightbox-video-wrap iframe{width:100%;border-radius:10px;max-height:75vh}.po-wrap{max-width:540px;margin:0 auto;padding:16px 14px 100px}.po-header{display:flex;align-items:center;gap:12px;padding:14px 0 10px;margin-bottom:4px}.po-btn-back{background:white;border:none;border-radius:50%;width:38px;height:38px;cursor:pointer;font-size:15px;color:var(--biru-tua);box-shadow:0 2px 10px rgba(15,32,39,.12);display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.po-btn-back:hover{background:#0F3D2E;color:#fff;box-shadow:0 4px 14px rgba(15,61,46,.28);transform:translateX(-2px)}.po-btn-back:active{transform:scale(.92)}.jam-pill{padding:9px 6px;border-radius:11px;border:2px solid #E5E7EB;background:white;text-align:center;cursor:pointer;transition:all .2s;font-size:13px;font-weight:700;color:#1F2937}.jam-pill:hover{border-color:#40916C}.jam-pill.terpilih{background:#0F3D2E;border-color:#0F3D2E;color:white}.po-header-title{font-size:17px;font-weight:700;color:var(--biru-tua)}.po-section{background:white;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.07);margin-bottom:12px;overflow:hidden}.po-section-label{padding:11px 16px;font-size:10px;font-weight:700;color:#6B7280;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #E5E7EB}.po-pickup-box{padding:14px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.po-pickup-value{font-size:14px;font-weight:600;color:var(--biru-tua)}.po-pickup-value.placeholder{color:#6B7280;font-weight:400;font-style:italic}.po-form-group{padding:10px 16px;border-bottom:1px solid #E5E7EB}.po-form-group:last-child{border-bottom:none}.po-label{display:block;font-size:10px;font-weight:700;color:#6B7280;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}.po-input{width:100%;padding:8px 0;border:none;border-bottom:2px solid #E5E7EB;background:transparent;font-size:14px;outline:none;transition:border-color .2s}.po-input:focus{border-bottom-color:#40916C}.po-metode-item{display:flex;align-items:center;gap:11px;padding:12px 16px;border-bottom:1px solid #E5E7EB;cursor:pointer;transition:background .15s}.po-metode-item:hover{background:#F5F0E8}.po-metode-item:last-child{border-bottom:none}.po-radio{width:19px;height:19px;border-radius:50%;border:2px solid #E5E7EB;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s}.po-radio.terpilih{border-color:#0F3D2E;background:#0F3D2E}.po-radio.terpilih::after{content:'';width:7px;height:7px;background:white;border-radius:50%}.po-metode-nama{font-size:13px;font-weight:600}.po-metode-sub{font-size:11px;color:#6B7280}.po-instruksi{border:none}.po-instruksi-header{background:#0F3D2E;padding:12px 16px;color:white;font-size:14px;font-weight:700}.po-instruksi-body{padding:14px 16px}.po-instruksi-label{font-size:10px;font-weight:700;color:#D97706;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}.po-instruksi-nominal{font-size:24px;font-weight:900;color:#1A1A1A;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.po-btn-salin{padding:3px 10px;background:#FEF3C7;color:#92400E;border:1px solid #FDE68A;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer}.po-instruksi-note{font-size:12px;color:#6B7280;line-height:1.5}.po-ringkasan-row{display:flex;justify-content:space-between;padding:9px 16px;font-size:14px}.po-btn-submit{width:100%;padding:15px;background:#0F3D2E;color:white;border:none;border-radius:50px;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s}.po-btn-submit:disabled{background:#E5E7EB;color:#6B7280;cursor:not-allowed}.po-btn-submit:not(:disabled):hover{background:#1a5c42}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9000;justify-content:flex-end;align-items:flex-end}.modal-overlay.aktif{display:flex}.modal-sheet{background:white;border-radius:24px 24px 0 0;width:100%;max-height:88vh;overflow-y:auto;padding:18px;animation:slideUp .3s ease}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{width:38px;height:4px;background:#E5E7EB;border-radius:2px;margin:0 auto 14px}.modal-title{font-size:17px;font-weight:700;margin-bottom:3px}.modal-subtitle{font-size:12px;color:#6B7280;margin-bottom:16px}.modal-label{font-size:10px;font-weight:700;color:#40916C;letter-spacing:1px;text-transform:uppercase;margin-bottom:9px;display:flex;align-items:center;gap:5px}.tipe-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px}.tipe-pill{padding:11px 7px;border-radius:11px;border:2px solid #E5E7EB;text-align:center;cursor:pointer;transition:all .2s}.tipe-pill.terpilih{border-color:#0F3D2E;background:rgba(15,61,46,.06)}.tipe-icon{font-size:20px;margin-bottom:3px}.tipe-nama{font-size:12px;font-weight:600}.tanggal-scroll{display:flex;gap:6px;overflow-x:auto;padding-bottom:3px;margin-bottom:16px;scrollbar-width:none}.tanggal-scroll::-webkit-scrollbar{display:none}.tanggal-pill{min-width:56px;padding:8px 5px;border-radius:11px;border:2px solid #E5E7EB;background:white;text-align:center;cursor:pointer;transition:all .2s;flex-shrink:0}.tanggal-pill:hover:not(.nonaktif){border-color:#40916C}.tanggal-pill.terpilih{background:#0F3D2E;border-color:#0F3D2E;color:white}.tanggal-pill.nonaktif{opacity:.4;cursor:not-allowed}.tgl-hari{font-size:8px;font-weight:700;text-transform:uppercase;opacity:.7}.tgl-num{font-size:19px;font-weight:900;line-height:1.1}.tgl-bln{font-size:8px;text-transform:uppercase;opacity:.7}.tgl-status{font-size:8px;font-weight:700;color:#D97706;margin-top:1px}.tanggal-pill.terpilih .tgl-status{color:rgba(255,255,255,.7)}.jasa-list{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.jasa-item{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;border:2px solid #E5E7EB;border-radius:10px;cursor:pointer;transition:all .2s;background:white}.jasa-item:hover{border-color:#40916C}.jasa-item.terpilih{border-color:#0F3D2E;background:rgba(15,61,46,.05)}.jasa-nama{font-size:13px;font-weight:600}.jasa-ongkir{font-size:12px;color:#40916C;font-weight:600}.jasa-ongkir.gratis{color:#10B981}.jasa-ongkir.tarif-app{color:#6B7280}.jam-grid{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.jam-pill{padding:8px 16px;border-radius:50px;border:2px solid #E5E7EB;background:white;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.jam-pill:hover{border-color:#40916C}.jam-pill.terpilih{background:#0F3D2E;border-color:#0F3D2E;color:white}.btn-konfirmasi-jadwal{width:100%;padding:13px;background:#0F3D2E;color:white;border:none;border-radius:50px;font-size:14px;font-weight:700;cursor:pointer;margin-top:4px}.btn-konfirmasi-jadwal:disabled{background:#E5E7EB;color:#6B7280;cursor:not-allowed}.accordion-section{max-width:900px;margin:0 auto;padding:0 24px 30px}.accordion-item{border:1px solid #E5E7EB;border-radius:12px;margin-bottom:10px;overflow:hidden}.accordion-btn{width:100%;padding:16px 20px;background:white;border:none;text-align:left;font-size:15px;font-weight:700;color:var(--biru-tua);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .15s}.accordion-btn:hover,.accordion-btn.aktif{background:#f0fffe}.accordion-icon{font-size:20px;font-weight:400;color:var(--biru-terang);flex-shrink:0}.accordion-body{max-height:0;overflow:hidden;transition:max-height .35s ease;background:white;padding:0 20px;font-size:14px;color:#555;line-height:1.7}.tuna-highlight{max-width:800px;margin:40px auto 0;padding:36px 24px;text-align:center}.tuna-highlight h2{color:var(--biru-tua);font-size:28px;font-weight:800;letter-spacing:.5px;margin-bottom:10px}.tuna-highlight .tuna-sub{color:var(--biru-terang);font-weight:700;font-size:15px;margin-bottom:14px}.tuna-highlight .tuna-desc{color:#555;font-size:15px;line-height:1.7;max-width:560px;margin:0 auto 22px}.keunggulan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;max-width:1100px;margin:10px auto 40px;padding:0 24px}.keunggulan-card{background:var(--putih);border-radius:12px;padding:26px 18px;text-align:center;box-shadow:0 6px 20px rgba(0,0,0,0.06);transition:transform .2s}.keunggulan-card:hover{transform:translateY(-4px)}.keunggulan-icon{font-size:34px;margin-bottom:10px}.keunggulan-card h3{color:var(--biru-tua);font-size:16px;margin-bottom:6px}.keunggulan-card p{color:#666;font-size:13px;line-height:1.5}.accordion-body p,.accordion-body ul{padding-bottom:16px}.chk-wrap{max-width:540px;margin:0 auto;padding:16px 14px 80px}.chk-header{display:flex;align-items:center;gap:12px;padding:14px 0 10px}.chk-tipe-btn{flex:1;padding:11px;border:2px solid #E5E7EB;border-radius:10px;background:white;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.chk-tipe-btn:hover{border-color:#40916C}.chk-tipe-btn.aktif{border-color:#0F3D2E;background:rgba(15,61,46,.07);color:#0F3D2E}.chk-info-box{background:#F0FFF4;border:1px solid #6EE7B7;border-radius:10px;padding:12px 14px;font-size:13px;color:#065F46;line-height:1.6}.chk-select{width:100%;padding:10px 12px;border:2px solid #E5E7EB;border-radius:10px;font-size:14px;outline:none;background:white}.chk-select:focus{border-color:#40916C}.chk-btn-kendala{width:100%;padding:13px;background:white;border:2px solid #25D366;color:#25D366;border-radius:50px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.chk-btn-kendala:hover{background:#25D366;color:white}#view-pembayaran{background:#F3F4F6;min-height:100vh}#bayar-countdown{font-variant-numeric:tabular-nums}.po-btn-submit[style*="background:#25D366"]{background:#25D366 !important}.po-btn-submit[style*="background:#25D366"]:hover{background:#1da851 !important}.qris-placeholder{display:flex;justify-content:center;margin:12px 0}.qris-box{border:2px dashed #ddd;border-radius:12px;padding:20px;width:200px;text-align:center}.btn-download-qris{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;margin-top:4px;background:#0F3D2E;color:#fff;border:none;border-radius:50px;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;transition:background .2s}.btn-download-qris:hover{background:#145C44}.varian-wrap{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px;flex-direction:column}.varian-group{display:flex;gap:6px;flex-wrap:wrap}.varian-group-label{font-size:12px;font-weight:600;color:#555;margin-bottom:2px}.varian-btn{\n padding:6px 12px;border-radius:8px;border:1.5px solid #E5E7EB;background:#fff;color:#374151;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.varian-btn:hover{border-color:var(--biru-terang)}.varian-btn.aktif{background:var(--biru-tua);color:#fff;border-color:var(--biru-tua)}.varian-diskon-badge{display:inline-block;margin-left:4px;background:#EF4444;color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px;vertical-align:middle}.varian-diskon-info{display:flex;align-items:center;gap:6px;margin-bottom:4px}.harga-coret{font-size:12px;color:#9CA3AF;text-decoration:line-through}.diskon-persen{font-size:12px;font-weight:700;color:#EF4444}.addon-wrap{margin-bottom:10px}.addon-label{font-size:12px;font-weight:600;color:#555;margin-bottom:5px}.addon-item{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border:1.5px solid #E5E7EB;border-radius:10px;margin-bottom:5px;cursor:pointer;background:#fff;transition:all .2s}.addon-thumb{width:32px;height:32px;object-fit:cover;border-radius:6px;flex-shrink:0;cursor:zoom-in;border:1px solid #E5E7EB}.addon-item input[type=checkbox]{margin-top:2px;accent-color:#0F3D2E;width:15px;height:15px;flex-shrink:0;cursor:pointer}.addon-item.aktif{border-color:#0F3D2E;background:#F0FDF4}.addon-nama{font-size:13px;font-weight:600;color:#111;flex:1}.addon-harga{font-size:11px;color:#10B981;font-weight:700;white-space:nowrap}.addon-gratis{cursor:default;border-color:#10B981;background:#F0FDF4}.addon-check{font-size:14px;color:#10B981;font-weight:700;flex-shrink:0}.addon-harga-gratis{color:#10B981;font-size:11px;font-weight:800}.addon-gratis-wrap{margin-bottom:6px}.banner-slideshow{position:relative;width:100%;overflow:hidden;background:#000;aspect-ratio:16/7;max-height:420px}.banner-track{display:flex;transition:transform .5s ease;height:100%}.banner-slide{min-width:100%;position:relative;overflow:hidden}.banner-media{width:100%;height:100%;object-fit:cover;display:block}.banner-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.15) 0%,rgba(0,0,0,.55) 100%);display:flex;align-items:flex-end;padding:24px 20px}.banner-caption{color:#fff}.banner-caption h2{font-size:22px;font-weight:900;line-height:1.2;margin-bottom:4px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.banner-caption p{font-size:13px;opacity:.9;margin-bottom:10px;text-shadow:0 1px 4px rgba(0,0,0,.5);max-width:480px;line-height:1.5}.banner-caption p.banner-sub{font-weight:700;opacity:1;color:#7CE7EC;margin-bottom:6px}.banner-caption button{background:#FF6B35;color:#fff;border:none;border-radius:50px;padding:8px 18px;font-size:13px;font-weight:700;cursor:pointer}.banner-caption button:hover{background:#e85d2a}.banner-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.25);border:none;color:#fff;font-size:26px;width:38px;height:38px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);transition:.2s;z-index:10}.banner-nav:hover{background:rgba(255,255,255,.45)}.banner-prev{left:10px}.banner-next{right:10px}.banner-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:10}.banner-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:.2s}.banner-dot.aktif{background:#fff;width:22px;border-radius:4px}@media(max-width:600px){.banner-slideshow{aspect-ratio:4/3;max-height:280px}.banner-caption h2{font-size:16px}.banner-caption p{font-size:11px}.banner-nav{width:30px;height:30px;font-size:20px}}.modal-grup{margin-bottom:18px}.modal-grup-label{font-size:12px;font-weight:700;color:#6B7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.modal-grup-sub-label{font-size:11px;font-weight:700;color:#9CA3AF;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}.modal-opsi-wrap{display:flex;flex-wrap:wrap;gap:8px}.modal-opsi-btn{background:#F3F4F6;color:#374151;border:2px solid #E5E7EB;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.modal-opsi-btn:hover{border-color:#00ADB5;color:#00ADB5}.modal-opsi-btn.aktif{background:#E0F7F8;border-color:#00ADB5;color:#007A80}.modal-opsi-btn.habis,.modal-opsi-btn:disabled{background:#F3F4F6;border-color:#E5E7EB;color:#9CA3AF;cursor:not-allowed;opacity:.6}.opsi-habis-label{color:#DC2626;font-weight:800;font-size:11px}.modal-stok-info{margin-top:10px;padding:7px 12px;border-radius:8px;font-size:13px;display:inline-block}.modal-stok-info.ada{background:#D1FAE5;color:#065F46}.modal-stok-info.sedikit{background:#FEF3C7;color:#92400E}.modal-stok-info.habis{background:#FEE2E2;color:#991B1B}.img-placeholder-fallback{position:absolute;inset:0;background:linear-gradient(145deg,#0D1B22 0%,#1a3040 100%);display:flex;align-items:center;justify-content:center;border-radius:12px 12px 0 0}.img-placeholder-fallback span{font-size:72px;filter:drop-shadow(0 4px 16px rgba(0,0,0,0.4));opacity:0.85}.foto-testimoni-section{background:#f8f8f8;padding:48px 0 52px;text-align:center}.foto-testi-judul{font-size:24px;font-weight:800;color:#0F2027;margin-bottom:6px}.foto-testi-sub{color:#888;font-size:14px;margin-bottom:28px}.foto-testi-wrapper{position:relative;display:flex;align-items:center;gap:0;max-width:100%}.foto-testi-track-wrap{overflow:hidden;flex:1;padding:8px 0}.foto-testi-track{display:flex;gap:14px;transition:transform .4s ease;padding:0 20px;will-change:transform}.foto-testi-item{flex-shrink:0;width:240px;height:300px;border-radius:14px;overflow:hidden;position:relative;background:linear-gradient(145deg,#0D1B22,#1a3040);box-shadow:0 6px 24px rgba(0,0,0,0.12);cursor:pointer;transition:transform .2s,box-shadow .2s}.foto-testi-item:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.18)}.foto-testi-item img{width:100%;height:100%;object-fit:cover;display:block}.foto-testi-item.testi-placeholder img{display:none}.foto-testi-item.testi-placeholder::before{content:'📸';position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);font-size:40px;opacity:.5}.foto-testi-item.testi-placeholder::after{content:'Foto akan segera hadir';position:absolute;bottom:40px;left:0;right:0;text-align:center;font-size:12px;color:rgba(255,255,255,.4)}.testi-no{position:absolute;bottom:10px;right:12px;background:rgba(0,0,0,.45);color:#fff;font-size:11px;font-weight:700;border-radius:20px;padding:2px 9px;letter-spacing:.5px}.foto-testi-nav{background:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:22px;font-weight:700;color:#0F2027;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,0.12);flex-shrink:0;margin:0 8px;transition:background .15s,transform .15s;z-index:2}.foto-testi-nav:hover{background:#0F2027;color:#fff;transform:scale(1.08)}.foto-testi-dots{display:flex;justify-content:center;gap:6px;margin-top:18px}.foto-testi-dot{width:8px;height:8px;border-radius:50%;background:#ccc;cursor:pointer;transition:background .2s,width .2s}.foto-testi-dot.aktif{background:#0F2027;width:22px;border-radius:4px}.foto-testi-hint{font-size:12px;color:#bbb;margin-top:14px}@media(max-width:600px){.foto-testi-item{width:200px;height:250px}.foto-testi-nav{width:32px;height:32px;font-size:18px;margin:0 4px}}.sc-card{position:relative;background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.08);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow 0.2s,transform 0.2s;height:100%}.sc-card:hover{box-shadow:0 6px 20px rgba(0,0,0,0.13);transform:translateY(-3px)}.sc-img-wrap{position:relative;width:100%;aspect-ratio:1 / 1;background:#f0f0f0;overflow:hidden;flex-shrink:0}.sc-img-wrap .galeri-slides{display:flex;height:100%;transition:transform 0.35s ease}.sc-img-wrap .galeri-slide{min-width:100%;height:100%}.sc-img-wrap .galeri-slide img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;display:block}.sc-img-wrap .galeri-dots{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);display:flex;gap:4px}.sc-stok-row{padding:5px 10px 0;font-size:11px;min-height:20px}.sc-stok.ok{color:#10B981;font-weight:600}.sc-stok.warn{color:#D97706;font-weight:600}.sc-stok.habis{color:#DC2626;font-weight:700}.sc-body{padding:6px 10px 8px;flex-grow:1;display:flex;flex-direction:column;gap:4px}.sc-name{font-size:13px;font-weight:700;color:#1a1a1a;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sc-desc{font-size:11px;color:#777;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;position:relative;transition:all 0.25s ease}.sc-desc:hover{color:#555}.sc-desc.expanded{display:block;-webkit-line-clamp:unset;overflow:visible}.sc-desc::after{content:' ▼';font-size:9px;color:#EE4D2D;opacity:0.7}.sc-desc.expanded::after{content:' ▲';font-size:9px;color:#EE4D2D;opacity:0.7}.sc-price{font-size:15px;font-weight:800;color:#EE4D2D;margin-top:4px}.sc-actions{display:flex;border-top:1px solid #f0f0f0;flex-shrink:0}.sc-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:9px 4px;font-size:11px;font-weight:600;border:none;cursor:pointer;transition:background 0.15s,color 0.15s;text-decoration:none;border-right:1px solid #f0f0f0}.sc-btn:last-child{border-right:none}.sc-btn:disabled{opacity:0.4;cursor:not-allowed}.sc-btn-chat{color:#25D366;background:#fff}.sc-btn-chat:hover{background:#e8fdf0}.sc-btn-cart{color:#0F2027;background:#fff}.sc-btn-cart:hover:not(:disabled){background:#e8f0f8}.sc-btn-buy{color:#fff;background:#EE4D2D;border-right:none;flex:1.5}.sc-btn-buy:hover:not(:disabled){background:#d43d1e}.sc-card .btn-wishlist{position:absolute;top:8px;right:8px;z-index:3}.sc-card .btn-share{position:absolute;top:8px;right:46px;z-index:3;background:white;border:none;border-radius:50%;width:34px;height:34px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.15);font-size:14px;transition:transform .2s}.sc-card .btn-share:hover{transform:scale(1.15)}.sc-card .product-badge{z-index:3}@media (max-width:480px){.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.sc-btn{font-size:10px;padding:8px 2px}.sc-price{font-size:13px}}@keyframes slideUp{from{transform:translateX(-50%) translateY(20px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}#video-carousel::-webkit-scrollbar{display:none}.video-slide{transition:transform .25s ease}.video-slide:active{transform:scale(.97)}.jastip-card{max-width:680px;margin:0 auto;background:#fff;border-radius:14px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.jastip-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.jastip-card{position:relative}.jastip-card::after{content:"";position:absolute;top:0;right:0;bottom:0;width:24px;background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.95));pointer-events:none;border-radius:0 14px 14px 0}.jastip-table{width:100%;min-width:560px;border-collapse:collapse;margin-bottom:12px}.jastip-table th,.jastip-table td{padding:8px 6px;border-bottom:1px solid #E5E7EB;text-align:left;vertical-align:middle}.jastip-table th{font-size:12px;text-transform:uppercase;color:#777;font-weight:700;white-space:nowrap}.jastip-table input,.jastip-table select{width:100%;padding:9px 10px;border:2px solid #E5E7EB;border-radius:8px;font-size:14px;outline:none;background:#fff}.jastip-table input:focus,.jastip-table select:focus{border-color:#40916C}.jastip-harga{min-width:110px}.jastip-harga-format{font-size:11px;color:#16A34A;font-weight:700;margin-top:3px;min-height:14px}.jastip-harga-hint{font-size:10.5px;color:#6B7280;font-style:italic;margin-top:2px;min-height:13px}.jastip-no{text-align:center;color:#888;font-weight:600}.jastip-hapus-row{background:#FEE2E2;color:#DC2626;border:none;border-radius:6px;width:28px;height:28px;cursor:pointer;font-size:13px}.jastip-hapus-row:hover{background:#FCA5A5}.jastip-btn-tambah{background:#F0FDF4;color:#15803D;border:2px dashed #86EFAC;padding:10px 16px;border-radius:10px;font-weight:700;cursor:pointer;width:100%}.jastip-btn-tambah:hover{background:#DCFCE7}.jastip-total-section{background:var(--biru-tua,#0F2027);color:#fff;border-radius:10px;padding:16px 18px;margin-top:18px}.jastip-total-row{display:flex;justify-content:space-between;font-size:14px;padding:5px 0;opacity:.9}.jastip-total-row.jastip-grand{border-top:1px solid rgba(255,255,255,.25);margin-top:6px;padding-top:10px;font-size:18px;font-weight:800;opacity:1}.jastip-disclaimer{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2);font-size:12px;color:rgba(255,255,255,.75);line-height:1.5}.jastip-promo-banner{max-width:680px;margin:0 auto 16px;background:linear-gradient(135deg,#FEF3C7,#FDE68A);color:#78350F;border:1px solid #FCD34D;border-radius:12px;padding:12px 16px;font-size:13.5px;text-align:center;line-height:1.5}.jastip-inspirasi-wrap{max-width:680px;margin:0 auto 20px}.jastip-inspirasi-judul{font-size:15px;font-weight:800;color:#0F2027;margin-bottom:12px;display:flex;align-items:center;gap:8px}.jastip-inspirasi-judul::after{content:'';flex:1;height:2px;background:linear-gradient(90deg,#40916C33,transparent);border-radius:2px}.jastip-cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:500px){.jastip-cat-grid{grid-template-columns:repeat(3,1fr)}}.jastip-cat-card{background:#fff;border-radius:13px;padding:13px 13px 11px;box-shadow:0 1px 8px rgba(0,0,0,.07);border:1.5px solid #E5E7EB;transition:box-shadow .18s,border-color .18s;cursor:default}.jastip-cat-card:hover{box-shadow:0 4px 18px rgba(0,0,0,.12);border-color:#40916C55}.jastip-cat-icon{font-size:26px;margin-bottom:5px;line-height:1}.jastip-cat-nama{font-size:13px;font-weight:800;color:#0F2027;margin-bottom:5px}.jastip-cat-items{font-size:11.5px;color:#555;line-height:1.6}.jastip-cat-items span{display:inline-block;background:#F0FDF4;color:#15803D;border:1px solid #BBF7D0;border-radius:5px;padding:1px 6px;margin:2px 2px 0 0;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s}.jastip-cat-items span:hover{background:#DCFCE7}.jastip-tip-box{margin-top:11px;background:#EFF6FF;border:1px solid #BFDBFE;border-radius:10px;padding:10px 13px;font-size:12px;color:#1E40AF;line-height:1.55}@keyframes shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear;border-radius:6px}.sk-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,0.08);overflow:hidden;display:flex;flex-direction:column}.sk-img{width:100%;aspect-ratio:1/1}.sk-body{padding:10px;display:flex;flex-direction:column;gap:8px}.sk-title{height:14px;width:80%}.sk-price{height:18px;width:55%}.sk-stok{height:12px;width:40%}.sk-btn{height:32px;width:100%;margin-top:4px;border-radius:8px}.toast{position:fixed;top:18px;left:50%;transform:translateX(-50%) translateY(-30px);background:#1F2937;color:#fff;padding:13px 20px;border-radius:12px;font-size:14px;font-weight:600;line-height:1.4;box-shadow:0 8px 28px rgba(0,0,0,.3);z-index:99999;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;max-width:92%;width:max-content;text-align:center}.toast.muncul{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:480px){.toast{top:14px;font-size:13.5px;padding:12px 16px}}.alamat-suggest-box{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #D1FAE5;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.13);z-index:50;max-height:280px;overflow-y:auto}.alamat-suggest-item{padding:10px 14px;font-size:13px;color:#374151;cursor:pointer;border-bottom:1px solid #F3F4F6;line-height:1.3;display:flex;flex-direction:column;gap:2px}.alamat-suggest-item:last-child{border-bottom:none}.alamat-suggest-item:hover,.alamat-suggest-item:active{background:#F0FDF4}.suggest-nama{font-weight:600;color:#0F2027;font-size:13.5px}.suggest-detail{font-size:11.5px;color:#6B7280}.alamat-suggest-empty{padding:12px 14px;font-size:12.5px;color:#9CA3AF;text-align:center}.jasa-grup{border-radius:10px;overflow:hidden;border:1px solid #E5E7EB}.jasa-grup-header{width:100%;display:flex;align-items:center;gap:8px;padding:13px 14px;background:#F9FAFB;border:none;cursor:pointer;font-size:14px;font-weight:700;color:#111827;text-align:left;transition:background .15s}.jasa-grup-header:active{background:#F3F4F6}.jasa-grup-header.aktif{background:#ECFDF5;color:#065F46}.jasa-grup-sub{font-size:11px;font-weight:400;color:#6B7280;flex:1}.jasa-grup-arrow{font-size:13px;color:#9CA3AF;transition:transform .2s}.jasa-grup-arrow.buka{transform:rotate(90deg)}.jasa-grup-body{border-top:1px solid #F3F4F6}.jasa-item{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;border-bottom:1px solid #F3F4F6;transition:background .12s}.jasa-item:last-child{border-bottom:none}.jasa-item:active{background:#F0FDF4}.jasa-item.dipilih{background:#F0FDF4}.jasa-dot{width:18px;height:18px;border-radius:50%;border:2px solid #D1D5DB;flex-shrink:0;box-sizing:border-box;transition:all .15s}.jasa-dot.aktif{border-color:#10B981;border-width:5px;background:#fff}.jasa-item-info{display:flex;flex-direction:column;gap:2px}.jasa-item-nama{font-size:13px;font-weight:600;color:#111827}.jasa-item-harga{font-size:12px;color:#6B7280}.jasa-item-harga em{font-style:normal;color:#10B981}*{-webkit-tap-highlight-color:transparent}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#chk-footer-bar{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px)) !important}.wa-widget-container{bottom:calc(25px + env(safe-area-inset-bottom,0px));right:calc(25px + env(safe-area-inset-right,0px))}body.chk-footer-aktif .wa-widget-container{bottom:calc(95px + env(safe-area-inset-bottom,0px))}body.chk-footer-aktif #agna-chat-btn{bottom:calc(95px + env(safe-area-inset-bottom,0px))}body.chk-footer-aktif #agna-chat-box{bottom:calc(157px + env(safe-area-inset-bottom,0px))}.modal-sheet{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px)) !important}.toast{top:calc(18px + env(safe-area-inset-top,0px))}@media (max-width:480px){.toast{top:calc(14px + env(safe-area-inset-top,0px))}}.galeri-thumbs,.tanggal-scroll,#video-carousel,.modal-sheet,.jastip-table-scroll{-webkit-overflow-scrolling:touch}input[type="text"],input[type="tel"],input[type="email"],input[type="number"],textarea{-webkit-appearance:none;appearance:none;border-radius:0}button{-webkit-appearance:none;appearance:none}body::after{content:'';display:block;height:env(safe-area-inset-bottom,0px)}@keyframes slideUpModal{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.lang-switcher{display:flex;align-items:center;gap:4px;flex-shrink:0;background:rgba(255,255,255,0.07);border:1.5px solid rgba(255,255,255,0.18);border-radius:30px;padding:5px 12px;font-size:12px;font-weight:700;color:rgba(255,255,255,0.75);letter-spacing:.5px;user-select:none}.lang-globe{font-size:14px;margin-right:2px}.lang-option{background:none;border:none;cursor:pointer;color:rgba(255,255,255,0.55);font-size:12px;font-weight:700;padding:2px 5px;border-radius:14px;transition:color .18s,background .18s;letter-spacing:.4px}.lang-option:hover{color:#fff}.lang-option.lang-active{background:rgba(255,255,255,0.15);color:#fff}.lang-sep{color:rgba(255,255,255,0.25);font-size:11px}@media (max-width:768px){.lang-switcher{padding:4px 10px;font-size:11px}.lang-option{font-size:11px;padding:2px 4px}}.simpan-masak-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.simpan-masak-card{background:var(--putih);border-radius:12px;padding:20px 18px;box-shadow:0 4px 14px rgba(0,0,0,0.05);border:1px solid rgba(15,32,39,0.06)}.simpan-masak-icon{font-size:26px;margin-bottom:8px}.simpan-masak-card h3{font-size:.95rem;font-weight:800;color:#0F2027;margin-bottom:6px}.simpan-masak-card p{font-size:.85rem;line-height:1.6;color:#374151}