/* Product-first review layout. Local preview only. */
body #filter-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px}
body #filter-toggle::after{content:'';width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
body #filter-toggle[aria-expanded="true"]::after{transform:translateY(2px) rotate(225deg)}
.urgent-filter-row{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:0;background:transparent;border:0}
.urgent-filter{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;background:#304b60;color:#fff;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:0}
.urgent-filter input{width:18px;height:18px;margin:0;accent-color:#173f35;flex-shrink:0}
.urgent-filter svg{flex-shrink:0}
.urgent-filter:has(input:checked){background:#1c3448;color:#fff;outline:2px solid #829ca9;outline-offset:2px}
.urgent-filter:has(input:focus-visible){outline:2px solid #173f35;outline-offset:2px}
.urgent-filter-row small{font-size:12px;color:#405547}
body .catalog .card-urgent{border:1px solid #b6a57b}
.urgent-badge{background:#304b60;color:#fff;padding:7px 12px;font-size:11px;font-weight:700;letter-spacing:.2px;border-bottom:1px solid #829ca9}
.filter-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px}
body #filters .filter-actions button{min-height:44px;padding:8px 20px;font-size:13px;font-weight:650}
body #filters .filter-toggle{background:#dfe8ed;color:#294854;border:1px solid #829ca9}
body #filters .filter-toggle:hover,body #filters .filter-toggle[aria-expanded="true"]{background:#c8d9e1;border-color:#547887}
body #extra-filters[hidden]{display:none}
@media(max-width:480px){.filter-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}body #filters .filter-actions button{min-width:0;padding:8px;font-size:12px}}
@media(max-width:480px){.urgent-filter{width:100%;font-size:12px;padding:9px}.urgent-filter-row small{width:100%}}
body .hero-search #filters{grid-template-columns:repeat(3,minmax(0,1fr))}
body #filters .filter-range{border:0;padding:0;margin:0;min-width:0}
.filter-range legend{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--muted);margin-bottom:5px}
.range-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:7px}
.range-inputs input{width:100%;min-width:0;min-height:44px;border:1px solid var(--line);padding:8px;font-size:16px;color:var(--ink);background:#fff;border-radius:0}
body #filters .filter-more{grid-column:1/-1;min-width:0}
.filter-more summary{cursor:pointer;color:var(--green);font-size:13px;padding:8px 0;min-height:40px}
.filter-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}
.nego-filter{grid-column:1/-1;display:flex;align-items:center;gap:8px;letter-spacing:0;min-height:44px;font-size:13px;font-weight:500}
.nego-filter input{width:18px;height:18px;accent-color:var(--green)}
.filter-hint{font-size:12px;color:var(--muted);margin:8px 0 0}
body #filters>.filter-submit{grid-column:1/-1;justify-self:end;min-width:150px}
@media(max-width:760px){body .hero-search #filters{grid-template-columns:repeat(2,minmax(0,1fr))}body #filters>.filter-range{grid-column:1/-1}}
@media(max-width:480px){body #filters>.filter-submit{width:100%}.filter-more-grid{grid-template-columns:minmax(0,1fr)}}
/* Compact paginated inventory; three records per page. */
body #filters .urgent-filter-row>.filter-toggle{min-height:44px;padding:8px 16px;font-size:13px;font-weight:650}
body #filters .filter-actions{display:flex}
@media(max-width:480px){body #filters .urgent-filter-row{display:grid;grid-template-columns:minmax(0,1fr) auto}body #filters .urgent-filter{width:auto;padding:8px;font-size:11px;gap:5px}body #filters .urgent-filter svg{width:16px;height:16px}body #filters .urgent-filter-row>.filter-toggle{padding:8px 12px;font-size:12px}}
body .catalog .cards{gap:12px}
body .catalog .card-art{height:34px;padding:5px 14px;justify-content:flex-start}
body .catalog .card-art strong{font:600 12px 'Segoe UI',Arial,sans-serif;letter-spacing:0}
body .catalog .card-art span,body .catalog .card-art small{display:none}
body .catalog .card-body{padding:12px 14px}
body .catalog .card h3{font-size:17px;margin:6px 0}
body .catalog .location{font-size:13px}
body .catalog .features{font-size:12px;padding:6px 0 10px;gap:6px}
body .catalog .card-price{padding-top:10px;gap:8px}
body .catalog .card-price strong{font-size:20px}
body .catalog .card-price button{font-size:12px;padding:6px 9px}
body #product-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin-top:18px}
body #product-pagination[hidden]{display:none}
body #product-pagination button{min-width:36px;min-height:40px;padding:6px 9px;border:1px solid #c2d1c8;background:#fff;color:var(--green);font-size:14px}
body #product-pagination button[aria-current="page"]{background:var(--green);color:#fff;border-color:var(--green)}
body #product-pagination button:disabled{opacity:.35;cursor:default}
body #product-pagination span{font-size:12px}
@media(pointer:coarse){body #product-pagination button{min-height:44px;min-width:40px}}
/* One shared corner shape for all website-owned action controls. */
:root{--action-radius:0px}
button,input[type="button"],input[type="submit"],a.primary,a.outline,a.video-action-button,a.video-action-icon,a.contact-mini,.channel.messenger,.channel.messenger .channel-icon{border-radius:var(--action-radius)!important}
/* Compact controls with restrained highlights; retain comfortable touch targets. */
body button:not(.close),body a.primary,body a.outline,body .hero-videos .video-actions .video-action-button{min-height:36px;padding-top:6px;padding-bottom:6px;line-height:1.4;box-shadow:0 2px 5px #113f3517,inset 0 1px 0 #ffffff38;background-image:linear-gradient(#ffffff12,#ffffff00 60%)}
body header.wrap .header-needs .outline{min-height:36px;padding-top:6px;padding-bottom:6px}
body .video-nav>button,body .knowledge-controls button{width:36px;height:36px;padding:0;display:grid;place-items:center;line-height:1}
.video-nav>button svg{display:block}
body .contact-mini{width:44px;height:40px;flex-basis:44px}
body .channel.messenger,body .channel.messenger .channel-icon{width:52px;height:52px;min-width:52px}
body .channel.messenger .channel-icon svg{width:28px;height:28px}
@media(pointer:coarse){body button:not(.close),body a.primary,body a.outline,body header.wrap .header-needs .outline,body .hero-videos .video-actions .video-action-button{min-height:44px}body .video-nav>button,body .knowledge-controls button{width:44px;height:44px}body .contact-mini{height:44px}}
.hero{display:block;min-height:0;background:#edf2ee}
.hero>.hero-videos{padding:28px 32px 16px}
.hero-videos #video-title{font-size:34px;line-height:1.2;margin:0;letter-spacing:-.7px}
.hero-videos .property-slogan{margin:12px 0 20px}
.hero-videos .video-carousel{max-width:none}
.hero-videos .video-nav{justify-content:flex-start;margin-bottom:14px}
.hero-videos .video-choices{flex:0 1 auto;justify-content:flex-start}
.hero-videos .page-video{display:grid;grid-template-columns:250px minmax(0,1fr);background:white;align-items:start}
.hero-videos .video-detail-tabs{display:none;grid-column:1 / -1;padding:4px 18px}
.hero-videos .video-player{grid-column:1;grid-row:1;width:210px;max-width:100%;margin:16px auto 0}
.hero-videos .video-info{grid-column:1;grid-row:2;padding:12px;align-self:start}
.hero-videos .video-slide-heading{display:block}
.hero-videos .video-slide-heading h3{font-size:16px;margin:0 0 6px}
.hero-videos .video-slide-heading span{display:block;margin-bottom:10px;font-size:11px}
.hero-videos .video-actions{max-width:none;gap:8px;justify-content:flex-start}
.hero-videos .video-actions .video-action-button{flex:0 0 auto;width:auto;min-height:36px;padding:8px;font-size:12px;border-radius:8px}
.hero-videos #page-video-details{grid-column:2;grid-row:1 / span 2;max-height:500px;border-left:1px solid var(--line);font-size:14px}
.hero-videos .video-footnote{margin:12px 0 0;max-width:none}
.hero>.hero-search{margin:0 32px 28px;border:1px solid #cad9cf;box-shadow:none;width:auto}
.hero-search #filters{grid-template-columns:1fr 1fr 1fr auto;gap:18px}
.hero-search .tabs span{display:block}
.catalog{padding-top:48px;padding-bottom:48px}
#reset.filter-reset{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;border:1px solid #577b6c;background:#edf3ef;color:#113f35;padding:8px 13px;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
#reset.filter-reset svg{display:block;flex-shrink:0}
#reset.filter-reset:hover{background:#dce9e1;border-color:#113f35}
@media(max-width:420px){.catalog .section-head{align-items:flex-start;flex-wrap:wrap;gap:14px}}
.knowledge-section{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:40px;padding-top:56px;padding-bottom:56px;align-items:start}
.knowledge-section>.eyebrow,.knowledge-section>#knowledge-title,.knowledge-section>.knowledge-intro,.knowledge-section>.knowledge-editor-note{grid-column:1}
.knowledge-section>.eyebrow{grid-row:1}
.knowledge-section>#knowledge-title{grid-row:2;font-size:32px;line-height:1.25;margin:0}
.knowledge-section>.knowledge-intro{grid-row:3;margin-top:16px}
.knowledge-section>.knowledge-editor-note{grid-row:4}
.knowledge-section>.knowledge-card{grid-column:2;grid-row:1 / span 4;min-height:0}
.knowledge-section>.knowledge-controls{grid-column:2}
header.wrap .header-needs .outline{min-height:44px}
.contact{border-top:1px solid var(--line)}
.contact.contact-simple{display:block;padding-top:32px;padding-bottom:32px}
.contact-simple h2{font-size:22px;line-height:1.35;margin:0 0 20px}
.contact-details{margin:0;font-size:14px}
.contact-details>div{display:flex;gap:20px;margin:12px 0;flex-wrap:wrap}
.contact-details dt{min-width:85px;font-weight:600}
.contact-details dd{margin:0;overflow-wrap:anywhere}
.contact-details a{color:var(--green);text-underline-offset:4px}
.contact-icon-row{display:flex;align-items:center;gap:12px}
.contact-mini{display:inline-flex;flex:0 0 48px;width:48px;height:48px;align-items:center;justify-content:center;border:0;border-radius:10px;color:#fff;text-decoration:none;box-shadow:0 5px 12px #153c3526,inset 0 1px 0 #ffffff38;transition:filter .15s,transform .15s,box-shadow .15s}
.contact-mini svg{width:24px;height:24px}
.contact-mini.msg svg path:last-child{fill:#6757ed}
.contact-mini.fb{background:#1877f2}.contact-mini.zalo{background:#0068ff}.contact-mini.msg{background:linear-gradient(145deg,#168aff,#8250ec)}.contact-mini.phone{background:var(--green)}
.contact-mini .zalo-word{font-size:14px;font-weight:800;letter-spacing:-.7px}
.contact-mini:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 7px 15px #153c3533}
.contact-mini:focus-visible{outline:2px solid var(--green);outline-offset:3px}
@media(max-width:760px){
 .hero-search #filters{grid-template-columns:1fr 1fr}
 .knowledge-section{display:block;padding-top:36px;padding-bottom:36px}
 .knowledge-section>.knowledge-card{margin-top:22px}
}
@media(max-width:650px){
 .hero>.hero-videos{padding:22px 14px 14px}
 .hero-videos #video-title{font-size:28px}
 .hero-videos .page-video{display:block}
 .hero-videos .video-detail-tabs{display:flex}
 .hero-videos #page-video-details{border-left:0}
 .hero-videos .video-player{width:180px;margin:auto}
 .hero-videos .video-info{padding:16px}
 .hero-videos .video-slide-heading{display:flex;align-items:center}
 .hero-videos .video-slide-heading h3{font-size:20px;margin:0 0 12px}
 .hero-videos .video-slide-heading span{margin:0 0 12px}
 .hero>.hero-search{margin:0 14px 20px}
 .hero-search #filters{padding:16px;gap:16px 12px}
 .hero-search .tabs span{display:none}
 .hero-videos .video-actions .video-action-button{min-height:44px;padding:10px 12px}
 .catalog{padding-top:32px;padding-bottom:32px}
}
@media(max-width:480px){
 body .wrap{width:calc(100% - 24px)}
 body header.wrap{gap:6px;padding-top:8px;padding-bottom:8px;min-height:66px}
 body header.wrap .brand-logo{width:44px;height:44px}
 body .header-needs{gap:4px;min-width:0}
 body header.wrap .header-needs .outline{min-height:44px;font-size:10px;padding:6px}
 body .hero>.hero-videos{padding:18px 10px 12px}
 body .hero-videos #video-title{font-size:26px;line-height:1.2}
 body .hero-videos .property-slogan{font-size:12px;margin:10px 0 14px}
 body .hero-videos .video-player{width:min(100%,clamp(150px,42vw,190px));aspect-ratio:9/16}
 body .hero-videos .video-nav{gap:5px;margin-bottom:10px}
 body .hero-videos .video-choices{flex:1;gap:5px;flex-wrap:nowrap}
 body .hero-videos .video-choices button{font-size:11px;padding:6px;min-height:44px;white-space:nowrap}
 body .video-nav>button{width:36px;height:44px;min-height:44px}
 body .hero-videos .video-info{padding:12px}
 body .hero-videos .video-slide-heading h3{font-size:17px}
 body .hero-videos .video-actions .video-action-button{min-height:44px;font-size:12px;padding:8px 10px}
 body .hero>.hero-search{margin:0 10px 16px}
 body .hero-search #filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:12px;gap:14px 10px}
 body .hero-search #filters label:first-child,body .hero-search #filters>.primary{grid-column:1/-1}
 body .hero-search select{font-size:16px;padding-right:18px}
 body .hero-search #filters>.primary{min-height:44px}
 body .card-body{padding:16px}
 body .card-price{gap:10px}
 body .card-price strong{font-size:21px}
 body .features{flex-wrap:wrap;gap:8px}
 body .catalog .section-head{flex-wrap:wrap;gap:12px;align-items:flex-start}
 body #reset.filter-reset{min-height:44px}
 body .channel.messenger,body .channel.messenger .channel-icon{width:44px;height:44px;min-width:44px}
 body .channel.messenger{right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}
 body dialog{max-height:calc(100svh - 32px);overflow-y:auto}
}
/* Respond to available space, including cover screens and unfolded phones. */
body header.wrap{flex-wrap:wrap}
body .header-needs{flex-wrap:wrap;max-width:100%}
body .cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}
body .card,body .card-body,body #filters>*,body .video-info{min-width:0}
body .card-price,body .meta,body .video-slide-heading{flex-wrap:wrap}
body .features{flex-wrap:wrap}
body .card h3,body .location,body .video-facts dd{overflow-wrap:anywhere}
body dialog{max-height:calc(100dvh - 32px);overflow-y:auto}
@media(max-width:760px){
 body .header-needs{flex:1 1 240px}
 body .header-needs .outline{flex:1 1 auto}
 body .hero-search select{font-size:16px}
 body .hero-videos .video-choices{min-width:0;flex-wrap:wrap}
 body .hero-videos .video-choices button{white-space:normal}
 body .hero-videos .video-slide-heading{gap:6px 12px}
}
@media(max-width:350px){
 body .header-needs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:1 1 170px}
 body header.wrap .header-needs .outline{font-size:12px}
 body .hero-search #filters{grid-template-columns:minmax(0,1fr)}
 body .hero-videos .video-choices button{width:100%}
 body .hero-search .tabs button{padding-left:10px;padding-right:10px}
 body .card-price{align-items:flex-start;gap:12px}
}
@media(orientation:landscape) and (max-height:500px) and (max-width:1000px){
 body .hero-videos .video-player{width:min(100%,clamp(140px,42svh,190px))}
}
/* Consistent filter captions and area dropdowns. */
body #filters .filter-footer{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px 8px;min-width:0}
body #filters .filter-footer>.urgent-filter-row{grid-column:1;grid-row:1}
body #filters .filter-footer>.filter-inline-actions{grid-column:2;grid-row:1;justify-self:end}
body #filters .filter-footer>#extra-filters{grid-column:1/-1;grid-row:1;min-width:0}
body #filters .filter-footer:has(#extra-filters:not([hidden]))>.urgent-filter-row{grid-row:2}
body #filters .filter-footer:has(#extra-filters:not([hidden]))>.filter-inline-actions{grid-column:2;grid-row:2}
body #filters #sort{border:1px solid #aabcb4;background-color:#fff;padding:8px 28px 8px 10px;min-height:44px;border-radius:0;font-size:14px;font-weight:500}
@media(max-width:420px){body #filters .filter-footer>.filter-inline-actions,body #filters .filter-footer:has(#extra-filters:not([hidden]))>.filter-inline-actions{grid-column:1/-1;grid-row:3}}
body #filters .urgent-filter-row{display:flex;flex-wrap:wrap;align-items:center}
body #filters .filter-inline-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
body #filters .filter-inline-actions button{width:auto;min-height:44px;padding:8px 14px;font-size:13px;font-weight:650;white-space:nowrap}
@media(max-width:480px){body #filters .filter-inline-actions button{padding:8px 12px;font-size:12px}}
body #filters>label,body #filters .filter-more-grid>label:not(.nego-filter){display:flex;flex-direction:column;gap:5px;line-height:18px}
body #filters .filter-range legend{line-height:18px;margin-bottom:5px}
body #filters .range-inputs select{width:100%;min-width:0;min-height:44px;margin:0;padding:8px 24px 8px 8px;font-size:14px;letter-spacing:0;color:var(--ink);border:1px solid var(--line);border-radius:0;background-color:#fff}
body #filters .filter-more-grid{align-items:start}
body #filters .urgent-filter span,body #filter-toggle{white-space:nowrap}
body #filters>label>select,body #filters .filter-more-grid>label>select{margin-top:0}
@media(min-width:481px){body #filters .filter-more-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}