/* Section từng loại trang: hero, báo giá nhanh, cửa hàng, gian, dịch vụ, bài viết, bảng giá, liên hệ, danh sách bài, 404. */

/* Hero (trang chủ, gian) */
.smt-hero{padding-block:var(--smt-space-6) var(--smt-space-7);background:var(--smt-bg)}
.smt-hero__grid{display:grid;gap:var(--smt-space-6);align-items:center}
.smt-hero__grid > *{min-width:0}
@media (min-width:768px){.smt-hero__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--smt-space-7)}}
.smt-hero h1{margin-bottom:var(--smt-space-3);text-wrap:balance}   /* tránh dòng cuối chỉ còn 1 chữ lẻ */
.smt-hero .smt-lead{margin-bottom:var(--smt-space-5)}
.smt-hero--over h1{text-wrap:pretty}   /* H1 trang chủ dùng hết bề ngang, không cân 2 dòng bằng nhau (chừa trống bên phải), pretty vẫn tránh chữ lẻ ở dòng cuối */
.smt-hero__illu{justify-self:center;width:100%;max-width:440px}
.smt-hero__illu:has(.smt-photo){justify-self:end;max-width:none}
@media (max-width:767px){.smt-hero__illu:not(:has(.smt-photo)){display:none}.smt-hero__illu:has(.smt-photo){justify-self:stretch;order:-1}.smt-hero__illu .smt-photo{aspect-ratio:16/10}}   /* dưới 768 minh hoạ xếp dưới chữ, chỉ đẩy nút / nội dung xuống */
/* Trang chủ mobile: ảnh tràn hết bề ngang, không bo góc, sát header; H1 + câu giới thiệu nằm đè đáy ảnh trên lớp tối mờ dần; nút gọi nằm ngay dưới ảnh.
   Lưới 4 hàng: ảnh trải hàng 1-3, H1 hàng 2, câu giới thiệu hàng 3, nút hàng 4 (hàng 1 co giãn nên chữ luôn dính đáy ảnh). */
