/* LAND VIETNAM V4.1 — mobile/tablet visual refinement
   Readability + contrast + centered mobile header + marketplace controls. */
:root{
  --lv-bg:#f4f6f8;
  --lv-card:#ffffff;
  --lv-text:#14222d;
  --lv-heading:#08263a;
  --lv-muted:#5f707b;
  --lv-line:#d7e0e6;
  --lv-yellow:#f5c542;
  --lv-yellow-strong:#e6ad12;
  --lv-blue:#075b87;
  --lv-green:#087a55;
  --lv-red:#c93434;
}
html{font-size:16px}
body{font-size:15px!important;color:var(--lv-text)!important;background:var(--lv-bg)!important;line-height:1.5}
/* Explicit contrast: never use the page background as text and never use white text on white controls. */
.lv4-home,.lv4-search-page{color:var(--lv-text)}
.lv4-section,.lv4-section.soft{background:var(--lv-bg)}
.lv4-section.soft{background:#fff}
.lv4-section-head h2,.lv4-hero h1,.lv4-card-title,.lv4-project-body h3{color:var(--lv-heading)!important}
.lv4-section-head p,.lv4-card-type,.lv4-card-location,.lv4-card-unit,.lv4-project-body p,.lv4-stat span{color:var(--lv-muted)!important}
.lv4-card-price{color:#a96c00!important}
.lv4-more,.lv4-card-location a{color:var(--lv-blue)!important}
/* Slightly larger marketplace typography */
.lv4-kicker{font-size:12px!important}
.lv4-hero h1{font-size:38px!important}
.lv4-hero p{font-size:15px!important}
.lv4-section-head h2{font-size:24px!important}
.lv4-section-head p{font-size:13px!important}
.lv4-cat b{font-size:12px!important}
.lv4-cat span{font-size:10px!important}
.lv4-card-title{font-size:14px!important}
.lv4-card-price{font-size:17px!important}
.lv4-card-unit,.lv4-card-location{font-size:10px!important}
.lv4-card-meta{font-size:10px!important;color:#4f616d!important}
.lv4-trust{font-size:9px!important}
.lv4-project-body h3{font-size:15px!important}
.lv4-project-body p{font-size:11px!important}
.lv4-project-body b{font-size:10px!important}
.lv4-stat b{font-size:20px!important}
.lv4-stat span{font-size:10px!important}
.lv4-tabs a,.lv4-tabs button{font-size:13px!important}
.lv4-search-input{font-size:15px!important}
.lv4-search-submit{font-size:14px!important}
.lv4-chip{font-size:11px!important}
/* Desktop header remains premium; mobile/tablet intentionally becomes white like the supplied reference. */
@media(max-width:1100px){
  .lv15-header{background:#fff!important;color:var(--lv-heading)!important;border-bottom:1px solid #dbe3e8!important;box-shadow:0 4px 18px rgba(8,38,58,.08)!important}
  .lv15-header:after{display:none!important}
  .lv15-header-inner{background:#fff!important}
  .lv15-brand b{color:var(--lv-heading)!important}
  .lv15-brand small{color:#9b7312!important}
  .lv15-nav a{color:#253b48!important}
  .lv15-actions .lv15-favorite{background:#fff!important;color:#173444!important;border:1px solid #173444!important;box-shadow:none!important}
}
/* Tablet + mobile header: menu left, logo mathematically centered, action right. */
@media(max-width:820px){
  .lv15-header-inner{height:72px!important;min-height:72px!important;position:relative!important;display:flex!important;justify-content:center!important;padding:0 68px!important}
  .lv15-menu-btn{display:flex!important;position:absolute!important;left:16px!important;top:50%!important;transform:translateY(-50%)!important;width:48px!important;height:48px!important;border:1px solid #d5dee4!important;border-radius:14px!important;background:#fff!important;box-shadow:0 3px 12px rgba(8,38,58,.07)!important;z-index:3!important}
  .lv15-menu-btn span{width:22px!important;height:2.5px!important;background:#233b48!important}
  .lv15-brand{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;width:max-content!important;min-width:0!important;justify-content:center!important;gap:10px!important;z-index:2!important}
  .lv15-brand img{width:48px!important;height:48px!important;border-radius:12px!important;box-shadow:0 2px 9px rgba(8,38,58,.16)!important}
  .lv15-brand b{font-size:18px!important;letter-spacing:-.4px!important;color:#102c3d!important}
  .lv15-brand small{font-size:7px!important;letter-spacing:1.15px!important;color:#9a7418!important;margin-top:5px!important}
  .lv15-actions{position:absolute!important;right:16px!important;top:50%!important;transform:translateY(-50%)!important;z-index:4!important}
  .lv15-actions .lv15-favorite{display:grid!important;width:48px!important;height:48px!important;border-radius:14px!important;background:#fff!important;color:#173444!important;border:1.5px solid #173444!important;font-size:27px!important;line-height:1!important}
  .lv15-actions .lv15-register,.lv15-actions .lv15-login,.lv15-actions .lv15-user,.lv15-actions .lv15-post-btn{display:none!important}
  .lv15-tablet-nav{display:block!important;background:#fff!important;border-top:1px solid #edf1f3!important;border-bottom:1px solid #dce4e9!important}
  .lv15-scroll-nav{gap:7px!important;padding:10px 10px!important;overflow-x:auto!important;scrollbar-width:none!important}
  .lv15-scroll-nav::-webkit-scrollbar{display:none}
  .lv15-scroll-nav a{flex:0 0 auto!important;padding:10px 15px!important;border:1px solid #d9e1e6!important;border-radius:12px!important;background:#fff!important;color:#274150!important;font-size:13px!important;font-weight:800!important;box-shadow:0 2px 7px rgba(8,38,58,.04)!important}
  .lv15-scroll-nav a:hover{background:#f8fbfc!important;color:#075b87!important}
  .lv15-scroll-nav a.login{background:var(--lv-yellow)!important;color:#17242c!important;border-color:#e2b52a!important}
  .lv4-hero h1{font-size:34px!important}
  .lv4-hero p{font-size:14px!important}
  .lv4-grid,.lv4-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .lv15-bottom-nav{background:#fff!important;color:#223844!important}
}
/* Mobile bottom navigation: the supplied reference uses a clean white bar and a centered create button. */
@media(max-width:560px){
  body{padding-bottom:78px!important;font-size:15px!important}
  .container,.lv3-container{width:calc(100% - 20px)!important}
  .lv15-header-inner{height:74px!important;min-height:74px!important;padding:0 64px!important}
  .lv15-brand{gap:8px!important}
  .lv15-brand img{width:44px!important;height:44px!important}
  .lv15-brand b{font-size:16px!important}
  .lv15-brand small{font-size:6.5px!important}
  .lv15-menu-btn{left:12px!important;width:46px!important;height:46px!important}
  .lv15-actions{right:12px!important}
  .lv15-actions .lv15-favorite{width:46px!important;height:46px!important;font-size:25px!important}
  .lv15-scroll-nav{padding:9px 10px!important}
  .lv15-scroll-nav a{font-size:12px!important;padding:9px 13px!important}
  .lv4-hero{padding:25px 0 18px!important}
  .lv4-kicker{font-size:10px!important;letter-spacing:1.35px!important}
  .lv4-hero h1{font-size:28px!important;line-height:1.15!important}
  .lv4-hero p{font-size:13px!important}
  .lv4-search{border-radius:16px!important}
  .lv4-tabs a,.lv4-tabs button{font-size:12px!important;padding:13px 14px!important}
  .lv4-search-input{height:50px!important;font-size:14px!important}
  .lv4-search-submit{height:50px!important;font-size:14px!important}
  .lv4-section{padding:23px 0!important}
  .lv4-section-head h2{font-size:20px!important}
  .lv4-section-head p{font-size:11px!important}
  .lv4-grid,.lv4-project-grid{gap:9px!important}
  .lv4-card-body{padding:10px!important}
  .lv4-card-title{font-size:12.5px!important;min-height:34px!important}
  .lv4-card-price{font-size:15px!important}
  .lv4-card-meta{font-size:9px!important;gap:5px!important}
  .lv4-card-location{font-size:9px!important}
  .lv4-card-unit{font-size:9px!important}
  .lv4-badge{font-size:8px!important}
  .lv4-project-body{padding:10px!important}
  .lv4-project-body h3{font-size:12.5px!important}
  .lv4-project-body p{font-size:9.5px!important}
  .lv4-project-body b{font-size:9px!important}
  .lv4-stat b{font-size:17px!important}
  .lv4-stat span{font-size:9px!important}
  .lv15-bottom-nav{height:72px!important;padding:0 4px env(safe-area-inset-bottom)!important;grid-template-columns:repeat(5,1fr)!important;background:#fff!important;border-top:1px solid #dbe3e8!important;box-shadow:0 -7px 24px rgba(8,38,58,.09)!important}
  .lv15-bottom-nav a,.lv15-bottom-nav button{color:#52646e!important;font-size:20px!important;gap:3px!important}
  .lv15-bottom-nav b{font-size:10px!important;font-weight:800!important;color:#445761!important}
  .lv15-bottom-nav a:nth-child(2){color:#075b87!important}
  .lv15-bottom-nav a:nth-child(2) b{color:#075b87!important}
  .lv15-bottom-nav .bottom-create span{width:50px!important;height:50px!important;background:var(--lv-yellow)!important;color:#17242c!important;border:4px solid #fff!important;box-shadow:0 6px 18px rgba(8,38,58,.18)!important;font-size:29px!important;margin-top:-25px!important}
  .lv15-bottom-nav .bottom-create b{color:#17242c!important;margin-top:1px!important}
  .land-ai-fab{right:12px!important;bottom:88px!important;background:var(--lv-yellow)!important;color:#17242c!important;box-shadow:0 7px 20px rgba(8,38,58,.15)!important}
}
/* Avoid text/background collisions in common legacy controls. */
input,select,textarea{color:#172b38!important;background:#fff!important}
input::placeholder,textarea::placeholder{color:#7a8992!important;opacity:1}
button{color:#172b38}
.btn,.btn-main,.submit-post{color:#fff!important}
.lv4-ai-button,.lv4-ai-chip{color:#604900!important}
.lv4-badge{color:#fff!important}.lv4-badge.vip{color:#17242c!important}.lv4-badge.verify{color:#08734b!important}