:root{--bg:#090909;--surface:#1a1a1a66;--surface-2:#0f0f0fcc;--surface-hover:#2d2d2d99;--text:#fdfdfd;--muted:#a6a6a6;--accent:#d4af37;--border:#d4af3726;--border-light:#ffffff14}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 0 0,#d4af371f,#0000 45%),radial-gradient(circle at 100% 100%,#d4af371a,#0000 45%),linear-gradient(#090909eb,#090909eb),url(/assets/batik-bg-LYGGojAX.png);background-color:var(--bg);background-size:auto,auto,auto,800px;background-attachment:fixed;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}h1,h2,h3,h4,h5,h6,.brand,.btn{font-family:Outfit,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}img{border-radius:.6rem;width:100%;display:block}.container{width:min(1120px,92%);margin:0 auto}.section{padding:4.5rem 0}.section-alt{background:var(--surface-2)}.section-intro{color:var(--muted);max-width:70ch}.section-heading{gap:.35rem;margin-bottom:1.25rem;display:grid}.navbar{z-index:20;border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(16px);background:#090909a6;transition:all .3s;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;padding:.9rem 0;display:flex}.brand{color:var(--accent);letter-spacing:.02em;align-items:center;gap:.55rem;font-size:1.2rem;font-weight:700;display:inline-flex}.brand-logo{width:100px;height:59px;padding:25px, 0px;border-radius:0}.nav-links{gap:1rem;display:flex}.nav-link{color:var(--muted);transition:color .2s,text-shadow .2s}.nav-link.active,.nav-link:hover{color:var(--accent);text-shadow:0 0 12px #d4af374d}.hamburger{border:1px solid var(--border-light);cursor:pointer;z-index:60;background:0 0;border-radius:.5rem;flex-direction:column;justify-content:center;gap:5px;width:2.4rem;height:2.4rem;padding:.35rem;transition:border-color .25s;display:none}.hamburger:hover,.hamburger:focus-visible{border-color:var(--accent);outline:none}.hamburger-line{background:var(--text);transform-origin:50%;border-radius:2px;width:100%;height:2px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s;display:block}.hamburger.is-active .hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.is-active .hamburger-line:nth-child(2){opacity:0}.hamburger.is-active .hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-backdrop{z-index:30;opacity:0;pointer-events:none;background:#0000008c;transition:opacity .3s;display:none;position:fixed;inset:0}.mobile-backdrop.is-visible{opacity:1;pointer-events:auto}.mobile-drawer{z-index:50;-webkit-backdrop-filter:blur(24px)saturate(1.4);border-left:1px solid var(--border-light);background:#0c0c0ceb;flex-direction:column;width:min(320px,85vw);height:100dvh;padding:5rem 1.5rem 2rem;transition:transform .35s cubic-bezier(.4,0,.2,1);display:none;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 32px #0006}.mobile-drawer.is-open{transform:translate(0)}.mobile-drawer-links{flex-direction:column;gap:.25rem;display:flex}.mobile-nav-link{color:var(--muted);border-radius:.6rem;padding:.85rem 1rem;font-family:Outfit,system-ui,-apple-system,sans-serif;font-size:1.05rem;font-weight:500;transition:color .2s,background .2s;display:block}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--accent);background:#d4af3714}.mobile-drawer-cta{text-align:center;justify-content:center;width:100%;margin-top:auto}.hero h1{margin-bottom:.5rem;font-size:clamp(2rem,5vw,4rem)}.hero p{color:var(--muted);max-width:55ch}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.86rem}.row{flex-wrap:wrap;display:flex}.gap-sm{gap:.8rem;margin-top:1rem}.btn{border:1px solid var(--border);letter-spacing:.03em;border-radius:.55rem;padding:.8rem 1.4rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary,.btn-whatsapp{color:#0f0f0f;background:linear-gradient(135deg,#d4af37 0%,#b9951a 100%);border:none;box-shadow:0 4px 14px #d4af3740}.btn-outline{color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3759}.btn-outline:hover{border-color:var(--accent);background:#d4af371a}.grid{gap:1rem;display:grid}.products-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.cols-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.cols-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}.card{background:var(--surface);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(12px);border-radius:1rem;flex-direction:column;height:100%;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 24px #0000001a}.card:hover{border-color:var(--border);background:var(--surface-hover);transform:translateY(-4px);box-shadow:0 8px 32px #d4af3714}.card-body{flex-direction:column;flex-grow:1;gap:.6rem;display:flex}.card-icon{width:2.5rem;height:2.5rem;color:var(--accent);border:1px solid var(--border);background:#d4af3714;border-radius:.75rem;margin-bottom:.85rem;padding:.55rem}.product-card img{object-fit:cover;height:180px}.label{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem;font-size:.8rem}.notes{color:var(--muted);font-size:.9rem}.text-link{color:var(--accent);margin-top:auto;padding-top:.5rem}.faq-list{gap:.6rem;display:grid}.faq-item{border:1px solid var(--border-light);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.8rem;transition:all .3s;overflow:hidden}.faq-item:hover{border-color:var(--border);background:var(--surface-hover)}.faq-question{width:100%;color:var(--text);text-align:left;background:0 0;border:0;justify-content:space-between;padding:.9rem;display:flex}.faq-answer{color:var(--muted);margin:0;padding:0 .9rem .9rem}.form{gap:.55rem;display:grid}input,select,textarea{color:var(--text);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0f0f99;border-radius:.5rem;padding:.9rem;font-family:inherit;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #d4af3733}small{color:#ff9f9f}.article{max-width:800px}.article img{margin:.8rem 0 1.1rem}.article p{color:var(--muted);line-height:1.7}.product-detail-layout{grid-template-columns:1.1fr 1fr;align-items:start;gap:1.2rem;margin-top:1rem;display:grid}.product-detail-layout img{object-fit:cover;height:360px}.product-spec-grid,.product-policy-grid{margin-top:1rem}.product-media-section{margin-top:2rem}.media-note{color:var(--text);background:#d4af3714;border:1px solid #d4af3759;border-radius:.8rem;margin:0 0 1rem;padding:.85rem 1rem}.media-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.media-card{padding:0;overflow:hidden}.media-card img,.media-card video{object-fit:cover;background:#090909;border-radius:0;width:100%;height:240px}.media-copy{gap:.35rem;padding:1rem;display:grid}.media-copy h3{margin:0;font-size:1rem}.media-copy p{color:var(--muted);margin:0;line-height:1.5}.footer{border-top:1px solid var(--border);background:var(--surface-2);margin-top:3rem}.footer-grid{color:var(--muted);grid-template-columns:1.4fr 1fr 1fr;gap:1.2rem;padding:2rem 0 1.2rem;display:grid}.footer-brand-block .brand-header{align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.footer-brand-block h3,.footer-grid h4{color:var(--text);margin:0}.footer-grid h4{margin-bottom:.8rem}.footer-logo{border-radius:0;width:48px;height:48px}.footer-links{gap:.4rem;display:grid}.footer-links a:hover{color:var(--accent)}.footer-legal{border-top:1px solid var(--border);color:var(--muted);gap:.2rem;padding:.9rem 0 1.4rem;font-size:.9rem;display:grid}.floating-whatsapp{z-index:40;color:#0e2516;background:#25d366;border-radius:999px;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;padding:.75rem;font-weight:700;display:inline-flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 10px 24px #25d36647}.floating-whatsapp img{border-radius:0;width:100%;height:100%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.nav-desktop,.nav-desktop-cta{display:none}.hamburger{display:flex}.mobile-backdrop{display:block}.mobile-drawer{display:flex}.product-detail-layout{grid-template-columns:1fr}.product-detail-layout img{height:240px}.footer-grid{grid-template-columns:1fr}.media-card img,.media-card video{height:220px}.brand-logo{width:50px;padding:0}}