@media (max-width:767px){
.smt-hero--over{padding-top:0}
.smt-hero--over .smt-hero__text{display:contents}
.smt-hero--over .smt-hero__grid{gap:0;grid-template-rows:1fr auto auto auto}
.smt-hero--over .smt-hero__illu{grid-area:1/1/4/2;position:relative;width:auto;margin-inline:calc(var(--smt-gutter) * -1)}
.smt-hero--over .smt-hero__illu .smt-photo{aspect-ratio:5/4;border-radius:0}
.smt-hero--over .smt-hero__illu::after{content:"";position:absolute;inset:auto 0 0;height:80%;background:linear-gradient(to top,var(--smt-scrim) 0,var(--smt-scrim-mid) 55%,transparent);pointer-events:none}
.smt-hero--over h1{grid-area:2/1;position:relative;z-index:1;margin:0;padding-top:var(--smt-space-5);font-size:var(--smt-fs-xl);color:var(--smt-on-fill)}
.smt-hero--over .smt-lead{grid-area:3/1;position:relative;z-index:1;margin:0;padding-block:var(--smt-space-2) var(--smt-space-5);color:var(--smt-on-fill)}
.smt-hero--over .smt-btns{grid-area:4/1;margin-top:var(--smt-space-5)}
}
@media (min-width:600px) and (max-width:767px){.smt-hero--over .smt-hero__illu .smt-photo{aspect-ratio:16/10}.smt-hero--over h1{font-size:var(--smt-fs-2xl)}}
.smt-hero .smt-crumb{padding-block:0;margin-bottom:var(--smt-space-5)}
.smt-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--smt-space-3);margin:0;padding:0;list-style:none}   /* dải navy riêng dưới hero, dàn hết bề ngang */
@media (min-width:768px){.smt-trust{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Mỗi ý 1 hộp, chữ căn trái: hộp bằng nhau nên 4 ý luôn cân */
/* Cùng kiểu "Quy trình": dải navy, thẻ kính mờ viền sáng, icon ô đỏ */
.smt-trust li{display:flex;align-items:center;gap:var(--smt-space-3);padding:var(--smt-space-4);border:1px solid rgb(255 255 255 / .22);border-radius:var(--smt-radius);background:rgb(255 255 255 / .07);font-size:var(--smt-fs-sm);line-height:1.4;color:var(--smt-ftr-ink);text-align:start}
.smt-trust .smt-i{box-sizing:content-box;flex:none;width:24px;height:24px;padding:var(--smt-space-2);border-radius:var(--smt-radius);background:var(--smt-red);color:var(--smt-on-fill);stroke-width:2}
.smt-trust b{display:block;color:var(--smt-on-fill);font-size:var(--smt-fs-md);font-weight:var(--smt-fw-700)}
/* Tablet to (768-1119): 4 ô hẹp (~220px) nên xếp icon trên, chữ dưới thay vì ép chữ xuống dòng lẻ cạnh icon */
@media (min-width:768px) and (max-width:1119px){.smt-trust li{flex-direction:column;align-items:flex-start;gap:var(--smt-space-3)}}
@media (max-width:767px){.smt-trust li{gap:var(--smt-space-2);padding:var(--smt-space-4)}.smt-trust .smt-i{width:20px;height:20px;padding:5px}.smt-trust b{font-size:var(--smt-fs-base)}}   /* mobile / tablet: 2 cột hẹp nên thu gọn icon + khoảng cách để chữ nằm cạnh icon */

/* Báo giá nhanh */
.smt-quote{display:grid;gap:var(--smt-space-4);align-items:end}
@media (min-width:768px){.smt-quote{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}}
.smt-quote__out{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px var(--smt-space-4);margin-top:var(--smt-space-4);padding:var(--smt-space-4) var(--smt-space-5);border-inline-start:3px solid var(--smt-red);background:var(--smt-surface);font-size:var(--smt-fs-sm);color:var(--smt-muted)}
.smt-quote__label{grid-column:1;font-size:var(--smt-fs-xs);text-transform:uppercase;letter-spacing:.04em}
.smt-quote__out .smt-price{grid-column:1;font-size:var(--smt-fs-lg);line-height:1.25;white-space:normal}
.smt-quote__note{grid-column:1}
.smt-quote__note:empty{display:none}
.smt-quote__out .smt-btn{grid-column:2;grid-row:1 / span 3}

/* Cửa hàng + bản đồ */
.smt-store{display:grid;gap:var(--smt-space-5)}   /* chữ ở trên, 2 thẻ bản đồ cạnh nhau ở dưới, khu vực cuối cùng */
.smt-store h2{margin-bottom:var(--smt-space-3)}
.smt-store > div > p.smt-muted{font-size:var(--smt-fs-sm)}
.smt-store__areas{margin:0;font-size:var(--smt-fs-sm);color:var(--smt-muted);line-height:1.9}
.smt-store__areas a{white-space:nowrap}

/* Thẻ dịch vụ (trong gian) */
.smt-svc .smt-card__foot .smt-badge{margin-inline-start:auto}

/* Bài viết + trang dịch vụ */
.smt-article h1{margin-bottom:var(--smt-space-2);font-size:var(--smt-fs-2xl)}
.smt-article__date{display:flex;flex-wrap:wrap;gap:var(--smt-space-1) var(--smt-space-4);margin-bottom:var(--smt-space-5);font-size:var(--smt-fs-sm);color:var(--smt-muted)}
.smt-article__date span{display:inline-flex;align-items:center;gap:6px}
.smt-article > .smt-cta{margin-bottom:var(--smt-space-5)}
.smt-toc{margin-bottom:var(--smt-space-5);padding:var(--smt-space-4) var(--smt-space-5);border-radius:var(--smt-radius);background:var(--smt-bg);font-size:var(--smt-fs-sm)}
.smt-toc summary{font-weight:var(--smt-fw-700);color:var(--smt-heading);cursor:pointer;min-height:var(--smt-tap);display:flex;align-items:center}
.smt-toc ol{margin:var(--smt-space-2) 0 0;padding-inline-start:20px}
.smt-toc li{padding-block:3px}
.smt-toc a{text-decoration:none}
.smt-toc a:hover{color:var(--smt-red)}
.smt-after{display:grid;gap:var(--smt-space-6);margin-top:var(--smt-space-6)}
.smt-after h2{font-size:var(--smt-fs-xl);margin-bottom:var(--smt-space-4)}

/* Nội dung bài (cả bài cũ): chữ dễ đọc, ảnh không tràn, bảng cuộn ngang */
.smt-prose{font-size:var(--smt-fs-md);line-height:1.75}
.smt-prose > *{margin-block:0 var(--smt-space-4)}
.smt-prose h2{margin-top:var(--smt-space-6);margin-bottom:var(--smt-space-3);font-size:var(--smt-fs-xl);scroll-margin-top:calc(var(--smt-hdr-h) + 16px)}
.smt-prose h3{margin-top:var(--smt-space-5);margin-bottom:var(--smt-space-2);font-size:var(--smt-fs-lg);scroll-margin-top:calc(var(--smt-hdr-h) + 16px)}
.smt-prose h4{margin-top:var(--smt-space-4);margin-bottom:var(--smt-space-2);font-size:var(--smt-fs-md)}
.smt-prose h1{font-size:var(--smt-fs-xl);margin-block:var(--smt-space-5) var(--smt-space-3)}   /* vài bài cũ có H1 trong thân bài */
.smt-prose a{color:var(--smt-navy);text-decoration:underline}
.smt-prose a:hover{color:var(--smt-red)}
.smt-prose ul,.smt-prose ol{padding-inline-start:1.4em}
.smt-prose li{margin-bottom:var(--smt-space-1)}
.smt-prose img{display:block;max-width:100%;height:auto;border-radius:var(--smt-radius)}
.smt-prose .aligncenter,.smt-prose img.aligncenter{margin-inline:auto}
.smt-prose .alignleft{float:inline-start;margin-inline-end:var(--smt-space-4);max-width:50%}
.smt-prose .alignright{float:inline-end;margin-inline-start:var(--smt-space-4);max-width:50%}
@media (max-width:599px){.smt-prose .alignleft,.smt-prose .alignright{float:none;max-width:100%;margin-inline:0}}
.smt-prose::after{content:"";display:table;clear:both}
.smt-prose figure,.smt-prose .wp-caption{max-width:100%!important;margin-inline:0} /* !important: WP in width="…px" inline vào .wp-caption của bài cũ, tràn màn hình nhỏ */
.smt-prose figcaption,.smt-prose .wp-caption-text{margin-top:var(--smt-space-2);font-size:var(--smt-fs-xs);color:var(--smt-muted);text-align:center}
.smt-prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:var(--smt-fs-sm)}
.smt-prose th,.smt-prose td{padding:8px 10px;border:1px solid var(--smt-divider);vertical-align:top}
.smt-prose blockquote{margin-inline:0;padding:var(--smt-space-3) var(--smt-space-4);border-inline-start:3px solid var(--smt-navy);background:var(--smt-bg)}
.smt-prose iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0}
html[data-theme="dark"] .smt-prose [style*="color"]{color:inherit!important} /* !important: bài cũ gõ màu chữ inline (đen / đỏ) không đọc được ở chế độ tối */
.smt-prose hr{border:0;border-top:1px solid var(--smt-divider);margin-block:var(--smt-space-5)}

