:root{--bg:#fbf7ee;--card:#fffdf8;--text:#16321f;--muted:#6d6a59;--accent:#caa66b;--accent-2:#173d24;--line:#e3d8c2;--shadow:0 16px 45px rgba(32,61,39,.12);--success:#2f7d4e;--danger:#b74d4d}
[data-theme="dark"]{--bg:#101a13;--card:#18241b;--text:#f8f2e7;--muted:#c9c1ae;--accent:#caa66b;--accent-2:#dfc28e;--line:#344638;--shadow:0 18px 48px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.hidden{display:none!important}.section-pad{padding:72px clamp(20px,5vw,72px)}
.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(18px,4vw,58px);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-size:1.35rem;font-weight:800}.brand-lockup{display:flex;align-items:center;gap:10px}.brand-lockup img{width:48px;height:48px;object-fit:cover;border-radius:50%;border:1px solid var(--line);background:#fbf7ee}.brand-lockup span{font-size:1.3rem}.desktop-nav{display:flex;gap:24px;align-items:center}.nav-link{border:0;background:none;color:var(--text);cursor:pointer}.header-actions{display:flex;gap:10px}.icon-btn,.cart-btn{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:999px;padding:10px 12px;cursor:pointer}.cart-btn span{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:var(--accent);color:#173d24;font-size:.78rem;font-weight:800}
.hero{min-height:76vh;display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:800;color:var(--accent-2)}h1,h2,h3{font-family:Georgia,serif;line-height:1.05;margin:.45rem 0 1rem}h1{font-size:clamp(2.8rem,7vw,5.8rem)}h2{font-size:clamp(2rem,4vw,3.4rem)}p{color:var(--muted);line-height:1.75}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 20px;font-weight:800;cursor:pointer}.primary-btn{background:var(--accent-2);color:#fff;border:1px solid var(--accent-2)}.secondary-btn{background:var(--card);border:1px solid var(--line)}.hero-carousel{position:relative}.hero-carousel img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:34px;box-shadow:var(--shadow)}.hero-dots{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;gap:8px}.hero-dots button{width:9px;height:9px;border:0;border-radius:99px;background:#ffffffaa}.hero-dots button.active{width:26px;background:#fff}
.section-heading{margin-bottom:22px}.tabs{display:flex;gap:10px;overflow:auto;padding-bottom:10px;margin-bottom:18px}.tab{white-space:nowrap;border:1px solid var(--line);background:var(--card);color:var(--text);padding:10px 16px;border-radius:999px;cursor:pointer}.tab.active{background:var(--accent-2);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{background:var(--card);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 8px 22px rgba(70,40,30,.06);cursor:pointer;transition:.2s transform}.product-card:hover{transform:translateY(-3px)}.product-card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:var(--line)}.product-info{padding:14px}.product-row{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.price{font-weight:900}.stock{font-size:.78rem;font-weight:800;color:var(--success)}.sold{color:var(--danger)}.skeleton{height:310px;border-radius:24px;background:linear-gradient(90deg,var(--line),var(--card),var(--line));background-size:220% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-220% 0}}
.split-section{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.about-image{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:30px;box-shadow:var(--shadow)}.contact-actions{display:flex;flex-wrap:wrap;gap:10px}.footer{padding:24px clamp(20px,5vw,72px);border-top:1px solid var(--line);display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;color:var(--muted)}.footer-brand{display:flex;align-items:center;gap:9px;color:var(--text)}.footer-brand img{width:36px;height:36px;object-fit:cover;border-radius:50%;border:1px solid var(--line)}
.drawer{position:fixed;z-index:60;right:0;top:0;height:100dvh;width:min(430px,94vw);background:var(--bg);border-left:1px solid var(--line);transform:translateX(105%);transition:.24s;display:flex;flex-direction:column}.drawer.open{transform:none}.drawer-header,.drawer-footer{padding:18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.drawer-footer{border-top:1px solid var(--line);border-bottom:0;display:block}.drawer-content{padding:16px;overflow:auto;flex:1}.cart-item{display:grid;grid-template-columns:68px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.cart-item img{width:68px;height:68px;object-fit:cover;border-radius:14px}.qty{display:flex;align-items:center;gap:8px;margin-top:8px}.qty button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--text)}.link-btn{border:0;background:none;color:var(--danger);padding:0;cursor:pointer}.backdrop{position:fixed;inset:0;z-index:50;background:#0006}
.modal{border:1px solid var(--line);border-radius:26px;padding:0;background:var(--bg);color:var(--text);width:min(620px,94vw);box-shadow:var(--shadow)}.wide-modal{width:min(980px,96vw)}.modal::backdrop{background:#0007}.modal-body{padding:24px}.modal-close{float:right}.product-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.product-modal-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field input,.field textarea,.field select{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--text)}.error{color:var(--danger);font-size:.8rem}.summary{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px}.summary-row{display:flex;justify-content:space-between;gap:14px;padding:7px 0}.status-banner{padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);margin-bottom:14px}.toast{position:fixed;z-index:100;bottom:24px;left:50%;transform:translateX(-50%);background:var(--text);color:var(--bg);padding:12px 18px;border-radius:999px;box-shadow:var(--shadow)}.danger-btn{background:var(--danger);color:#fff;border:0;border-radius:999px;padding:12px 18px;font-weight:800}.muted{color:var(--muted)}
@media(max-width:900px){.hero,.split-section{grid-template-columns:1fr}.hero{min-height:auto}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-nav a{display:none}.product-modal-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:520px){.section-pad{padding:50px 16px}.site-header{padding:9px 14px}.brand{font-size:1.08rem}.brand-lockup img{width:40px;height:40px}.brand-lockup span{display:none}.product-grid{gap:12px}.product-info{padding:11px}.hero{gap:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Bilihan v2 cart alignment */
.cart-item{grid-template-columns:82px minmax(0,1fr);gap:16px;padding:18px 0}
.cart-item img{width:82px;height:82px;border-radius:18px}
.cart-item-main{min-width:0;display:flex;flex-direction:column;justify-content:center}
.cart-item-main>strong{font-size:1.05rem}
.cart-controls{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:nowrap}
.cart-controls .qty-btn{width:36px;height:36px;flex:0 0 36px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer}
.cart-controls .qty-value{min-width:22px;text-align:center;font-weight:800}
.cart-controls .remove-btn{width:auto;height:36px;margin-left:auto;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--danger);cursor:pointer;white-space:nowrap}
@media(max-width:380px){.cart-item{grid-template-columns:70px minmax(0,1fr)}.cart-item img{width:70px;height:70px}.cart-controls{gap:7px}.cart-controls .remove-btn{padding:0 9px}}