.vnphone{--ink:#173d43;--teal:#087e82;--muted:#526d71;background:#f3f7f6;color:var(--ink);padding:44px 24px 64px;line-height:1.9}
.vnphone *{box-sizing:border-box}.vnphone-inner{max-width:1180px;margin-inline:auto}
.vnphone-kicker{font-size:13px;letter-spacing:.03em;color:var(--teal);font-weight:700}
.vnphone h1{font-size:clamp(2rem,1.3rem + 2vw,3.5rem);line-height:1.45;margin:12px 0 18px;font-weight:850;max-width:600px;color:var(--ink)}
.vnphone h1 span{color:var(--teal)}.vnphone-lead{font-size:17px;color:var(--muted);max-width:550px;margin:0 0 22px}
.vnphone-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);gap:40px;align-items:start}
.vnphone-visual{margin:26px 0 0;position:relative}.vnphone-visual img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;border-radius:24px}
.vnphone-visual figcaption{font-size:11px;color:var(--muted);margin-top:6px}
.vnphone-tags{display:flex;flex-wrap:wrap;gap:10px;font-size:13px}.vnphone-tags span{padding:5px 12px;border:1px solid #cddeda;border-radius:30px;background:#fff}
.vnphone-card{background:#fff;border:1px solid #d9e5e2;border-radius:24px;padding:28px;box-shadow:0 16px 50px #214f4410}
.vnphone-card h2{font-size:23px;line-height:1.6;margin:0 0 6px;color:var(--ink)}
.vnphone-small{font-size:13px;color:var(--muted);margin:0 0 18px}
.vnphone-price{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#edf7f4;border-radius:14px;padding:14px 16px;margin-block:20px}
.vnphone-price span{font-size:13px}.vnphone-price strong{font-size:28px;line-height:1.4;color:#075c60;white-space:nowrap}.vnphone-price small{font-size:13px;font-weight:500}
.vnphone fieldset{border:0;margin:0;padding:0;min-inline-size:0}.vnphone legend{font-size:12px;color:#69592c;background:#fcf7e9;border-radius:8px;padding:7px 10px;margin-bottom:12px;width:100%}
.vnphone form p{margin:0 0 16px}.vnphone form label{display:block;font-size:14px;font-weight:650}
.vnphone form input:not([type=hidden]),.vnphone form textarea{display:block;width:100%;margin-top:7px;border:1px solid #a7bcba;border-radius:10px;background:#fbfdfc;min-height:50px;padding:11px 13px;font:inherit;font-size:16px;color:var(--ink)}
.vnphone form textarea{min-height:108px;resize:vertical}.vnphone form input[type=tel]{direction:ltr;text-align:right}
.vnphone form p:has(+button){font-size:12px;color:var(--muted)}
.vnphone .vn-btn{width:100%;display:block;border:0;border-radius:12px;background:#087e82;color:#fff;padding:14px 16px;font:inherit;font-size:16px;font-weight:700;min-height:52px;cursor:pointer;text-align:center}
.vnphone :focus-visible{outline:3px solid #a87d24;outline-offset:3px}
.vnphone-footnote{font-size:12px;color:var(--muted);margin:16px 0 0;line-height:1.9}
.vnphone-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:40px 0 0;padding:0;list-style:none;counter-reset:steps}
.vnphone-steps li{counter-increment:steps;display:grid;grid-template-columns:38px 1fr;gap:10px;border-top:1px solid #ccded9;padding-top:22px}
.vnphone-steps li:before{content:counter(steps,persian);width:34px;height:34px;display:grid;place-items:center;background:#e0eeea;color:#07696d;border-radius:50%;font-weight:700}
.vnphone-steps strong{display:block;font-size:15px}.vnphone-steps p{font-size:13px;color:var(--muted);margin:3px 0 0}
@media(max-width:900px){.vnphone-grid{grid-template-columns:1fr;gap:26px}.vnphone-card{max-width:600px;width:100%;margin-inline:auto}.vnphone h1{max-width:none}.vnphone-visual img{max-height:380px}.vnphone-steps{gap:14px}}
@media(max-width:560px){.vnphone{padding:28px 16px 40px}.vnphone-card{padding:22px 18px}.vnphone-steps{grid-template-columns:1fr;margin-top:28px}.vnphone-lead{font-size:15px}.vnphone h1{font-size:2rem}.vnphone-visual{margin-top:20px}.vnphone-visual img{border-radius:16px}}

.vnphone-afterpay{padding-block:36px 64px;background:#f1f6f4}
.vnreceipt{background:#fff;border:1px solid #dbe6e2;border-radius:28px;overflow:hidden;box-shadow:0 18px 70px #133e3410}
.vnreceipt-status{display:flex;align-items:center;justify-content:center;gap:10px;background:#e7f5ed;color:#236448;padding:15px 20px;font-size:14px;font-weight:700;border-bottom:1px solid #d1e7da}
.vnreceipt-status span{display:grid;place-items:center;border-radius:50%;height:26px;width:26px;background:#286d4d;color:#fff}
.vnreceipt-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.5fr)}
.vnreceipt-profile{background:#103b43;padding:38px 30px;color:#e4eeeb;display:flex;flex-direction:column;align-items:center;text-align:center}
.vnreceipt-photo{width:min(100%,280px);border:1px solid #45666a;border-radius:20px;overflow:hidden;background:#e4e7e5;padding:5px}
.vnreceipt-photo img{width:100%;height:auto;aspect-ratio:4/4.5;object-fit:cover;object-position:center 25%;border-radius:15px;display:block}
.vnreceipt-profile-text{width:100%}.vnreceipt-eyebrow{font-size:12px;letter-spacing:.03em;color:#587a79;font-weight:700;display:block}
.vnreceipt-profile .vnreceipt-eyebrow{color:#a8d2ce;margin-top:24px}
.vnreceipt-profile h2{font-size:30px;color:#fff;margin:8px 0 0;line-height:1.5}
.vnreceipt-profession{font-size:14px;color:#c5dfdb;margin:4px 0 20px}
.vnreceipt-bio{font-size:14px;line-height:2.3;border-top:1px solid #3b5d61;padding-top:20px;margin:0}
.vnreceipt-direct{border:1px solid #3b6468;background:#19464d;border-radius:14px;padding:16px 10px;margin-top:26px}
.vnreceipt-direct span{display:block;color:#bfd6d2;font-size:12px}
.vnreceipt-direct bdi{display:block;font-size:26px;font-weight:750;letter-spacing:.04em;color:#fff;white-space:nowrap}
.vnreceipt-content{padding:40px 42px}
.vnreceipt h1{font-size:clamp(1.7rem,1.2rem + 1.5vw,2.6rem);max-width:none;line-height:1.65;margin:12px 0 18px;color:#163e44}
.vnreceipt h1 em{font-style:normal;color:#087e82}
.vnreceipt-lead{font-size:15px;line-height:2.1;color:#536c70;margin:0 0 24px}
.vnreceipt-next{border-top:1px solid #e1e9e5;padding-top:22px}
.vnreceipt-next h2{font-size:19px;line-height:1.7;color:#173d43;margin:0 0 10px}
.vnreceipt-next p{font-size:14px;margin:0 0 18px;color:#35565b;line-height:2.1}
.vnreceipt-sms{display:flex;align-items:center;justify-content:center;gap:14px;background:#087e82;color:#fff!important;text-decoration:none;border-radius:12px;padding:15px 18px;min-height:54px;font-size:16px;font-weight:750}
.vnreceipt-sms:hover{background:#066b6f}.vnreceipt-sms span{font-size:22px}
.vnreceipt-next .vnreceipt-note{font-size:12px;color:#657a7b;line-height:1.9;margin:10px 0 0}
.vnreceipt-message{background:#f4f8f6;border:1px solid #dbe5df;border-radius:12px;padding:12px 16px;margin-top:20px}
.vnreceipt-message summary{font-size:13px;font-weight:700;cursor:pointer;color:#315a5f;min-height:28px}
.vnreceipt-copy{font-size:13px;color:#3b5b5f;line-height:2.1;margin:12px 0 0;user-select:text}
.vnreceipt-reminder{font-size:13px;line-height:2;color:#657a7b;margin:20px 0}
.vnreceipt-receipt{display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid #e0e8e3;padding-top:18px;margin:0}
.vnreceipt-receipt div{flex:1;min-width:110px}.vnreceipt-receipt dt{font-size:11px;color:#71817e}.vnreceipt-receipt dd{font-size:13px;font-weight:700;color:#244a4e;margin:4px 0 0;overflow-wrap:anywhere}
.vnreceipt-save{font-size:11px;color:#748681;margin:14px 0 0}
@media(max-width:800px){.vnreceipt-grid{grid-template-columns:1fr}.vnreceipt-profile{flex-direction:row;gap:24px;padding:26px;text-align:right;align-items:start}.vnreceipt-photo{width:150px;flex-shrink:0}.vnreceipt-profile .vnreceipt-eyebrow{margin-top:0}.vnreceipt-profile h2{font-size:26px}.vnreceipt-bio{border:0;padding:0;font-size:12px;line-height:1.9}.vnreceipt-profession{margin-bottom:12px}.vnreceipt-direct{margin-top:14px}.vnreceipt-content{padding:28px}}
@media(max-width:480px){.vnreceipt{border-radius:20px}.vnreceipt-status{font-size:12px}.vnreceipt-profile{display:block;text-align:center;padding:24px 20px}.vnreceipt-photo{width:170px;margin-inline:auto}.vnreceipt-profile .vnreceipt-eyebrow{margin-top:18px}.vnreceipt-bio{display:none}.vnreceipt-direct{max-width:260px;margin-inline:auto}.vnreceipt-content{padding:26px 20px}.vnreceipt h1{font-size:1.75rem}.vnreceipt-sms{font-size:14px}.vnreceipt-receipt{gap:14px}.vnreceipt-lead{font-size:14px}}

.vnreceipt-gallery{border-top:1px solid #dde8e3;padding:30px 36px 36px;background:#f8faf9}
.vnreceipt-gallery h2{font-size:21px;color:#173d43;line-height:1.7;margin:0 0 6px}
.vnreceipt-gallery>p{font-size:12px;color:#637a7a;margin:0 0 20px}
.vnreceipt-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.vnreceipt-gallery figure{margin:0;background:#fff;border:1px solid #d9e5df;border-radius:16px;overflow:hidden}
.vnreceipt-gallery a{display:block;background:#edf3f1;padding:8px}
.vnreceipt-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.vnreceipt-gallery figcaption{padding:11px 16px;color:#34575b;font-size:13px;font-weight:650}
.vnreceipt-gallery a:hover{background:#dfece7}
.vnreceipt-photo img{aspect-ratio:1/1.05;object-position:center}
@media(max-width:600px){.vnreceipt-gallery{padding:24px 18px}.vnreceipt-gallery-grid{grid-template-columns:1fr;gap:16px}.vnreceipt-gallery h2{font-size:19px}}