/* Danh sách bài (danh mục, thẻ, kinh nghiệm, tìm kiếm) */
.smt-archive__head{padding-block:var(--smt-space-5) var(--smt-space-6)}
.smt-archive__head h1{font-size:var(--smt-fs-2xl);margin-bottom:var(--smt-space-2)}
.smt-archive__desc{max-width:var(--smt-content);color:var(--smt-muted)}
.smt-archive__desc p:last-child{margin:0}
.smt-empty{padding:var(--smt-space-6) 0;color:var(--smt-muted)}

/* Bảng giá (trang) */
.smt-prices__jump{margin-top:var(--smt-space-5)}
.smt-prices__group{padding-top:var(--smt-space-6);scroll-margin-top:calc(var(--smt-hdr-h) + 16px)}
.smt-prices__group h2{display:flex;align-items:center;gap:var(--smt-space-3);margin-bottom:var(--smt-space-4);font-size:var(--smt-fs-xl)}
.smt-prices__group h2 .smt-i{color:var(--smt-red)}
.smt-prices__group h2 a{display:inline-flex;align-items:center;min-height:var(--smt-tap);text-decoration:none}

/* Liên hệ */
.smt-contact{display:grid;gap:var(--smt-space-6);padding-block:var(--smt-space-5) var(--smt-space-7)}
@media (min-width:768px){.smt-contact{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}
.smt-contact .smt-card{flex-direction:row;align-items:center;gap:var(--smt-space-4)}
.smt-contact .smt-card__ico{margin:0}
.smt-contact .smt-card h2{font-size:var(--smt-fs-md);margin-bottom:2px}

/* 404 */
.smt-404{padding-block:var(--smt-space-7);text-align:center}
.smt-404 h1{font-size:var(--smt-fs-2xl);margin-bottom:var(--smt-space-3)}
.smt-404 .smt-btns{justify-content:center;margin-top:var(--smt-space-5)}

/* Khung tìm kiếm (search.js nạp khi bấm kính lúp) */
.smt-search{position:fixed;inset:0;z-index:80;visibility:hidden;transition:visibility 0s var(--smt-dur-fast)}
.smt-search.is-open{visibility:visible;transition:none}
.smt-search__bg{position:absolute;inset:0;background:var(--smt-overlay);opacity:0;transition:opacity var(--smt-dur-fast)}
.smt-search.is-open .smt-search__bg{opacity:1}
.smt-search__panel{position:relative;display:flex;flex-direction:column;height:100%;background:var(--smt-surface);opacity:0;transform:translateY(-8px);transition:opacity var(--smt-dur-fast),transform var(--smt-dur-fast)}
.smt-search.is-open .smt-search__panel{opacity:1;transform:none}
@media (min-width:768px){.smt-search__panel{height:auto;max-height:min(640px,80vh);max-width:720px;margin:8vh auto 0;border-radius:var(--smt-radius-panel);box-shadow:var(--smt-shadow-pop);overflow:hidden}}
.smt-search__bar{display:flex;align-items:center;gap:var(--smt-space-2);min-height:var(--smt-hdr-h);padding-inline:var(--smt-gutter) var(--smt-space-2);border-bottom:1px solid var(--smt-divider)}
.smt-search__bar > .smt-i{color:var(--smt-muted)}
.smt-search__bar input{flex:1;min-width:0;height:var(--smt-tap);border:0;outline:0;background:none;color:var(--smt-ink);font-size:var(--smt-fs-base);text-overflow:ellipsis}
.smt-search__bar input::placeholder{color:var(--smt-muted)}
.smt-search__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--smt-space-2) var(--smt-gutter) var(--smt-space-5)}
.smt-search__body h2{margin:var(--smt-space-4) 0 var(--smt-space-2);font-size:var(--smt-fs-xs);font-weight:var(--smt-fw-600);color:var(--smt-muted);text-transform:uppercase;letter-spacing:.04em}
.smt-sres{display:flex;align-items:center;gap:var(--smt-space-3);min-height:56px;padding:var(--smt-space-2);margin-inline:calc(-1 * var(--smt-space-2));border-radius:var(--smt-radius);text-decoration:none;color:var(--smt-ink)}
.smt-sres > .smt-i:first-child{box-sizing:content-box;flex:none;width:24px;height:24px;padding:var(--smt-space-2);border-radius:var(--smt-radius);background:var(--smt-navy-soft)}   /* icon trong ô nền, cùng kiểu icon dịch vụ */
a.smt-sres:hover,.smt-sres:has(a.smt-sres__t:hover){background:var(--smt-hover)}
.smt-sres > .smt-i{color:var(--smt-navy)}
.smt-sres__t{flex:1;min-width:0;text-decoration:none;color:inherit}
.smt-sres__t b{display:block;font-weight:var(--smt-fw-600);line-height:1.35}
.smt-sres__t small{display:block;margin-top:2px;color:var(--smt-muted);font-size:var(--smt-fs-xs);line-height:1.4}
.smt-sres mark{background:none;color:var(--smt-red);font-weight:var(--smt-fw-700)}
.smt-search__ai{display:flex;align-items:center;gap:var(--smt-space-3);width:100%;min-height:var(--smt-tap);margin-top:var(--smt-space-4);padding:var(--smt-space-3) var(--smt-space-4);border:1px dashed var(--smt-navy);border-radius:var(--smt-radius);background:var(--smt-navy-soft);color:var(--smt-heading);font-size:var(--smt-fs-sm);font-weight:var(--smt-fw-600);text-align:start;text-decoration:none;cursor:pointer}
.smt-search__none{padding:var(--smt-space-4) 0 0;color:var(--smt-muted);font-size:var(--smt-fs-sm)}

