:root{--batik-soga:#5c3317;--batik-soga-dark:#3d2314;--batik-gold:#c9a227;--batik-gold-light:#e8c547;--batik-cream:#faf7f0;--batik-cream-dark:#f0e6d2;--batik-terracotta:sienna;--batik-text:#2c1810;--batik-muted:#6b5344;--batik-border:#e0d5c5;--batik-white:#fffefb}html,body{color:var(--batik-text);margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background-color:var(--batik-cream)!important}.batik-header{background:linear-gradient(180deg, var(--batik-white) 0%, var(--batik-cream) 100%);box-shadow:0 2px 12px #5c331714;border-bottom:3px solid var(--batik-gold)!important}.batik-header .nav-link-batik{letter-spacing:.3px;font-weight:600;transition:color .2s;color:var(--batik-soga)!important}.batik-header .nav-link-batik:hover{color:var(--batik-gold)!important}.btn-batik{font-weight:600;background:var(--batik-soga)!important;border-color:var(--batik-soga)!important;color:#fff!important}.btn-batik:hover{background:var(--batik-soga-dark)!important;border-color:var(--batik-soga-dark)!important;color:#fff!important}.btn-batik-outline{font-weight:600;border:2px solid var(--batik-soga)!important;color:var(--batik-soga)!important;background:0 0!important}.btn-batik-outline:hover{background:var(--batik-soga)!important;color:#fff!important}.btn-batik-gold{font-weight:700;background:var(--batik-gold)!important;border-color:var(--batik-gold)!important;color:var(--batik-soga-dark)!important}.btn-batik-gold:hover{background:var(--batik-gold-light)!important;border-color:var(--batik-gold-light)!important}.batik-hero{color:#fff;background:linear-gradient(135deg,#5c3317eb 0%,#a0522dd9 50%,#3d2314e6 100%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a227' fill-opacity='0.12'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:relative;overflow:hidden}.batik-hero .badge-batik{background:var(--batik-gold);color:var(--batik-soga-dark);letter-spacing:1.5px;text-transform:uppercase;border-radius:2px;padding:.35rem .9rem;font-size:.75rem;font-weight:700;display:inline-block}.batik-hero h1{color:#fff;text-shadow:0 2px 8px #00000040}.batik-hero .lead{color:#ffffffe6}.section-title-batik{color:var(--batik-soga);font-weight:700;display:inline-block;position:relative}.section-title-batik:after{content:"";background:linear-gradient(90deg, var(--batik-gold), transparent);width:60%;height:3px;margin-top:.4rem;display:block}.kat-pill{border:1.5px solid var(--batik-border);background:var(--batik-white);color:var(--batik-muted);cursor:pointer;border-radius:50px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.kat-pill:hover,.kat-pill.active{background:var(--batik-soga);border-color:var(--batik-soga);color:#fff}.card-batik{background:var(--batik-white);transition:transform .25s,box-shadow .25s;overflow:hidden;border:1px solid var(--batik-border)!important;border-radius:12px!important}.card-batik:hover{transform:translateY(-4px);box-shadow:0 12px 28px #5c331726!important}.card-batik .price-batik{color:var(--batik-terracotta);font-size:1.1rem;font-weight:700}.badge-kat{background:var(--batik-cream-dark);color:var(--batik-soga);border-radius:4px;padding:.25rem .6rem;font-size:.7rem;font-weight:600}.feature-batik{background:var(--batik-white);border:1px solid var(--batik-border);border-top:3px solid var(--batik-gold);border-radius:12px;transition:box-shadow .2s}.feature-batik:hover{box-shadow:0 8px 24px #5c33171a}.footer-batik{color:#fff;border-top:3px solid var(--batik-gold);background:linear-gradient(180deg, var(--batik-soga-dark) 0%, #1a0f0a 100%)!important}.footer-batik a{transition:color .2s;color:#ffffffb3!important}.footer-batik a:hover{color:var(--batik-gold)!important}.footer-batik .text-secondary{color:#ffffffa6!important}.bg-light{background-color:var(--batik-cream)!important}.text-batik{color:var(--batik-soga)!important}.border-batik{border-color:var(--batik-border)!important}.ornament-line{background:linear-gradient(90deg, transparent, var(--batik-gold), var(--batik-soga), var(--batik-gold), transparent);max-width:200px;height:2px;margin:.5rem 0 1.5rem}.search-batik .form-control:focus{border-color:var(--batik-gold);box-shadow:0 0 0 .2rem #c9a22740}