body:has(#s-payment.active){background:#10110f;overflow:auto!important}#s-payment{padding:0!important;max-width:700px!important;margin:auto;color:#24241f;background:#10110f url('v2/A6_DARK.png') center bottom/cover}#s-payment .a7-hero{padding:18px 24px 26px;background:linear-gradient(#090c0ce0,#090c0c65),url('v2/A6_DARK.png') center 70%/cover;color:#f5dfad}#s-payment button{cursor:pointer}#s-payment .a7-back{border:0;background:none;color:#f5dfad;text-decoration:underline;padding:0;font-size:14px}#s-payment .a7-steps{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;margin:18px 0 24px;counter-reset:steps;font-size:12px;gap:4px;color:#ddd0b7}#s-payment .a7-steps>*:before{counter-increment:steps;content:counter(steps);display:block;margin:0 auto 5px;border:1px solid #a38750;border-radius:50%;width:25px;height:25px;line-height:25px}#s-payment .a7-steps strong:before{background:#efce8e;color:#2c241a;box-shadow:0 0 15px #d7b66d88}#s-payment h1{font-size:36px;line-height:1.2;margin:0 0 9px;color:#f5dfad}#s-payment p{margin:6px 0;line-height:1.55}#s-payment .a7-hero p{color:#f6f0e7;font-size:15px}#s-payment .a7-paper{background:#faf3e7 url('v2/A6_CREAM.png') center/cover;border-radius:15px;padding:22px 24px}#s-payment h2{font-size:21px;margin:0 0 12px;line-height:1.35;color:#24241f}#s-payment h3{font-size:16px;margin:15px 0 10px;color:#24241f}#s-payment .a7-summary-head{display:flex;align-items:center;justify-content:space-between;gap:8px}#s-payment .a7-summary-head button{background:transparent;border:0;color:#795623;text-decoration:underline;font-size:14px}#s-payment .a7-package{padding:10px 0 8px}#s-payment #pay-package{display:inline-block;padding:4px 10px;background:linear-gradient(90deg,#f0ddb7,#dec08e);border-radius:6px;font-size:17px}#s-payment #a7-benefits{font-size:14px}#s-payment #pay-asc{color:#786a53;font-size:13px}#s-payment #a7-artworks{display:flex;gap:10px;overflow-x:auto;padding:0 0 10px}#s-payment .a7-art{flex:0 0 76px;text-align:center;font-size:12px;line-height:1.4}#s-payment .a7-art img,#s-payment .a7-reco-icon{width:64px;height:139px;object-fit:contain;border-radius:7px;background:#ede2ce;margin:0 auto 6px;display:block}#s-payment .a7-reco-icon{display:flex;align-items:center;justify-content:center;font-size:28px;color:#956a2b;border:1px solid #dfceb0}#s-payment .a7-total{text-align:center;border-top:1px solid #d7c6a6;border-bottom:1px solid #e3d5bd;padding:16px 0;margin:6px 0 18px;display:grid;gap:3px}#s-payment .a7-total span{font-weight:600;font-size:16px}#s-payment #pay-total{font-size:38px;line-height:1.25;color:#80561f}#s-payment .a7-tabs{display:flex;gap:8px;margin:0 0 12px}#s-payment .pay-opt{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:13px 6px;border:1px solid #d4c2a4;border-radius:10px;font-size:14px;background:#fbf8f1;color:#27231e;cursor:pointer;margin:0}#s-payment .pay-opt:has(input:checked){background:linear-gradient(#f8e4b8,#dfb577);border-color:#9b7138;box-shadow:0 3px 8px #77532326;font-weight:700}#s-payment .pay-opt input{position:absolute;opacity:0;width:1px;height:1px}#s-payment .pay-opt:focus-within{outline:2px solid #a47838;outline-offset:2px}#s-payment #pay-promptpay-box,#s-payment #pay-transfer-box{border:1px solid #e1d6c4;background:#fffdf8;border-radius:12px;padding:16px;text-align:center;min-height:290px}#s-payment #pay-qr-img{display:block;width:min(210px,100%);height:auto;aspect-ratio:1;object-fit:contain;margin:8px auto;background:white}#s-payment .a7-qr-brand{color:#173754;font-size:18px}#s-payment #pay-promptpay-box p{font-size:13px}#s-payment #a7-qr-amount{display:block;font-size:18px;color:#80561f}#s-payment #a7-save-qr{display:inline-block;margin-top:10px;color:#795623;text-decoration:underline;font-size:14px}#s-payment #pay-transfer-box{text-align:left}#s-payment .summary-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:14px 0;border-bottom:1px solid #ece3d3;font-size:14px;color:#27231e}#s-payment .summary-row strong{text-align:right}#s-payment #a7-copy{border:1px solid #c6a36b;background:#f6e4bf;border-radius:6px;padding:6px 9px;color:#4a3215}#s-payment .a7-proof-note{font-size:13px;color:#6c5c45;background:#f0e4d0;border-radius:9px;padding:12px;margin-top:14px}#s-payment .a7-footer{padding:20px 24px 50px;text-align:center}#s-payment .btn-gold{width:100%;font-size:17px;padding:17px 12px;border-radius:40px;background:linear-gradient(110deg,#ffe5a7,#c89549);color:#201c15;border:1px solid #edd197;font-weight:700}#s-payment #pay-help-line{display:block;font-size:13px;color:#e9dabc;margin:18px 0 28px;text-decoration:underline}#s-payment .a7-brand{font:20px Georgia,serif;letter-spacing:4px;color:#e9dabc}#s-payment .a7-brand small{font-size:9px;letter-spacing:3px}@media(max-width:420px){#s-payment .a7-hero{padding:14px 16px 22px}#s-payment .a7-paper{padding:18px 16px}#s-payment .a7-footer{padding:18px 16px 40px}#s-payment .a7-tabs{gap:6px}#s-payment .pay-opt{font-size:13px}#s-payment h1{font-size:32px}}
#s-payment .pay-opt[hidden]{display:none}

body:has(#s-payment.active) .wrap{box-sizing:border-box;width:100%;max-width:1024px;padding:0;background:#f7f0e4}
body:has(#s-payment.active) .v2-brand-header{height:clamp(48px,7vw,68px);margin:0;padding:5px 3%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f7f0e4;border:0}
body:has(#s-payment.active) .v2-brand-header .brand{display:flex;align-items:center;gap:6px;min-width:0;max-width:72%;margin:0}
body:has(#s-payment.active) .v2-logo-mark{position:relative;display:block;flex:none;width:clamp(27px,5vw,45px);height:clamp(34px,6vw,54px)}
body:has(#s-payment.active) .v2-official-logo{width:100%;height:100%;object-fit:contain}
body:has(#s-payment.active) .v2-brand-name{white-space:nowrap;color:#624327;font:400 clamp(9px,1.72vw,17px)/1.2 Georgia,serif;letter-spacing:.02em}
body:has(#s-payment.active) .v2-brand-header .lang-switcher{position:static;display:flex;flex:none;align-items:center;gap:1px;padding:0;margin:0;background:transparent;border:0;backdrop-filter:none}
body:has(#s-payment.active) .v2-brand-header .lang-btn{min-width:clamp(23px,4vw,38px);height:clamp(26px,4vw,38px);padding:0 2px;color:#4d3524;font-size:clamp(11px,1.65vw,16px);border-radius:50%}
body:has(#s-payment.active) .v2-brand-header .lang-btn.on{background:#c4a273;color:#392716}
body:has(#s-payment.active) #progress,body:has(#s-payment.active) .wrap>footer,body:has(#s-payment.active) #floating-contact{display:none!important}
#s-payment .a7-hero{display:block;position:static;height:auto;border:0;margin:0}body:has(#s-payment.active) .wrap{max-width:700px;background:#10110f}#s-payment{font-family:"Mahayant Sarabun","Sarabun",sans-serif}