/* Khoảng cách phụ của các section */
.smt-sec__note{margin:var(--smt-space-3) 0 0;font-size:var(--smt-fs-sm)}
.smt-sec__after{margin-top:var(--smt-space-5)}
.smt-sec__after .smt-cta__t{display:inline-flex;align-items:center;gap:var(--smt-space-2);font-weight:var(--smt-fw-500)}
.smt-sec__after .smt-cta__t .smt-i{color:var(--smt-red)}
.smt-sec__end{height:var(--smt-space-7)}
.smt-sec--flush{padding-block:var(--smt-space-6) 0}
.smt-archive__cta{margin-bottom:var(--smt-space-6)}
.smt-box__btns{margin-top:var(--smt-space-4)}
.smt-box__btns .smt-btn{flex:1 1 100%}
.smt-box__note{margin:var(--smt-space-3) 0 0;font-size:var(--smt-fs-sm)}
.smt-page{padding-block:var(--smt-space-5) 0}
.smt-page__title{font-size:var(--smt-fs-2xl);margin-bottom:var(--smt-space-4)}
.smt-page--doc > .smt-prose{padding-bottom:var(--smt-space-7)}
.smt-page > .smt-prose:last-child{margin-bottom:0}
.smt-page__trust{margin-block:var(--smt-space-5)}
.smt-article__body{margin-top:var(--smt-space-6)}
.smt-layout .smt-page__title{margin-top:0}
/* Form Contact Form 7 trong bài / trang cũ (Sơ đồ chỉ đường): ô nhập có size="40" tràn màn hình nhỏ */
.smt-prose .wpcf7 :is(input:not([type=submit]):not([type=checkbox]):not([type=radio]),textarea,select){width:100%;max-width:100%;min-height:var(--smt-tap);padding:10px 12px;border:1px solid var(--smt-divider);border-radius:var(--smt-radius);background:var(--smt-surface);color:var(--smt-ink);font-size:var(--smt-fs-base)}
.smt-prose .wpcf7 [type=submit]{min-height:var(--smt-tap);padding:0 20px;border:0;border-radius:var(--smt-radius);background:var(--smt-red);color:var(--smt-on-fill);font-weight:var(--smt-fw-600);cursor:pointer}
.smt-prose .wpcf7 label{display:block;font-weight:var(--smt-fw-600)}

