/* =====================================================================================
   CSS của trang bán hàng Sheet Music Pro (plugin sheetmusic-sales).

   Chỉ chứa những gì trang giới thiệu dùng. Toàn bộ nằm trong .smp-landing và mọi class đều
   mang tiền tố smp- để CSS của theme WordPress không phá trang này (và ngược lại).
   Đừng bỏ tiền tố khi sửa. Phần CSS cho hộp thanh toán VietQR sẽ thêm khi làm bước thanh toán.
   ===================================================================================== */
.smp-landing,
.smp-landing *,
.smp-landing *::before,
.smp-landing *::after{box-sizing:border-box}
.smp-landing{display:block;text-align:left}

/* ---- LƯỚI AN TOÀN trước CSS của theme ----
   Theme rất hay đặt màu chữ, cỡ chữ, viền, kiểu danh sách cho các thẻ chung (h1…h3, p, li, a, ul,
   details, table, footer, img). Các rule dưới đây ghi lại ĐÚNG giá trị mặc định của trình duyệt nên
   không đổi thiết kế, nhưng có độ ưu tiên cao hơn selector thẻ của theme, nhờ vậy trang giữ đúng
   dáng đã duyệt. Rule giao diện thật nằm bên dưới, đều có độ ưu tiên cao hơn khối này. */
.smp-landing *{font-family:inherit}
.smp-landing h1,.smp-landing h2,.smp-landing h3,.smp-landing h4{color:inherit;text-transform:none;letter-spacing:normal}
.smp-landing h1{font-size:2em}
.smp-landing h2{font-size:1.5em}
.smp-landing h3{font-size:1.17em}
.smp-landing p,.smp-landing li,.smp-landing summary,.smp-landing label{color:inherit;font-size:inherit}
.smp-landing ul{list-style:disc}
.smp-landing li{border:0;background:none}
.smp-landing th,.smp-landing td{border:0;background:none;color:inherit}
.smp-landing details{border:0;background:none}
.smp-landing footer{background:transparent}
.smp-landing img{max-width:100%;height:auto;border:0;padding:0;box-shadow:none;background:none}
.smp-landing a{text-decoration:none;box-shadow:none}
.smp-landing p,.smp-landing ul,.smp-landing ol,.smp-landing li,.smp-landing figure,.smp-landing details{margin:0;padding:0}
.smp-landing summary{display:list-item}
.smp-landing table{border-collapse:collapse;width:100%}
.smp-landing nav a{margin:0}
/* Hai ảnh có cỡ do thiết kế ấn định: logo (26px) và ảnh trong khung máy tính bảng (lấp đầy khung).
   Một số theme ép cỡ ảnh bằng !important — chỉ hai chỗ này cần !important để giữ đúng thiết kế; các
   ảnh khác đã được max-width:100% và có sẵn width/height trong thẻ img. */
