:root{--hijau-tua: #1a3a1e;--hijau-mid: #2d5a2e;--hijau-terang: #4a8c3f;--coklat-tua: #3b2006;--coklat-mid: #6b3a1f;--coklat-muda: #c47a3a;--krem: #f5eedf;--krem-muda: #faf6ed;--putih: #ffffff}*{box-sizing:border-box}body{font-family:DM Sans,sans-serif;background:var(--krem-muda);color:var(--coklat-tua);margin:0}.katalog-header{background:linear-gradient(#00000073,#00000073),url(/build/assets/bgkatalog-CJ-PJihW.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:80px 32px 100px;text-align:center;position:relative;overflow:hidden}.katalog-header:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:80px;background:var(--krem-muda);clip-path:ellipse(55% 100% at 50% 100%)}.header-badge{display:inline-block;background:#c47a3a40;border:1px solid rgba(196,122,58,.55);color:#e8c48a;font-size:11px;font-weight:500;letter-spacing:3px;text-transform:uppercase;padding:5px 18px;border-radius:50px;margin-bottom:18px}.katalog-header h1{font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3.5rem);color:var(--putih);margin:0 0 14px;line-height:1.15}.katalog-header h1 em{color:#e8c48a;font-style:italic}.katalog-header p{color:#ffffffb8;font-size:1rem;max-width:480px;margin:0 auto;line-height:1.7}.katalog-toolbar{background:var(--putih);border-bottom:1px solid rgba(59,32,6,.08);padding:18px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 16px #3a20060f}.toolbar-inner{max-width:1200px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.search-wrap{position:relative;flex:1;min-width:200px}.search-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:#a08060;fill:none;stroke-width:2}.search-input{width:100%;padding:10px 14px 10px 40px;border:1.5px solid rgba(59,32,6,.12);border-radius:50px;font-family:DM Sans,sans-serif;font-size:14px;color:var(--coklat-tua);background:var(--krem-muda);outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--hijau-terang)}.search-input::-moz-placeholder{color:#b09878}.search-input::placeholder{color:#b09878}.produk-count{font-size:13px;color:#8a7060;white-space:nowrap}.produk-count strong{color:var(--hijau-mid);font-weight:600}.katalog-body{max-width:1200px;margin:0 auto;padding:56px 32px 100px}.produk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}.produk-card{background:var(--putih);border-radius:20px;overflow:hidden;box-shadow:0 4px 24px #3a200612;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.produk-card:hover{transform:translateY(-7px);box-shadow:0 20px 56px #3a200624}.card-img-wrap{position:relative;overflow:hidden;height:220px;background:#e8f0e0}.card-img-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .5s ease}.produk-card:hover .card-img-wrap img{transform:scale(1.07)}.card-img-badge{position:absolute;top:14px;left:14px;background:var(--hijau-tua);color:var(--krem);font-size:10px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;border-radius:50px}.card-body-custom{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}.produk-tag{display:inline-block;background:#eaf3de;color:#3b6d11;font-size:10px;font-weight:500;letter-spacing:1px;padding:3px 12px;border-radius:50px;margin-bottom:10px;text-transform:uppercase}.produk-nama{font-family:Playfair Display,serif;font-size:1.15rem;color:var(--coklat-tua);margin:0 0 10px;line-height:1.3}.produk-deskripsi{font-size:13.5px;color:#7a6550;line-height:1.7;flex:1;margin-bottom:18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer-custom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid rgba(59,32,6,.07)}.produk-harga{font-family:Playfair Display,serif;font-size:1.25rem;font-weight:700;color:var(--hijau-mid)}.btn-pesan{display:flex;align-items:center;gap:7px;background:#25d366;color:#fff;border:none;padding:10px 18px;border-radius:50px;font-size:13px;font-weight:500;font-family:DM Sans,sans-serif;text-decoration:none;transition:background .2s,transform .2s;white-space:nowrap}.btn-pesan:hover{background:#1ebe5d;transform:translateY(-2px);color:#fff}.btn-pesan svg{width:16px;height:16px;fill:#fff;flex-shrink:0}.empty-state{text-align:center;padding:80px 32px;grid-column:1 / -1}.empty-icon{width:80px;height:80px;background:#eaf3de;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.empty-icon svg{width:36px;height:36px;stroke:#4a8c3f;fill:none;stroke-width:1.5}.empty-state h3{font-family:Playfair Display,serif;color:var(--hijau-tua);margin-bottom:8px}.empty-state p{color:#8a7060;font-size:14px}.katalog-cta{margin-top:72px;background:var(--hijau-tua);border-radius:24px;padding:48px 40px;display:flex;align-items:center;gap:32px;flex-wrap:wrap}.cta-text{flex:1;min-width:240px}.cta-text h3{font-family:Playfair Display,serif;font-size:1.7rem;color:var(--krem);margin:0 0 10px;line-height:1.25}.cta-text p{color:#f5eedfb3;font-size:14px;line-height:1.7;margin:0}.cta-actions{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.btn-wa-big{display:flex;align-items:center;gap:10px;background:#25d366;color:#fff;border:none;padding:14px 28px;border-radius:50px;font-size:15px;font-weight:500;font-family:DM Sans,sans-serif;text-decoration:none;transition:transform .2s,box-shadow .2s;white-space:nowrap}.btn-wa-big:hover{transform:translateY(-2px);box-shadow:0 8px 24px #25d36659;color:#fff}.btn-wa-big svg{width:20px;height:20px;fill:#fff}.cta-note{font-size:12px;color:#f5eedf80}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 700px){.katalog-body{padding:40px 20px 80px}.toolbar-inner{padding:0 20px}.katalog-cta{padding:32px 24px;flex-direction:column}.cta-actions{align-items:stretch}.produk-grid{grid-template-columns:1fr}}.custom-modal{border:none;border-radius:20px;overflow:hidden;box-shadow:0 15px 40px #0000001f}.modal-header{background:#f8f2eb;padding:20px 24px}.modal-title{color:#5b3a1e;font-size:22px}.custom-input{border:1px solid #e2d3c3;border-radius:12px;padding:12px 15px;transition:.3s}.custom-input:focus{border-color:#b08968;box-shadow:0 0 0 4px #b0896826}.form-label{font-weight:600;color:#5b3a1e;margin-bottom:8px}.btn-coffee{background:#8b6b4f;color:#fff;border:none;border-radius:12px;padding:10px 22px;font-weight:600}.btn-coffee:hover{background:#75563d;color:#fff}.btn-light{border-radius:12px}.modal-footer{padding:20px 24px}