body{font-family:"Segoe UI Variable Text","Leelawadee UI","Noto Sans Thai","Segoe UI",Tahoma,sans-serif;font-weight:400;letter-spacing:0}
.topbar nav a{font-family:"Segoe UI Variable Text","Leelawadee UI","Segoe UI",sans-serif;font-weight:650;letter-spacing:.12em}
.hero h1{font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;font-size:clamp(50px,7vw,90px);font-weight:750;line-height:.94;letter-spacing:-.055em;border-right-width:.065em}
.hero p{font-size:17px;font-weight:400;line-height:1.72;color:#aaa7a4}
.eyebrow{font-family:"Segoe UI Variable Text","Leelawadee UI","Segoe UI",sans-serif;font-weight:650;letter-spacing:.18em}
.section-head h2,.page-hero h1,.admin-main h1,.admin-main h2{font-family:"Segoe UI Variable Display","Leelawadee UI","Segoe UI",sans-serif;font-weight:700;letter-spacing:-.035em}
.card h3,.member h3{font-family:"Segoe UI Variable Text","Leelawadee UI","Segoe UI",sans-serif;font-weight:650;letter-spacing:-.015em}
.card p,.muted{font-weight:400;line-height:1.58}
.price,.metric b{font-family:"Segoe UI Variable Text","Segoe UI",sans-serif;font-weight:700}
.button,.tab,.sidebar button,.product-form button{font-family:"Segoe UI Variable Text","Leelawadee UI","Segoe UI",sans-serif;font-weight:650;letter-spacing:.01em}
.topbar{border-left:0;border-right:0;border-top:0;box-shadow:none}
.topbar:after{display:none}
.topbar nav{gap:8px}.topbar nav a{padding:9px 15px;border:1px solid rgba(255,255,255,.1);border-radius:3px;background:rgba(55,46,48,.12);box-shadow:none;transition:border-color .22s,background .22s,color .22s,transform .22s}
.nav-product-wrap{position:relative;display:flex}.product-dropdown{position:absolute;z-index:50;top:calc(100% + 10px);left:50%;width:520px;min-height:330px;padding:0;display:grid;grid-template-columns:1.2fr .8fr;visibility:hidden;opacity:0;overflow:hidden;transform:translate(-50%,-7px);border:1px solid #3d393a;background:rgba(20,20,20,.985);box-shadow:0 22px 55px rgba(0,0,0,.55);transition:opacity .2s,transform .2s,visibility .2s}.nav-product-wrap:hover .product-dropdown,.nav-product-wrap:focus-within .product-dropdown{visibility:visible;opacity:1;transform:translate(-50%,0)}.product-dropdown:before{content:"";position:absolute;left:0;right:0;top:-11px;height:11px}.dropdown-content{padding:24px}.dropdown-kicker{display:block;margin-bottom:7px;color:var(--green);font-size:9px;font-weight:700;letter-spacing:.18em}.dropdown-content>strong{display:block;color:#f3f3ef;font-size:20px;letter-spacing:-.02em}.dropdown-content>p{margin:7px 0 17px;color:#8f8c89;font-size:12px;line-height:1.5}.dropdown-categories{display:grid;gap:4px}.product-dropdown button{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid transparent;border-left:2px solid #353535;background:transparent;color:#c9c6c3;text-align:left;cursor:pointer;transition:.18s}.product-dropdown button b{font-size:12px;font-weight:650}.product-dropdown button small{color:#777471;font-size:10px}.product-dropdown button:hover{border-color:#34432c;border-left-color:var(--green);background:rgba(122,222,58,.065);color:var(--green);transform:translateX(2px)}.product-dropdown button:hover small{color:#a4a29d}.dropdown-visual{position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(122,222,58,.15),transparent 55%),#181718;border-left:1px solid #302d2e}.dropdown-visual:after{content:"";position:absolute;left:20px;right:20px;bottom:18px;height:1px;background:linear-gradient(90deg,transparent,var(--green),transparent)}.dropdown-visual span{position:absolute;z-index:2;top:18px;color:#7ade3a;font-size:8px;font-weight:700;letter-spacing:.18em}.dropdown-visual img{width:118%;max-width:none;margin:0 -10% -12px;filter:drop-shadow(0 18px 22px rgba(0,0,0,.5));transition:transform .35s}.product-dropdown:hover .dropdown-visual img{transform:translateY(-5px) scale(1.025)}
.nav-product-link{display:inline-flex;align-items:center;gap:8px}.nav-product-arrow{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(225deg);transition:transform .22s ease,color .22s ease}.nav-product-wrap:hover .nav-product-arrow,.nav-product-wrap:focus-within .nav-product-arrow,.nav-product-wrap.product-open .nav-product-arrow{transform:rotate(45deg);color:var(--green)}.nav-product-wrap.product-open .product-dropdown{visibility:visible;opacity:1;transform:translate(-50%,0)}.dropdown-category-title{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px}.category-count{min-width:34px;height:27px;padding:0 9px;display:inline-grid;place-items:center;border:1px solid rgba(122,222,58,.3);background:rgba(122,222,58,.08);color:#b6ff88;font-family:"Cascadia Mono","SFMono-Regular",monospace;font-size:13px;font-style:normal;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;transition:.18s}.product-dropdown button:hover .category-count{border-color:rgba(122,222,58,.62);background:#7ade3a;color:#14200e}
@media(max-width:720px){.product-dropdown{left:auto;right:-120px;width:min(92vw,460px);grid-template-columns:1fr}.dropdown-visual{display:none}}
.topbar nav a:hover{border-color:rgba(122,222,58,.6);background:rgba(122,222,58,.045);color:#a2ee72;transform:translateY(-1px);box-shadow:none}
.topbar nav a.nav-active{border-color:rgba(122,222,58,.8);background:rgba(122,222,58,.065);color:#a8f27a;box-shadow:inset 0 -2px rgba(122,222,58,.78)}
@media(max-width:600px){.topbar nav{gap:4px}.topbar nav a{padding:7px 8px}}
@media(min-width:761px){.topbar nav{position:absolute;left:50%;margin:0;transform:translateX(-50%)}}
@media(min-width:761px){.topbar .profile{margin-left:auto}}
th{font-family:"Segoe UI Variable Text","Leelawadee UI","Segoe UI",sans-serif;font-weight:650;letter-spacing:.07em}
.product-dropdown{width:640px;min-height:400px;grid-template-columns:1.24fr .76fr}
.dropdown-content{padding:31px 32px}
.dropdown-kicker{margin-bottom:10px;font-size:11px}
.dropdown-content>strong{font-size:27px;line-height:1.15}
.dropdown-content>p{margin:11px 0 22px;font-size:14px;line-height:1.58}
.dropdown-categories{gap:6px}
.product-dropdown button{gap:5px;padding:13px 14px}
.product-dropdown button b{font-size:15px}
.product-dropdown button small{font-size:12px;line-height:1.4}
.dropdown-visual span{top:23px;font-size:10px}
.dropdown-visual img{width:126%;margin-bottom:-8px}
.dropdown-visual:after{display:none}
@media(max-width:720px){.product-dropdown{width:min(94vw,520px);min-height:auto;grid-template-columns:1fr}.dropdown-content{padding:25px}.dropdown-content>strong{font-size:23px}}