/* V1.3 additions - append/replace with this file */
*{box-sizing:border-box}body{margin:0;color:#15171a;background:#fff;font-family:Arial,"Noto Sans Thai",sans-serif}a{text-decoration:none;color:inherit}.header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.97);border-bottom:1px solid #eee}.nav{max-width:1180px;margin:auto;min-height:70px;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px}.brand img{border-radius:8px}.logo{width:38px;height:38px;border:2px solid #111;border-radius:50%;display:grid;place-items:center}.brand small{display:block;color:#888;font-size:9px;letter-spacing:1.5px;margin-top:3px}.nav nav{display:flex;gap:20px;font-size:14px;align-items:center}.nav nav a:hover{color:#777}.container{max-width:1180px;margin:auto;padding:0 20px}.hero{background:#f5f5f3}.hero-in{min-height:610px;display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:center}.copy{text-align:center;border-top:1px solid #ddd;padding:20px 15px;color:#777;font-size:14px;line-height:1.7}.eyebrow{font-size:11px;letter-spacing:3px;color:#777;text-transform:uppercase}.hero h1{font-size:54px;line-height:1.08;margin:15px 0}.hero p{font-size:18px;line-height:1.8;color:#555}.hero-img{aspect-ratio:4/3;background:#ddd;overflow:hidden}.hero-img img{width:100%;height:100%;object-fit:cover}.btn{display:inline-block;background:#111;color:#fff;border:0;border-radius:8px;padding:13px 20px;margin:8px 5px 0 0;cursor:pointer}.btn.light{background:#fff;color:#111;border:1px solid #ddd}.section{padding:70px 0}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section h1,.section h2{margin:6px 0}.section h2{font-size:34px}.muted{color:#777}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pic{aspect-ratio:4/3;background:#eee;overflow:hidden}.pic img{width:100%;height:100%;object-fit:cover}.tag{font-size:12px;color:#777;padding:9px 2px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid #eee;border-radius:12px;overflow:hidden;background:#fff}.body{padding:20px}.price{font-size:24px;font-weight:bold;margin:8px 0}.features{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #eee;border-bottom:1px solid #eee}.feature{text-align:center;padding:25px;border-right:1px solid #eee}.feature:last-child{border:0}.feature b{display:block;margin-bottom:5px}.form{max-width:760px}.form label{display:block;font-weight:bold;margin:15px 0 6px}.form input,.form select,.form textarea,.form button{font:inherit}.form input,.form select,.form textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px}.form textarea{min-height:130px}.alert{padding:13px;background:#f4f4f4;border-radius:8px;margin:15px 0}.captcha{display:flex;gap:10px;align-items:center;background:#fafafa;border:1px dashed #ccc;padding:12px;border-radius:8px;margin:15px 0}.timeline{border-left:2px solid #ddd;padding-left:20px}.timeline div{padding:8px 0 16px}.foot{display:none}footer{background:#f1f1f1;color:#555;margin-top:40px}.foot p{display:none}.copy{text-align:center;border-top:1px solid #ddd;padding:20px 15px;color:#777;font-size:14px;line-height:1.7}footer a{color:#555}footer a:hover{color:#111}.admin{max-width:1100px;margin:40px auto;padding:0 20px}.adminnav{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 25px}.adminnav a{background:#f2f2f2;padding:9px 12px;border-radius:7px;font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{border:1px solid #eee;border-radius:10px;padding:18px}.stat strong{display:block;font-size:25px;margin-top:5px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #eee;text-align:left;font-size:13px}.table input,.table select{max-width:220px;padding:8px;margin:2px}.thumb{width:90px;height:65px;object-fit:cover;border-radius:7px}
@media(max-width:800px){.nav{flex-direction:column;align-items:flex-start}.nav nav{width:100%;overflow:auto;padding-bottom:5px}.hero-in{grid-template-columns:1fr}.hero h1{font-size:40px}.gallery,.cards{grid-template-columns:1fr 1fr}.features{grid-template-columns:1fr 1fr}.foot{display:none}.stats{grid-template-columns:1fr 1fr}}@media(max-width:520px){.gallery,.cards{grid-template-columns:1fr}.hero h1{font-size:34px}.section{padding:45px 0}}

/* V2.5 fixes: centered member auth + package demo images */
.member-auth-section{padding-top:55px;padding-bottom:70px}.auth-card{max-width:560px;margin:0 auto;box-shadow:0 8px 30px rgba(0,0,0,.05)}.auth-form{max-width:none}.auth-form h1{margin-bottom:8px}.auth-hint{font-size:12px;margin:-2px 0 7px}.auth-hint span{margin-left:8px;color:#999}.package-image{aspect-ratio:4/3;background:#eef0f2;overflow:hidden}.package-image img{width:100%;height:100%;display:block;object-fit:cover}.package-card .body{min-height:185px}.package-card h2,.package-card h3{margin-top:0}.package-cards .btn{margin-top:5px}

/* V2.5.1 Appearance themes */
:root{--bg:#fff;--surface:#fff;--surface-2:#f5f5f3;--text:#15171a;--muted:#70757b;--border:#e5e7eb;--header:rgba(255,255,255,.97);--soft:#f4f4f4;--footer:#f1f1f1;--btn:#111;--btntext:#fff;--shadow:0 8px 30px rgba(0,0,0,.05)}
body{background:var(--bg);color:var(--text);transition:background .18s ease,color .18s ease}.header{background:var(--header);border-color:var(--border)}.hero{background:var(--surface-2)}.card{background:var(--surface);border-color:var(--border)}.muted,.brand small,.tag{color:var(--muted)}
.form input,.form select,.form textarea{background:var(--surface);color:var(--text);border-color:var(--border)}.alert,.captcha,.adminnav a{background:var(--soft);color:var(--text)}.captcha{border-color:var(--border)}.features,.feature,.table th,.table td{border-color:var(--border)}.pic{background:var(--soft)}footer{background:var(--footer);color:var(--muted)}footer a{color:var(--muted)}.copy{border-color:var(--border)}
.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:760px}.theme-option{position:relative;display:flex!important;align-items:center;gap:12px;padding:16px;border:2px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer;transition:.15s}.theme-option:hover{transform:translateY(-1px)}.theme-option input{accent-color:#111;width:auto!important}.theme-option span{display:flex;flex-direction:column;gap:3px}.theme-option small{color:var(--muted);font-size:12px}.theme-light:before,.theme-silver:before,.theme-dark:before{content:"";width:34px;height:34px;border-radius:50%;border:1px solid var(--border);flex:0 0 auto}.theme-light:before{background:#fff}.theme-silver:before{background:#d8dadd}.theme-dark:before{background:#171717}.theme-note{max-width:760px;margin-top:10px;padding:12px 14px;border-radius:8px;background:var(--soft);color:var(--muted);font-size:13px}
body[data-theme="silver"]{--bg:#dfe2e5;--surface:#f5f6f7;--surface-2:#d4d7da;--text:#202327;--muted:#666c72;--border:#c9cdd1;--header:rgba(232,234,236,.97);--soft:#e9ebed;--footer:#cfd3d7;--btn:#202327;--btntext:#fff;--shadow:0 8px 30px rgba(0,0,0,.08)}body[data-theme="silver"] .card{box-shadow:var(--shadow)}
body[data-theme="dark"]{--bg:#101112;--surface:#191b1d;--surface-2:#141617;--text:#eeeeee;--muted:#a7aaae;--border:#303338;--header:rgba(18,19,20,.97);--soft:#222427;--footer:#0c0d0e;--btn:#f1f1f1;--btntext:#111;--shadow:0 10px 35px rgba(0,0,0,.35)}body[data-theme="dark"] .logo{border-color:#eee}body[data-theme="dark"] .nav nav a:hover,body[data-theme="dark"] footer a:hover{color:#fff}body[data-theme="dark"] .card{box-shadow:var(--shadow)}body[data-theme="dark"] .hero-img{background:#242629}body[data-theme="dark"] .pic{background:#222427}body[data-theme="dark"] .form input,body[data-theme="dark"] .form select,body[data-theme="dark"] .form textarea{background:#151719;color:#eee}body[data-theme="dark"] .btn{background:var(--btn);color:var(--btntext)}body[data-theme="dark"] .btn.light{background:transparent;color:#eee;border-color:#444}body[data-theme="dark"] .theme-option{background:#191b1d}
.theme-option input{max-width:none}.theme-option:has(input:checked){border-color:#777}@media(max-width:700px){.theme-options{grid-template-columns:1fr}.theme-option{min-height:65px}}

/* V2.5.2 Mobile hamburger navigation */
.menu-toggle{display:none;width:44px;height:40px;padding:8px 9px;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.menu-toggle span{display:block;width:22px;height:2px;border-radius:2px;background:var(--text);transition:.18s ease}
@media(max-width:800px){
  .nav{flex-direction:row;align-items:center;min-height:62px;padding:8px 14px;gap:10px}
  .brand{min-width:0;flex:1}
  .brand span:last-child{min-width:0}
  .brand b{font-size:14px;white-space:nowrap}
  .menu-toggle{display:flex;flex:0 0 auto}
  .nav .main-menu{display:none;width:100%;position:absolute;top:100%;left:0;right:0;padding:8px 14px 12px;background:var(--header);border-top:1px solid var(--border);border-bottom:1px solid var(--border);box-shadow:0 8px 20px rgba(0,0,0,.08);overflow:visible}
  .nav .main-menu.is-open{display:flex;flex-direction:column;gap:0;align-items:stretch}
  .nav .main-menu a{display:block;padding:12px 10px;border-bottom:1px solid var(--border);font-size:14px}
  .nav .main-menu a:last-child{border-bottom:0}
}