:root{--brand:#0b3d2e;--brand2:#14614a;--gold:#c8a24a;--gold2:#e6c878;--bg:#faf8f3;--ink:#1c2420}
body{font-family:'Poppins',system-ui,sans-serif;background:var(--bg);color:var(--ink)}
.brand,.fw-brand,.hero h1{font-family:'Playfair Display',serif;font-weight:700}
.brand{color:var(--brand);text-decoration:none;font-size:1.3rem}
.nav-glass{background:rgba(250,248,243,.85);backdrop-filter:blur(10px);border-bottom:1px solid #eadfc6}
.btn-gold{background:var(--gold);color:#241c05;border:0;font-weight:500}.btn-gold:hover{background:var(--gold2);color:#241c05}
.btn-wa{background:#1fa855;color:#fff;border:0;font-weight:500}.btn-wa:hover{background:#178a45;color:#fff}
.hero{background:radial-gradient(circle at 80% 0,rgba(200,162,74,.35),transparent 55%),linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;padding:3.5rem 0 4.2rem;border-radius:0 0 32px 32px}
.hero h1{font-size:clamp(1.9rem,5vw,3rem);line-height:1.15;margin:.6rem 0}
.hero p{opacity:.85;max-width:560px}
.eyebrow{display:inline-block;background:rgba(230,200,120,.18);color:var(--gold2);padding:.25rem .8rem;border-radius:99px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.search{display:flex;align-items:center;gap:.5rem;background:#fff;border-radius:16px;padding:.4rem .5rem .4rem 1rem;max-width:680px;margin-top:1.5rem;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.search i{color:#999}.search input{flex:1;border:0;outline:0;min-width:0;padding:.5rem 0;background:transparent}
.search select{border:0;background:#f2efe6;border-radius:10px;padding:.45rem .5rem;font-size:.85rem;max-width:130px}
.search button{border:0;background:var(--brand);color:#fff;border-radius:12px;padding:.5rem 1.1rem}
.chips{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.3rem;margin-top:-1.4rem;position:relative}
.chip{white-space:nowrap;background:#fff;border:1px solid #e6dcc2;color:var(--ink);padding:.4rem 1rem;border-radius:99px;text-decoration:none;font-size:.88rem;box-shadow:0 4px 10px rgba(0,0,0,.05)}
.chip.on{background:var(--brand);color:#fff;border-color:var(--brand)}
.card-p{background:#fff;border-radius:18px;overflow:hidden;border:1px solid #efe7d3;height:100%;display:flex;flex-direction:column;transition:.25s}
.card-p:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(11,61,46,.12)}
.thumb{display:block;position:relative;aspect-ratio:1/1;overflow:hidden;background:#eee}
.thumb img,.detail-img img{width:100%;height:100%;object-fit:cover;display:block}
.ph{width:100%;height:100%;display:grid;place-items:center;color:#fff;font-family:'Playfair Display',serif;font-size:1.6rem;letter-spacing:.1em;
 background:repeating-linear-gradient(0deg,rgba(255,255,255,.12) 0 2px,transparent 2px 22px),repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 2px,transparent 2px 22px),linear-gradient(135deg,hsl(var(--h),45%,28%),hsl(calc(var(--h) + 40),50%,40%))}
.tag{position:absolute;left:10px;top:10px;background:rgba(255,255,255,.92);color:var(--brand);font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:99px}
.tag.static{position:static;display:inline-block;background:#efe7d3}
.soldout{position:absolute;inset:auto 0 0 0;background:rgba(0,0,0,.65);color:#fff;text-align:center;font-size:.8rem;padding:.3rem}
.habis img,.habis .ph{filter:grayscale(.8);opacity:.75}
.body{padding:.8rem .9rem 1rem;display:flex;flex-direction:column;flex:1}
.nm{color:var(--ink);text-decoration:none;font-weight:500;font-size:.92rem;line-height:1.3}
.price{color:var(--brand);font-weight:600;font-size:1.05rem;margin-top:.35rem}.price.big{font-size:1.9rem;font-family:'Playfair Display',serif}
.note{color:#8a6d1c;font-size:.74rem;margin-top:.2rem}
.body .btn{margin-top:auto!important}.body .note+.btn,.body .price+.btn{margin-top:.6rem!important}
.detail-img{aspect-ratio:1/1;border-radius:24px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.12)}
.alert-note{background:#fbf3dc;border:1px solid #ecd9a0;border-radius:12px;padding:.6rem .9rem;font-size:.9rem;display:inline-block}
.facts{list-style:none;padding:0;margin:1rem 0 1.4rem;color:#555}.facts li{margin:.35rem 0}.facts i{color:var(--gold);margin-right:.4rem}
.back{text-decoration:none;color:var(--brand)}
.empty{text-align:center;padding:4rem 0;color:#888}.empty i{font-size:2.5rem}
.foot{background:#0a2b21;color:#cfe3da;padding:2rem 0;margin-top:3rem}.foot .brand{color:var(--gold2)}
/* admin */
.adm{background:#f4f2ec}.adm .navbar{background:var(--brand)}.adm .navbar .nav-link,.adm .navbar-brand{color:#e8f1ed}.adm .navbar .nav-link.active{color:var(--gold2);font-weight:500}
.thumb-sm{width:48px;height:48px;border-radius:10px;object-fit:cover;background:#ddd;display:block}
.stat{background:#fff;border-radius:16px;padding:1rem 1.2rem;border:1px solid #ece6d6}.stat b{font-size:1.7rem;color:var(--brand)}
.preview{background:#eef7f1;border:1px dashed #8fc5a7;border-radius:12px;padding:.8rem 1rem}