@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Thai:wght@300;400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');
:root{--ivory:#fbf7f1;--cream:#f2e6d6;--brown:#3e2b20;--gold:#b99152;--deep:#241b17;--muted:#78685d;--line:#e7d9c7;--white:#fff;--shadow:0 18px 50px rgba(68,43,24,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Noto Sans Thai','DM Sans',sans-serif;color:var(--deep);background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}img{display:block;width:100%;object-fit:cover}.container{width:min(1180px,92%);margin:auto}.serif{font-family:'Playfair Display','Noto Sans Thai',serif}.eyebrow{letter-spacing:.18em;text-transform:uppercase;font-size:.75rem;color:var(--gold);font-weight:700}.section{padding:88px 0}.soft{background:var(--ivory)}.section-title{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;margin:.2rem 0 1rem}.section-sub{max-width:700px;color:var(--muted);margin:0 0 2rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:999px;border:1px solid var(--deep);font-weight:700;transition:.25s;cursor:pointer}.btn.dark{background:var(--deep);color:white}.btn.gold{background:var(--gold);border-color:var(--gold);color:#fff}.btn.light{background:white;border-color:#d8cec3;color:var(--deep)!important}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.10)}
.topbar{background:var(--deep);color:#f8eee5;font-size:.82rem;text-align:center;padding:8px}.nav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(231,217,199,.8)}.nav-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand img{width:66px;height:48px;object-fit:contain}.menu{display:flex;gap:26px;font-size:.94rem}.actions{display:flex;align-items:center;gap:10px}.pill{padding:8px 13px;background:var(--ivory);border-radius:999px}.mobile-toggle{display:none;background:none;border:0;font-size:1.5rem}
.hero{min-height:78vh;position:relative;display:grid;align-items:center;overflow:hidden}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,241,232,.99) 0%,rgba(248,241,232,.97) 34%,rgba(248,241,232,.90) 48%,rgba(248,241,232,.68) 61%,rgba(248,241,232,.18) 78%,rgba(0,0,0,.02) 100%)}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-content{position:relative;z-index:2;max-width:690px;padding:70px 0;text-shadow:0 1px 0 rgba(255,255,255,.18)}.hero h1{font-size:clamp(3rem,6vw,5.7rem);line-height:.98;margin:.4rem 0 1.2rem;color:#211713;max-width:670px}.hero p{font-size:1.1rem;color:#5f5047;max-width:560px}.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.trust-row{display:flex;gap:28px;flex-wrap:wrap;margin-top:34px;color:#5f5047;font-size:.9rem}
.grid{display:grid;gap:22px}.products{grid-template-columns:repeat(4,1fr)}.card{background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-img{aspect-ratio:1/1;background:var(--ivory)}.card-body{padding:18px}.price{font-weight:800;font-size:1.05rem}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#f4e8d3;color:#7d5e2d;font-size:.7rem;font-weight:800;margin-bottom:8px}.concerns{grid-template-columns:repeat(3,1fr)}.concern{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:1/1}.concern img{height:100%}.concern .overlay{position:absolute;inset:auto 0 0;padding:48px 18px 18px;background:linear-gradient(transparent,rgba(0,0,0,.65));color:white}.concern h3{margin:0;font-size:1.3rem}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.image-frame{border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.feature-list{display:grid;gap:12px;margin:24px 0}.feature{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:white}.ba-grid{grid-template-columns:repeat(2,1fr)}.ba-card{border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line)}.ba-card img{aspect-ratio:1/1}.ba-card div{padding:14px 16px}.routine img{border-radius:28px;box-shadow:var(--shadow)}.choice{grid-template-columns:repeat(2,1fr)}.choice-card{position:relative;overflow:hidden;border-radius:28px;min-height:460px;color:white}.choice-card img{position:absolute;inset:0;height:100%}.choice-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.08))}.choice-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:28px}.choice-copy h3{font-size:2.2rem;margin:0}.promo{grid-template-columns:repeat(3,1fr)}.promo img{aspect-ratio:16/9}.articles{grid-template-columns:repeat(3,1fr)}.article img{aspect-ratio:3/2}.article h3{margin:.6rem 0}.article p{color:var(--muted)}
.cta{position:relative;min-height:430px;display:flex;align-items:center;overflow:hidden}.cta img{position:absolute;inset:0;height:100%}.cta:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(38,27,23,.78),rgba(38,27,23,.10))}.cta .container{position:relative;z-index:2;color:white}.cta h2{font-size:clamp(2.5rem,5vw,4.6rem);margin:.2rem 0 1rem;max-width:630px;line-height:1}.footer{background:var(--deep);color:#e9ded5;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:36px}.footer h4{color:white;margin-top:0}.footer a{display:block;color:#cbbfb6;margin:8px 0}.footer-bottom{border-top:1px solid #4b3a31;margin-top:36px;padding-top:20px;font-size:.85rem;color:#9f9188}
.page-hero{padding:72px 0;background:linear-gradient(120deg,#fbf7f1,#eee0cf)}.page-hero h1{font-size:clamp(2.6rem,5vw,4.4rem);margin:.2rem 0}.toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:24px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{padding:9px 14px;border:1px solid var(--line);background:white;border-radius:999px;cursor:pointer}.filter.active{background:var(--deep);color:white}.shop-grid{grid-template-columns:repeat(4,1fr)}.cart-panel{position:fixed;right:-430px;top:0;width:min(420px,95vw);height:100vh;background:white;z-index:90;box-shadow:-20px 0 50px rgba(0,0,0,.12);transition:.3s;padding:24px;overflow:auto}.cart-panel.open{right:0}.cart-head{display:flex;justify-content:space-between;align-items:center}.cart-item{display:grid;grid-template-columns:72px 1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.cart-item img{width:72px;height:72px;border-radius:12px}.cart-total{display:flex;justify-content:space-between;font-weight:800;font-size:1.15rem;margin:22px 0}.overlay-bg{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:80;display:none}.overlay-bg.show{display:block}
.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;padding:13px 14px;border:1px solid #d8cec3;border-radius:12px;font:inherit}.form textarea{min-height:120px}.two{grid-template-columns:repeat(2,1fr)}
.admin{background:#f6f3ef;min-height:100vh}.admin-wrap{display:grid;grid-template-columns:250px 1fr}.sidebar{background:#211a17;color:#fff;min-height:100vh;padding:28px 20px;position:sticky;top:0;height:100vh}.sidebar .brand img{filter:brightness(2);width:54px}.sidebar a{display:block;padding:11px 12px;border-radius:10px;color:#cabdb4;margin:5px 0}.sidebar a.active,.sidebar a:hover{background:#362922;color:white}.admin-main{padding:30px}.kpis{grid-template-columns:repeat(4,1fr)}.kpi{background:white;border-radius:18px;padding:20px;border:1px solid #e6ded7}.kpi .num{font-size:2rem;font-weight:800;margin-top:6px}.panel{background:white;border:1px solid #e6ded7;border-radius:18px;padding:20px;margin-top:20px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid #eee6df;font-size:.9rem}.status{padding:5px 9px;border-radius:999px;background:#efe6d6;font-size:.75rem}
@media(max-width:980px){.menu{display:none}.mobile-toggle{display:block}.products,.shop-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.concerns{grid-template-columns:repeat(2,1fr)}.promo,.articles{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.admin-wrap{grid-template-columns:1fr}.sidebar{position:relative;height:auto;min-height:auto}.kpis{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.section{padding:62px 0}.hero{min-height:72vh}.hero::after{background:linear-gradient(90deg,rgba(248,241,232,.985) 0%,rgba(248,241,232,.94) 64%,rgba(248,241,232,.72) 100%)}.brand span{display:none}.products,.shop-grid,.concerns,.ba-grid,.choice,.promo,.articles,.two,.kpis,.footer-grid{grid-template-columns:1fr}.nav-inner{height:68px}.hero-btns .btn{width:100%}.admin-main{padding:18px}.table{display:block;overflow:auto}}
/* Package 11,999 upgrade */
.concern{display:block}.advisor-layout{display:grid;grid-template-columns:360px 1fr;gap:34px;align-items:start}.advisor-side{position:sticky;top:110px}.advisor-side h2{font-size:2rem;margin:.2rem 0 1rem}.advisor-choices{display:grid;gap:10px}.advisor-choice{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:14px;background:white;cursor:pointer;font:inherit;color:var(--deep)}.advisor-choice img{width:58px;height:58px;border-radius:10px}.advisor-choice.active{border-color:var(--gold);box-shadow:0 0 0 2px rgba(185,145,82,.15)}.advisor-note{font-size:.78rem;color:var(--muted);padding:14px;background:var(--ivory);border-radius:12px;margin-top:18px}.advisor-result{min-height:560px}.advisor-hero{display:grid;grid-template-columns:1fr 240px;gap:28px;background:linear-gradient(135deg,#fff,#fbf7f1);border:1px solid var(--line);padding:28px;border-radius:26px}.advisor-hero img{height:260px;border-radius:20px}.routine-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.routine-step{background:white;border:1px solid var(--line);border-radius:16px;padding:14px}.routine-step b{display:block;color:var(--gold);font-size:.75rem;letter-spacing:.08em}.recommended-products{grid-template-columns:repeat(3,1fr);margin-top:20px}.value-grid{grid-template-columns:repeat(3,1fr)}.value-card{padding:20px;background:white;border:1px solid var(--line);border-radius:18px}.value-card>b{color:var(--gold)}.partner-types{grid-template-columns:repeat(4,1fr)}.panel-form{background:#fff;border:1px solid var(--line);padding:24px;border-radius:22px}.success-box{padding:12px 14px;border-radius:12px;background:#edf7ee;color:#285c31;font-weight:600}.result-tabs{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.result-filter-row{margin-bottom:26px}.results-grid{grid-template-columns:repeat(3,1fr)}.result-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:white}.result-card img{aspect-ratio:1/1}.result-card-body{padding:16px}.result-card .tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:.7rem;background:var(--ivory);border-radius:999px;padding:4px 8px}.admin-menu .admin-link{width:100%;text-align:left;background:none;border:0;font:inherit;cursor:pointer;display:block;padding:11px 12px;border-radius:10px;color:#cabdb4;margin:5px 0}.admin-menu .admin-link.active,.admin-menu .admin-link:hover{background:#362922;color:white}.admin-tab{display:none}.admin-tab.active{display:block}.admin-top,.panel-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.admin-2col{grid-template-columns:1fr 1.25fr}.table-wrap{overflow:auto}.lead-status{padding:7px 9px;border:1px solid #d8cec3;border-radius:10px;background:white;font:inherit;min-width:140px}.promo-admin-list{display:grid;gap:10px}.promo-row{display:grid;grid-template-columns:1fr auto;gap:14px;border:1px solid var(--line);border-radius:14px;padding:14px}.promo-meta{font-size:.8rem;color:var(--muted)}.switch-btn{border:1px solid var(--line);border-radius:999px;padding:7px 11px;background:#eee;cursor:pointer}.switch-btn.active{background:#dfeedd;color:#245b2b}.results-mini{grid-template-columns:1fr 1fr}
@media(max-width:980px){.advisor-layout{grid-template-columns:1fr}.advisor-side{position:static}.partner-types{grid-template-columns:1fr 1fr}.recommended-products,.results-grid{grid-template-columns:repeat(2,1fr)}.admin-2col{grid-template-columns:1fr}}
@media(max-width:640px){.advisor-hero{grid-template-columns:1fr}.routine-steps,.partner-types,.recommended-products,.results-grid,.value-grid,.results-mini{grid-template-columns:1fr}.advisor-hero img{height:auto}}
@media(max-width:1100px){#tab-pipeline .mini-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:640px){#tab-pipeline .mini-grid{grid-template-columns:1fr!important}}