:root{--green:#163d2f;--green2:#245844;--gold:#b89652;--cream:#f6f1e7;--ivory:#fffdf8;--ink:#18251f;--muted:#6c756f;--line:#ddd6c8;--shadow:0 18px 50px rgba(22,61,47,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--ivory);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit;cursor:pointer}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(15,43,33,.96);color:#fff;backdrop-filter:blur(12px);box-shadow:0 4px 24px rgba(0,0,0,.15)}.nav{min-height:74px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700;white-space:nowrap}.brand img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.35)}nav{display:flex;gap:24px;margin-left:auto}nav a{font-size:13px;opacity:.9}nav a:hover{color:#e7d09b}.nav-wa{background:#d6b968;color:#163d2f;padding:11px 15px;border-radius:999px;font-weight:700;font-size:12px}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 30%,#ead8a5 0,#e7e0ca 28%,#eef0e6 56%,#f9f7f0 100%);min-height:640px}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(184,150,82,.35);width:520px;height:520px;right:-200px;top:-130px}.hero:after{width:380px;height:380px;right:-130px;top:-60px}.hero-grid{position:relative;z-index:2;min-height:640px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;padding:55px 0}.hero-copy{max-width:650px}.logo-ring{width:116px;height:116px;border-radius:50%;background:#fff;box-shadow:var(--shadow);padding:7px;margin-bottom:18px}.logo-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%}.eyebrow{letter-spacing:.17em;font-size:11px;font-weight:700;color:var(--green2);margin:0 0 12px}.hero h1,h2{font-family:'Cormorant Garamond',serif}.hero h1{font-size:clamp(48px,7vw,76px);line-height:.88;margin:0;color:var(--green)}.hero h1 span{font-size:.55em;letter-spacing:.01em}.reg{font-family:'Cormorant Garamond',serif;font-size:24px;margin:8px 0}.lead{font-size:17px;line-height:1.7;max-width:560px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.btn{border:0;border-radius:999px;padding:14px 21px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--green);color:#fff;box-shadow:0 12px 25px rgba(22,61,47,.2)}.btn-primary:hover{background:#285f49}.btn-ghost{border:1px solid var(--green);color:var(--green)}.btn-dark{background:var(--green);color:#fff;padding:11px 16px}.location{font-size:12px;color:#52615a;line-height:1.6}.hero-card{background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.8);border-radius:28px;padding:45px;box-shadow:var(--shadow);backdrop-filter:blur(10px);min-height:340px;display:flex;flex-direction:column;justify-content:center}.hero-card-top{letter-spacing:.25em;color:var(--gold);font-weight:700;font-size:12px}.hero-card h2{font-size:54px;line-height:.9;color:var(--green);margin:18px 0}.hero-card p{line-height:1.7}.seal{margin-top:22px;width:105px;height:105px;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--gold);font-weight:700}.seal span{font-size:11px;text-align:center;color:var(--green)}section{padding:78px 0}.testimonials{background:var(--cream)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section-head h2{font-size:46px;line-height:.95;margin:0;color:var(--green)}.slider-controls{display:flex;gap:8px}.slider-controls button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:28px;color:var(--green)}.testimonial-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 15px}.testimonial-track::-webkit-scrollbar{display:none}.testimonial-card{flex:0 0 min(310px,82vw);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);scroll-snap-align:start;border:1px solid #e7e0d4}.testimonial-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.testimonial-card .tlabel{padding:13px 15px;font-family:'Cormorant Garamond',serif;font-size:23px;font-weight:700;color:var(--green)}.dots{text-align:center;margin-top:8px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c8c2b8;margin:0 4px}.dot.active{background:var(--green);transform:scale(1.25)}.products-section{background:#fbfaf5}.products-head{align-items:center}.muted{color:var(--muted);font-size:14px}.tools{display:flex;gap:10px;align-items:center}.search{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 15px;display:flex;gap:8px;min-width:270px}.search input{border:0;outline:0;background:transparent;width:100%;font:inherit}.letters{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0}.letters button{width:33px;height:33px;border:1px solid var(--line);background:#fff;border-radius:50%;font-size:12px}.letters button.active{background:var(--green);color:#fff;border-color:var(--green)}.product-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.product{background:#fff;border:1px solid #e5ded1;border-radius:15px;overflow:hidden}.product summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:48px 1fr 24px;align-items:center;gap:12px;padding:12px}.product summary::-webkit-details-marker{display:none}.p-thumb{width:48px;height:48px;border-radius:10px;object-fit:cover;background:#f4f0e8}.p-icon{width:48px;height:48px;border-radius:10px;background:#edf2ed;display:grid;place-items:center;color:var(--green);font-size:22px}.p-name{font-weight:700;font-size:14px}.p-price{font-size:12px;color:var(--gold);font-weight:700;margin-top:3px}.plus{font-size:23px;color:var(--green);transition:.2s}.product[open] .plus{transform:rotate(45deg)}.product-body{display:grid;grid-template-columns:260px 1fr;gap:22px;padding:0 20px 20px;border-top:1px solid #eee7dc}.product-body img{width:100%;border-radius:16px;margin-top:20px;background:#f7f3eb}.product-copy{padding-top:18px}.product-copy p{white-space:pre-line;line-height:1.75;font-size:14px;color:#4f5a54}.product-copy .btn{margin-top:8px}.about{background:linear-gradient(135deg,#f0eadc,#fbfaf5)}.about-grid{display:grid;grid-template-columns:230px 1fr 310px;gap:45px;align-items:center}.about-logo img{width:100%;border-radius:50%;box-shadow:var(--shadow)}.about h2,.contact h2{font-size:48px;line-height:.95;color:var(--green);margin:0 0 16px}.about p,.contact p{line-height:1.8;color:#536058}.about-points{display:grid;gap:18px}.about-points div{display:grid;grid-template-columns:28px 1fr;column-gap:10px;color:var(--green)}.about-points span{grid-column:2;color:var(--muted);font-size:12px}.contact{background:var(--green);color:#fff}.contact .eyebrow{color:#d7bd74}.contact h2{color:#fff}.contact p{color:#dfe7e2}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.contact-card{border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:28px;display:grid;gap:10px;background:rgba(255,255,255,.06)}.contact-card b{font-family:'Cormorant Garamond',serif;font-size:24px}.contact-card span{color:#dfe7e2;font-size:14px;line-height:1.6}.socials{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.socials a{border:1px solid rgba(255,255,255,.25);padding:8px 12px;border-radius:999px;font-size:12px}footer{background:#0d2b22;color:#dfe7e2;padding:34px 0 15px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:30px}.footer-grid img{width:65px;height:65px;object-fit:cover;border-radius:50%}.footer-grid div{display:grid;gap:8px;align-content:start}.footer-grid span,.footer-grid p{font-size:12px;line-height:1.6;margin:0}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:25px;padding-top:14px;text-align:center;font-size:11px}.floating-wa{position:fixed;right:18px;bottom:18px;z-index:40;background:#d5b76b;color:#143b2e;border-radius:999px;padding:14px 18px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.25)}@media(max-width:900px){nav,.nav-wa{display:none}.menu-btn{display:block;margin-left:auto}.nav{justify-content:space-between}.hero-grid{grid-template-columns:1fr;padding:45px 0}.hero-card{display:none}.product-list{grid-template-columns:1fr}.about-grid,.contact-grid{grid-template-columns:1fr}.about-logo{max-width:220px}.footer-grid{grid-template-columns:1fr 1fr}.products-head{align-items:start;flex-direction:column}.tools{width:100%}.search{flex:1;min-width:0}.section-head h2{font-size:39px}}@media(max-width:560px){.wrap{width:min(100% - 22px,1180px)}section{padding:58px 0}.hero{min-height:auto}.hero-grid{min-height:auto}.hero h1{font-size:52px}.logo-ring{width:92px;height:92px}.hero-actions .btn{width:100%}.product-body{grid-template-columns:1fr}.product-body img{max-width:280px}.footer-grid{grid-template-columns:1fr}.floating-wa span{display:none}.floating-wa{width:54px;height:54px;padding:0;display:grid;place-items:center}.section-head{align-items:start}.slider-controls{padding-top:5px}.testimonial-card{flex-basis:86vw}}

/* ===== Borang Tempahan ===== */
body.modal-open{overflow:hidden}.order-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:18px}.order-modal.show{display:flex}.order-backdrop{position:absolute;inset:0;background:rgba(5,25,18,.72);backdrop-filter:blur(5px)}.order-dialog{position:relative;z-index:1;width:min(680px,100%);max-height:92vh;overflow:auto;background:var(--ivory);border:1px solid rgba(184,150,82,.45);border-radius:26px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.order-dialog h2{font-size:46px;line-height:1;color:var(--green);margin:0 0 8px}.order-intro{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 22px}.order-close{position:absolute;right:18px;top:15px;width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:50%;font-size:25px;color:var(--green);cursor:pointer}.order-dialog form{display:grid;gap:15px}.order-dialog label{display:grid;gap:7px;color:var(--green);font-weight:700;font-size:12px}.order-dialog input,.order-dialog textarea,.order-dialog select{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px 13px;font:inherit;color:var(--ink);outline:none}.order-dialog textarea{resize:vertical}.order-dialog input:focus,.order-dialog textarea:focus,.order-dialog select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,150,82,.12)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.order-submit{width:100%;margin-top:4px;font-size:14px}
@media(max-width:560px){.order-modal{padding:10px}.order-dialog{padding:25px 18px;border-radius:20px;max-height:94vh}.order-dialog h2{font-size:39px}.form-grid{grid-template-columns:1fr}.order-close{right:12px;top:10px}}