@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap');
:root{font-family:'Noto Sans Thai',sans-serif;color:#16372d;background:#f8f6ee}*{box-sizing:border-box}body{margin:0}.thankyou-page{--green:#064d35;--gold:#c7a35b;min-height:100vh;overflow:hidden;background:linear-gradient(180deg,#fbfaf5,#f4f7ee 44%,#fff)}.thankyou-header{max-width:1120px;height:90px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between}.thankyou-header img,footer img{width:150px}.secure-pill{padding:9px 15px;color:var(--green);background:#edf5ed;border:1px solid #d6e7d9;border-radius:99px;font-size:13px;font-weight:600}.thankyou-hero{max-width:850px;margin:30px auto 36px;padding:0 24px;text-align:center}.success-mark{width:72px;height:72px;margin:0 auto 18px;display:grid;place-items:center;color:#fff;font-size:30px;background:linear-gradient(145deg,#12815a,#064d35);border-radius:50%;box-shadow:0 15px 36px #064d3538,0 0 0 9px #0f714d14}.eyebrow{margin:0 0 8px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.18em}.thankyou-hero h1{margin:0;color:var(--green);font-size:clamp(34px,5vw,58px);line-height:1.18}.thankyou-hero h1 small{display:block;color:#1a342c;font-size:.58em;font-weight:600}.thankyou-hero>p:last-child{color:#63736d;line-height:1.8}.order-card{max-width:980px;margin:0 auto 90px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fff;border:1px solid #e4e8df;border-radius:24px;box-shadow:0 22px 65px #1f3e311a}.order-product{display:flex;align-items:center;gap:24px}.product-visual{width:150px;height:130px;flex:none;display:grid;place-items:center;background:linear-gradient(145deg,#eef4e8,#f9f8ef);border-radius:18px;position:relative}.product-visual img{width:122px;height:112px;object-fit:contain}.product-visual span{position:absolute;top:-9px;right:-9px;padding:5px 10px;color:#fff;background:var(--green);border:3px solid #fff;border-radius:99px;font-size:11px;font-weight:700}.promo-label{margin:0;color:var(--gold);font-size:12px;font-weight:800}.order-product h2{margin:0;color:var(--green);font-size:22px}.order-product p:not(.promo-label){margin:4px 0;color:#718078;font-size:14px}.benefits{display:flex;gap:8px;margin-top:13px}.benefits span{padding:6px 10px;background:#f1f6ef;border-radius:7px;font-size:11px}.order-total{min-width:185px;padding-left:28px;border-left:1px solid #e4e8df;text-align:right}.order-total span,.order-total small{display:block;color:#7c8983;font-size:12px}.order-total strong{display:block;color:var(--green);font-size:36px}.vip-section{padding:76px 24px 92px;background:var(--green);color:#fff;text-align:center}.vip-section h2{margin:0;font-size:36px}.vip-section>p:not(.eyebrow){color:#cbded6}.care-grid{max-width:980px;margin:38px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.care-grid article{padding:28px 20px;background:#ffffff14;border:1px solid #ffffff26;border-radius:18px}.care-grid b{font-size:27px}.care-grid h3{margin:13px 0 5px}.care-grid p{margin:0;color:#c9ddd5;font-size:13px}.line-card{max-width:980px;margin:80px auto;padding:52px 60px;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;background:#fff;border-radius:28px;box-shadow:0 20px 60px #1f3e311a}.line-logo{display:inline-block;margin-bottom:18px;padding:5px 13px;color:#fff;background:#06c755;border-radius:7px;font-size:12px;font-weight:800}.line-card h2{margin:0 0 26px;color:var(--green);font-size:30px}.line-card ol{list-style:none;padding:0}.line-card li{display:flex;gap:12px;margin:12px 0;color:#566a61}.line-card li span{width:27px;height:27px;display:grid;place-items:center;flex:none;background:#edf6ee;border-radius:50%;font-weight:800}.qr-panel{text-align:center}.qr-panel img{width:210px;max-width:100%;padding:10px;border:1px solid #e1e8e1;border-radius:16px}.qr-panel p{color:#738179;font-size:12px}.qr-panel a,.mobile-line-bar a{display:block;padding:14px 20px;color:#fff;background:#06c755;border-radius:11px;text-decoration:none;font-weight:700}.delivery-note{max-width:760px;margin:0 auto 80px;padding:22px 28px;display:flex;justify-content:center;gap:18px;background:#f1f6ed;border:1px solid #dce8d8;border-radius:18px;color:var(--green)}.delivery-note span{color:#6f7f77;font-size:12px}footer{padding:45px 24px 55px;text-align:center;border-top:1px solid #e6ebe4}footer p{color:#4d695d;font-size:13px}footer small{color:#94a099}.mobile-line-bar{display:none}.pixel{display:none}
@media(max-width:760px){.thankyou-header{height:72px;padding:14px 18px}.thankyou-header img{width:118px}.secure-pill{padding:7px 9px;font-size:10px}.thankyou-hero{margin:26px auto 28px}.success-mark{width:60px;height:60px}.thankyou-hero h1{font-size:34px}.thankyou-hero>p:last-child{font-size:14px}.order-card{margin:0 16px 72px;padding:18px;display:block}.order-product{gap:14px}.product-visual{width:105px;height:105px}.product-visual img{width:88px;height:90px}.order-product h2{font-size:17px}.order-product p:not(.promo-label){font-size:11px}.benefits{gap:4px}.benefits span{padding:4px 6px;font-size:9px}.order-total{margin-top:17px;padding:14px 2px 0;display:flex;align-items:baseline;justify-content:space-between;border:0;border-top:1px solid #e4e8df;text-align:left}.order-total strong{font-size:28px}.order-total small{display:none}.vip-section{padding:68px 16px 66px}.vip-section h2{font-size:29px}.care-grid{grid-template-columns:1fr;gap:10px;margin-top:26px}.care-grid article{padding:20px}.line-card{margin:45px 16px;padding:30px 21px;grid-template-columns:1fr;gap:30px}.line-card>div:first-child{text-align:center}.line-card h2{font-size:23px}.line-card li{text-align:left;font-size:12px}.qr-panel>a{display:none}.delivery-note{margin:0 16px 55px;padding:17px;display:block;text-align:center}.delivery-note span{display:block;margin-top:4px}footer{padding-bottom:100px}.mobile-line-bar{display:block;position:fixed;z-index:20;left:0;right:0;bottom:0;padding:10px 14px;background:#fffffff0;border-top:1px solid #dfe7df}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* The source logo has a near-square canvas; constrain its rendered height to the navbar. */
.thankyou-header img{display:block;width:auto;max-width:150px;height:54px;object-fit:contain}
.thankyou-page footer img{width:150px;height:auto}
@media(max-width:760px){.thankyou-header img{width:auto;max-width:118px;height:44px}}