/* Bài cũ gõ font / cỡ chữ inline (Times New Roman, 18pt…): in ra theo font + cỡ của web cho đồng bộ, không sửa bài */
.smt-prose [style*="font-family"]{font-family:inherit!important} /* !important: đè style inline trong bài cũ */
.smt-prose span[style*="font-size"],.smt-prose strong[style*="font-size"],.smt-prose p[style*="font-size"]{font-size:inherit!important} /* !important: như trên */

/* Hộp dịch vụ trên đầu bài cũ: mobile xếp 3 nút đều 1 hàng */
.smt-cta__price{white-space:nowrap}
@media (max-width:599px){.smt-cta .smt-btns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:var(--smt-space-2)}.smt-cta .smt-btn{padding-inline:var(--smt-space-2)}}
/* Plugin sao đánh giá cũ (kk Star Ratings) trong bài */
.kk-star-ratings .kksr-legend{font-size:var(--smt-fs-sm);color:var(--smt-muted)}
.smt-contact-page{padding-top:var(--smt-space-5)}
/* Khung Flatsome cũ trong bài (smt-core/inc/legacy.php): hàng / cột đơn giản */
.smt-ux-row{display:grid;gap:var(--smt-space-5)}
@media (min-width:768px){.smt-ux-row:has(> .smt-ux-col--6){grid-template-columns:repeat(2,minmax(0,1fr))}}
.smt-ux-row > *,.smt-ux-col > :last-child{min-width:0;margin-bottom:0}
.smt-legacy-form{padding:var(--smt-space-5);border:1px solid var(--smt-divider);border-radius:var(--smt-radius)}
.smt-prose .smt-legacy-form label{display:grid}
.smt-prose .smt-legacy-form .smt-btn{color:var(--smt-on-fill);text-decoration:none}
/* Bài cũ dựng bằng Flatsome để lại nhiều <p> rỗng (chỉ chứa span rỗng / khoảng trắng): ẩn để không thành khoảng trắng lớn */
.smt-prose p:empty,.smt-prose p:has(> span:empty:only-child),.smt-prose p:has(> br:only-child){display:none}
.smt-search-svc{margin-bottom:var(--smt-space-5)}
/* Màn nhỏ (<400): 4 cam kết + 3 nút trong hộp dịch vụ vừa khít */
@media (max-width:399px){
	.smt-trust{column-gap:var(--smt-space-3)}
	.smt-trust li{padding:var(--smt-space-4) var(--smt-space-3);font-size:var(--smt-fs-xs)}
	.smt-cta .smt-btn .smt-i{display:none}
}
.smt-ux-row{row-gap:var(--smt-space-2)}
.smt-cta__t{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px var(--smt-space-2)}
.smt-cta__t .smt-price{margin-inline-start:0}

