:root{
  --pink:#f1046f;--pink2:#ff4e9b;--magenta:#b90055;--rose:#fff0f7;--ink:#2b1830;--muted:#7c6a78;--card:rgba(255,255,255,.88);--line:rgba(245,46,132,.18);--shadow:0 18px 55px rgba(189,0,87,.16);--radius:26px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Noto Sans Thai","Noto Sans Myanmar","Noto Sans Lao",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff 0,#fff8fc 45%,#ffeaf4 100%);min-height:100vh}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}.page{width:min(100%,760px);margin:0 auto;min-height:100vh;background:rgba(255,255,255,.74);box-shadow:0 0 80px rgba(190,0,85,.08)}.hero{position:relative;overflow:hidden;background:#fff}.hero img{width:100%;height:auto}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(transparent,rgba(255,255,255,.98));pointer-events:none}.content{padding:0 18px 120px}.section{padding:18px 0}.glass{background:var(--card);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);border-radius:var(--radius)}.headline{text-align:center;margin:-42px 12px 18px;position:relative;z-index:2;padding:18px}.headline h1{font-size:clamp(28px,8vw,48px);margin:0;color:var(--pink);line-height:1.02}.headline p{margin:8px 0 0;color:var(--muted);font-weight:600}.promo-strip{display:flex;gap:10px;overflow:auto;padding:2px 2px 8px;scrollbar-width:none}.promo-strip::-webkit-scrollbar{display:none}.package{min-width:calc(50% - 5px);padding:18px;position:relative;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(188,0,84,.10);cursor:pointer;transition:.2s}.package.active{outline:3px solid rgba(241,4,111,.18);border-color:var(--pink);transform:translateY(-2px)}.package .tag{display:inline-flex;background:linear-gradient(135deg,var(--pink),var(--pink2));color:#fff;font-size:12px;font-weight:800;padding:6px 10px;border-radius:999px}.package .pkg-title{font-weight:900;font-size:20px;margin:12px 0 5px}.package .price{font-size:34px;font-weight:950;color:var(--pink);line-height:1}.package .regular{font-size:13px;color:var(--muted);text-decoration:line-through;margin-top:6px}.btn{appearance:none;border:0;border-radius:18px;padding:14px 18px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.18s;min-height:50px}.btn:active{transform:scale(.98)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--pink),#ff3f96 58%,#ca005a);box-shadow:0 14px 28px rgba(241,4,111,.28)}.btn-soft{color:var(--pink);background:#fff;border:1px solid var(--line)}.btn-dark{color:#fff;background:#2b1830}.btn-full{width:100%}.buy-panel{padding:16px;margin-top:12px}.seller{padding:16px;margin:16px 0;border:1px solid var(--line)}.seller strong{color:var(--pink)}.contact-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.contact-chip{flex:1;min-width:130px;border-radius:16px;padding:12px 13px;background:#fff;border:1px solid var(--line);font-weight:800;text-align:center}.contact-chip.line{color:#08a547}.contact-chip.phone{color:var(--pink)}.contact-chip.fb{color:#1877f2}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{padding:15px 10px;text-align:center}.metric b{font-size:24px;color:var(--pink);display:block}.metric span{font-size:12px;color:var(--muted)}.steps{display:grid;gap:10px}.step{display:flex;gap:13px;align-items:center;padding:14px}.step-num{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffd7ea,#fff);color:var(--pink);font-weight:900;border:1px solid var(--line);flex:none}.section-title{font-size:23px;line-height:1.15;margin:4px 0 12px;font-weight:950}.section-sub{color:var(--muted);margin:-5px 0 16px}.affiliate-card{padding:20px;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.5),transparent 24%),linear-gradient(145deg,#f1046f,#c70058);color:#fff}.affiliate-card .section-sub{color:#ffe2ef}.affiliate-card .btn{background:#fff;color:var(--pink)}.notice{font-size:12px;color:var(--muted);line-height:1.55;padding:14px;border-radius:16px;background:#fff;border:1px solid var(--line)}.floating-actions{position:fixed;z-index:50;left:50%;bottom:14px;transform:translateX(-50%);width:min(calc(100% - 24px),730px);display:flex;gap:8px;padding:9px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.8);box-shadow:0 15px 45px rgba(130,0,60,.20);border-radius:24px}.floating-actions a,.floating-actions button{flex:1;min-width:0;padding:12px 8px;border-radius:16px;font-size:13px}.fab-lang{position:fixed;z-index:60;right:max(14px,calc((100vw - 760px)/2 + 14px));top:14px;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.92);box-shadow:0 8px 28px rgba(120,0,55,.15);display:grid;place-items:center;font-size:20px;cursor:pointer}.lang-pop{position:fixed;z-index:70;right:max(14px,calc((100vw - 760px)/2 + 14px));top:68px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:8px;display:none}.lang-pop.show{display:block}.lang-pop a{display:block;padding:10px 14px;border-radius:12px;font-weight:800}.lang-pop a:hover{background:var(--rose)}.card{padding:18px;background:#fff;border-radius:22px;border:1px solid var(--line);box-shadow:0 10px 35px rgba(170,0,75,.08)}.form-card{padding:20px;margin:18px 0}.form-grid{display:grid;gap:13px}.field label{display:block;font-size:13px;font-weight:800;margin:0 0 6px}.field input,.field textarea,.field select{width:100%;border:1px solid #ead9e2;background:#fff;border-radius:15px;padding:13px 14px;outline:none;transition:.15s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--pink);box-shadow:0 0 0 4px rgba(241,4,111,.08)}.field textarea{min-height:100px;resize:vertical}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.page-head{padding:28px 18px 10px;text-align:center}.page-head .logo{font-size:34px;font-weight:950;color:var(--pink);letter-spacing:-1px}.page-head p{color:var(--muted);margin:6px 0}.back-link{position:absolute;left:18px;top:22px;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:50%;font-weight:900}.flash{padding:13px 15px;border-radius:15px;margin:12px 0;font-weight:700}.flash.success{background:#ecfff5;color:#147a48;border:1px solid #bff0d5}.flash.error{background:#fff0f3;color:#b41d43;border:1px solid #ffc6d4}.flash.info{background:#fff8e8;color:#8a6500;border:1px solid #ffe2a8}.order-line{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px dashed #ecdde5}.order-line:last-child{border:0}.big-total{font-size:32px;color:var(--pink);font-weight:950}.qr{width:min(260px,80%);margin:16px auto;border-radius:20px;border:1px solid var(--line);padding:10px;background:#fff}.order-card{margin:12px 0}.status-pill{display:inline-flex;border-radius:999px;background:#fff0f7;color:var(--pink);padding:7px 10px;font-weight:850;font-size:12px}.status-timeline{display:grid;gap:8px;margin-top:14px}.timeline-item{padding:10px 12px;border-left:3px solid #ead6df;color:var(--muted)}.timeline-item.current{border-color:var(--pink);color:var(--ink);font-weight:800}.share-box{display:flex;gap:8px}.share-box input{flex:1;min-width:0;border:1px solid #ead9e2;border-radius:14px;padding:12px}.admin-shell{max-width:1180px;margin:0 auto;padding:18px}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.admin-nav a{padding:10px 13px;border-radius:12px;background:#fff;border:1px solid #ead9e2;font-weight:800}.admin-nav a.active{background:var(--pink);color:#fff}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-stat{padding:18px}.admin-stat b{font-size:28px;color:var(--pink);display:block}.table-wrap{overflow:auto;background:#fff;border-radius:18px;border:1px solid #ecdde5}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:12px 13px;border-bottom:1px solid #f0e5eb;text-align:left;vertical-align:top;font-size:13px}.table th{background:#fff5fa;color:#9b1450;position:sticky;top:0}.table tr:last-child td{border:0}.tiny{font-size:12px;color:var(--muted)}.login-wrap{width:min(100% - 28px,460px);margin:50px auto}.center{text-align:center}.hidden{display:none!important}.divider{height:1px;background:#f0dfe7;margin:18px 0}.footer-note{text-align:center;padding:18px 20px 110px;color:var(--muted);font-size:12px}.admin-logo{font-size:30px;color:var(--pink);font-weight:950}.checkbox{display:flex;gap:9px;align-items:flex-start;font-size:13px}.checkbox input{margin-top:3px}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f7edf2;font-size:11px;font-weight:800}.img-thumb{width:90px;height:90px;object-fit:cover;border-radius:12px;border:1px solid #ead9e2}
@media (min-width:760px){.content{padding-left:28px;padding-right:28px}.hero img{max-height:760px;object-fit:cover;object-position:center 18%}.form-grid.cols{grid-template-columns:1fr 1fr}.package{padding:22px}.floating-actions a,.floating-actions button{font-size:14px}.desktop-two{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}.admin-shell{padding:26px}.page{border-left:1px solid #f3e5ec;border-right:1px solid #f3e5ec}}
@media (max-width:800px){.admin-grid{grid-template-columns:1fr 1fr}.admin-shell{padding:12px}}
@media (max-width:520px){.form-two{grid-template-columns:1fr}.package{min-width:82%}.grid3{gap:7px}.metric{padding:12px 6px}.metric b{font-size:20px}.floating-actions .optional{display:none}.admin-grid{grid-template-columns:1fr 1fr}.section-title{font-size:21px}}

/* v1.1.0 visual/content refinements */
.hero{overflow:hidden;isolation:isolate}
.hero img{width:100%;height:auto;max-height:none!important;object-fit:contain!important;object-position:center top!important;margin:0 auto}
.promo-story{padding:22px;margin:6px 0 18px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,239,247,.96));position:relative;overflow:hidden}
.promo-story:before{content:"✦";position:absolute;right:18px;top:10px;font-size:44px;color:rgba(241,4,111,.12)}
.promo-story h2{color:var(--pink);margin:0 0 10px;font-size:26px;line-height:1.15}
.promo-story p{margin:0;color:#574550;line-height:1.75;font-weight:600}
.promo-highlight{margin-top:14px;padding:13px 15px;border-radius:18px;background:linear-gradient(135deg,#fff,#ffe6f1);border:1px solid var(--line);color:var(--magenta);font-weight:900;text-align:center}
.reason-grid{display:grid;gap:10px}
.reason-card{display:flex;gap:12px;align-items:flex-start;padding:16px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 26px rgba(180,0,82,.07)}
.reason-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ffd9ea,#fff);color:var(--pink);font-weight:950;flex:none}
.aff-id-box{padding:14px;border-radius:18px;background:#fff5fa;border:1px solid var(--line)}
.aff-id-preview{font-size:12px;color:var(--muted);margin-top:6px;word-break:break-all}
.update-panel{border:1px solid #ead9e2;background:linear-gradient(180deg,#fff,#fff8fb);border-radius:22px;padding:18px;margin-bottom:16px}
.version-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#fff0f7;color:var(--pink);font-weight:900;font-size:12px}
.safe-note{padding:13px 15px;border-radius:16px;background:#ecfff5;border:1px solid #bfead2;color:#176844;font-size:13px;line-height:1.55}
@media (min-width:760px){.hero img{max-height:none!important;object-fit:contain!important;object-position:center top!important}.reason-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.hero{margin-top:0}.hero img{display:block;width:100%;height:auto;max-width:100%;transform:none}.headline{margin:-18px 8px 16px}.promo-story{padding:18px}.promo-story h2{font-size:23px}.content{overflow:hidden}}