body.cmdu-packages-mode>main,body.cmdu-packages-mode>footer{display:none!important}
#cmduPackagesPage{display:none;max-width:1500px;margin:auto;padding:32px clamp(16px,3.4vw,70px) 100px;color:#f7f4f2;font:400 16px/1.7 'Plus Jakarta Sans','Noto Sans Thai',sans-serif}
body.cmdu-packages-mode #cmduPackagesPage{display:block}
#cmduPackagesPage .section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:48px 0 22px}
#cmduPackagesPage .section-head:first-child{margin-top:10px}
#cmduPackagesPage .section-head h2{font-size:clamp(25px,3vw,34px);font-weight:500;margin:5px 0;line-height:1.3}
#cmduPackagesPage .section-head p{color:#b8b5c1;margin:0}
#cmduPackagesPage .eyebrow{color:#e6c58b;font-size:12px;letter-spacing:.15em}
#cmduPackagesPage .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#cmduPackagesPage .stat{border-radius:18px;padding:25px 30px;background:#22212d;border:1px solid #ffffff20}
#cmduPackagesPage .stat.premium{background:linear-gradient(125deg,#3c293f,#24212f);border-color:#8d6683}
#cmduPackagesPage .stat .number{font-size:clamp(35px,3.2vw,52px);font-weight:400;line-height:1.08;margin:7px 0 10px}
#cmduPackagesPage .stat.premium .number{color:#e6c58b}
#cmduPackagesPage .stat h3{font-size:19px;font-weight:500;margin:0}
#cmduPackagesPage .stat p{font-size:13px;color:#b8b5c1;margin:5px 0 0}
#cmduPackagesPage .stat .foot{font-size:12px}
#cmduPackagesPage .notice{padding:14px 18px;border:1px solid #514653;background:#26222e;border-radius:12px;color:#d4ced9;font-size:13px;margin:20px 0}
#cmduPackagesPage .filterbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
#cmduPackagesPage .filterbar button{border:1px solid #5a5364;color:#e9e3e9;background:#282631;padding:9px 17px;border-radius:40px;cursor:pointer}
#cmduPackagesPage .filterbar button.active{background:#e6c58b;color:#211c20}
#cmduPackagesPage .matrix{background:#f8f6f2;color:#24222b;border-radius:18px;overflow:hidden}
#cmduPackagesPage .matrix-top{padding:23px 26px;background:white;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
#cmduPackagesPage .matrix-top h3{font-size:21px;font-weight:500;margin:0}
#cmduPackagesPage .matrix-top input{border:1px solid #ddd4d5;border-radius:30px;padding:10px 15px;min-width:250px;background:#faf8f6;color:#24222b}
#cmduPackagesPage .tablewrap{overflow:auto;max-height:72vh}
#cmduPackagesPage table{width:100%;border-collapse:collapse;min-width:1120px;font-size:14px}
#cmduPackagesPage th{background:#eae5e1;color:#49414d;text-align:left;padding:16px;position:sticky;top:0}
#cmduPackagesPage td{padding:14px 16px;border-top:1px solid #e6e0dc;vertical-align:top}
#cmduPackagesPage tr:nth-child(even) td{background:#f0edeb}
#cmduPackagesPage td.yes{color:#23755c;font-size:20px;text-align:center}
#cmduPackagesPage td.no{color:#a7a0a5;text-align:center}
#cmduPackagesPage .addons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#cmduPackagesPage .addon{border:1px solid #5b4a5a;border-radius:16px;padding:25px;background:#231f2b}
#cmduPackagesPage .addon h3{font-size:21px;font-weight:500;margin:5px 0}
#cmduPackagesPage .addon .amount{font-size:42px;color:#e6c58b}
#cmduPackagesPage .addon p{color:#b8b5c1}
#cmduPackagesPage .primary{border:0;border-radius:40px;background:#e6c58b;color:#231c20;padding:13px 25px;cursor:pointer}
@media(max-width:800px){#cmduPackagesPage .stats,#cmduPackagesPage .addons{grid-template-columns:1fr}#cmduPackagesPage .section-head{align-items:start;flex-direction:column}#cmduPackagesPage .matrix-top input{min-width:0;width:100%}}