/* Dải logo thương hiệu chạy ngang (CSS thuần, 2 bản list nối nhau chạy -50% để vòng lặp liền; không dừng khi rê chuột; ai chọn giảm chuyển động thì đứng yên, xếp nhiều hàng) */
.smt-brands{padding-block:var(--smt-space-5);background:var(--smt-surface);border-bottom:1px solid var(--smt-divider);overflow:hidden}
.smt-brands__track{display:flex;width:max-content;animation:smt-brands 45s linear infinite}
.smt-brands__list{display:flex;align-items:center;flex:none;gap:var(--smt-space-6);margin:0;padding:0 var(--smt-space-3);list-style:none}
.smt-brands__list li{display:flex;align-items:center;justify-content:center;height:40px}
.smt-brands img{display:block;width:auto;height:auto;max-width:none;}
/* cao từng logo theo thuộc tính height (không dùng style=""; base.css đặt img{height:auto} nên phải ghi lại) */
.smt-brands img[height="15"]{height:15px}.smt-brands img[height="17"]{height:17px}.smt-brands img[height="20"]{height:20px}.smt-brands img[height="21"]{height:21px}.smt-brands img[height="23"]{height:23px}.smt-brands img[height="28"]{height:28px}.smt-brands img[height="30"]{height:30px}.smt-brands img[height="34"]{height:34px}
html:root[data-theme="dark"] .smt-brands{background:var(--smt-logo-strip)}   /* logo giữ màu thật nên nền dải luôn sáng, kể cả chế độ tối */
@keyframes smt-brands{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
	.smt-brands__track{width:auto;flex-wrap:wrap;justify-content:center;animation:none}
	.smt-brands__list{flex-wrap:wrap;justify-content:center;gap:var(--smt-space-4) var(--smt-space-5)}
	.smt-brands__list[aria-hidden]{display:none}
}