/* Web522 – công ty địa ốc (nâu + cam, Mulish). Kích thước đo từ ảnh hiển thị của mẫu tham khảo; mã CSS viết mới. */
:root{--br:#693a2b;--br2:#4f2a1f;--or:#f2994a;--or2:#e27f22;--gr:#2f9e5a;--bl:#2f9e5a;--red:#c0392b;--navy:#4a2c20;--tx:#333;--hd:#3a2118;--bd:#e8e2de;--bg2:#f8f7f6;--ft:#f8f7f6;
 --theme-font-family:'Mulish',sans-serif;--theme-text-color:#333;--theme-link-initial-color:#4a2c20;--theme-link-hover-color:#f2994a;--theme-palette-color-1:#693a2b;--theme-palette-color-2:#f2994a;
 --theme-button-background-initial-color:#693a2b;--theme-button-background-hover-color:#f2994a;--theme-button-text-initial-color:#fff;--theme-button-text-hover-color:#fff;--theme-border-radius:99px;--theme-headings-color:#3a2118;--theme-form-field-border-initial-color:#ddd;--theme-form-field-border-focus-color:#f2994a}
html{font-size:100%}
body.w22{font-family:'Mulish',sans-serif;font-size:16px;line-height:1.6;color:var(--tx);background:#fff;-webkit-font-smoothing:antialiased}
.w22 *,.w22 *:before,.w22 *:after{box-sizing:border-box}
.w22 a{color:var(--navy);text-decoration:none}.w22 a:hover{color:var(--or)}
.w22 h1,.w22 h2,.w22 h3,.w22 h4{font-family:'Mulish',sans-serif;color:var(--hd);margin-top:0;font-weight:800;line-height:1.3}
.w22 img{max-width:100%;height:auto}
.w22-i{display:inline-block;vertical-align:middle;flex:none}
.w22-wrap{width:100%;max-width:1170px;margin:0 auto;padding:0 15px}
.w22 #header,.w22 header.ct-header,.w22 .ct-drawer-canvas,.w22 footer.ct-footer,.w22 #footer.ct-footer,.w22 .ct-back-to-top{display:none!important}
.w22 main#main{padding:0!important;margin:0!important;min-height:0}
.w22 #main-container{background:transparent}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.w22-btn{display:inline-flex;align-items:center;gap:7px;background:var(--or);color:#fff!important;font:700 16px/1 'Mulish',sans-serif;padding:13px 26px;border-radius:99px;transition:.2s;border:0;cursor:pointer}
.w22-btn:hover{background:var(--br)}
.w22-btn-o{background:var(--br)}.w22-btn-o:hover{background:var(--or)}
.w22-box{background:#fff;border-radius:14px;box-shadow:0 2px 20px rgba(105,58,43,.14);padding:26px}

/* ===== HEADER ===== */
.w22-header{position:relative;z-index:60}
.w22-top{background:#e0e0e0;height:40px;color:#333;font-size:14px}
.w22-top .w22-wrap{height:40px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.w22-top a{color:#333!important}.w22-top a:hover{color:var(--or2)!important}
.w22-top-l,.w22-top-r{display:flex;align-items:center;gap:20px;min-width:0}
.w22-top-l>*{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.w22-top-l .w22-i,.w22-top-l a{color:var(--br)}.w22-top-l a{font-weight:700}
.w22-top-r>a{font-weight:600;white-space:nowrap}
.w22-main{position:relative;background:var(--br)}
.w22-main>.w22-wrap{height:60px;display:flex;align-items:center;gap:22px}
.w22-logo{flex:none;display:block}.w22-logo img{display:block;width:150px;height:auto;max-height:54px;object-fit:contain}
.w22-nav-m{flex:1 1 auto;min-width:0}
.w22-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:22px}
.w22-menu>li{position:relative}
.w22-menu>li>a{display:flex;align-items:center;gap:4px;height:60px;color:#fff!important;font:600 15px/1 'Mulish',sans-serif;white-space:nowrap}
.w22-menu>li:hover>a,.w22-menu>li.current-menu-item>a,.w22-menu>li.current-menu-ancestor>a,.w22-menu>li.current-menu-parent>a{color:var(--or)!important;font-weight:800}
.w22-menu .sub-menu{position:absolute;left:-14px;top:100%;min-width:230px;list-style:none;margin:0;padding:8px 0;background:#fff;border-radius:0 0 10px 10px;box-shadow:0 8px 22px rgba(60,30,20,.2);opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s;z-index:70;border-top:3px solid var(--or)}
.w22-menu li:hover>.sub-menu,.w22-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.w22-menu .sub-menu a{display:block;padding:9px 20px;font-size:14.5px;font-weight:600;color:#4a2c20}
.w22-menu .sub-menu a:hover{color:var(--or2);background:var(--bg2)}
.w22-hot{flex:none;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 20px 0 14px;border-radius:99px;background:var(--or);color:#fff!important;font:800 15px/1 'Mulish',sans-serif}
.w22-hot:hover{background:#fff;color:var(--br)!important}
.w22-hs{position:relative;flex:none;width:210px;display:flex}
.w22-hs input[type=search]{width:100%;height:28px;border:0;border-radius:99px;background:#fff;color:#333;padding:0 32px 0 14px;font-size:13px;outline:0;box-shadow:none;margin:0}
.w22-hs input::placeholder{color:#8a7a74}
.w22-hs button{position:absolute;right:0;top:0;height:28px;width:30px;border:0;background:none;color:var(--br);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.w22-mbtn{display:none;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;align-items:center;justify-content:center;cursor:pointer;padding:0}
.w22-mbtn[aria-expanded=true]{background:var(--or)}
.w22-msearch{display:none}
.w22-drawer{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:.25s}
.w22-drawer.is-open{opacity:1;visibility:visible}
.w22-drawer-in{position:absolute;right:0;top:0;bottom:0;width:300px;max-width:86%;background:var(--br);overflow-y:auto;transform:translateX(100%);transition:.25s;padding:56px 0 20px}
.w22-drawer.is-open .w22-drawer-in{transform:none}
.w22-drawer-x{position:absolute;right:8px;top:8px;width:40px;height:40px;border:0;background:none;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}
.w22-dmenu{list-style:none;margin:0;padding:0}
.w22-dmenu li{border-bottom:1px solid rgba(255,255,255,.14);position:relative}
.w22-dmenu a{display:block;padding:13px 52px 13px 22px;color:#fff!important;font-size:15.5px;font-weight:700}
.w22-dmenu .current-menu-item>a{color:var(--or)!important}
.w22-dmenu .sub-menu{list-style:none;margin:0;padding:0 0 6px;display:none;background:rgba(0,0,0,.16)}
.w22-dmenu .sub-menu a{font-weight:500;padding:9px 20px 9px 36px;font-size:14.5px}
.w22-dmenu li.is-open>.sub-menu{display:block}
.w22-dmenu .sub-menu li{border:0}
.w22-dtog{position:absolute;right:4px;top:4px;width:42px;height:42px;border:0;background:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:.2s}
.w22-dmenu li.is-open>.w22-dtog{transform:rotate(180deg)}
.w22-drawer-ct{margin:18px 22px 0;font-size:14.5px;display:flex;flex-direction:column;gap:9px}
.w22-drawer-ct a{color:#fff!important;display:flex;align-items:center;gap:7px}
body.w22-noscroll{overflow:hidden}

/* ===== KHỐI CHUNG ===== */
.w22-sec-h{margin-bottom:18px}
.w22-sec-h h2{font-size:25px;line-height:1.2;margin:0;color:var(--br);font-weight:800}
.w22-sec-h p{margin:8px 0 0;font-size:15px;color:#555}
.w22-grid{display:grid;gap:20px}
.w22-grid-2{grid-template-columns:repeat(2,1fr)}.w22-grid-3{grid-template-columns:repeat(3,1fr)}.w22-grid-4{grid-template-columns:repeat(4,1fr)}
.w22-more{text-align:right;margin-top:18px}
.w22-more-l{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:14.4px;color:var(--br)!important}.w22-more-l:hover{color:var(--or2)!important}
.w22-card{background:#fff;border-radius:6px;box-shadow:0 2px 20px rgba(105,58,43,.2);display:flex;flex-direction:column;transition:.25s;overflow:hidden}
.w22-card:hover{transform:translateY(-3px);box-shadow:0 8px 26px rgba(105,58,43,.28)}
.w22-card-im{position:relative;display:block;aspect-ratio:268/188;overflow:hidden;background:#eee}
.w22-card-im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.w22-card:hover .w22-card-im img{transform:scale(1.05)}
.w22-tag{position:absolute;left:10px;bottom:10px;background:var(--gr);color:#fff;font-size:11px;font-weight:800;padding:3px 10px;border-radius:3px;text-transform:uppercase;letter-spacing:.2px}
.w22-tag-cho-thue{background:#2b7bb9}.w22-tag-du-an{background:#c4552b}
.w22-st{position:absolute;right:10px;top:10px;background:var(--red);color:#fff;font-size:11px;font-weight:800;padding:3px 9px;border-radius:3px}
.w22-card-tx{padding:15px;flex:1;display:flex;flex-direction:column;font-size:14.4px;line-height:1.6}
.w22-card-t{color:#222!important;font-weight:800;font-size:15.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:43px}
.w22-card-t:hover{color:var(--or2)!important}
.w22-card-m{display:flex;flex-wrap:wrap;align-items:center;gap:2px 14px;margin-top:8px;font-size:13px;color:#444}
.w22-card-m .pr{color:var(--or2);font-size:15.5px;font-weight:800}
.w22-card-m .ar{display:inline-flex;align-items:center;gap:4px}
.w22-card-m .pm{color:var(--or);font-size:12.5px}
.w22-card-ad{display:flex;gap:5px;margin:8px 0 0;font-size:13px;color:#555;line-height:1.45}.w22-card-ad .w22-i{color:var(--br);margin-top:3px}
.w22-card-ad span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* hero: nền nâu, chữ giữa */
.w22-hero{position:relative;overflow:hidden;background:var(--br)}
.w22-slide{display:block;position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s}
.w22-slide:first-child{position:relative}
.w22-slide.is-on{opacity:1;visibility:visible;z-index:1}
.w22-slide img{display:block;width:100%;height:446px;object-fit:cover}
.w22-hero-tx{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;background:rgba(105,58,43,.66)}
.w22-hero-tx .t{margin:0;color:#fff;font:800 46px/1.2 'Mulish',sans-serif}
.w22-hero-tx .s{margin:10px auto 22px;max-width:640px;color:#fff;font-size:18px}
.w22-hero-tx .w22-btn{font-size:16px;padding:12px 28px}
.w22-dots{position:absolute;left:0;right:0;bottom:16px;z-index:3;display:flex;justify-content:center;gap:8px}
.w22-dots button{width:9px;height:9px;border-radius:50%;border:0;background:rgba(255,255,255,.5);padding:0;cursor:pointer}.w22-dots button.is-on{background:#fff}
/* thanh lọc */
.w22-search{background:#f5f5f5;padding:10px 0}
.w22-search-t{margin:0 0 6px;font-weight:800;color:var(--br)}
.w22-sf{display:grid;grid-template-columns:1.5fr repeat(4,1fr) auto;gap:8px;align-items:center}
.w22-f{display:block;margin:0}
.w22-sf input[type=search],.w22-sf select{width:100%;height:36px;border:0;border-radius:3px;background:#fff;padding:0 10px;font:400 13px 'Mulish',sans-serif;color:#555;margin:0;box-shadow:none}
.w22-sf select{padding-right:22px;border-right:1px solid #eee}
.w22-sf-b{height:34px;border:0;border-radius:99px;background:var(--br);color:#fff;font:700 13px 'Mulish',sans-serif;padding:0 18px;cursor:pointer;display:flex;align-items:center;gap:6px}
.w22-sf-b:hover{background:var(--or2)}
.w22-sf-b .w22-i{display:none}
/* giới thiệu (trang con) */
.w22-intro{padding:40px 0}
.w22-intro-row{display:flex;align-items:center;gap:36px}
.w22-intro.is-rev .w22-intro-row{flex-direction:row-reverse}
.w22-intro-tx{flex:1 1 50%}
.w22-intro-tx h2{font-size:25px;margin:0 0 14px;color:var(--br)}
.w22-intro-p{color:#444;line-height:1.85;font-size:16px}
.w22-intro-p p{margin:0 0 10px}
.w22-intro-im{flex:1 1 50%}
.w22-intro-im img{display:block;width:100%;border-radius:6px;box-shadow:0 2px 20px rgba(105,58,43,.2)}
.w22-intro .w22-btn{margin-top:12px}
/* lưới BĐS */
.w22-bds{padding:40px 0 10px}
.w22-bds+.w22-bds{padding-top:30px}
/* khu vực + danh mục */
.w22-areas,.w22-cats{padding:30px 0 6px}
.w22-area{position:relative;display:block;aspect-ratio:380/160;overflow:hidden;background:var(--br);border-radius:4px}
.w22-area img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.w22-area:hover img{transform:scale(1.06)}
.w22-area:after{content:"";position:absolute;inset:0;background:rgba(40,20,12,.32)}
.w22-area-tx{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff}
.w22-area-tx b{font-size:28px;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 6px rgba(0,0,0,.4)}
.w22-area-tx i{font-style:normal;font-size:12.5px;background:rgba(105,58,43,.82);padding:2px 12px;border-radius:99px}
.w22-cat{display:block;background:var(--br);border-radius:3px;overflow:hidden;transition:.25s}
.w22-cat img{display:block;width:100%;aspect-ratio:300/190;object-fit:cover}
.w22-cat b{display:block;text-align:center;color:#fff;font-size:16px;font-weight:800;padding:11px 8px}
.w22-cat:hover{box-shadow:0 8px 22px rgba(105,58,43,.35);transform:translateY(-3px)}.w22-cat:hover b{color:var(--or)}
/* vì sao chọn + con số */
.w22-why{background:var(--bg2);padding:44px 0 12px;margin-top:34px}
.w22-why .w22-grid{gap:30px}
.w22-why-i{background:#fff;border-radius:3px;box-shadow:0 2px 20px rgba(105,58,43,.1);padding:30px 24px 28px;text-align:center}
.w22-why-i .ic{display:inline-flex;width:66px;height:66px;color:var(--br);align-items:center;justify-content:center;margin-bottom:6px;border:2px solid var(--br);border-radius:50%}
.w22-why-i h3{font-size:22px;margin:6px 0 10px;color:#111}.w22-why-i p{margin:0;color:#555;font-size:14.4px}
.w22-stats{background:var(--bg2);padding:14px 0 44px}
.w22-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.w22-stat b{display:block;font-size:40px;line-height:1.1;color:var(--or);font-weight:700}.w22-stat span{display:block;margin-top:4px;color:#333;font-size:15px;font-weight:700}
/* tin tức */
.w22-news{padding:44px 0 50px}
.w22-news-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.w22-news-tabs button{border:0;border-radius:99px;background:#eee;color:#555;font:700 12.5px 'Mulish',sans-serif;padding:8px 18px;cursor:pointer}
.w22-news-tabs button.is-on{background:var(--br);color:#fff}
.w22-news-pane{display:none}.w22-news-pane.is-on{display:block}
.w22-post{background:#fff;border-radius:3px;box-shadow:0 2px 20px rgba(105,58,43,.2);display:flex;flex-direction:column;overflow:hidden}
.w22-post-im{display:block;aspect-ratio:16/10;overflow:hidden;background:#eee}.w22-post-im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.w22-post:hover .w22-post-im img{transform:scale(1.05)}
.w22-post-tx{padding:16px 15px 18px;display:flex;flex-direction:column}
.w22-post-t{color:#222!important;font-weight:800;font-size:17px;line-height:1.4}
.w22-post-t:hover{color:var(--or2)!important}
.w22-post-x{margin:8px 0 0;font-size:13.6px;color:#555;line-height:1.6}
.w22-post-s .w22-post-t{font-size:15px}
.w22-post-s .w22-post-tx{padding:12px}
/* đánh giá */
.w22-reviews{background:var(--br);padding:46px 0 52px}
.w22-reviews .w22-sec-h h2{color:#fff}
.w22-reviews .w22-grid{gap:26px}
.w22-rv{background:#fff;border-radius:3px;padding:26px 24px 24px;text-align:center;font-size:14.4px;color:#333}
.w22-rv .av{display:flex;width:84px;height:84px;margin:0 auto 10px;border-radius:50%;background:var(--or);color:#fff;font-size:36px;font-weight:800;align-items:center;justify-content:center;border:4px solid #f1d2b3}
.w22-rv .st{display:block;color:var(--or);letter-spacing:3px;font-size:15px;margin-bottom:8px}
.w22-rv p{margin:0 0 12px;line-height:1.7;color:#444}
.w22-rv b{color:#111;font-weight:800}.w22-rv i{color:#777}
/* tư vấn */
.w22-consult{padding:50px 0}
.w22-consult-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.w22-consult-im img{display:block;width:100%;aspect-ratio:10/7;object-fit:cover;border-radius:3px}
.w22-consult-f h2{font-size:24px;text-align:center;color:var(--br);margin-bottom:18px}
.w22-consult-f>p{text-align:center;margin:-8px 0 16px;color:#555}
.w22-consult .wpcf7 p{text-align:center}
/* tiêu đề trang con */
.w22-ph{background:var(--bg2);border-bottom:1px solid #eee;padding:22px 0 26px}
.w22-ph h1{margin:8px 0 0;font-size:30px;color:var(--br)}
.w22-ph p{margin:8px 0 0;max-width:720px;color:#555}
.w22-bc{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:13.5px;color:#999}
.w22-bc a{color:#8a7a74!important}.w22-bc a:hover{color:var(--or2)!important}
.w22-bc i{font-style:normal;margin:0 5px;color:#ccc}.w22-bc b{color:var(--br);font-weight:800}
.w22-text{padding:34px 0}
.w22-narrow{max-width:900px}
.w22-text h2{font-size:24px;color:var(--br);margin-bottom:18px}
.w22-formsec{padding:40px 0 48px}
.w22-formsec-row{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.w22-formsec-l h2{font-size:25px;color:var(--br)}
.w22-checks{list-style:none;margin:16px 0 0;padding:0}
.w22-checks li{display:flex;gap:8px;align-items:flex-start;margin:0 0 10px}.w22-checks .w22-i{color:var(--or);margin-top:4px}
.w22-contact{padding:40px 0 0}
.w22-contact-row{display:grid;grid-template-columns:1fr 1.1fr;gap:36px;align-items:start}
.w22-contact-l h2{font-size:26px;color:var(--br)}
.w22-ci{list-style:none;margin:18px 0 0;padding:0}
.w22-ci li{display:flex;gap:10px;align-items:flex-start;margin:0 0 14px;font-size:16px}.w22-ci .w22-i{color:var(--or);margin-top:3px}
.w22-contact-r h3{font-size:20px;margin-bottom:14px;color:var(--br)}
.w22-map{margin-top:40px;line-height:0}.w22-map iframe{width:100%;border:0;display:block;height:420px}
/* CF7 */
.w22 .wpcf7 form p{margin:0 0 12px}
.w22 .wpcf7 input[type=text],.w22 .wpcf7 input[type=email],.w22 .wpcf7 input[type=tel],.w22 .wpcf7 textarea,.w22 .wpcf7 select{width:100%;border:1px solid #ddd;border-radius:4px;padding:10px 12px;font-size:15px;background:#fff;box-shadow:none}
.w22 .wpcf7 textarea{height:110px}
.w22 .wpcf7 input[type=submit]{background:var(--br);color:#fff;border:0;border-radius:4px;padding:12px 26px;font-weight:700;text-transform:uppercase;cursor:pointer}
.w22 .wpcf7 input[type=submit]:hover{background:var(--or)}
.w22-cf2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.w22-cf2 .full{grid-column:1/-1}

/* ===== DANH SÁCH BĐS ===== */
.w22-list{padding:20px 15px 40px}
.w22-list-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.w22-sort{display:flex;align-items:center;gap:12px;margin:0;font-size:14.4px}
.w22-sort select{height:36px;border:1px solid #ddd;border-radius:3px;padding:0 28px 0 10px;font-size:14px;min-width:180px;background:#fff;margin:0}
.w22-list-title{font-size:24px;text-transform:uppercase;margin:6px 0 6px}
.w22-list-desc{margin:0 0 10px;color:#666}
.w22-filter{background:#fff;border-radius:6px;box-shadow:0 0 16px rgba(62,28,131,.08);padding:14px;margin:10px 0 22px}
.w22-ftoggle{display:none}
.w22-empty{padding:30px;background:#fff;text-align:center;border-radius:6px}
.w22-pager{margin:30px 0 0;text-align:center}
.w22-pager ul{list-style:none;margin:0;padding:0;display:inline-flex;gap:6px}
.w22-pager a,.w22-pager span{display:flex;min-width:36px;height:36px;padding:0 6px;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:3px;background:#fff;color:#333}
.w22-pager .current{background:var(--br);border-color:var(--br);color:#fff}

/* ===== 2 CỘT (chi tiết, bài viết, trang) ===== */
.w22-two{display:flex;gap:30px;padding:20px 15px 40px;align-items:flex-start}
.w22-two-main{flex:1 1 auto;min-width:0}
.w22-side{flex:0 0 270px;width:270px}
.w22-wg{background:#fff;margin-bottom:20px;box-shadow:0 0 12px rgba(0,0,0,.05)}
.w22-wg-t{margin:0;background:var(--br);color:#fff!important;text-align:center;text-transform:uppercase;font-size:14px;padding:8px 10px;letter-spacing:.3px}
.w22-mini{display:flex;gap:10px;padding:10px;border-bottom:1px solid #f1f1f1;align-items:flex-start}
.w22-mini .im{flex:0 0 58px;width:58px;height:44px;overflow:hidden;background:#eee}.w22-mini .im img{width:100%;height:100%;object-fit:cover;display:block}
.w22-mini .tx{min-width:0;font-size:14px;line-height:1.35}
.w22-mini .t{color:var(--navy);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.w22-mini .m{display:block;margin-top:4px;color:var(--br);font-size:12.6px}
.w22-d{display:grid;grid-template-columns:48% 1fr;gap:22px;align-items:start}
.w22-gal-main{display:block;aspect-ratio:16/10;overflow:hidden;background:#eee}.w22-gal-main img{width:100%;height:100%;object-fit:cover;display:block}
.w22-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
.w22-thumbs button{border:2px solid transparent;padding:0;background:none;cursor:pointer;aspect-ratio:4/3;overflow:hidden;opacity:.7}
.w22-thumbs button.is-on,.w22-thumbs button:hover{border-color:var(--or);opacity:1}
.w22-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.w22-d-sum .w22-bc{font-size:11.5px;justify-content:center}
.w22-d-title{font-size:21px;text-align:center;margin:8px 0 6px}
.w22-d-addr{display:flex;justify-content:center;align-items:center;gap:5px;margin:0 0 8px;color:#666;font-size:14px}
.w22-spec{list-style:none;margin:0;padding:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;font-size:13.6px}
.w22-spec li{display:flex;align-items:center;gap:5px;min-width:0}.w22-spec .k{font-weight:700;color:#333;white-space:nowrap}.w22-spec .v{color:#333;min-width:0}.w22-spec .v.hl{color:var(--red)}
.w22-spec .w22-i{color:var(--br)}
.w22-d-act{display:flex;gap:10px;justify-content:center;margin:14px 0 6px;flex-wrap:wrap}
.w22-btn-call{background:var(--red);font-size:14px}
.w22-share{display:flex;gap:8px;justify-content:center;margin-top:10px}
.w22-share a{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff!important}
.w22-share .fb{background:#3a5a98}.w22-share .zl{background:#0a7cff}.w22-share .em{background:#555}
.w22-tabs{margin-top:26px}
.w22-tabnav{list-style:none;margin:0;padding:0;display:flex;background:#eee;border-top:2px solid transparent}
.w22-tabnav li a{display:block;padding:9px 26px;font-size:13px;font-weight:700;text-transform:uppercase;color:#777!important;border-top:2px solid transparent;margin-top:-2px}
.w22-tabnav li.is-on a{background:#fff;color:#333!important;border-color:var(--br)}
.w22-tabp{display:none;padding:18px 0 0}.w22-tabp.is-on{display:block}
.w22-tabp .w22-map{margin:0}.w22-tabp iframe{height:380px}
.entry-content{font-size:15.5px;line-height:1.75}
.entry-content h3{font-size:18px;margin:20px 0 8px}
.entry-content ul{padding-left:20px}
.w22-tuvan{margin-top:26px;border-top:3px solid var(--or)}
.w22-tuvan h2{font-size:20px;text-transform:uppercase;margin-bottom:6px;color:var(--br)}
.w22-tuvan>p{margin:0 0 14px;color:#666}
.w22-rel{margin-top:30px}
.w22-rel-t{font-size:20px;text-transform:uppercase;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--br);display:inline-block}
.w22-art{background:#fff;padding:22px 24px;box-shadow:0 0 12px rgba(0,0,0,.04)}
.w22-art-title{font-size:26px;margin:10px 0 8px}
.w22-art-meta{color:#888;font-size:13.5px;margin:0 0 16px;display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.w22-art-im{margin-bottom:18px}.w22-art-im img{display:block;width:100%}
.w22-blist{display:flex;flex-direction:column;gap:16px;margin-top:10px}
.w22-bi{display:flex;gap:18px;background:#fff;padding:12px;box-shadow:0 0 12px rgba(0,0,0,.04)}
.w22-bi-im{flex:0 0 240px;aspect-ratio:16/10;overflow:hidden;background:#eee}.w22-bi-im img{width:100%;height:100%;object-fit:cover;display:block}
.w22-bi-tx{display:flex;flex-direction:column;min-width:0}
.w22-bi-t{color:var(--navy);font-weight:700;font-size:18px;line-height:1.35}
.w22-bi-d{color:#888;font-size:13px;margin:6px 0;display:flex;align-items:center;gap:4px}
.w22-bi-x{color:#444;font-size:14.6px}
.w22-404{display:flex;align-items:center;justify-content:center;gap:40px;padding:70px 15px}
.w22-404 .n{font-size:120px;font-weight:700;color:#e3d6c2;line-height:1}
.w22-404 h1{font-size:28px}
.w22-hs-404{width:100%;max-width:420px;margin:10px 0 20px}
.w22-hs-404 input[type=search]{background:#fff;border:1px solid #ddd;color:#333}.w22-hs-404 input::placeholder{color:#999}.w22-hs-404 button{color:#555}

/* ===== ghi đè phần danh sách / chi tiết theo phong cách nâu–cam ===== */
.w22 .wpcf7 input[type=text],.w22 .wpcf7 input[type=email],.w22 .wpcf7 input[type=tel],.w22 .wpcf7 textarea,.w22 .wpcf7 select{background:#f5f4f3;border:1px solid #f0eeec;border-radius:4px;font-family:'Mulish',sans-serif}
.w22 .wpcf7 input[type=submit]{border-radius:99px;padding:12px 38px;text-transform:none;font:700 16px 'Mulish',sans-serif}
.w22-filter{background:#f5f5f5;box-shadow:none;border-radius:4px;padding:10px}
.w22-wg-t{background:var(--br);text-transform:none;font-size:16px;text-align:left;padding:10px 14px}
.w22-wg{box-shadow:0 2px 14px rgba(105,58,43,.12);border-radius:4px;overflow:hidden}
.w22-tabnav li.is-on a{border-color:var(--or)}
.w22-tabnav li a{text-transform:none;font-size:14.5px}
.w22-list-title,.w22-rel-t{text-transform:none;color:var(--br)}
.w22-rel-t{border-bottom-color:var(--or)}
.w22-tuvan{border-top-color:var(--or);border-radius:10px}
.w22-tuvan h2{text-transform:none}
.w22-d-title{text-align:left;font-size:23px;color:var(--br)}
.w22-d-addr{justify-content:flex-start}
.w22-d-sum .w22-bc{justify-content:flex-start}
.w22-d-act{justify-content:flex-start}
.w22-share{justify-content:flex-start}
.w22-btn-call{background:var(--br);font-size:15px}
.w22-spec .v.hl{color:var(--or2);font-weight:800}
.w22-art,.w22-bi{border-radius:4px;box-shadow:0 2px 14px rgba(105,58,43,.1)}
.w22-bi-t{color:#222}
.w22-404 .n{color:#ecd8cc}
.w22-hs-404{width:100%;max-width:420px}
.w22-hs-404 input[type=search]{background:#f5f4f3;border:1px solid #e5e0dc;height:38px}.w22-hs-404 button{height:38px;width:38px}

/* ===== FOOTER ===== */
.w22-footer{background:var(--bg2);color:#333;font-size:14.4px;line-height:1.6;margin-top:0}
.w22-fct{padding:30px 0 6px}
.w22-fct .w22-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.w22-fct a{display:flex;align-items:center;gap:12px;color:var(--br)!important}
.w22-fct a span{display:flex;flex-direction:column}
.w22-fct small{font-size:13px;color:#777}.w22-fct b{font-size:18px;font-weight:800;color:#111}
.w22-fcols{padding:30px 0 34px}
.w22-fcols .w22-wrap{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}
.w22-fc h3{font-size:15px;text-transform:uppercase;color:var(--br);margin:0 0 14px;letter-spacing:.2px}
.w22-fc p{margin:0 0 8px;display:flex;gap:6px;align-items:flex-start}.w22-fc p .w22-i{color:var(--br);margin-top:4px}
.w22-flogo img{display:block;width:170px;height:auto;margin-bottom:12px}
.w22-fmenu{list-style:none;margin:0;padding:0}
.w22-fmenu li{margin:0 0 9px}.w22-fmenu a{color:#222!important;font-weight:700;font-size:14.4px}.w22-fmenu a:hover{color:var(--or2)!important}
.w22-fsoc{display:flex;gap:8px;margin-top:12px}
.w22-fsoc a{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff!important}
.w22-fsoc .s-fb{background:#3a589d}.w22-fsoc .s-ig{background:#222}.w22-fsoc .s-tt{background:#111}.w22-fsoc .s-yt{background:#c33223}
.w22-copybar{background:var(--br);color:#fff;padding:18px 0;text-align:center;font-size:14px}
.w22-copybar p{margin:0}.w22-copybar .w22-lic{margin-top:2px;font-size:13px;color:rgba(255,255,255,.75)}
/* nút nổi */
.w22-float{position:fixed;right:12px;bottom:36px;z-index:90;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.w22-fl{display:flex;align-items:center;gap:6px;color:#fff!important;font:800 12px/1 'Mulish',sans-serif;border-radius:99px;padding:9px 14px;box-shadow:0 3px 10px rgba(0,0,0,.25)}
.w22-fl-fb{background:#1e7cc4}.w22-fl-zl{background:#2d9cf3}
.w22-fl-ph{background:var(--or2);font-size:13px;padding:4px 4px 4px 14px}
.w22-fl-ph i{width:30px;height:30px;border-radius:50%;background:var(--br);display:flex;align-items:center;justify-content:center;animation:w22-ring 1.6s infinite}
@keyframes w22-ring{0%,60%,100%{transform:rotate(0)}10%,30%{transform:rotate(-14deg)}20%,40%{transform:rotate(14deg)}}
.w22-fl:hover{filter:brightness(1.08)}
.w22-totop{position:fixed;left:14px;bottom:20px;z-index:89;width:40px;height:40px;border-radius:50%;background:rgba(105,58,43,.9);color:#fff!important;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.25s}
.w22-totop.is-on{opacity:1;visibility:visible}

/* ===== RESPONSIVE ===== */
@media (max-width:1199px){
 .w22-menu{gap:14px}.w22-menu>li>a{font-size:14px}.w22-main>.w22-wrap{gap:14px}.w22-hot{padding:0 14px 0 10px;font-size:14px}
 .w22-top-l>span:first-child{display:none}
 .w22-sf{grid-template-columns:repeat(3,1fr)}.w22-sf .w22-f-kw{grid-column:span 2}
}
@media (max-width:999px){
 .w22-d{grid-template-columns:1fr}
 .w22-side{flex-basis:240px;width:240px}
 .w22-hot span{display:none}.w22-hot{padding:0;width:40px;justify-content:center}
 .w22-menu{gap:10px}.w22-menu>li>a{font-size:13px}
 .w22-hs{width:170px}
}
@media (max-width:849px){
 .w22-top,.w22-nav-m,.w22-hot{display:none}
 .w22-main>.w22-wrap{height:60px;gap:8px}
 .w22-logo{margin-right:auto}.w22-logo img{width:130px}
 .w22-mbtn{display:flex}
 .w22-msearch{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;padding:10px 15px;box-shadow:0 6px 12px rgba(0,0,0,.14);z-index:65}
 .w22-msearch.is-open{display:block}
 .w22-hs-m{width:100%}
 .w22-hs-m input[type=search]{background:#f5f4f3;color:#333;height:40px;border:1px solid #e5e0dc}.w22-hs-m button{height:40px;width:40px}
 .w22-header{position:sticky;top:0}
 .admin-bar .w22-header{top:46px}
 .w22-grid-3,.w22-grid-4{grid-template-columns:repeat(2,1fr)}
 .w22-grid{gap:14px}
 .w22-intro-row,.w22-intro.is-rev .w22-intro-row{flex-direction:column}
 .w22-slide img{height:300px}
 .w22-hero-tx .t{font-size:28px}.w22-hero-tx .s{font-size:15px;margin:8px auto 14px}
 .w22-two{flex-direction:column}.w22-side{width:100%;flex-basis:auto}
 .w22-stats-row{grid-template-columns:repeat(2,1fr);row-gap:24px}
 .w22-formsec-row,.w22-contact-row,.w22-consult-row{grid-template-columns:1fr}
 .w22-consult-row{gap:24px}
 .w22-area-tx b{font-size:22px}
 .w22-ftoggle{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--br);background:#fff;color:var(--br);border-radius:99px;padding:8px 16px;font-weight:700;cursor:pointer;margin:6px 0}
 .w22-filter{display:none}.w22-filter.is-open{display:block}
 .w22-404{flex-direction:column;gap:10px;text-align:center}.w22-hs-404{margin:10px auto 20px}
 .w22-bi-im{flex-basis:160px}
 .w22-sf{grid-template-columns:1fr 1fr}.w22-sf .w22-f-kw{grid-column:1/-1}.w22-sf-b{grid-column:1/-1;justify-content:center;height:38px}
 .w22-fct .w22-wrap{grid-template-columns:1fr}
 .w22-fcols .w22-wrap{grid-template-columns:1fr 1fr}.w22-fc1{grid-column:1/-1}
}
@media (max-width:549px){
 .w22-wrap{padding:0 12px}
 .w22-list,.w22-two{padding-left:12px;padding-right:12px}
 .w22-card-tx{padding:11px}.w22-card-t{font-size:13.8px;min-height:39px}.w22-card-m .pr{font-size:14.4px}
 .w22-sec-h h2{font-size:21px}
 .w22-intro-p{line-height:1.8}
 .w22-spec{grid-template-columns:1fr}
 .w22-sort select{min-width:0}
 .w22-bi{flex-direction:column}.w22-bi-im{flex-basis:auto}
 .w22-art{padding:16px 14px}.w22-art-title{font-size:22px}
 .w22-cf2{grid-template-columns:1fr}
 .w22-slide img{height:240px}.w22-hero-tx .t{font-size:22px}.w22-hero-tx .s{font-size:13.5px}.w22-hero-tx .w22-btn{padding:9px 20px;font-size:14px}
 .w22-fl span{display:none}.w22-fl{padding:9px}.w22-fl-ph{padding:4px}.w22-float{bottom:70px;right:8px}
 .w22-tabnav li a{padding:9px 14px}
 .w22-stat b{font-size:30px}
 .w22-area{aspect-ratio:380/150}
 .w22-card-m{flex-direction:column;align-items:flex-start}
 .w22-news-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.w22-news-tabs button{flex:none}
 .w22-fcols .w22-wrap{grid-template-columns:1fr}
 .w22-why .w22-grid,.w22-reviews .w22-grid,.w22-areas .w22-grid,.w22-news .w22-grid{grid-template-columns:1fr}
 .w22-area{aspect-ratio:380/130}
}
@media (max-width:359px){ .w22-grid-2,.w22-grid-3,.w22-grid-4{grid-template-columns:1fr} }