/* =====================================================================
   Á Đông – bổ sung 10/2026 (theo tài liệu yêu cầu thiết kế)
   Nạp sau adong.css. Giữ nhận diện: đỏ #8f0000, vàng đồng, nền kem.
   ===================================================================== */
@font-face{font-family:'VL Alexon';src:url('fonts/vl-alexon-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{--content-max:1200px;--gutter:max(6%,calc((100% - var(--content-max))/2));--ink-2:#2b1b17;--beige:#efe3d8;--cream-2:#fdf7f0}
.screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- Mục 4–5: tên thương hiệu dùng VL Alexon Bold ---------- */
.brand-type strong{font-family:'VL Alexon',Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.5px}

/* ---------- Mục 13: câu thương hiệu footer ---------- */
.chrome-footer .cf-tag{font-family:var(--font);letter-spacing:.02em}

/* ---------- Mục 7: phát âm Á Đông (chỉ bản tiếng Anh) ---------- */
.cf-say{display:none;align-items:center;gap:10px;margin:0 0 10px;color:#f4d9d3;font-size:13px}
.adong-lang-en .cf-say{display:flex}
.cf-say-ipa{font-weight:600;letter-spacing:.04em}
.cf-say-ipa span{font-weight:400;color:var(--gold-1);margin-left:6px}
.cf-say-btn{display:inline-grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #f8cda27a;border-radius:50%;background:#ffffff14;color:var(--gold-1);cursor:pointer;transition:background .2s,border-color .2s}
.cf-say-btn:hover,.cf-say-btn:focus-visible{background:#ffffff2b;border-color:var(--gold-1)}
.cf-say-btn:focus-visible{outline:2px solid var(--gold-1);outline-offset:2px}
.cf-say-btn .i-stop{display:none}
.cf-say-btn.is-playing .i-stop{display:block}
.cf-say-btn.is-playing .i-play{display:none}

/* ---------- Trang #order có footer như trang chủ ---------- */
.order-mode .chrome-footer{display:block}
.order-mode .ribbon-divider.rd-deep{display:block}

/* ---------- Mục 1: ô chọn tệp song ngữ ---------- */
.adong-file-native{position:absolute!important;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}
.adong-file-ui{display:flex;align-items:center;gap:12px;min-height:48px;margin-top:8px;padding:6px 12px 6px 6px;border:1px solid #e3d6ca;border-radius:12px;background:#fff;cursor:pointer;font:500 14px/1.4 var(--font);color:#5d4b46}
.adong-file-ui.is-focus{outline:2px solid var(--brand);outline-offset:2px}
.adong-file-btn{flex:none;padding:8px 14px;border-radius:8px;background:var(--brand);color:#fff;font-weight:600;font-size:13px}
.adong-file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- Liên kết dạng chữ có mũi tên ---------- */
.adong-text-link-wrap{margin:18px 0 0}
.adong-text-link{display:inline-flex;align-items:center;gap:8px;color:var(--ink-2);font-weight:600;font-size:15px;text-decoration:none;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.adong-text-link span[aria-hidden]{transition:transform .2s}
.adong-text-link:hover,.adong-text-link:focus-visible{color:var(--brand);border-color:var(--brand)}
.adong-text-link:hover span[aria-hidden]{transform:translateX(4px)}

/* ---------- Mục 6: 10 loại giấy tờ ---------- */
.adong-docs-feature{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);background:#fff;align-items:stretch}
.adong-docs-panel{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:56px 7%;background:var(--paper);border-radius:0 28px 28px 0;overflow:hidden}
.adong-docs-panel::before{content:'';position:absolute;inset:-10% -20% auto auto;width:80%;height:80%;background:url(dotmap.svg) center/contain no-repeat;opacity:.35;z-index:-1}
.adong-docs-panel::after{content:'';position:absolute;right:-90px;bottom:-110px;width:320px;height:320px;background:url(drum.webp) center/cover;opacity:.06;border-radius:50%;z-index:-1}
.adong-docs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;max-width:620px}
.adong-doc{display:flex;align-items:center;gap:14px;min-height:64px;padding:10px 16px 10px 10px;background:#fff;border:1px solid var(--beige);border-radius:14px;color:#262626;font:500 15px/1.35 var(--font);transition:border-color .25s,transform .25s,box-shadow .25s}
.adong-doc-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:#f6ece2;color:var(--brand);transition:background .25s,color .25s}
.adong-doc:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 10px 22px -16px rgba(110,0,0,.45)}
.adong-doc:hover .adong-doc-icon{background:var(--brand);color:#fff}
.adong-docs-feature .adong-feature-copy{padding:64px 9%}
.adong-docs-feature .adong-feature-copy h2{color:#222;margin:0}

/* ---------- Mục 11: Gói dịch vụ theo nhu cầu ---------- */
.adong-uc-home{background:var(--paper);overflow:hidden}
.adong-uc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.adong-uc-head h2{margin:0;color:var(--brand)}
.adong-uc-head p{margin:10px 0 0;max-width:640px;color:#6f5c57;font-size:15px;line-height:1.7}
.adong-uc-ctrl{display:flex;gap:10px;flex:none}
.adong-uc-ctrl .langs-arrow:disabled{opacity:.35;cursor:default}
.adong-uc-track{list-style:none;margin:0;padding:4px 2px 12px;display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,22vw,280px);column-gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.adong-uc-track::-webkit-scrollbar{display:none}
.adong-uc-track .adong-uc-card{scroll-snap-align:start}
.adong-uc-card a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--beige);border-radius:16px;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
.adong-uc-card a:hover,.adong-uc-card a:focus-visible{transform:translateY(-4px);border-color:#e3c3a6;box-shadow:0 16px 30px -22px rgba(110,0,0,.55)}
.adong-uc-media{display:block;aspect-ratio:10/7;overflow:hidden;background:var(--cream-2)}
.adong-uc-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.adong-uc-card a:hover .adong-uc-media img{transform:scale(1.04)}
.adong-uc-art{position:relative;display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(circle at 78% 18%,#fff 0,#fbf1e7 42%,#f3e3d3 100%)}
.adong-uc-art::before{content:'';position:absolute;inset:0;background:url(dotmap.svg) center/150% auto no-repeat;opacity:.22}
.adong-uc-art::after{content:'';position:absolute;left:-10%;right:-10%;bottom:14%;height:26px;border-top:3px solid #d59550;border-radius:50%;opacity:.55}
.adong-uc-art-icon{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--brand);color:var(--gold-1);box-shadow:0 0 0 6px #fff,0 0 0 7px #e6c7ab}
.adong-uc-art-icon svg{width:28px;height:28px}
.adong-uc-name{display:block;padding:16px 18px 6px;font:600 16px/1.4 var(--font);color:var(--ink-2)}
.adong-uc-go{display:block;margin-top:auto;padding:0 18px 16px;color:var(--brand);font-weight:700}

/* ---------- Trang /documents, /use-cases, chi tiết ---------- */
.adong-xpage{background:var(--paper)}
.adong-xhero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;padding:64px var(--gutter);background:#fff;position:relative;isolation:isolate;overflow:hidden}
.adong-xhero::before{content:'';position:absolute;left:-8%;top:-20%;width:60%;height:120%;background:url(dotmap.svg) center/contain no-repeat;opacity:.18;z-index:-1}
.adong-xhero .adong-label{margin:0 0 12px;color:#a8743e;letter-spacing:.14em;font-size:12px;font-weight:600;text-transform:uppercase}
.adong-xhero .adong-label a{color:inherit;text-decoration:none}
.adong-xhero .adong-label a:hover{color:var(--brand)}
.adong-xhero h1{margin:0 0 16px;font:700 clamp(32px,3.6vw,52px)/1.12 var(--font);letter-spacing:-.02em;color:#1f1a19}
.adong-xhero-copy>p:not(.adong-label){margin:0 0 26px;max-width:560px;color:#5f504c;font-size:17px;line-height:1.75}
.adong-xhero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.adong-btn-ghost{display:inline-flex;align-items:center;padding:15px 22px;border:1px solid #e0cdbd;border-radius:5px;color:var(--brand);font-weight:600;font-size:14px;text-decoration:none;background:#fff}
.adong-btn-ghost:hover{border-color:var(--brand)}
.adong-xpage h1,.adong-xpage h2,.adong-xpage h3{font-family:var(--font)}
.adong-xpage h2{font-weight:700;letter-spacing:-.01em}
.adong-xhero-art{position:relative;overflow:hidden;border-radius:20px;aspect-ratio:4/3;max-height:440px;width:100%}
.adong-xhero-art img{display:block;width:100%;height:100%;object-fit:cover}
.adong-xhero-art .adong-uc-art{height:100%}
.adong-xhero-art .adong-uc-art-icon{width:96px;height:96px}
.adong-xhero-art .adong-uc-art-icon svg{width:42px;height:42px}
.adong-uc-art{overflow:hidden}
.adong-docs-page{background:var(--paper)}
.adong-docs-page-head{max-width:720px;margin:0 0 28px}
.adong-docs-page-head h2{margin:0 0 8px;color:var(--brand)}
.adong-docs-page-head p{margin:0;color:#6f5c57}
.adong-docs-panel-wide{border-radius:24px;background:#fff;border:1px solid var(--beige)}
.adong-docs-panel-wide .adong-docs{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))}
.adong-docs-page-cta{margin:28px 0 0}
.adong-uc-page{background:var(--paper)}
.adong-uc-search{position:relative;max-width:680px;margin:0 auto 34px}
.adong-uc-search svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#9b847b}
.adong-uc-search input{width:100%;height:56px;padding:0 20px 0 50px;border:1px solid #e0cdbd;border-radius:999px;background:#fff;font:500 16px var(--font);color:#2b1b17}
.adong-uc-search input:focus{outline:2px solid var(--brand);outline-offset:2px;border-color:transparent}
.adong-uc-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.adong-uc-grid .adong-uc-card[hidden]{display:none}
.adong-uc-empty{margin:24px 0 0;text-align:center;color:#6f5c57}
.adong-uc-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;background:var(--paper)}
.adong-uc-block{padding:32px;background:#fff;border:1px solid var(--beige);border-radius:20px}
.adong-uc-block h2{margin:0 0 10px;font:700 clamp(22px,2vw,28px)/1.3 var(--font);color:var(--brand)}
.adong-uc-note{margin:0 0 16px;color:#6f5c57;font-size:15px;line-height:1.7}
.adong-uc-list,.adong-uc-services{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.adong-uc-list li{position:relative;padding-left:24px;font-size:15px}
.adong-uc-list li::before{content:'';position:absolute;left:4px;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--gold-2)}
.adong-uc-services{grid-template-columns:repeat(2,minmax(0,1fr))}
.adong-uc-services a{display:block;padding:10px 14px;border:1px solid var(--beige);border-radius:10px;color:#2b1b17;text-decoration:none;font-size:14px;font-weight:500}
.adong-uc-services a:hover{border-color:var(--brand);color:var(--brand)}
.adong-uc-disclaimer{margin:16px 0 0;font-size:13px;color:#8a7570;line-height:1.7}
.adong-uc-final{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:28px 32px;border-radius:20px;background:var(--brand);color:#fff}
.adong-uc-final h2{margin:0;font:700 clamp(20px,2vw,26px)/1.3 var(--font);color:#fff}
.adong-uc-final .adong-cta{background:#fff;color:var(--brand)}
.adong-uc-final .adong-cta:hover{background:var(--gold-1)}

/* ---------- Mục 12/16: Thời gian xử lý gọn trong một màn hình ---------- */
.adong-lower .adong-timing{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);grid-template-rows:auto auto 1fr;column-gap:64px;align-items:start}
.adong-lower .adong-timing>h2{grid-column:1;margin:0 0 14px}
.adong-lower .adong-timing>p{grid-column:1;margin:0;font-size:15px;line-height:1.75;color:#5f504c}
.adong-lower .adong-timing>.adong-timing-note{margin-top:16px;padding-top:16px;border-top:1px solid #e6dbd0;font-size:13.5px;color:#7d6b66}
.adong-lower .adong-timing>.adong-timing-list{grid-column:2;grid-row:1/span 3;margin:0;background:#fff;border:1px solid var(--beige);border-radius:16px;overflow:hidden}
.adong-lower .adong-timing-list>div{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;padding:12px 22px;border-top:1px solid #f0e6dc}
.adong-lower .adong-timing-list>div:first-child{border-top:0}
.adong-lower .adong-timing-list>div:last-child{border-bottom:0}
.adong-lower .adong-timing-list dt{font-size:15px}
.adong-lower .adong-timing-list dd{font-size:14.5px;line-height:1.5}
.adong-lower .adong-timing-list .adong-timing-head{background:var(--brand);padding-top:12px;padding-bottom:12px}
.adong-lower .adong-timing-list .adong-timing-head dt,.adong-lower .adong-timing-list .adong-timing-head dd{color:#fff;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}

/* ---------- Mục 17: số 01–04 thay cho ngôi sao ---------- */
.adong-lower .adong-quality .adong-q-num{font:700 30px/1 var(--font);letter-spacing:0;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- Mục 18: các mục nền trắng có họa tiết bản đồ chấm của Á Đông ---------- */
.adong-faq,.adong-solutions,.adong-knowledge,.adong-contact,.adong-timing,.adong-uc-home,.adong-lower .adong-process{position:relative;isolation:isolate}
.adong-faq::before,.adong-solutions::before,.adong-knowledge::before,.adong-contact::before,.adong-timing::before,.adong-uc-home::before,.adong-lower .adong-process::before{content:'';position:absolute;z-index:-1;pointer-events:none;width:min(560px,48vw);aspect-ratio:1.6;background:url(dotmap.svg) center/contain no-repeat;opacity:.28}
.adong-faq::before,.adong-knowledge::before,.adong-timing::before{right:-60px;top:24px}
.adong-solutions::before,.adong-contact::before,.adong-uc-home::before{left:-80px;bottom:10px}
.adong-lower .adong-process::before{right:-40px;bottom:0}
.adong-faq{background:var(--paper);overflow:hidden}
/* FAQ dùng hoa văn trống đồng (khác Cẩm nang hồ sơ dùng bản đồ chấm) */
.adong-lower .adong-faq::before{right:-260px;left:auto;top:50%;transform:translateY(-50%);width:min(820px,70vw);aspect-ratio:1400/808;opacity:.45}

/* =================== Cập nhật 15/10 – vòng góp ý 2 =================== */
/* Logo: chữ Á ĐÔNG căn giữa trên DỊCH THUẬT CÔNG CHỨNG (cả VI/EN) */
.brand-type{align-items:center;text-align:center}
/* Tiêu đề mục viết hoa (CÂU HỎI THƯỜNG GẶP, CẨM NANG HỒ SƠ) */
.adong-sec-caps{text-transform:uppercase;color:var(--brand);letter-spacing:.01em}
.adong-faq>div>.adong-sec-caps{max-width:none}
/* Thẻ nhu cầu có logo nhỏ như thẻ bài viết */
.adong-uc-media{position:relative}
.adong-uc-media .adong-post-badge{left:12px;bottom:12px}

/* Section: Dịch thuật công chứng (trái) + Tải tài liệu (phải) */
.adong-start{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start;padding:72px var(--gutter);background:var(--paper);position:relative;isolation:isolate}
.adong-start::before{content:'';position:absolute;z-index:-1;left:-60px;top:20px;width:min(560px,48vw);aspect-ratio:1.6;background:url(dotmap.svg) center/contain no-repeat;opacity:.3}
.adong-start h2{margin:0 0 22px;font:700 clamp(28px,2.6vw,40px)/1.2 var(--font);color:var(--brand)}
.adong-start-docs .adong-docs{max-width:none}
.adong-start-docs .adong-text-link-wrap{margin-top:20px}
.adong-start-form{display:block!important;padding:30px;background:#fff;border:1px solid var(--beige);border-radius:20px;box-shadow:0 18px 40px -30px rgba(110,0,0,.35)}
.adong-start-form h2{color:#222;margin-bottom:6px}
.adong-start-sub{margin:0;color:#6f5c57;font-size:15px}
.adong-start-tag{margin:10px 0 18px;font:600 12px/1.4 var(--font);letter-spacing:.14em;text-transform:uppercase;color:#a8743e}
.adong-start-form .adong-quote-card{padding:0;box-shadow:none;background:transparent}

/* Thẻ “And many more”: cờ các nước */
.lang-more{justify-content:space-between}
.lang-more-flags{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;margin-bottom:auto}
.mf{display:block;aspect-ratio:1;border-radius:50%;border:2px solid #f8cda2;box-shadow:0 3px 8px rgba(0,0,0,.25);background:#fff;font-style:normal}
.mf-de{background:linear-gradient(#000 33.3%,#dd0000 0 66.6%,#ffce00 0)}
.mf-es{background:linear-gradient(#aa151b 25%,#f1bf00 0 75%,#aa151b 0)}
.mf-it{background:linear-gradient(90deg,#009246 33.3%,#fff 0 66.6%,#ce2b37 0)}
.mf-th{background:linear-gradient(#a51931 16.6%,#f4f5f8 0 33.3%,#2d2a4a 0 66.6%,#f4f5f8 0 83.3%,#a51931 0)}
.mf-id{background:linear-gradient(#ce1126 50%,#fff 0)}
.mf-nl{background:linear-gradient(#ae1c28 33.3%,#fff 0 66.6%,#21468b 0)}
.mf-in{background:radial-gradient(circle,#000080 0 9%,transparent 10%),linear-gradient(#ff9933 33.3%,#fff 0 66.6%,#138808 0)}
.mf-la{background:radial-gradient(circle,#fff 0 20%,transparent 21%),linear-gradient(#ce1126 25%,#002868 0 75%,#ce1126 0)}
.mf-pl{background:linear-gradient(#fff 50%,#dc143c 0)}
.mf-ua{background:linear-gradient(#0057b7 50%,#ffd700 0)}
.mf-se{background:linear-gradient(90deg,transparent 30%,#fecc00 0 44%,transparent 0),linear-gradient(transparent 42%,#fecc00 0 58%,transparent 0),#006aa7}
.mf-dk{background:linear-gradient(90deg,transparent 30%,#fff 0 42%,transparent 0),linear-gradient(transparent 43%,#fff 0 57%,transparent 0),#c8102e}
.mf-plus{display:grid;place-items:center;background:var(--gold-grad);color:var(--brand-deep);font-weight:700;font-size:18px;line-height:1}

/* Hero vừa trọn một màn hình: hiện NGUYÊN dải lụa (giữ mũi tên Á Đông), kéo lụa lên nằm dưới phần chữ */
@media (min-width:851px){
	.kv .kv-copy{position:relative;z-index:3;padding-top:clamp(18px,3.2svh,40px)}
	.kv .kv-title{font-size:clamp(52px,min(6.2vw,11svh),104px)}
	.kv .kv-sub{font-size:clamp(20px,min(2.2vw,4svh),34px);margin:2px 0 10px}
	.kv .kv-text{margin-bottom:16px;font-size:15px}
	.kv .kv-ribbon{margin-top:clamp(-260px,-13.5vw,-90px)}
	.kv .kv-strip{padding:14px 5% 16px}
	.kv .kv-contact{font-size:13.5px}
}
/* Điện thoại: không bị dư lề phải (họa tiết nền không được tràn ra ngoài) */
.adong-solutions,.adong-knowledge,.adong-timing,.adong-uc-home,.adong-lower .adong-process,.adong-start,.adong-xhero{overflow:hidden}
html,body{max-width:100%;overflow-x:clip}

@media (max-width:900px){
	.adong-start{grid-template-columns:1fr;padding:44px 5%;gap:28px}
	.adong-start-form{padding:22px}
	.adong-lower .adong-faq::before{right:-200px;width:120vw;opacity:.3}
}

/* ---------- Mục 18 (cuối): giao diện máy tính không bị quá to ---------- */
@media (min-width:851px){
	.header.chrome-header{padding-left:var(--gutter);padding-right:var(--gutter);min-height:84px}
	.kv-copy{padding:clamp(32px,3.6vw,56px) 24px 0}
	.kv-title{font-size:clamp(54px,6.2vw,104px)}
	.kv-sub{font-size:clamp(22px,2.2vw,34px);margin:4px 0 14px}
	.kv-text{font-size:16px;max-width:600px}
	.kv-ribbon{margin-top:clamp(-40px,-2vw,-16px)}
	.kv-contact{max-width:var(--content-max);margin-left:auto;margin-right:auto}
	.adong-section,.adong-lower .adong-process,.adong-lower .adong-quality{padding-left:var(--gutter);padding-right:var(--gutter)}
	.adong-section,.adong-lower .adong-process{padding-top:80px;padding-bottom:80px}
	.adong-lower .adong-timing{padding-top:64px;padding-bottom:64px}
	.langs{padding-top:72px;padding-bottom:60px}
	.adong-section h2,.adong-lower .adong-process>h2,.langs h2,.adong-lower .adong-quality h2{font-size:clamp(30px,2.6vw,42px);line-height:1.2}
	.adong-feature-copy h2{font-size:clamp(32px,3vw,48px)}
	.adong-docs-feature{max-width:1440px;margin-left:auto;margin-right:auto}
}
@media (min-width:1600px){.kv-title{font-size:104px}.kv-sub{font-size:34px}}

/* ---------- Điện thoại / máy tính bảng ---------- */
@media (max-width:1100px){
	.adong-uc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
	.adong-lower .adong-timing{grid-template-columns:1fr;row-gap:0}
	.adong-lower .adong-timing>.adong-timing-list{grid-column:1;grid-row:auto;margin:22px 0 0}
	.adong-lower .adong-timing>.adong-timing-note{grid-row:auto}
}
@media (max-width:900px){
	.adong-docs-feature{grid-template-columns:1fr}
	.adong-docs-panel{border-radius:0;padding:40px 5%}
	.adong-docs-feature .adong-feature-copy{padding:40px 6% 48px}
	.adong-xhero{grid-template-columns:1fr;gap:28px;padding:40px 5%}
	.adong-xhero-art{order:-1}
	.adong-uc-detail{grid-template-columns:1fr}
	.adong-uc-head{align-items:flex-start;flex-direction:column}
}
@media (max-width:640px){
	.adong-docs{grid-template-columns:1fr 1fr;gap:10px}
	.adong-doc{min-height:56px;gap:10px;padding:8px 10px 8px 8px;font-size:13.5px}
	.adong-doc-icon{width:38px;height:38px}
	.adong-docs-panel-wide .adong-docs{grid-template-columns:1fr}
	.adong-uc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
	.adong-uc-track{grid-auto-columns:72%}
	.adong-uc-name{padding:12px 14px 4px;font-size:14.5px}
	.adong-uc-go{padding:0 14px 12px}
	.adong-uc-services{grid-template-columns:1fr}
	.adong-uc-block{padding:22px}
	.adong-lower .adong-timing-list>div{grid-template-columns:1fr;gap:2px;padding:12px 16px}
	.adong-lower .adong-timing-list .adong-timing-head{display:none}
}
@media (max-width:400px){.adong-docs{grid-template-columns:1fr}.adong-uc-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.adong-doc,.adong-uc-card a,.adong-uc-media img,.adong-text-link span[aria-hidden]{transition:none}}

/* Dải lụa có chóp nhọn (ảnh 1760x599): căn lại 3 ghim */
.kv .kv-pin-1{left:29.45%;top:69.75%}.kv .kv-pin-2{left:48.09%;top:79.28%}.kv .kv-pin-3{left:65.09%;top:70.48%}

/* Tiêu đề khung form căn giữa */
.adong-start-form>h2,.adong-start-form>.adong-start-sub,.adong-start-form>.adong-start-tag{text-align:center}

/* Dải liên hệ dưới hero: dàn đều hết chiều ngang */
@media (min-width:1100px){
	.kv .kv-strip{padding-left:var(--gutter);padding-right:var(--gutter)}
	.kv .kv-contact{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:40px;width:100%;max-width:none;margin:0}
	.kv .kv-contact li{flex:0 0 auto}
	.kv .kv-contact li:last-child{flex:0 1 auto;min-width:0}
	.kv .kv-contact a{align-items:center}
}
/* Header luôn hiện khi cuộn (thanh liên hệ + menu) */
.chrome-sticky{position:sticky;top:env(safe-area-inset-top,0px);z-index:90;background:#fff;transition:box-shadow .25s}
.chrome-sticky.is-scrolled{box-shadow:0 8px 24px -14px rgba(60,0,0,.45)}
.chrome-sticky .header.chrome-header{position:relative}
html{scroll-padding-top:150px}
@media (max-width:850px){
	html{scroll-padding-top:96px}
	/* Điện thoại: thanh liên hệ trên cùng cuộn đi, chỉ giữ logo + menu */
	.chrome-sticky{top:calc(-1 * var(--topbar-h,80px))}
}

/* Bỏ dải liên hệ dưới hero trên máy tính (thông tin đã có ở header và footer) */
@media (min-width:851px){.kv .kv-strip{display:none}}

/* Hero: cắt bớt mép trái dải lụa (giữ nguyên bên phải có mũi tên) + vừa khít 1 màn hình khi vào trang */
@media (min-width:851px){
	.kv{display:flex;flex-direction:column;min-height:calc(100svh - var(--hdr-h,132px))}
	.kv .kv-copy{flex:1 0 auto}
	.kv .kv-ribbon{overflow:hidden;flex:none}
	.kv .kv-ribbon img{width:112%;max-width:none;margin-left:-12%}
	.kv .kv-pin{width:6.94%}
	.kv .kv-pin-1{left:20.98%}
	.kv .kv-pin-2{left:41.86%}
	.kv .kv-pin-3{left:60.9%}
	.langs{padding-top:52px}
}

/* =========== Hoa văn trống đồng (bản vẽ nét chuẩn): trắng trên nền đỏ, đỏ trên nền kem =========== */
.adong-lower .adong-quality{background:url(drum-white.webp) right -140px center/min(640px,62vw) no-repeat,#8f0000}
.chrome-footer{background:url(drum-white.webp) right -160px bottom -200px/680px no-repeat,#6e0000}
.adong-lower .adong-faq::before{background:url(drum-red.webp) center/contain no-repeat;aspect-ratio:1;width:min(640px,55vw);right:-200px;opacity:1}
.adong-docs-panel::after,.adong-start::after{content:'';position:absolute;z-index:-1;right:-120px;bottom:-140px;width:420px;aspect-ratio:1;background:url(drum-red.webp) center/contain no-repeat;opacity:.8;border-radius:0}
.lang-more::before{background:url(drum-white.webp) 70% 30%/150% no-repeat}
.adong-uc-final{background:url(drum-white.webp) right -60px center/300px no-repeat,var(--brand)}
@media (max-width:900px){.adong-lower .adong-quality{background-size:420px;background-position:right -160px top 40px}.chrome-footer{background-size:460px}}

/* Bản đồ Việt Nam dạng chấm */
.cf-vnmap{position:absolute;z-index:-1;right:24%;top:28px;height:calc(100% - 56px);aspect-ratio:516/825;opacity:.55;pointer-events:none}
.cf-vnmap img{width:100%;height:100%;display:block}
.cf-vnpin{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:4px}
.cf-vnpin i{order:2;width:14px;height:14px;border-radius:50%;background:var(--gold-1);box-shadow:0 0 0 5px rgba(248,205,162,.35),0 0 0 11px rgba(248,205,162,.15)}
.cf-vnpin b{order:1;white-space:nowrap;padding:3px 9px;border-radius:999px;background:var(--gold-1);color:#6e0000;font:700 11px/1.3 var(--font);letter-spacing:.03em}
.adong-vnmap{grid-column:1;position:relative;width:min(240px,60%);aspect-ratio:516/825;margin:22px 0 0 30px}
.adong-vnmap img{width:100%;height:100%;display:block;opacity:.85}
.adong-vnmap .cf-vnpin i{background:var(--brand);box-shadow:0 0 0 5px rgba(143,0,0,.18),0 0 0 11px rgba(143,0,0,.08)}
.adong-vnmap .cf-vnpin b{background:var(--brand);color:#fff}
@media (max-width:900px){.cf-vnmap{right:-40px;opacity:.3}.adong-vnmap{display:none}}
@media (min-width:1101px){.adong-lower .adong-timing{grid-template-rows:auto auto auto 1fr}.adong-lower .adong-timing>.adong-timing-list{grid-row:1/span 4}.adong-vnmap{grid-row:4;width:170px;margin:18px 0 0 40px}}

/* ===== Mỗi biểu tượng thương hiệu chỉ dùng 1 chỗ, không lặp =====
   Châu lục (bản đồ chấm thế giới) → Hero
   Việt Nam (bản đồ chấm)           → Thời gian xử lý
   Trống đồng                        → Tiêu chuẩn dịch vụ (nền đỏ)
   Logo Á Đông                       → Câu hỏi thường gặp (hình mờ lớn) + header/footer */
.adong-faq::before,.adong-solutions::before,.adong-knowledge::before,.adong-contact::before,.adong-timing::before,.adong-uc-home::before,.adong-lower .adong-process::before,.adong-start::before,.adong-start::after,.adong-docs-panel::before,.adong-docs-panel::after,.adong-xhero::before{content:none!important;display:none!important}
.chrome-footer{background:#6e0000}
.lang-more::before{background:none}
.adong-uc-final{background:var(--brand)}
.adong-uc-art::before{content:none}
/* Logo Á Đông làm hình mờ ở mục Câu hỏi thường gặp */
.adong-lower .adong-faq::after{content:'';position:absolute;z-index:-1;right:4%;top:50%;transform:translateY(-50%);width:min(380px,32vw);aspect-ratio:1;background:url(favicon.svg) center/contain no-repeat;opacity:.07;height:auto;left:auto;bottom:auto}

/* Bản đồ Việt Nam chấm vàng: đặt ngay cạnh logo Á Đông ở footer */
.chrome-footer .cf-inner{position:relative;isolation:isolate}
.chrome-footer .cf-vnmap{position:absolute;z-index:-1;left:150px;right:auto;top:-10px;height:340px;width:auto;aspect-ratio:516/825;opacity:.32;pointer-events:none}
.chrome-footer .cf-vnmap img{width:100%;height:100%;display:block}
@media (max-width:900px){.chrome-footer .cf-vnmap{left:auto;right:0;height:260px;opacity:.2}}

/* Bỏ hẳn dải Hotline/Email/Địa chỉ dưới hero ở mọi khổ (chỉ điện thoại ≤700px giữ 3 nút Gọi · Zalo · Chỉ đường) */
.kv .kv-contact{display:none!important}
@media (min-width:701px){.kv .kv-strip{display:none!important}}

/* Tiêu chuẩn dịch vụ: đường cong trên/dưới liền khối với nền đỏ (không lệch màu, không đường nối), trống đồng hiện trọn vòng */
.ribbon-divider.rd-red{color:#8f0000;position:relative;z-index:1}
.ribbon-divider.rd-red:not(.rd-flip){margin-bottom:-2px}
.ribbon-divider.rd-red.rd-flip{margin-top:-2px}
.adong-lower .adong-quality{background:url(drum-white.webp) right 4% center/auto 88% no-repeat,#8f0000!important;padding-top:56px;padding-bottom:60px}
.adong-lower .adong-quality>div{position:relative;z-index:1;max-width:calc(100% - min(30vw,420px))}
@media (max-width:1100px){.adong-lower .adong-quality>div{max-width:none}.adong-lower .adong-quality{background-size:auto 70%!important;background-position:right -80px center!important}}

.adong-lower .adong-quality::before{content:none!important}
.adong-lower .adong-quality{background-position:right 3% center!important;background-size:auto 92%!important}

/* Nền chấm châu Á phía sau mục Dịch thuật công chứng + Gửi tài liệu */
.adong-start{background:url(dotmap-red.svg) center 50%/min(1500px,104%) auto no-repeat,var(--paper)!important}
@media (max-width:900px){.adong-start{background-size:180% auto,auto!important;background-position:center 20%,0 0!important}}

/* Trống đồng đỏ nhạt phía sau mục Quy trình xử lý + Thời gian xử lý (góc trái dưới) */
.adong-lower .adong-timing{background:var(--paper)!important;overflow:visible!important}
.adong-lower .adong-timing::after{content:"";position:absolute;z-index:-1;left:-120px;bottom:-160px;width:520px;aspect-ratio:1427/1427;background:url(drum-red.webp) center/contain no-repeat;pointer-events:none}
.adong-lower .adong-quality{z-index:2}
@media (max-width:900px){.adong-lower .adong-timing::after{width:340px;left:auto;right:-120px;bottom:-120px}}
/* Footer: nửa trái trống đồng trắng sát mép phải */
.chrome-footer{background:url(drum-white.webp) right calc(-1 * min(260px,18vw)) center/auto min(520px,95%) no-repeat,#6e0000!important;overflow:hidden}
@media (max-width:900px){.chrome-footer{background-size:auto 360px!important;background-position:right -180px bottom 40px!important}}

/* Đổi chỗ: logo Á Đông chìm ở mục Dịch thuật công chứng; bản đồ 5 châu lục trải ngang ở Câu hỏi thường gặp */
.adong-start{background:url(logo-watermark.webp) 24% 60%/min(520px,40vw) auto no-repeat,var(--paper)!important}
.adong-lower .adong-faq::after{content:none!important}
.adong-lower .adong-faq{background:url(dotmap-red.svg) center 55%/min(1400px,96%) auto no-repeat,var(--paper)!important}
@media (max-width:900px){.adong-start{background-size:80vw auto,auto!important;background-position:center 30%,0 0!important}.adong-lower .adong-faq{background-size:170% auto,auto!important}}

/* ===================== v1.8 – họa tiết mới (layer dưới cùng, không bị cắt ngang) ===================== */
/* Câu hỏi thường gặp: 5 châu lục màu vàng đồng, kéo lên chạm đường cong đỏ phía trên, nằm dưới đường cong */
.adong-lower .adong-faq{background:var(--paper)!important;overflow:visible!important}
.adong-lower section.adong-faq::after{content:""!important;display:block!important;position:absolute;z-index:-1;left:50%;right:auto;top:clamp(-80px,-5vw,-40px);bottom:auto;transform:translateX(-50%);width:min(1440px,100%);height:auto;aspect-ratio:1800/690;background:url(dotmap-gold.svg) center top/100% auto no-repeat;opacity:1;pointer-events:none}

/* Dịch thuật công chứng + Gửi tài liệu: chim hạc trống đồng trắng mờ */



/* Dịch vụ của chúng tôi: dải lụa vàng đồng nét đứt + sao chạy ngang phía sau, thẻ có viền vàng và số thứ tự */
.adong-solutions{background:var(--paper)!important}
.adong-solutions .adong-heading h2{position:relative;padding-bottom:14px}
.adong-solutions .adong-heading h2::after{content:"";position:absolute;left:0;bottom:0;width:72px;height:4px;border-radius:4px;background:var(--gold-grad)}
.adong-solutions .svc-grid{counter-reset:svc}
.adong-solutions .svc-card{position:relative;counter-increment:svc;background:rgba(255,255,255,.92);backdrop-filter:blur(2px);border:1px solid #eedccb;overflow:hidden}
.adong-solutions .svc-card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--gold-grad)}
.adong-solutions .svc-card::after{content:counter(svc,decimal-leading-zero);position:absolute;right:18px;top:12px;font:800 44px/1 var(--font);color:transparent;-webkit-text-stroke:1.2px #ecd3bd;letter-spacing:-.02em}
.adong-solutions .svc-icon{box-shadow:0 0 0 4px #fff,0 0 0 5px #e8c49f}
.adong-solutions .svc-card:hover{border-color:var(--brand);box-shadow:0 22px 40px -28px rgba(110,0,0,.55)}
.adong-solutions .svc-card:hover::after{-webkit-text-stroke-color:var(--brand)}

/* Gói dịch vụ theo nhu cầu: khối đỏ thương hiệu, chữ vàng đồng, thẻ trắng nổi */
.adong-uc-home{background:radial-gradient(120% 90% at 85% 0%,#a51410 0%,#8f0000 45%,#6e0000 100%)!important;color:#fff}
.adong-uc-home .adong-uc-head h2{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.adong-uc-home .adong-uc-head p{color:#f3d6c8}
.adong-uc-home .langs-arrow{background:var(--gold-grad);color:#6e0000}
.adong-uc-home .langs-arrow:disabled{opacity:.4}
.adong-uc-home .adong-uc-card a{border-color:transparent;box-shadow:0 18px 34px -22px rgba(0,0,0,.6)}
.adong-uc-home .adong-uc-card a:hover{border-color:var(--gold-1)}
.adong-uc-home .adong-text-link{color:var(--gold-1)}
.adong-uc-home .adong-text-link:hover{color:#fff;border-color:#fff}

/* Quy trình xử lý: 5 bước dạng thẻ trên dải lụa vàng đồng, số bước lớn, nền chuyển sắc kem–đào */
.adong-lower .adong-process{background:linear-gradient(180deg,var(--paper) 0%,#f8e9db 100%)!important}
.adong-lower .adong-process .adong-steps{position:relative;gap:18px}
.adong-lower .adong-process .adong-steps::before{content:"";position:absolute;left:4%;right:4%;top:34px;height:6px;border-radius:6px;background:linear-gradient(90deg,#d25743,#f8cda2 55%,#d59550);opacity:.9;z-index:0}
.adong-lower .adong-process .adong-process-card{position:relative;z-index:1;background:#fff;border:1px solid #efdcc9;border-radius:18px;padding:64px 18px 22px;text-align:center;box-shadow:0 18px 34px -28px rgba(110,0,0,.45);transition:transform .3s,box-shadow .3s,border-color .3s;min-height:0;margin-top:14px}
.adong-lower .adong-process .adong-process-card:hover{transform:translateY(-6px);border-color:var(--brand);box-shadow:0 26px 40px -26px rgba(110,0,0,.55)}
.adong-lower .adong-process .step-pin{position:absolute;left:50%;top:-14px;transform:translateX(-50%)}
.adong-lower .adong-process .adong-step-number{display:block;margin:0 0 6px;font:800 40px/1 var(--font);color:transparent;-webkit-text-stroke:1.4px #d59550}
.adong-lower .adong-process .adong-step-number small{display:block;font:700 11px/1.4 var(--font);letter-spacing:.18em;color:var(--brand);-webkit-text-stroke:0;margin-bottom:4px}
.adong-lower .adong-process h3{color:var(--brand)}
@media (max-width:1100px){.adong-lower .adong-process .adong-steps::before{display:none}}

/* Họa tiết luôn nằm dưới đường cong và footer */
.ribbon-divider.rd-deep{position:relative;z-index:2;margin-top:-2px}
.chrome-footer{position:relative;z-index:2}

/* Phương án A: nền kem tối giản cho mục Dịch thuật công chứng, chiều sâu bằng bóng đổ nhẹ */
.adong-start{background:radial-gradient(70% 60% at 20% 30%,#fffaf4 0%,transparent 70%),linear-gradient(180deg,var(--paper) 0%,#f8ece0 100%)!important}
.adong-start .adong-doc{box-shadow:0 6px 16px -12px rgba(110,0,0,.28)}
.adong-start .adong-start-form{box-shadow:0 24px 50px -32px rgba(110,0,0,.4)}

/* Đàn chim hạc trống đồng bay lên ở khoảng trống bên phải tiêu đề "Dịch vụ của chúng tôi" */
.adong-solutions{position:relative;isolation:isolate}
.adong-solutions .adong-heading{position:relative;min-height:150px}
.adong-solutions::after{content:"";position:absolute;z-index:-1;right:var(--gutter);top:6px;width:min(345px,26vw);aspect-ratio:1100/645;background:url(cranes-flight.webp) center/contain no-repeat;opacity:1;filter:brightness(0) invert(1) drop-shadow(0 1px 1.5px rgba(143,0,0,.10));pointer-events:none}
@media (max-width:900px){.adong-solutions::after{width:58vw;top:16px;right:4%;opacity:.45}.adong-solutions .adong-heading{min-height:0}}

/* Hoa văn mặt trời Đông Sơn (sao 14 cánh, vòng đồng tâm, vòng tròn tiếp tuyến, răng cưa) – vàng be ~5%, đặt chọn lọc 3 chỗ, không lặp dày */
.langs{position:relative;isolation:isolate}
.langs::after{content:"";position:absolute;z-index:-1;right:3%;top:24px;width:min(300px,24vw);aspect-ratio:1;background:url(dongson-sun.svg) center/contain no-repeat;opacity:.055;pointer-events:none}
.adong-lower .adong-start{overflow:hidden}.adong-lower .adong-start::after{content:""!important;display:block!important;position:absolute;z-index:-1;left:-120px;bottom:60px;right:auto;top:auto;width:min(300px,22vw);aspect-ratio:1;background:url(dongson-sun.svg) center/contain no-repeat;opacity:.05;pointer-events:none;border-radius:0}
.adong-lower section.adong-process::before{content:""!important;display:block!important;position:absolute;z-index:0;left:50%;top:18px;transform:translateX(-50%);width:min(560px,46vw);aspect-ratio:1;background:url(dongson-sun.svg) center/contain no-repeat;opacity:.045;pointer-events:none;right:auto;bottom:auto}
.adong-lower .adong-process>*{position:relative;z-index:1}
@media (max-width:900px){.langs::after,.adong-lower .adong-start::after{display:none!important}.adong-lower section.adong-process::before{width:90vw}}

/* Doc 3 – Thẻ dịch vụ: bỏ icon, số thứ tự nằm cùng hàng tên dịch vụ (bên phải) */
.adong-solutions .svc-card::after{content:none!important}
.adong-solutions .svc-card h3{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:6px}
.adong-solutions .svc-card h3::after{content:counter(svc,decimal-leading-zero);flex:none;font:800 44px/1 var(--font);color:transparent;-webkit-text-stroke:1.2px #ecd3bd;letter-spacing:-.02em;transition:-webkit-text-stroke-color .3s}
.adong-solutions .svc-card:hover h3::after{-webkit-text-stroke-color:var(--brand)}
/* Doc 3 – Quy trình xử lý: bỏ ghim + "Bước n", thẻ gọn vừa nội dung */
.adong-lower .adong-process .adong-steps{align-items:stretch}
.adong-lower .adong-process .adong-process-card{padding:26px 18px 24px;margin-top:0;display:flex;flex-direction:column;justify-content:center}
.adong-lower .adong-process .adong-process-card h3{margin:0 0 8px}
.adong-lower .adong-process .adong-steps::before{top:50%;transform:translateY(-50%)}
@media (max-width:760px){.adong-lower .adong-process-card{display:block;padding:20px 18px;margin-bottom:12px}.adong-steps:before{display:none}}
/* Doc 3 – Thẻ "Khám phá theo nhu cầu": ảnh thật + dải trắng chuyển dọc (đục dưới → trong trên) + chữ & mũi tên đỏ */
.adong-uc-card a{background:#fff;border:1px solid #eedccb}
.adong-uc-card .adong-uc-media{position:relative;aspect-ratio:4/3.3;height:auto}
.adong-uc-card .adong-uc-media .adong-post-badge{left:12px;top:12px;bottom:auto}
.adong-uc-overlay{position:absolute;left:0;right:0;bottom:0;min-height:42%;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:16px 20px;box-sizing:border-box;background:linear-gradient(to top,rgba(255,255,255,.98) 0%,rgba(255,255,255,.85) 35%,rgba(255,255,255,.4) 70%,rgba(255,255,255,0) 100%)}
.adong-uc-card .adong-uc-overlay .adong-uc-name{padding:0;margin:0;font:700 16px/1.35 var(--font);color:var(--brand)}
.adong-uc-card .adong-uc-overlay .adong-uc-go{padding:0;margin:0 0 1px;flex:none;color:var(--brand);font-size:20px;line-height:1;transition:transform .3s}
.adong-uc-card a:hover .adong-uc-go{transform:translateX(4px)}
@media (max-width:640px){.adong-uc-overlay{padding:12px 14px}.adong-uc-card .adong-uc-overlay .adong-uc-name{font-size:14px}}

/* Doc 3 – Trang chi tiết nhu cầu */
.adong-ucd-hero h1{display:flex;flex-direction:column}
.adong-ucd-h1a{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;background-image:linear-gradient(90deg,#8f0000,#c0392b 60%,#d59550)}
.adong-ucd-h1b{color:#1f1a19}
.adong-ucd-trust{padding:18px var(--gutter);background:var(--brand);color:#fff}
.adong-ucd-trust ul{list-style:none;margin:0 auto;padding:0;max-width:1180px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.adong-ucd-trust li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}
.adong-ucd-trust svg{flex:none;color:var(--gold-1)}
.adong-ucd-overview{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:start;background:#fff}
.adong-ucd-overview h2,.adong-ucd-docs h2,.adong-ucd-why h2,.adong-ucd-steps h2,.adong-ucd-related h2,.adong-ucd-final h2{margin:0 0 16px;font:700 clamp(26px,2.6vw,38px)/1.2 var(--font);color:var(--brand)}
.adong-ucd-overview p{color:#5f504c;line-height:1.75;margin:0 0 14px}
.adong-ucd-checks{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.adong-ucd-checks li{display:flex;gap:14px;padding:18px 20px;background:var(--paper);border:1px solid #f0e2d4;border-radius:14px}
.adong-ucd-check{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--brand);border:1px solid #ecd3bd}
.adong-ucd-checks h3{margin:0 0 4px;font:600 16px/1.4 var(--font);color:#1f1a19}
.adong-ucd-checks p{margin:0;font-size:14px;color:#6f5f5a;line-height:1.6}
.adong-ucd-docs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;background:var(--paper)}
.adong-ucd-docs-art{border-radius:20px;overflow:hidden;aspect-ratio:4/3}
.adong-ucd-docs-art img,.adong-ucd-docs-art .adong-uc-art{display:block;width:100%;height:100%;object-fit:cover}
.adong-ucd-docs-copy>p{color:#5f504c;line-height:1.7}
.adong-ucd-doclist{list-style:none;margin:18px 0;padding:0;display:grid;gap:10px}
.adong-ucd-doclist li{display:flex;align-items:center;gap:12px;font-weight:500;color:#2b1b17}
.adong-ucd-doclist svg{flex:none;width:34px;height:34px;padding:7px;border-radius:9px;background:#fff;border:1px solid #ecd3bd;color:var(--brand)}
.adong-ucd-why{background:#fff}
.adong-ucd-why-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;margin-top:10px}
.adong-ucd-why-list>div{padding-top:16px;border-top:3px solid transparent;border-image:var(--gold-grad) 1}
.adong-ucd-why-list h3{margin:0 0 8px;font:600 17px/1.35 var(--font);color:#1f1a19}
.adong-ucd-why-list p{margin:0;font-size:14px;line-height:1.65;color:#6f5f5a}
.adong-ucd-steps{background:var(--paper)}
.adong-ucd-steplist{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.adong-ucd-steplist li{padding:26px 24px;background:#fff;border:1px solid #efdcc9;border-radius:18px}
.adong-ucd-stepno{display:block;font:800 40px/1 var(--font);color:transparent;-webkit-text-stroke:1.3px #d59550;margin-bottom:12px}
.adong-ucd-steplist h3{margin:0 0 6px;font:700 18px/1.35 var(--font);color:var(--brand)}
.adong-ucd-steplist p{margin:0;color:#6f5f5a;font-size:14.5px;line-height:1.65}
.adong-ucd-faq details{border-top:1px solid #f0e2d4;padding:14px 0}
.adong-ucd-faq summary{cursor:pointer;font-weight:600;color:#1f1a19;list-style:none;display:flex;justify-content:space-between;gap:12px}
.adong-ucd-faq summary::-webkit-details-marker{display:none}
.adong-ucd-faq summary::after{content:"+";color:var(--brand);font-weight:700}
.adong-ucd-faq details[open] summary::after{content:"–"}
.adong-ucd-faq details p{margin:10px 0 0;color:#6f5f5a;font-size:14.5px;line-height:1.65}
.adong-ucd-related{background:#fff}
.adong-ucd-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.adong-ucd-final{text-align:center;background:var(--paper)}
.adong-ucd-final .adong-xhero-actions{justify-content:center;margin-bottom:34px}
.adong-ucd-values{list-style:none;margin:0 auto;padding:0;max-width:1100px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;text-align:left}
.adong-ucd-values li{padding:20px;background:#fff;border:1px solid #efdcc9;border-radius:16px}
.adong-ucd-values h3{margin:0 0 6px;font:700 16px/1.3 var(--font);color:var(--brand)}
.adong-ucd-values p{margin:0;font-size:14px;color:#6f5f5a;line-height:1.6}
@media (max-width:1000px){.adong-ucd-why-list{grid-template-columns:repeat(2,minmax(0,1fr))}.adong-ucd-trust ul,.adong-ucd-values{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.adong-ucd-overview,.adong-ucd-docs,.adong-ucd-steplist{grid-template-columns:1fr;gap:24px}.adong-ucd-related-grid{grid-template-columns:1fr!important}.adong-ucd-why-list{grid-template-columns:1fr}}
/* Mục ngôn ngữ: khoảng cách gọn lại giữa dòng trên – tiêu đề – dòng dưới */
.langs{padding-top:52px!important}
.langs-head{padding-bottom:16px!important}
.langs-head .langs-eyebrow{margin:0 0 6px!important}
.langs-head h2{margin:0!important;line-height:1.08!important}
.langs-head .langs-sub{margin:6px 0 0!important}
@media (max-width:760px){.langs{padding-top:40px!important}}/* Khoảng cách giữa thẻ ngôn ngữ và mục "Dịch thuật công chứng" gọn lại */
.langs{padding-bottom:16px!important}
.adong-start{padding-top:36px!important}
@media (max-width:760px){.langs{padding-bottom:8px!important}.adong-start{padding-top:28px!important}}
/* Trang FAQ: một cột – tiêu đề nhóm ở trên, câu hỏi dạng accordion bên dưới */
.adong-faq-page .adong-faq-group{display:block!important;max-width:880px;margin:0 auto;padding:44px 24px 8px!important;border-top:0!important;background:transparent!important;overflow:visible!important}
.adong-faq-page .adong-faq-group::before,.adong-faq-page .adong-faq-group::after{content:none!important;display:none!important}
.adong-faq-page .adong-faq-group>div:first-child h2{margin:0;padding:0 0 14px;border-bottom:1px solid #e3d3c3;font:700 15px/1.4 var(--font)!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--brand)}
.adong-faq-page .adong-faq-group>div:last-child{margin:0}
.adong-faq-page .adong-faq-group details{border-bottom:1px solid #eadfd3;margin:0}
.adong-faq-page .adong-faq-group summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 2px;cursor:pointer;list-style:none;font:600 16px/1.5 var(--font);color:#2b1b17}
.adong-faq-page .adong-faq-group summary::-webkit-details-marker{display:none}
.adong-faq-page .adong-faq-group summary>span[aria-hidden]{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid #e3c9b0;color:var(--brand);font-size:18px;line-height:1;transition:transform .25s,background .25s}
.adong-faq-page .adong-faq-group details[open] summary>span[aria-hidden]{transform:rotate(45deg);background:#fff}
.adong-faq-page .adong-faq-group summary:hover{color:var(--brand)}
.adong-faq-page .adong-faq-group details>div{padding:0 48px 18px 2px;font-size:15px;line-height:1.75;color:#5f504c}
.adong-faq-page .adong-faq-group details>div p{margin:0 0 10px}
.adong-faq-page .adong-faq-cta{margin-top:40px}
@media (max-width:640px){.adong-faq-page .adong-faq-group{padding:32px 6% 4px!important}.adong-faq-page .adong-faq-group summary{font-size:15px;padding:16px 0}.adong-faq-page .adong-faq-group details>div{padding-right:0}}.adong-faq-page .adong-faq-group>div{max-width:none!important;width:100%!important}
.adong-faq-page .adong-sub-hero{max-width:880px;margin:0 auto;padding-left:24px!important;padding-right:24px!important;box-sizing:border-box}
@media (max-width:640px){.adong-faq-page .adong-sub-hero{padding-left:6%!important;padding-right:6%!important;box-sizing:border-box}}.adong-faq-page .adong-faq-group h2{max-width:none!important;width:100%}

/* ===== Doc vòng 4: gói gọn từng mục cho vừa một màn hình ===== */
/* Thanh liên hệ trên cùng tự cuộn khuất, chỉ giữ thanh menu dính trên đầu (không làm giật trang) */
html{scroll-padding-top:var(--hdr-h,132px)}

/* Dịch thuật công chứng + form: hai cột cao bằng nhau, ô giấy tờ gọn */
.adong-lower .adong-start,.adong-start{padding-top:28px!important;padding-bottom:28px!important;align-items:stretch!important;gap:36px!important}
.adong-start>div:first-child{display:flex;flex-direction:column;min-height:0}
.adong-start>div:first-child>h2{margin:0 0 14px!important}
.adong-start .adong-docs{flex:1;grid-auto-rows:minmax(40px,1fr);gap:8px 10px!important;align-content:stretch}
.adong-start .adong-doc{padding:5px 12px 5px 6px!important;min-height:0}
.adong-start .adong-doc-icon{width:34px!important;height:34px!important;border-radius:9px}
.adong-start .adong-doc-icon svg{width:18px;height:18px}
.adong-start .adong-doc-name{font-size:14px;line-height:1.3}
.adong-start>div:first-child>.adong-text-link-wrap{margin:14px 0 0!important}
.adong-start .adong-start-form{padding:22px 26px!important}
.adong-start .adong-start-form h2{font-size:clamp(24px,2vw,32px)!important;margin:0 0 2px!important}
.adong-start .adong-start-sub{margin:0 0 4px!important;font-size:14px}
.adong-start .adong-start-tag{margin:0 0 12px!important}
.adong-start .adong-uploadong-link{padding:10px 14px!important}
.adong-start .adong-uploadong-link .adong-file-ui{margin-top:6px!important}
.adong-start .adong-home-fields{margin:12px 0 10px!important;gap:8px 14px!important;row-gap:8px!important}
.adong-start .adong-home-fields label>span{font-size:13px;margin-bottom:3px}
.adong-start .adong-home-fields input,.adong-start .adong-home-fields select{padding-top:8px!important;padding-bottom:8px!important;min-height:0}
.adong-start .adong-home-fields textarea{height:64px!important;min-height:64px!important;padding:10px 12px!important}
.adong-start .adong-home-consent{margin:0 0 12px!important;font-size:13px}
.adong-start .adong-start-form .adong-cta{padding-top:13px!important;padding-bottom:13px!important}

/* Dịch vụ của chúng tôi: bỏ khoảng trống thừa trên/dưới tiêu đề */
.adong-solutions{padding-top:48px!important;padding-bottom:40px!important}
.adong-solutions .adong-heading{min-height:0!important;margin-bottom:22px!important}
.adong-solutions .adong-heading h2{margin-bottom:0!important}

/* Quy trình xử lý: bớt khoảng cách phía trên */
.adong-lower .adong-process{padding-top:44px!important;padding-bottom:48px!important}
.adong-lower .adong-process>h2{margin-bottom:26px!important}

/* Thời gian xử lý: bảng gọn để cả mục nằm trong một màn hình */
.adong-lower .adong-timing{padding-top:44px!important;padding-bottom:44px!important}
.adong-timing-list>div{padding-top:8px!important;padding-bottom:8px!important}
.adong-timing-list>div.adong-timing-head{padding-top:10px!important;padding-bottom:10px!important}
@media (max-width:900px){.adong-start>div:first-child{display:block}.adong-start .adong-docs{grid-auto-rows:auto}}
/* Logo đầu trang: to hơn, chữ "Á ĐÔNG" và "DỊCH THUẬT CÔNG CHỨNG" căn giữa theo nhau */
.header .brand{gap:12px!important;align-items:center}
.header .brand-emblem{width:92px!important;height:74px!important;flex:0 0 92px!important}
.header .brand-type{display:flex!important;flex-direction:column;align-items:center!important;text-align:center!important;gap:5px}
.header .brand-type strong{font-size:40px!important;line-height:1!important;letter-spacing:0!important}
.header .brand-type small{font-size:10.5px!important;line-height:1!important;letter-spacing:.1em!important;white-space:nowrap}
@media (max-width:700px){.header .brand-emblem{width:56px!important;height:45px!important;flex-basis:56px!important}.header .brand-type strong{font-size:26px!important}.header .brand-type small{font-size:8px!important}}

/* Khoảng cách: Dịch vụ → Quy trình xử lý, FAQ → Cẩm nang hồ sơ */
.adong-solutions{padding-bottom:20px!important}
.adong-lower .adong-process{padding-top:28px!important}
.adong-lower .adong-faq{padding-bottom:28px!important}
.adong-faq .adong-more{margin-bottom:0!important}
.adong-knowledge{padding-top:40px!important}
.adong-knowledge .adong-heading{align-items:flex-start!important}.header .brand-type strong{font-size:44px!important}.header .brand-type small{font-size:10px!important;letter-spacing:.06em!important}
@media (max-width:700px){.header .brand-type strong{font-size:26px!important}.header .brand-type small{font-size:8px!important}}
/* Cả cụm đầu trang (thanh đỏ Hotline + thanh menu trắng) cùng dính trên cùng khi cuộn; thanh trắng gọn lại */
@media (min-width:901px){.chrome-sticky{top:0!important}}
.chrome-sticky .header.chrome-header{padding-top:6px!important;padding-bottom:6px!important;min-height:0!important}
.chrome-sticky .header .brand-type{gap:3px}
/* Biểu tượng logo cao đúng bằng khối chữ: đỉnh chữ A ngang mép trên "Á ĐÔNG", đáy ngang mép dưới "DỊCH THUẬT CÔNG CHỨNG" */
.header .brand{align-items:flex-start!important}
.header .brand-type{gap:3px!important}
.header .brand-emblem{width:94px!important;height:75px!important;flex:0 0 94px!important;margin-top:-12px;margin-bottom:-5px}
@media (max-width:700px){.header .brand-emblem{width:57px!important;height:46px!important;flex-basis:57px!important;margin-top:-7px;margin-bottom:-1px}}
/* Thanh đỏ Hotline dính trên cùng cả khi lướt trên điện thoại */
.chrome-sticky{top:0!important}
/* Logo đầu trang: dùng file logo ngang chuẩn của thương hiệu */
.header .brand{display:flex;align-items:center!important;gap:0!important}
.header .brand-logo-full{display:block;height:76px;width:auto;max-width:none}
@media (max-width:700px){.header .brand-logo-full{height:50px}}

/* Trạng thái gửi yêu cầu thành công / thất bại */
form.is-sent{position:relative}
form.is-sent>*:not(.adong-success){display:none!important}
.adong-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;min-height:420px;padding:48px 28px;outline:0;animation:adongIn .35s ease both}
.adong-success-icon{display:grid;place-items:center;width:104px;height:104px;margin-bottom:14px;border-radius:50%;background:#e9f7ee;color:#1f9d55;box-shadow:0 0 0 10px #f3fbf6}
.adong-success-title{margin:0;font:700 clamp(24px,2.2vw,30px)/1.25 var(--font);color:#1f1a19}
.adong-success-text{margin:6px auto 0;max-width:420px;color:#5f504c;font-size:15.5px;line-height:1.7}
.adong-success-ref{margin:6px 0 0;font-size:13.5px;color:#8a7a74}
.adong-success-ref strong{color:var(--brand);letter-spacing:.04em}
.adong-success-home{margin-top:22px}
@keyframes adongIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#home-status[data-state=error],#order-status[data-state=error]{color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:10px;padding:10px 14px;font-size:14px}
@media (prefers-reduced-motion:reduce){.adong-success{animation:none}}.adong-success .adong-cta,.adong-start .adong-start-form .adong-success .adong-cta{display:inline-flex!important;width:auto!important;justify-content:center;align-items:center;padding:13px 34px!important;border-radius:999px}
.adong-success-title{font-weight:700!important;font-size:clamp(24px,2.1vw,30px)!important;color:#1f1a19!important}
.adong-start-form:has(form.is-sent)>h2,.adong-start-form:has(form.is-sent)>.adong-start-sub,.adong-start-form:has(form.is-sent)>.adong-start-tag{display:none!important}
.adong-start-form:has(form.is-sent){display:flex;flex-direction:column;justify-content:center}/* Dải lụa mới (ảnh 2460x936 từ file nguồn): căn lại 3 ghim bấm được */
.kv .kv-pin-1{left:41.4%;top:56.8%}.kv .kv-pin-2{left:56.65%;top:60.1%}.kv .kv-pin-3{left:69.6%;top:52.3%}
@media (min-width:851px){.kv .kv-pin-1{left:34.4%}.kv .kv-pin-2{left:51.4%}.kv .kv-pin-3{left:65.95%}}
/* Đường cong chân trang: bỏ vệt nét mảnh giữa dải cong và nền đỏ chân trang */
.ribbon-divider.rd-deep{margin-bottom:-3px!important;position:relative;z-index:3}
.ribbon-divider.rd-deep svg{overflow:visible}
.chrome-footer{margin-top:0!important;border-top:0!important;box-shadow:none!important}/* Ô ngày dd/mm/yyyy */
.adong-date{position:relative;display:block}
.adong-date input[type=text]{width:100%;padding-right:44px!important;box-sizing:border-box}
.adong-date .adong-date-native{position:absolute;right:0;bottom:0;width:40px;height:100%;opacity:0;pointer-events:none;border:0;padding:0}
.adong-date-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--brand);cursor:pointer}
.adong-date-btn:hover{background:#f6ece2}
/* ===== v1.8.21 – Tinh chỉnh độ tương phản & vùng bấm (WCAG AA) ===== */
/* Chữ nhỏ trên nền kem/trắng đạt tỉ lệ tương phản tối thiểu 4.5:1 */
.langs-eyebrow{color:#b13f2a}
.langs-count{color:#735f59}
.adong-start-tag{color:#8c5e2c}
.adong-faq>div:first-child>p{color:#5f5e57}
/* Thanh liên hệ trên cùng (điện thoại): mở rộng vùng chạm mà không đổi bố cục */
@media (max-width:760px){
  .chrome-contact a,.chrome-social a,.language-switch button{position:relative}
  .chrome-contact a::after,.chrome-social a::after,.language-switch button::after{content:"";position:absolute;inset:-8px -4px}
}
/* v1.8.22 – Đoạn giới thiệu hero: chữ Medium, rõ hơn */
.kv .kv-text{font-weight:500;color:#5a4844;white-space:pre-line;text-wrap:balance}
/* v1.8.23 – Số thứ tự thẻ dịch vụ (01–06): chữ tô màu đặc thay cho viền */
.adong-solutions .svc-card::after,.adong-solutions .svc-card h3::after{color:#ecd3bd;-webkit-text-stroke:0;transition:color .3s}
.adong-solutions .svc-card:hover::after,.adong-solutions .svc-card:hover h3::after{color:var(--brand)}

/* ===== v1.8.24 – Quy trình xử lý: "Hành trình hồ sơ" theo dải lụa ===== */
.adong-journey{position:relative;isolation:isolate;overflow:hidden;padding:88px var(--gutter,6.5%) 84px;text-align:center;background:radial-gradient(ellipse 70% 55% at 50% 0%,#fff 0,rgba(255,255,255,0) 70%),linear-gradient(180deg,#fbf5ee 0%,#f7e5d3 100%);scroll-margin-top:25px}
.adong-journey::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:min(760px,90vw);aspect-ratio:1;transform:translate(-50%,-46%);background:url(dongson-sun.svg) center/contain no-repeat;opacity:.07;pointer-events:none}
.journey-head{max-width:720px;margin:0 auto 52px}
.journey-eyebrow{margin:0 0 12px;font:600 12px/1.4 var(--font);letter-spacing:.24em;color:#b13f2a}
.adong-journey h2{margin:0 0 14px;color:var(--brand);font:700 clamp(30px,3vw,44px)/1.2 var(--font);letter-spacing:-.01em}
.journey-sub{margin:0;font:500 16px/1.7 var(--font);color:#5f5e57}
.journey-track{position:relative;list-style:none;margin:0 auto;padding:0;max-width:1240px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:auto 120px auto}
.journey-ribbon{grid-column:1/-1;grid-row:2;position:relative;z-index:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.journey-ribbon svg{display:block;width:100%;height:120px;overflow:visible}
.journey-silk{fill:none;stroke:url(#journey-grad);stroke-width:18;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 8px 10px rgba(143,0,0,.18))}
.journey-stitch{fill:none;stroke:#fff;stroke-width:1.6;stroke-dasharray:7 8;vector-effect:non-scaling-stroke;opacity:.85}
.journey-step{grid-row:1/4;display:grid;grid-template-rows:subgrid;position:relative;z-index:1;min-width:0}
.journey-step:nth-child(2){grid-column:1}.journey-step:nth-child(3){grid-column:2}.journey-step:nth-child(4){grid-column:3}.journey-step:nth-child(5){grid-column:4}.journey-step:nth-child(6){grid-column:5}
.journey-medal{grid-row:2;align-self:center;justify-self:center;position:relative;z-index:2;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;color:#ffe3c4;background:radial-gradient(circle at 30% 25%,#c4392a 0,#8f0000 58%,#6e0000 100%);box-shadow:0 0 0 6px #fbf5ee,0 16px 26px -12px rgba(110,0,0,.6);transform:translateY(var(--dy,0));transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.journey-medal::before{content:"";position:absolute;inset:-13px;border-radius:50%;border:1.5px dashed #d59550;animation:journey-spin 28s linear infinite}
.journey-medal svg{width:34px;height:34px}
.journey-medal b{position:absolute;top:-6px;right:-10px;min-width:30px;height:30px;padding:0 6px;border-radius:15px;display:grid;place-items:center;font:800 12px/1 var(--font);color:#6e0000;background:linear-gradient(135deg,#fbe0c0,#d59550);box-shadow:0 0 0 3px #fff}
.journey-step.is-final .journey-medal{color:#8f0000;background:radial-gradient(circle at 30% 25%,#fff3e3 0,#f6c99c 45%,#d59550 100%)}
.journey-step.is-final .journey-medal::before{border:2px solid var(--brand);border-style:dashed}
.journey-step.is-final .journey-medal b{color:#fff;background:linear-gradient(135deg,#c4392a,#8f0000)}
.journey-card{position:relative;margin:0 9px;padding:24px 18px 22px;background:#fff;border:1px solid #efdcc9;border-radius:20px;box-shadow:0 22px 38px -30px rgba(110,0,0,.55);text-align:center;overflow:visible;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.journey-step.is-up .journey-card{grid-row:1;align-self:end;margin-bottom:calc(11px - var(--dy,0px))}
.journey-step.is-down .journey-card{grid-row:3;align-self:start;margin-top:calc(11px + var(--dy,0px))}
.journey-card::after{content:"";position:absolute;left:50%;width:0;border-left:1.5px dashed #d59550}
.journey-step.is-up .journey-card::after{top:100%;height:calc(11px - var(--dy,0px))}
.journey-step.is-down .journey-card::after{bottom:100%;height:calc(11px + var(--dy,0px))}
.journey-no{position:absolute;right:14px;top:8px;font:800 44px/1 var(--font);color:#f7e8da;letter-spacing:-.03em;pointer-events:none}
.journey-card h3{position:relative;margin:0 0 8px;font:700 17px/1.4 var(--font);color:var(--brand)}
.journey-card p{position:relative;margin:0;font:400 14px/1.65 var(--font);color:#5f5e57}
.journey-step.is-final .journey-card{border-color:var(--brand);background:linear-gradient(180deg,#fff 0%,#fff5ec 100%)}
@media (hover:hover){
  .journey-step:hover .journey-card{border-color:var(--brand);box-shadow:0 28px 44px -28px rgba(110,0,0,.6)}
  .journey-step.is-up:hover .journey-card{transform:translateY(-5px)}
  .journey-step.is-down:hover .journey-card{transform:translateY(5px)}
  .journey-step:hover .journey-medal{transform:translateY(var(--dy,0)) scale(1.08)}
}
.adong-journey .journey-cta{margin:60px 0 0!important}
.journey-cta .kv-btn{display:inline-flex;align-items:center;gap:8px}
@keyframes journey-spin{to{transform:rotate(360deg)}}
/* Hiệu ứng xuất hiện khi cuộn tới (chỉ khi có JS và người dùng không tắt chuyển động) */
.adong-journey.js-anim .journey-ribbon svg{clip-path:inset(0 100% 0 0);transition:clip-path 1.6s cubic-bezier(.4,0,.2,1) .15s}
.adong-journey.js-anim .journey-step{opacity:0;translate:0 18px;transition:opacity .6s ease,translate .6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0) * .22s + .35s)}
.adong-journey.js-anim.is-in .journey-ribbon svg{clip-path:inset(0 0 0 0)}
.adong-journey.js-anim.is-in .journey-step{opacity:1;translate:0 0}
@media (prefers-reduced-motion:reduce){.journey-medal::before{animation:none}}
/* Máy tính bảng & điện thoại: hành trình dọc */
@media (max-width:900px){
  .adong-journey{padding:56px 20px 56px}
  .journey-head{margin-bottom:34px}
  .journey-track{grid-template-columns:1fr;grid-template-rows:none;max-width:560px;text-align:left}
  .journey-track::before{content:"";position:absolute;left:41px;top:24px;bottom:24px;width:8px;border-radius:8px;background:linear-gradient(180deg,#b8251a,#e98a6b 45%,#f6c99c 75%,#d59550);transform-origin:top}
  .journey-ribbon{display:none}
  .journey-step,.journey-step:nth-child(n){grid-column:1;grid-row:auto;display:grid;grid-template-columns:90px minmax(0,1fr);grid-template-rows:auto;align-items:center;padding:9px 0}
  .journey-medal{grid-row:1;grid-column:1;width:64px;height:64px;transform:none}
  .journey-medal::before{inset:-9px}
  .journey-medal svg{width:27px;height:27px}
  .journey-medal b{min-width:26px;height:26px;font-size:11px;right:-12px}
  .journey-step.is-up .journey-card,.journey-step.is-down .journey-card{grid-row:1;grid-column:2;align-self:center;margin:0}
  .journey-card{padding:16px 16px 15px;text-align:left;border-radius:16px}
  .journey-card::after{display:none}
  .journey-card::before{content:"";position:absolute;left:-7px;top:50%;width:12px;height:12px;background:inherit;border-left:1px solid #efdcc9;border-bottom:1px solid #efdcc9;transform:translateY(-50%) rotate(45deg)}
  .journey-step.is-final .journey-card::before{border-color:var(--brand);background:#fff9f4}
  .journey-no{font-size:34px;top:6px;right:10px}
  .journey-card h3{font-size:16px;margin-bottom:4px}
  .journey-card p{font-size:13.5px}
  .journey-step:hover .journey-medal{transform:scale(1.06)}
  .journey-step.is-up:hover .journey-card,.journey-step.is-down:hover .journey-card{transform:none}
  .adong-journey.js-anim .journey-track::before{transform:scaleY(0);transition:transform 1.4s cubic-bezier(.4,0,.2,1) .1s}
  .adong-journey.js-anim.is-in .journey-track::before{transform:scaleY(1)}
  .adong-journey.js-anim .journey-step{translate:-14px 0}
  .adong-journey .journey-cta{margin-top:32px!important;text-align:center}
}

/* ===== v1.8.25 – Hero: bản đồ mờ hơn + hiệu ứng xuất hiện & chuyển động khi cuộn ===== */
/* 1. Bản đồ chấm mờ hơn, thêm quầng sáng sau chữ để dễ đọc */
.kv .kv-map{opacity:.13}
.kv .kv-copy::before{content:"";position:absolute;z-index:-1;left:50%;top:46%;width:min(980px,96%);height:120%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(255,255,255,.92) 0,rgba(255,255,255,.75) 45%,rgba(255,255,255,0) 72%);pointer-events:none}
/* Ngôi sao: mỗi sao tô vàng riêng để có thể chuyển động */
.kv-stars span{display:inline-block;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
/* 2. Hiệu ứng xuất hiện khi mở trang */
@media (prefers-reduced-motion:no-preference){
  .kv .kv-map{animation:kv-map-in 1.8s cubic-bezier(.2,.7,.2,1) both}
  .kv-title{animation:kv-rise .9s cubic-bezier(.2,.8,.2,1) .1s both}
  .kv-sub>span:last-child{animation:kv-rise .8s cubic-bezier(.2,.8,.2,1) .35s both}
  .kv-stars span{animation:kv-star .55s cubic-bezier(.3,1.6,.5,1) both,kv-twinkle 4.5s ease-in-out 2.2s infinite;animation-delay:calc(.45s + var(--s) * .09s),calc(2.2s + var(--s) * .25s)}
  .kv-text{animation:kv-rise .8s cubic-bezier(.2,.8,.2,1) .55s both}
  .kv-actions{animation:kv-rise .8s cubic-bezier(.2,.8,.2,1) .7s both}
  .kv .kv-ribbon{overflow:hidden}
  .kv-ribbon img{animation:kv-ribbon-in 1.3s cubic-bezier(.333,0,.667,.333) .1s both}
  /* Vòng trống đồng nở ra cùng mép mặt nạ tròn rồi tan dần */
  .kv-ribbon::after{content:"";position:absolute;z-index:2;left:50%;top:50%;width:125%;aspect-ratio:1;translate:-50% -50%;background:url(dongson-silk.svg) center/contain no-repeat;opacity:0;pointer-events:none;animation:kv-drum-ring 1.3s cubic-bezier(.333,0,.667,.333) .1s both}
  .kv-strip>*{animation:kv-rise .8s cubic-bezier(.2,.8,.2,1) .9s both}
  /* 3. Chuyển động theo cuộn (parallax) – giá trị --kv-y do adong-extra.js cập nhật */
  .kv .kv-map{translate:0 calc(var(--kv-y,0) * .35px)}
  .kv .kv-copy{translate:0 calc(var(--kv-y,0) * .2px);opacity:calc(1 - var(--kv-y,0) / 900)}
}
@keyframes kv-map-in{from{opacity:0;scale:1.08}to{opacity:.13;scale:1}}
@keyframes kv-rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes kv-star{from{opacity:0;transform:scale(.2) rotate(-90deg)}to{opacity:1;transform:none}}
@keyframes kv-twinkle{0%,88%,100%{transform:none;filter:none}94%{transform:scale(1.28);filter:drop-shadow(0 0 6px rgba(245,190,120,.9))}}
@keyframes kv-ribbon-in{0%{opacity:.2;clip-path:circle(0% at 50% 50%);transform:translateY(40px)}100%{opacity:1;clip-path:circle(80% at 50% 50%);transform:none}}
@keyframes kv-drum-ring{0%{opacity:.5;transform:scale(0) rotate(-40deg)}70%{opacity:.28}100%{opacity:0;transform:scale(1) rotate(0)}}

/* ===== v1.8.28 – Đơn giản hóa: số thay cho icon ===== */
/* Quy trình xử lý: huy hiệu chỉ chứa số bước */
.adong-journey .journey-medal b{position:static;min-width:0;height:auto;padding:0;border-radius:0;background:none;box-shadow:none;color:#ffe3c4;font:800 30px/1 var(--font);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.adong-journey .journey-step.is-final .journey-medal b{color:var(--brand);background:none}
@media (max-width:900px){.adong-journey .journey-medal b{font-size:22px}}
/* v1.8.34 – Điện thoại: dải lụa có thêm phần đuôi vươn lên mép trái (ảnh ribbon-mobile.webp);
   kéo lên tương ứng phần cao thêm để phần lụa chính giữ nguyên vị trí */
.kv-ribbon picture{display:block}
/* v1.8.38 – Điện thoại & máy tính bảng nhỏ: cắt bớt mép trái dải lụa (như bản máy tính) để lụa đi ra khỏi mép màn hình với độ dày đầy đủ */
@media (max-width:850px){
  .kv .kv-ribbon img{width:118%;max-width:none;margin-left:-18%}
  .kv .kv-pin{width:7.3%}
  .kv .kv-pin-1{left:30.85%}.kv .kv-pin-2{left:48.85%}.kv .kv-pin-3{left:64.13%}
}

/* ===== v1.8.40 – Dịch vụ đa ngôn ngữ: địa cầu tương tác + tìm kiếm quốc gia ===== */
.geo{padding-left:var(--gutter,6.5%);padding-right:var(--gutter,6.5%)}
.geo-head{max-width:820px;margin:0 0 26px}
.geo-head .langs-eyebrow{margin:0 0 8px}
.geo-head h2{margin:0;font:700 clamp(26px,3.3vw,46px)/1.12 var(--font);color:var(--brand);letter-spacing:-.01em}
.geo-head h2 span{white-space:nowrap}
.geo-sub{margin:12px 0 0;font:500 15px/1.65 var(--font);color:#5f5e57;max-width:640px}
.geo-body{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}
.geo-panel{display:flex;flex-direction:column;gap:18px;min-width:0}
/* ô tìm kiếm */
.geo-search{position:relative}
.geo-search input{width:100%;height:54px;padding:0 18px 0 48px;border:1.5px solid #ecd3bd;border-radius:999px;background:#fff;font:500 15px var(--font);color:#2b1b17;box-shadow:0 14px 30px -22px rgba(110,0,0,.45);outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.geo-search input::placeholder{color:#9a8a84}
.geo-search input:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(143,0,0,.10),0 14px 30px -22px rgba(110,0,0,.45)}
.geo-search-ico{position:absolute;left:18px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--brand);pointer-events:none}
.geo-list{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 8px);margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #efdcc9;border-radius:18px;box-shadow:0 26px 44px -24px rgba(110,0,0,.5);max-height:340px;overflow:auto}
.geo-list li{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:12px;cursor:pointer;font:600 14px var(--font);color:#2b1b17}
.geo-list li img,.geo-noflag{flex:none;width:24px;height:18px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.08);object-fit:cover;background:#f3e3d4}
.geo-list li small{margin-left:auto;font-weight:500;font-size:12px;color:#8a7a74;text-align:right}
.geo-list li.is-active,.geo-list li:hover{background:#fbf0e6}
.geo-list li.geo-empty{cursor:default;color:#8a7a74;font-weight:500}
/* nút quốc gia phổ biến */
.geo-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.geo-chips-label{font:600 12px var(--font);letter-spacing:.08em;text-transform:uppercase;color:#8c5e2c;margin-right:2px}
.geo-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px 7px 9px;border:1px solid #ecd3bd;border-radius:999px;background:#fff;font:600 13px var(--font);color:#5a3a32;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.geo-chip img{width:20px;height:15px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08);object-fit:cover}
.geo-chip:hover,.geo-chip:focus-visible{border-color:var(--brand);background:#fff7f1;transform:translateY(-1px)}
/* thẻ quốc gia đang chọn */
.geo-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:14px 18px;align-items:center;padding:20px;background:#fff;border:1px solid #efdcc9;border-radius:22px;box-shadow:0 26px 44px -32px rgba(110,0,0,.55)}
.geo-card::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;border-radius:22px 0 0 22px;background:linear-gradient(180deg,#c4392a,#f6c99c)}
.geo-flag{width:96px;height:72px;border-radius:10px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 10px 18px -10px rgba(0,0,0,.35)}
.geo-card-kicker{margin:0 0 4px;font:600 11px var(--font);letter-spacing:.16em;text-transform:uppercase;color:#b13f2a}
.geo-name{margin:0;font:700 clamp(20px,2vw,26px)/1.2 var(--font);color:var(--brand)}
.geo-name-alt{margin:4px 0 0;font:500 14px var(--font);color:#6b5f5a}
.geo-cta{grid-column:1/-1;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 18px;border-radius:14px;background:var(--brand);color:#fff;text-decoration:none;font:600 14px var(--font);transition:background .2s}
.geo-cta:hover{background:#6e0000}
.geo-card.is-pop{animation:geo-pop .45s cubic-bezier(.2,.9,.3,1.2)}
@keyframes geo-pop{from{transform:translateY(8px) scale(.98);opacity:.4}to{transform:none;opacity:1}}
/* địa cầu */
.geo-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:320px}
.geo-canvas{display:block;max-width:100%;cursor:grab;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.geo-canvas:active{cursor:grabbing}
.geo:not(.is-ready) .geo-canvas{border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffaf4,#fbe9d8 65%,#f2cdb0);animation:geo-wait 1.6s ease-in-out infinite alternate}
@keyframes geo-wait{from{opacity:.55}to{opacity:1}}
.geo-hint{margin:10px 0 0;font:600 12px var(--font);letter-spacing:.08em;text-transform:uppercase;color:#a4867a}
.geo-tip{position:absolute;z-index:5;transform:translate(14px,-130%);padding:6px 10px;border-radius:8px;background:#2b1b17;color:#fff;font:600 12px var(--font);white-space:nowrap;pointer-events:none}
@media (max-width:900px){
  .geo-body{grid-template-columns:1fr;gap:16px}
  .geo-panel{display:contents}
  .geo-search{order:1;z-index:6}
  .geo-stage{order:2;margin:0 auto;width:100%;max-width:520px;min-height:0}
  .geo-card{order:3}
  .geo-chips{order:4}
}
@media (max-width:560px){
  .geo-head{margin-bottom:18px}
  .geo-sub{font-size:14px}
  .geo-search input{height:50px;font-size:16px}
  .geo-card{padding:16px;gap:12px 14px}
  .geo-flag{width:72px;height:54px}
  .geo-chip{padding:6px 10px 6px 8px;font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){.geo-card.is-pop{animation:none}}
/* v1.8.41 – Bỏ họa tiết chấm bi phía sau mục địa cầu */
.langs.geo::before{content:none!important;display:none!important}

/* ===== v1.8.43 – "Gói dịch vụ theo nhu cầu": chồng folder xếp chéo + bảng thông tin ===== */
.adong-ucf .adong-uc-head{margin-bottom:34px}
.ucf-body{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start}
.ucf-stack{--sx:20px;--sy:46px;--fw:min(430px,100%);transform:perspective(1600px) rotateY(10deg) rotateX(4deg);transform-origin:0 50%;--fh:178px;position:relative;height:calc((var(--n) - 1) * var(--sy) + var(--fh) + 20px);padding-top:16px}
.ucf-folder{position:absolute;left:calc(var(--i) * var(--sx));top:calc(var(--i) * var(--sy) + 16px);z-index:calc(var(--i) + 1);width:var(--fw);height:var(--fh);padding:0;margin:0;border:0;background:none;cursor:pointer;text-align:left;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;
  --c1:hsl(26 78% calc(95% - var(--i) * 1.6%));--c2:hsl(22 72% calc(88% - var(--i) * 1.8%))}
/* thân sau + tab */
.ucf-back{position:absolute;inset:14px 0 0 0;border-radius:4px 16px 16px 16px;background:linear-gradient(180deg,var(--c1),var(--c2));box-shadow:0 -1px 0 rgba(255,255,255,.7) inset,0 -8px 16px -10px rgba(90,0,0,.45),0 18px 30px -18px rgba(40,0,0,.55)}
.ucf-tab{position:absolute;left:0;top:0;z-index:3;display:flex;align-items:center;gap:10px;max-width:90%;height:44px;padding:0 28px 0 14px;border-radius:14px 14px 0 0;background:linear-gradient(180deg,#fff9f3,var(--c1));box-shadow:0 -6px 14px -8px rgba(90,0,0,.45);color:#6e0000;font:600 13.5px/1.2 var(--font);white-space:nowrap;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 100%,0 100%);transition:background .3s,color .3s}
.ucf-tab b{flex:none;font:800 12px var(--font);color:#b13f2a;letter-spacing:.02em;transition:color .3s}
.ucf-tab span{overflow:hidden;text-overflow:ellipsis}
/* tờ giấy nhô lên */
.ucf-paper{position:absolute;left:18px;right:26px;top:40px;height:110px;border-radius:6px;background:#fff;box-shadow:0 2px 8px rgba(80,0,0,.12);transform:translateY(30px);opacity:0;transition:opacity .3s,transform .45s cubic-bezier(.2,.8,.2,1)}
.ucf-paper i{display:block;height:5px;margin:14px 16px 0;border-radius:3px;background:#f1dfd1}
.ucf-paper i:nth-child(2){width:62%}.ucf-paper i:nth-child(3){width:44%}
/* thân trước (kính mờ) */
.ucf-front{position:absolute;left:0;right:0;bottom:0;top:58px;border-radius:12px 16px 16px 16px;background:linear-gradient(180deg,rgba(255,248,242,.88),rgba(250,226,206,.95));box-shadow:0 1px 0 rgba(255,255,255,.8) inset;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
/* trạng thái đang chọn / rê chuột */
.ucf-inner{position:absolute;inset:0;pointer-events:none;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.ucf-folder.is-active .ucf-inner{transform:translate(44px,-4px)}
.ucf-folder.is-active .ucf-back{background:linear-gradient(180deg,#fbe0c0,#d59550)}
.ucf-folder.is-active .ucf-tab{background:linear-gradient(90deg,#b8251a,#8f0000);color:#fff}
.ucf-folder.is-active .ucf-paper{transform:translateY(-24px);opacity:1}
.ucf-folder.is-active .ucf-tab b{color:#f8cda2}
.ucf-folder:not(.is-active):hover .ucf-inner{transform:translateX(14px)}
.ucf-folder:not(.is-active):hover .ucf-tab{color:#8f0000;background:linear-gradient(180deg,#fff,#fbe0c6)}
.ucf-folder:focus-visible{outline:none}
.ucf-folder:focus-visible .ucf-tab{box-shadow:0 0 0 3px #fff inset}
/* bảng thông tin bên phải */
.ucf-panels{position:sticky;top:calc(var(--hdr-h,132px) + 20px)}
.ucf-panel{background:#fff;border-radius:24px;overflow:hidden;color:#2b1b17;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.ucf-panel:not([hidden]){animation:ucf-in .45s cubic-bezier(.2,.8,.2,1)}
@keyframes ucf-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.ucf-media{position:relative;aspect-ratio:16/8;background:#f6e3d3;overflow:hidden}
.ucf-media img{width:100%;height:100%;object-fit:cover;display:block}
.ucf-media .adong-uc-art{position:absolute;inset:0;display:grid;place-items:center}
.ucf-count{position:absolute;left:16px;top:14px;padding:5px 11px;border-radius:999px;background:rgba(110,0,0,.85);color:#fff;font:700 12px var(--font);letter-spacing:.06em}
.ucf-info{padding:22px 26px 26px}
.ucf-info h3{margin:0 0 8px;font:700 clamp(20px,1.8vw,24px)/1.25 var(--font);color:var(--brand)}
.ucf-info>p{margin:0;font:400 14.5px/1.65 var(--font);color:#5f5e57}
.ucf-info .ucf-docs-title{margin:16px 0 8px;font:600 11px var(--font);letter-spacing:.16em;text-transform:uppercase;color:#b13f2a}
.ucf-docs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
.ucf-docs li{position:relative;padding-left:22px;font:500 13.5px/1.45 var(--font);color:#3a2a26}
.ucf-docs li::before{content:"";position:absolute;left:0;top:3px;width:14px;height:14px;border-radius:50%;background:#fbe9d8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238f0000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/10px no-repeat}
.ucf-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.ucf-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;font:600 14px var(--font);text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.ucf-btn-primary{background:var(--brand);color:#fff}
.ucf-btn-primary:hover{background:#6e0000}
.ucf-btn-ghost{border:1px solid #ecd3bd;color:var(--brand);background:#fff}
.ucf-btn-ghost:hover{border-color:var(--brand)}
.adong-ucf .adong-text-link-wrap{margin-top:28px}
@media (max-width:1100px){.ucf-stack{--sx:12px;--fw:min(360px,100%)}}
@media (max-width:900px){
  .ucf-body{grid-template-columns:1fr;gap:22px}
  .ucf-stack{--sx:6px;--sy:42px;--fh:120px;--fw:calc(100% - 66px)}
  .ucf-folder.is-active .ucf-inner{transform:translate(22px,-3px)}
  .ucf-folder:not(.is-active):hover .ucf-inner{transform:none}
  .ucf-tab{font-size:13px;height:40px;max-width:92%}
  .ucf-paper{height:70px}
  .ucf-panels{position:static}
}
@media (max-width:560px){
  .ucf-docs{grid-template-columns:1fr}
  .ucf-info{padding:18px 18px 22px}
}
@media (prefers-reduced-motion:reduce){.ucf-inner,.ucf-paper{transition:none}.ucf-panel:not([hidden]){animation:none}}
/* v1.8.44 – Folder xếp dọc thẳng hàng, không nghiêng; folder chưa chọn nhạt đi (màu đặc, không trong suốt để không lộ lớp phía sau) */
.ucf-stack,.ucf-stack[style]{--sx:0px!important;--sy:44px;--fh:112px;--fw:100%;transform:none!important;max-width:460px}
.ucf-front{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(180deg,#fff8f2,#fae2ce)}
.ucf-folder .ucf-inner{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.ucf-folder:not(.is-active){--c1:#efc8b8;--c2:#dfa995}
.ucf-folder:not(.is-active) .ucf-tab{background:linear-gradient(180deg,#f5d8cb,#efc8b8)}
.ucf-folder:not(.is-active) .ucf-front{background:linear-gradient(180deg,#f0cbbb,#e2b19e)}
.ucf-folder:not(.is-active) .ucf-tab>*{opacity:.65;transition:opacity .3s}
.ucf-folder:not(.is-active):hover{--c1:#fbe6d8;--c2:#f3c9ae}
.ucf-folder:not(.is-active):hover .ucf-inner{transform:translateY(-3px)}
.ucf-folder:not(.is-active):hover .ucf-tab>*{opacity:1}
.ucf-folder.is-active .ucf-inner{transform:translate(0,-6px)}
@media (max-width:900px){.ucf-stack,.ucf-stack[style]{--sy:42px;--fh:100px;max-width:none}.ucf-folder.is-active .ucf-inner{transform:translate(0,-4px)}}
/* v1.8.45 – Canh đều: mép trên & mép dưới chồng folder trùng với bảng thông tin bên phải */
.ucf-panel{display:flex;flex-direction:column}
.ucf-info{flex:1;display:flex;flex-direction:column}
.ucf-actions{margin-top:auto;padding-top:20px}
@media (min-width:901px){
  .ucf-body{align-items:stretch}
  .ucf-panels{position:relative;top:auto;display:grid}
  .ucf-panel{grid-area:1/1}
  /* bảng đang ẩn vẫn giữ chỗ để mọi bảng cao bằng nhau (ảnh không tải) */
  .ucf-panel[hidden]{display:flex;visibility:hidden;pointer-events:none}
  .ucf-panel[hidden] img{display:none}
  .ucf-stack,.ucf-stack[style]{height:auto;min-height:calc((var(--n) - 1) * 44px + var(--fh));padding-top:0}
  .ucf-folder{top:calc((100% - var(--fh)) * var(--i) / (var(--n) - 1))}
  .ucf-folder.is-active .ucf-inner,.ucf-folder:not(.is-active):hover .ucf-inner{transform:none}
}
/* v1.8.46 – Bỏ tờ giấy trắng bên trong folder */
.ucf-paper{display:none!important}
/* v1.8.47 – Tiêu chuẩn dịch vụ: huy hiệu thành tích thay cho số */
.adong-lower .adong-quality .adong-q-num.adong-q-badge{position:relative;top:auto;left:auto;display:grid;place-items:center;width:68px;height:68px;margin:11px 0 24px 11px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff3e3 0,#f8cda2 45%,#d59550 100%);-webkit-background-clip:border-box;background-clip:border-box;color:#8f0000;box-shadow:0 0 0 5px rgba(248,205,162,.18),0 14px 24px -12px rgba(0,0,0,.55);letter-spacing:0;font-size:0}
.adong-q-badge::before{content:"";position:absolute;inset:-11px;border-radius:50%;border:1.5px dashed rgba(248,205,162,.55)}
.adong-q-badge svg{width:32px;height:32px}
.adong-q-badge i{position:absolute;right:-8px;bottom:-4px;min-width:26px;height:26px;padding:0 5px;border-radius:13px;display:grid;place-items:center;background:#6e0000;color:#f8cda2;font:800 11px/1 var(--font);font-style:normal;box-shadow:0 0 0 2px #f8cda2}
@media (hover:hover){.adong-quality-points>div .adong-q-badge{transition:transform .35s cubic-bezier(.3,1.5,.5,1)}.adong-quality-points>div:hover .adong-q-badge{transform:translateY(-4px) rotate(-6deg)}}
@media (max-width:560px){.adong-lower .adong-quality .adong-q-num.adong-q-badge{width:58px;height:58px}.adong-q-badge svg{width:27px;height:27px}}