.smp-landing .smp-brand img{width:26px!important;height:auto!important}
.smp-landing .smp-tablet img{width:100%!important;height:auto!important}
@media (prefers-reduced-motion:reduce){
.smp-landing *,.smp-landing *::before,.smp-landing *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

.smp-landing{
 --smp-giay:#f5f4f1;      /* nền trang */
 --smp-be-mat:#ffffff;    /* thẻ, hộp */
 --smp-muc:#8c3c1e;       /* thương hiệu, nút chính */
 --smp-muc-dam:#6f2e16;   /* nút chính khi rê chuột */
 --smp-cham:#2b3355;      /* chữ chính */
 --smp-cham-nhat:#5b6380; /* chữ phụ */
 --smp-ke:#e4e0d8;        /* đường kẻ */
 --smp-xanh:#2f7d4f;      /* đã thanh toán */
 --smp-vang:#a86b12;      /* đang chờ */
 --smp-vo:#1c1f2e;        /* vỏ máy tính bảng */
 --smp-r:14px;
}
.smp-landing{margin:0;background:var(--smp-giay);color:var(--smp-cham);font:16px/1.6 "Be Vietnam Pro",system-ui,sans-serif}
.smp-landing h1,.smp-landing h2,.smp-landing h3{font-family:Lora,Georgia,serif;line-height:1.2;margin:0}
.smp-landing a{color:var(--smp-muc)}
.smp-landing :focus-visible{outline:3px solid var(--smp-muc);outline-offset:3px;border-radius:6px}
.smp-landing .smp-wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.smp-landing img{display:block;max-width:100%}
.smp-landing .smp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font:600 16px "Be Vietnam Pro",sans-serif;text-decoration:none;border:1.5px solid transparent;cursor:pointer;white-space:nowrap}
.smp-landing .smp-btn-chinh{background:var(--smp-muc);color:#fff}
.smp-landing .smp-btn-chinh:hover{background:var(--smp-muc-dam)}
.smp-landing .smp-btn-phu{background:transparent;color:var(--smp-cham);border-color:var(--smp-cham)}
.smp-landing .smp-btn-phu:hover{background:#fff}
.smp-landing .smp-nho{font-size:14px;color:var(--smp-cham-nhat)}
/* ---------- KHUNG MÁY TÍNH BẢNG ---------- */
.smp-landing .smp-tablet{background:var(--smp-vo);border-radius:30px;padding:16px;box-shadow:0 40px 80px -30px rgba(28,31,46,.55),inset 0 0 0 2px #2c3045;position:relative}
.smp-landing .smp-tablet::before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#3a3f57;left:50%;top:5px;transform:translateX(-50%)}
.smp-landing .smp-tablet img{border-radius:12px;width:100%;height:auto}
.smp-landing .smp-tablet.smp-doc{border-radius:26px;padding:14px 12px}
.smp-landing .smp-tablet.smp-doc::before{top:4px}
/* ---------- TRANG GIỚI THIỆU ---------- */
.smp-landing header.smp-top{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.smp-landing .smp-brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.06em;font-size:15px;text-decoration:none;color:var(--smp-cham)}
.smp-landing .smp-brand img{width:26px;height:auto}
.smp-landing .smp-top nav{display:flex;gap:22px;font-size:15px}
.smp-landing .smp-top nav a{color:var(--smp-cham);text-decoration:none}
.smp-landing .smp-hero{text-align:center;padding:36px 0 0}
.smp-landing .smp-hero .smp-tren{display:inline-block;font:600 13px "Be Vietnam Pro";letter-spacing:.14em;text-transform:uppercase;color:var(--smp-muc);background:#f6e9e2;border-radius:999px;padding:6px 14px;margin-bottom:22px}
/* Tiêu đề MỘT DÒNG trên máy tính/tablet: cỡ chữ co theo bề rộng màn hình để luôn vừa, không bao giờ gãy dòng. */
.smp-landing .smp-hero h1{font-size:clamp(30px,4.5vw,60px);font-weight:700;letter-spacing:-.015em;white-space:nowrap;margin:0 auto;line-height:1.12}
.smp-landing .smp-hero h1 em{font-style:italic;color:var(--smp-muc);position:relative;white-space:nowrap}
.smp-landing .smp-hero h1 em::after{content:"";position:absolute;left:2%;right:2%;bottom:-.08em;height:.12em;border-radius:99px;background:var(--smp-muc);opacity:.22}
.smp-landing .smp-hero h1 .smp-ngat{display:none}
@media (max-width:640px){
.smp-landing .smp-hero h1{white-space:normal;font-size:clamp(26px,8vw,40px)}
.smp-landing .smp-hero h1 .smp-ngat{display:block}
}
.smp-landing .smp-hero p.smp-lead{font-size:19px;color:var(--smp-cham-nhat);margin:18px auto 28px;max-width:34em}
.smp-landing .smp-hero .smp-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.smp-landing .smp-dong-tin{display:flex;gap:14px;justify-content:center;margin-top:18px;flex-wrap:wrap}
/* Bộ đôi máy: tablet ngang lớn ở giữa, tablet dọc chồng lên góc phải */
.smp-landing .smp-bo-may{position:relative;max-width:980px;margin:56px auto 0;padding-right:120px}
.smp-landing .smp-bo-may .smp-doc{position:absolute;right:0;bottom:-40px;width:250px}
@media (max-width:760px){
.smp-landing .smp-bo-may{padding-right:0}
.smp-landing .smp-bo-may .smp-doc{width:34%;right:-6px;bottom:-24px}
}
.smp-landing section.smp-khoi{padding:96px 0 72px}
.smp-landing .smp-khoi h2{font-size:clamp(28px,3.4vw,38px);margin-bottom:10px}
.smp-landing .smp-khoi .smp-mo{color:var(--smp-cham-nhat);max-width:36em;margin:0 0 36px}
.smp-landing .smp-giua{text-align:center}
.smp-landing .smp-giua .smp-mo{margin-left:auto;margin-right:auto}
.smp-landing .smp-chip-hang{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.smp-landing .smp-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--smp-be-mat);border:1px solid var(--smp-ke);font-size:15px;font-weight:500}
.smp-landing .smp-chip svg{width:18px;height:18px;color:var(--smp-muc)}
/* Bảng so sánh */
.smp-landing table.smp-so-sanh{width:100%;border-collapse:collapse;background:var(--smp-be-mat);border-radius:var(--smp-r);overflow:hidden;border:1px solid var(--smp-ke)}
.smp-landing .smp-so-sanh th,.smp-landing .smp-so-sanh td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--smp-ke);font-size:15px}
.smp-landing .smp-so-sanh th{font-weight:600;background:#faf9f6}
.smp-landing .smp-so-sanh td:nth-child(n+2),.smp-landing .smp-so-sanh th:nth-child(n+2){text-align:center;width:22%}
.smp-landing .smp-co{color:var(--smp-xanh);font-weight:700}
.smp-landing .smp-khong{color:#b3aea3}
.smp-landing .smp-gioi-han{font-size:13px;color:var(--smp-cham-nhat)}
/* Thẻ giá */
.smp-landing .smp-gia{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:820px;margin:0 auto}
.smp-landing .smp-the-gia{background:var(--smp-be-mat);border:1px solid var(--smp-ke);border-radius:18px;padding:28px;text-align:left}
.smp-landing .smp-the-gia.smp-pro{border:2px solid var(--smp-muc)}
.smp-landing .smp-the-gia h3{font-size:22px}
.smp-landing .smp-the-gia .smp-tien{font:700 42px Lora,serif;margin:14px 0 2px}
.smp-landing .smp-the-gia ul{padding-left:18px;margin:16px 0 24px;color:var(--smp-cham-nhat);font-size:15px}
.smp-landing .smp-the-gia .smp-btn{width:100%}
.smp-landing .smp-nhan{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--smp-muc);background:#f6e9e2;border-radius:999px;padding:3px 10px;margin-left:8px;vertical-align:middle;font-family:"Be Vietnam Pro"}
.smp-landing details{border-bottom:1px solid var(--smp-ke);padding:16px 0}
.smp-landing summary{cursor:pointer;font-weight:600;min-height:28px}
.smp-landing details p{color:var(--smp-cham-nhat);margin:10px 0 0}
.smp-landing footer{padding:36px 0 60px;color:var(--smp-cham-nhat);font-size:14px;border-top:1px solid var(--smp-ke)}
/* Tablet dọc là chính */
.smp-landing .smp-hang-doc{display:grid;grid-template-columns:1fr 1fr;gap:56px;max-width:900px;margin:0 auto}
.smp-landing .smp-hang-doc figure{margin:0}
.smp-landing .smp-hang-doc figcaption{margin-top:28px}
.smp-landing .smp-hang-doc h3{font-size:clamp(22px,2.4vw,28px);margin:6px 0 8px}
.smp-landing .smp-hang-doc p{margin:0;color:var(--smp-cham-nhat);font-size:17px}
.smp-landing .smp-so{font:600 13px "Be Vietnam Pro";color:var(--smp-muc);letter-spacing:.1em}
.smp-landing .smp-nen-dam{background:#ebe7df}
.smp-landing .smp-luyen-luoi{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}
.smp-landing .smp-luyen-luoi h2{margin:6px 0 12px}
.smp-landing .smp-che-do{display:grid;gap:12px}
.smp-landing .smp-che-do div{background:var(--smp-be-mat);border:1px solid var(--smp-ke);border-radius:14px;padding:14px 18px}
.smp-landing .smp-che-do b{font-size:17px}
.smp-landing .smp-che-do p{margin:4px 0 0;color:var(--smp-cham-nhat);font-size:15px}
.smp-landing .smp-diem{display:flex;gap:16px;align-items:center;margin-top:20px;padding:14px 18px;border-radius:14px;background:#e3f1e8}
.smp-landing .smp-diem-so{font:700 40px Lora,serif;color:var(--smp-xanh);line-height:1}
@media (max-width:860px){
.smp-landing .smp-hang-doc,.smp-landing .smp-luyen-luoi{grid-template-columns:1fr;gap:36px}
.smp-landing .smp-hang-doc .smp-tablet,.smp-landing .smp-luyen-luoi .smp-tablet{max-width:380px;margin:0 auto}
}
/* Giá gạch + đồng hồ ưu đãi */
.smp-landing .smp-gia-dong{display:flex;align-items:center;gap:10px;margin-top:12px}
.smp-landing .smp-gia-goc{text-decoration:line-through;color:var(--smp-cham-nhat);font-size:18px}
.smp-landing .smp-giam-pt{background:var(--smp-muc);color:#fff;font-weight:700;font-size:13px;border-radius:999px;padding:2px 9px}
.smp-landing .smp-the-gia.smp-pro .smp-tien{margin-top:2px}
.smp-landing .smp-dem-nguoc{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0 0;padding:10px 12px;border-radius:12px;background:#f6e9e2;font-size:14px;color:var(--smp-muc-dam);font-weight:500}
.smp-landing .smp-dem-nguoc>span:first-child{flex:1 0 100%}
.smp-landing .smp-o-dem{display:inline-flex;align-items:baseline;gap:3px;background:#fff;border-radius:8px;padding:4px 10px}
.smp-landing .smp-o-dem b{font:700 22px "Be Vietnam Pro";font-variant-numeric:tabular-nums;color:var(--smp-cham)}
.smp-landing .smp-o-dem small{font-size:12px;color:var(--smp-cham-nhat)}
/* Widget: ba thẻ tablet dọc */
.smp-landing .smp-widget-ba{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:8px}
.smp-landing .smp-widget-ba figure{margin:0}
.smp-landing .smp-widget-ba figcaption{margin-top:22px}
.smp-landing .smp-widget-ba h3{font-size:22px;margin:8px 0 6px}
.smp-landing .smp-widget-ba p{margin:0;color:var(--smp-cham-nhat);font-size:15px}
.smp-landing .smp-w-nhan{display:inline-block;font:600 12px "Be Vietnam Pro";letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--smp-muc);border-radius:999px;padding:3px 10px}
/* FAQ dạng tab: mỗi lần một nhóm, hai cột — không phải cuộn dài */
.smp-landing .smp-faq-tab{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px}
.smp-landing .smp-faq-tab>input{position:absolute;opacity:0;pointer-events:none}
.smp-landing .smp-faq-tab>label{min-height:42px;display:inline-flex;align-items:center;padding:0 18px;border-radius:999px;border:1.5px solid var(--smp-ke);background:var(--smp-be-mat);font-weight:600;font-size:15px;cursor:pointer}
.smp-landing .smp-faq-tab>input:checked+label{background:var(--smp-cham);border-color:var(--smp-cham);color:#fff}
.smp-landing .smp-faq-tab>input:focus-visible+label{outline:3px solid var(--smp-muc);outline-offset:3px}
.smp-landing .smp-faq-luoi{display:none;flex:1 0 100%;grid-template-columns:1fr 1fr;column-gap:40px;margin-top:18px;text-align:left}
.smp-landing #smp-faq0:checked~.smp-faq-luoi[data-nhom="0"],.smp-landing #smp-faq1:checked~.smp-faq-luoi[data-nhom="1"],.smp-landing #smp-faq2:checked~.smp-faq-luoi[data-nhom="2"],.smp-landing #smp-faq3:checked~.smp-faq-luoi[data-nhom="3"]{display:grid}
.smp-landing .smp-faq-luoi details{padding:14px 0}
@media (max-width:860px){
.smp-landing .smp-widget-ba{grid-template-columns:1fr;gap:44px}
.smp-landing .smp-widget-ba .smp-tablet{max-width:360px;margin:0 auto}
.smp-landing .smp-faq-luoi{grid-template-columns:1fr}
}
@media (max-width:860px){
.smp-landing .smp-gia{grid-template-columns:1fr}
.smp-landing .smp-top nav{display:none}
.smp-landing .smp-tablet{padding:9px;border-radius:18px}
.smp-landing .smp-tablet img{border-radius:8px}
}
@media (max-width:520px){
.smp-landing .smp-so-sanh th,.smp-landing .smp-so-sanh td{padding:10px 8px;font-size:14px}
.smp-landing .smp-hero .smp-btn{width:100%}
}

/* Trang bán ĐỨNG RIÊNG ở địa chỉ tên-miền/<đường-dẫn>/ (templates/page.php): bỏ lề mặc định của trình duyệt
   và lấy nền giấy kem cho cả trang, để không còn viền trắng quanh trang giới thiệu. */
body.smp-trang-rieng{margin:0;padding:0;background:#f5f4f1}

/* ---- BAN NHẠC qua LAN: một tablet trưởng bè + ba tablet thành viên, cùng trang, cùng nét khoanh ---- */
.smp-landing .smp-lan{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.35fr);gap:28px;align-items:center;max-width:1040px;margin:8px auto 0}
.smp-landing .smp-lan figure{margin:0;text-align:center}
.smp-landing .smp-lan figcaption{margin-top:12px;font-size:14px;color:var(--smp-cham-nhat);display:flex;align-items:center;justify-content:center;gap:6px}
.smp-landing .smp-lan figcaption i{width:8px;height:8px;border-radius:50%;background:var(--smp-xanh);flex:none}
.smp-landing .smp-lan-truong figcaption{font-weight:600;color:var(--smp-cham)}
.smp-landing .smp-lan-may{position:relative}
.smp-landing .smp-lan-khoanh{position:absolute;left:14%;top:27%;width:62%;height:9%;pointer-events:none}
.smp-landing .smp-lan-nhan{position:absolute;z-index:2;top:-12px;left:50%;transform:translateX(-50%);background:var(--smp-muc);color:#fff;font:700 11px "Be Vietnam Pro";letter-spacing:.12em;border-radius:999px;padding:5px 12px;white-space:nowrap;box-shadow:0 6px 16px -6px rgba(140,60,30,.6)}
.smp-landing .smp-lan-song{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--smp-muc);font-size:13px;font-weight:600}
.smp-landing .smp-lan-song svg{width:46px;height:46px}
.smp-landing .smp-lan-theo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.smp-landing .smp-lan-theo .smp-tablet{padding:8px 7px;border-radius:16px}
.smp-landing .smp-lan-theo .smp-tablet img{border-radius:7px}
.smp-landing .smp-lan-theo .smp-lan-khoanh path{stroke-width:3.4}
.smp-landing .smp-lan-buoc{list-style:none;counter-reset:smp-buoc;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1040px;margin:48px auto 0;padding:0}
.smp-landing .smp-lan-buoc li{counter-increment:smp-buoc;background:var(--smp-be-mat,#fff);border:1px solid var(--smp-ke);border-radius:14px;padding:18px 18px 18px 60px;position:relative;text-align:left}
.smp-landing .smp-lan-buoc li::before{content:counter(smp-buoc);position:absolute;left:18px;top:16px;width:30px;height:30px;border-radius:50%;background:var(--smp-cham);color:#fff;font-weight:700;display:grid;place-items:center;font-size:14px}
.smp-landing .smp-lan-buoc b{display:block;font-size:17px;margin-bottom:4px}
.smp-landing .smp-lan-buoc span{color:var(--smp-cham-nhat);font-size:15px}
@media (max-width:860px){
.smp-landing .smp-lan{grid-template-columns:1fr;gap:18px}
.smp-landing .smp-lan-truong .smp-tablet{max-width:300px;margin:0 auto}
.smp-landing .smp-lan-song{flex-direction:row}
.smp-landing .smp-lan-song svg{width:30px;height:30px;transform:rotate(180deg)}
.smp-landing .smp-lan-theo{max-width:420px;margin:0 auto;gap:12px}
.smp-landing .smp-lan-theo figcaption{font-size:13px}
.smp-landing .smp-lan-phu{display:none}
.smp-landing .smp-lan-buoc{grid-template-columns:1fr;margin-top:32px}
}

/* ---- ĐỔI NGÔN NGỮ (Tiếng Việt | English) ở thanh trên + liên kết pháp lý ở chân trang ----
   Có ở cả trang tiếng Việt và trang tiếng Anh. Điện thoại: nút đổi ngôn ngữ lên một hàng riêng phía trên,
   để logo và nút mua vẫn đủ chỗ trên màn 360px. */
.smp-landing .smp-top-phai{display:flex;align-items:center;gap:14px}
.smp-landing .smp-top nav.smp-ngon-ngu{display:inline-flex;align-items:center;gap:0;font-size:14px;border:1px solid var(--smp-ke);border-radius:999px;background:var(--smp-be-mat);padding:0 4px}
.smp-landing .smp-top nav.smp-ngon-ngu a{display:inline-flex;align-items:center;min-height:40px;padding:0 10px;color:var(--smp-cham-nhat);white-space:nowrap}
.smp-landing .smp-top nav.smp-ngon-ngu a:hover{color:var(--smp-cham)}
.smp-landing .smp-top nav.smp-ngon-ngu a[aria-current]{color:var(--smp-muc);font-weight:600}
.smp-landing .smp-ngon-ngu>span{color:var(--smp-ke)}
.smp-landing footer p+p{margin-top:8px}
.smp-landing .smp-phap-ly{display:flex;flex-wrap:wrap;align-items:center}
.smp-landing .smp-phap-ly a{display:inline-flex;align-items:center;min-height:40px;color:var(--smp-cham-nhat);text-decoration:underline;text-underline-offset:3px}
.smp-landing .smp-phap-ly>span{margin:0 10px}
.smp-landing .smp-phap-ly a:hover{color:var(--smp-muc)}
.smp-landing footer a[href^="mailto:"]{color:inherit;text-decoration:underline;text-underline-offset:3px}
/* Trang tiếng Anh: thẻ Pro chưa lên Google Play */
.smp-landing .smp-the-gia.smp-pro .smp-tien.smp-tien-chu{font-size:32px;line-height:1.15;margin:14px 0 6px}
.smp-landing .smp-btn.smp-btn-sap{background:#f6e9e2;color:var(--smp-muc-dam);border-color:#f6e9e2;cursor:default}
.smp-landing .smp-btn.smp-btn-sap:hover{background:#f6e9e2}
.smp-landing .smp-khong-ngat{white-space:nowrap}
.smp-landing .smp-vietqr{margin:12px 0 0;text-align:center}
.smp-landing .smp-vietqr a{display:inline-flex;align-items:center;min-height:40px}
/* Thêm nút đổi ngôn ngữ thì thanh trên chật hơn: dưới 1120px ẩn menu mục (như trên điện thoại), khỏi gãy chữ. */
.smp-landing .smp-top nav{white-space:nowrap}
@media (max-width:1120px){
.smp-landing .smp-top nav:not(.smp-ngon-ngu){display:none}
}
@media (max-width:560px){
.smp-landing header.smp-top{flex-wrap:wrap;row-gap:4px;padding-top:8px}
.smp-landing .smp-top-phai{display:contents}
.smp-landing header.smp-top::before{content:"";order:-1;flex-basis:100%;height:0}
.smp-landing .smp-top nav.smp-ngon-ngu{order:-2;margin-left:auto}
}