/* style.css */
:root{--green:#113f35;--ink:#172d27;--muted:#63736d;--line:#dfe6e2;--lime:#d5ec9b;--paper:#f5f7f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #b88625;outline-offset:4px}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.preview{background:var(--green);color:#fff;text-align:center;font-size:12px;letter-spacing:1.3px;padding:8px 16px}.preview span{opacity:.8;letter-spacing:0;margin-left:20px}header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;gap:12px;align-items:center;font-size:19px;line-height:1.25;font-weight:750;letter-spacing:1px}.brand small{display:block;font-size:12px;letter-spacing:4px;margin-top:5px}.mark{border:1px solid var(--green);border-radius:50%;width:50px;height:50px;display:grid;place-items:center;letter-spacing:-2px;font:24px Georgia;color:var(--green)}nav{display:flex;gap:30px;font-size:14px}nav a:hover{color:#438773}.outline,.primary{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border:1px solid var(--green);border-radius:7px;font-size:14px;font-weight:650;background:transparent;color:var(--green);min-height:48px}.primary{background:var(--green);color:#fff}.primary:hover{background:#246452}.outline:hover{background:#eef5f0}.hero{display:grid;grid-template-columns:1fr 1.05fr;min-height:475px;background:var(--paper);border-radius:16px;overflow:hidden}.hero-copy{padding:48px 42px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#567c67;margin-bottom:17px}h1{font-size:clamp(38px,4.4vw,61px);line-height:1.14;letter-spacing:-2.4px;margin:0 0 22px;font-weight:550}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#497861}h1 em{letter-spacing:-1.6px}.hero-copy p{color:var(--muted);max-width:360px;margin-bottom:25px}.hero-note{font-size:12px;letter-spacing:.4px;color:var(--muted);margin-top:32px}.hero-note span{color:var(--green);margin-right:12px}.hero-image{position:relative;min-height:420px;background:#ccd8ce}.hero-image img{width:100%;height:100%;position:absolute;object-fit:cover}.hero-image:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(5,30,23,.7))}.image-note{position:absolute;top:18px;right:18px;padding:6px 10px;background:#ffffffdd;border-radius:4px;font-size:12px}.image-caption{position:absolute;bottom:34px;left:32px;color:white;z-index:1;font-size:16px}.image-caption strong{font-size:24px;font-weight:500}.search{border:1px solid var(--line);border-radius:12px;background:white;margin-top:24px;box-shadow:0 12px 38px #123d3309}.tabs{display:flex;align-items:center;gap:8px;padding:14px 24px 0;border-bottom:1px solid var(--line)}.tabs button{border:0;background:none;padding:12px 20px;color:var(--muted);border-bottom:3px solid transparent}.tabs .active{color:var(--green);font-weight:700;border-color:var(--green)}.tabs span{margin-left:auto;font-size:13px;color:var(--muted)}form{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;align-items:end;padding:22px 26px;gap:24px}label{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--muted)}select{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:white;padding:9px 25px 9px 0;font-size:15px;color:var(--ink);letter-spacing:0;cursor:pointer;border-radius:0}.catalog{padding:65px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}h2{font-size:34px;line-height:1.25;letter-spacing:-.9px;font-weight:550;margin:0}h3{font-size:21px;font-weight:600;line-height:1.4;margin:12px 0}.textbtn{border:0;background:none;border-bottom:1px solid var(--green);padding:6px 0;color:var(--green);font-size:14px}.resultline{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);margin:20px 0 16px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #113f3510}.card-art{height:145px;background:#edf1ee;display:flex;align-items:center;justify-content:space-between;padding:26px;color:#426653;position:relative}.card:nth-child(2n) .card-art{background:#e9eef0;color:#49636b}.card:nth-child(3n) .card-art{background:#f1eee7;color:#766b51}.card-art strong{font:48px Georgia;letter-spacing:-1px;font-weight:400}.card-art span{writing-mode:vertical-rl;font-size:11px;letter-spacing:3px}.card-art small{position:absolute;bottom:10px;font-size:11px}.card-body{padding:22px}.meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.location{font-size:14px;color:var(--muted)}.features{display:flex;gap:12px;padding:10px 0 17px;font-size:14px;color:var(--muted)}.card-price{border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;justify-content:space-between}.card-price strong{font-size:23px;color:var(--green)}.card-price small{display:block;font-size:12px;font-weight:400;color:var(--muted)}.card-price button{border:1px solid var(--line);border-radius:6px;background:#fff;padding:9px 13px;font-size:13px;color:var(--green)}.empty{grid-column:1/-1;text-align:center;padding:55px;border:1px dashed #b7c7bd;border-radius:12px}.servicewrap{background:var(--paper)}.services{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:40px;padding:55px 0}.services p{color:var(--muted);font-size:15px;max-width:330px}.service{border-left:1px solid #cbd8cf;padding-left:30px}.num{font:28px Georgia;color:#678670}.contact{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:70px 0;gap:50px}.contact h2{font-size:44px}.contact p{color:var(--muted)}.contactlinks{justify-self:end;display:flex;flex-direction:column;gap:20px}.contactlinks a:first-child{font-size:35px;letter-spacing:1px}.contactlinks small{display:block;font-size:11px;letter-spacing:2px;color:var(--muted)}.contactlinks span{font-size:13px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}dialog{width:min(540px,calc(100% - 32px));border:none;border-radius:16px;padding:40px;color:var(--ink);box-shadow:0 30px 100px #0003}dialog::backdrop{background:#0b2c23a6;backdrop-filter:blur(4px)}.close{position:absolute;right:16px;top:12px;background:none;border:0;font-size:28px;color:var(--green)}dialog p,dialog li{color:var(--muted)}dialog .primary{margin-top:10px}dialog .demo{padding:12px;background:#f5f4e9;font-size:14px;border-radius:6px}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:900px){.wrap{width:calc(100% - 40px)}nav{gap:15px}.hero-copy{padding:35px 28px}h1{font-size:44px}.cards{gap:15px}.services{gap:20px}.service{padding-left:20px}form{gap:15px;grid-template-columns:1fr 1fr}.card-body{padding:16px}}@media(max-width:650px){.preview{font-size:10px}.preview span{display:block;margin:2px 0 0;font-size:11px}header{height:80px}.brand{font-size:16px}.mark{width:42px;height:42px}nav{display:none}.topcta{padding:8px 12px;font-size:12px;min-height:40px}.wrap{width:calc(100% - 32px)}.hero{grid-template-columns:1fr}.hero-copy{padding:30px 24px}.hero-copy p{font-size:15px}h1{font-size:43px}.hero-note{margin-top:22px}.hero-image{min-height:250px}.image-caption{bottom:20px;left:24px}.image-caption strong{font-size:22px}.search{margin-top:16px}.tabs{padding:6px 10px 0}.tabs span{display:none}form{padding:20px 16px;gap:20px 14px}form .primary{align-self:end;font-size:13px;padding:10px}.catalog{padding:40px 0}.section-head{align-items:center}h2{font-size:28px}.eyebrow{font-size:10px;letter-spacing:1.5px}.resultline{display:block}.resultline p{margin:0 0 3px}.cards{grid-template-columns:1fr}.card-art{height:135px}.card-body{padding:22px}.services{grid-template-columns:1fr;padding:35px 0;gap:25px}.service{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.contact{grid-template-columns:1fr;padding:40px 0;gap:16px}.contact h2{font-size:38px}.contactlinks{justify-self:stretch}.contactlinks a:first-child{font-size:30px}footer{display:block;padding-bottom:30px}footer span{display:block}dialog{padding:32px 24px}.hero-image img{object-position:center 40%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}

/* brand.css */
.brand-logo{display:block;width:68px;height:68px;object-fit:contain;border-radius:50%;flex-shrink:0}
.hero>.hero-copy{align-self:center}.hero .hero-videos{min-width:0;padding:28px 24px 20px;background:#edf2ee;margin:0;width:100%}.hero-videos #video-title{font-size:25px}.hero-videos .eyebrow{font-size:10px;margin-bottom:10px}.hero-videos .video-intro{font-size:13px;margin:12px 0 18px}.hero-videos .video-footnote{font-size:11px;margin-bottom:0}.hero-videos #page-video-details{max-height:540px;overflow-y:auto;overscroll-behavior:contain}.hero-videos .video-info{padding:16px}.hero-videos .video-nav{gap:8px}.hero-videos .video-choices button{padding:8px 10px}.hero-videos .video-slide-heading h3{font-size:18px}@media(max-width:650px){.hero .hero-videos{padding:24px 14px}.hero-videos #page-video-details{max-height:65vh;padding:18px}}
.video-detail-tabs{display:flex;gap:6px;padding:12px 20px;background:white;border-bottom:1px solid var(--line)}.video-detail-tabs button{border:0;border-bottom:3px solid transparent;padding:10px 20px;background:none;color:var(--muted)}.video-detail-tabs button[aria-selected=true]{color:var(--green);border-color:var(--green);font-weight:700}#page-video-details{padding:24px;background:white;font-size:15px}#page-video-details[hidden],#page-video-stage[hidden]{display:none}#page-video-details h3{margin-top:0}.knowledge-date{font-size:12px;color:var(--muted)}.video-facts{margin:20px 0}.video-facts>div{padding:14px 0;border-top:1px solid var(--line)}.video-facts dt{font-weight:650;color:var(--green);margin-bottom:4px}.video-facts dd{margin:0;color:var(--muted)}.video-price-wrap{overflow-x:auto}.video-price-wrap table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.video-price-wrap th,.video-price-wrap td{padding:10px 8px;border-bottom:1px solid var(--line)}.video-price-wrap th{background:var(--paper)}.knowledge-note{padding:14px;background:var(--paper);border-radius:8px;font-size:13px;color:var(--muted)}
.video-carousel{max-width:760px;margin:0 auto}.video-nav{display:flex;align-items:center;gap:12px;margin-bottom:18px}.video-nav>button{width:44px;height:44px;flex-shrink:0;background:white;border:1px solid var(--line);border-radius:50%;font-size:27px;color:var(--green)}.video-choices{display:flex;flex:1;justify-content:center;gap:8px;flex-wrap:wrap}.video-choices button{border:1px solid var(--line);border-radius:24px;background:white;padding:10px 16px;font-size:13px;color:var(--green)}.video-choices button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.video-slide-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.video-slide-heading span{font-size:13px;color:var(--muted);white-space:nowrap}.video-carousel .page-video{background:var(--paper)}.video-carousel .video-info{background:white}.video-carousel .video-player{width:min(100%,300px)}@media(max-width:420px){.video-nav{gap:6px}.video-choices{gap:5px}.video-choices button{padding:8px 10px;font-size:12px}.video-nav>button{width:38px;height:38px}}
.channel.messenger{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:90;width:64px;min-width:64px;height:64px;display:block;border-radius:50%}.channel.messenger .channel-icon{width:64px;height:64px;border-radius:50%;box-shadow:0 6px 24px #25378e40;border:2px solid white}.channel.messenger .channel-icon svg{width:36px;height:36px}.channel.messenger>span:last-child{position:absolute;right:76px;top:13px;background:white;color:var(--ink);padding:6px 13px;border:1px solid var(--line);border-radius:18px;box-shadow:0 3px 12px #113f3512;opacity:0;pointer-events:none;transition:opacity .15s}.channel.messenger:hover>span:last-child,.channel.messenger:focus-visible>span:last-child{opacity:1}body{padding-bottom:84px}@media(max-width:650px){.channel.messenger{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:58px;height:58px;min-width:58px}.channel.messenger .channel-icon{width:58px;height:58px}}@media(prefers-reduced-motion:reduce){.channel.messenger>span:last-child{transition:none}}
.video-section{padding:0 0 64px}.video-intro{max-width:680px;color:var(--muted);margin:16px 0 28px}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:850px}.page-video{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white}.video-player{max-width:360px;aspect-ratio:9/16;margin:auto;background:#f0f3f1}.video-player iframe{border:0;display:block;width:100%;height:100%}.video-info{padding:20px 22px}.video-info h3{margin:0 0 14px}.video-actions{display:flex;gap:12px 20px;flex-wrap:wrap;font-size:13px;color:var(--green)}.video-actions a{text-decoration:underline;text-underline-offset:4px}.video-footnote{font-size:12px;color:var(--muted);max-width:800px;margin-top:20px}@media(max-width:650px){.video-grid{grid-template-columns:1fr}.video-section{padding-bottom:40px}}
.messenger .channel-icon{background:linear-gradient(145deg,#198aff,#8653f1)}.channel-buttons{flex-wrap:wrap}.contact-channels .messenger-note{font-size:12px;color:var(--muted);margin:8px 0 0;max-width:390px}
.contact-channels{justify-self:end;text-align:center}.channel-buttons{display:flex;gap:18px;justify-content:center}.channel{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:82px;font-size:14px;font-weight:600}.channel-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;color:white;box-shadow:0 6px 16px #113f3512;transition:transform .18s,box-shadow .18s}.channel-icon svg{width:30px;height:30px}.phone .channel-icon{background:var(--green)}.zalo .channel-icon{background:#0068ff}.zalo svg{width:44px;height:44px}.facebook .channel-icon{background:#1877f2}.channel:hover .channel-icon{transform:translateY(-3px);box-shadow:0 9px 20px #113f3525}.channel-number{font-size:14px;margin:20px 0 0}.channel-number strong{color:var(--green);font-weight:600}@media(max-width:650px){.contact-channels{justify-self:start;text-align:left}.channel-buttons{gap:16px;justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.channel-icon{transition:none}}
@media(max-width:650px){.brand-logo{width:54px;height:54px}.brand{gap:10px}}
@media(max-width:360px){.brand-logo{width:46px;height:46px}.brand{gap:7px;font-size:14px}header{gap:10px}}
.video-actions .video-action-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:white;text-decoration:none;box-shadow:0 3px 10px #113f3518}.video-action-icon svg{width:25px;height:25px}.video-facebook{background:#1877f2}.video-messenger{background:linear-gradient(145deg,#198aff,#8653f1)}.video-action-icon:hover{filter:brightness(.9)}.video-action-icon:focus-visible{outline:3px solid var(--green);outline-offset:4px}
.header-needs{display:flex;gap:6px;flex-wrap:nowrap;justify-content:flex-end;flex-shrink:0}.header-needs .outline{min-height:36px;padding:8px 11px;white-space:nowrap;font-size:12px;border-radius:8px}header.wrap{height:auto;min-height:90px;padding-top:14px;padding-bottom:14px;gap:16px;flex-wrap:nowrap}@media(max-width:1000px){header.wrap nav{display:none}}@media(max-width:650px){header.wrap{gap:10px}.header-needs{gap:5px}.header-needs .outline{padding:8px;font-size:11px}header .brand{font-size:14px;gap:8px}header .brand small{font-size:10px;letter-spacing:2px}header .brand-logo{width:44px;height:44px}}@media(max-width:460px){header .brand>span{display:none}.header-needs .outline{padding:8px 7px}header.wrap{min-height:76px;gap:8px}}
.video-actions .video-action-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:10px;font-size:13px;font-weight:600;text-decoration:none;border:1px solid var(--green);line-height:1.4;flex:1;white-space:nowrap}.video-actions .video-facebook{background:white;color:var(--green)}.video-actions .video-messenger{background:var(--green);color:white}.video-action-button:hover{filter:brightness(.94)}.video-action-button:focus-visible{outline:3px solid var(--green);outline-offset:3px}.video-actions{gap:10px}
header.wrap .brand{font-size:24px;gap:12px;flex-shrink:0}header.wrap .brand small{font-size:15px;letter-spacing:4px}header.wrap .brand-logo{width:80px;height:80px}@media(max-width:650px){header.wrap .brand{font-size:20px;gap:10px}header.wrap .brand small{font-size:13px;letter-spacing:3px}header.wrap .brand-logo{width:64px;height:64px}}@media(max-width:460px){header.wrap .brand-logo{width:54px;height:54px}}
@media(max-width:650px){.hero>.hero-videos{grid-row:1}.hero>.hero-copy{grid-row:2}.hero-videos .video-player{width:min(100%,230px)}}
.hero>.knowledge-carousel{align-self:start;padding:32px;min-width:0}.knowledge-carousel h1{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:0 0 16px}.knowledge-carousel .knowledge-intro{font-size:14px;margin-bottom:24px}.knowledge-card{background:white;border:1px solid var(--line);border-radius:16px;padding:26px;min-height:390px;box-shadow:0 8px 25px #143f3508}.knowledge-category{font-size:10px;letter-spacing:1.5px;color:#63826e;font-weight:700}.knowledge-card h2{font-size:27px;line-height:1.25;margin:15px 0}.knowledge-card p,.knowledge-card li{font-size:14px;line-height:1.7;color:var(--muted)}.knowledge-card ul{padding-left:18px}.knowledge-card li{padding:4px 0}.knowledge-ask{display:inline-block;margin-top:14px;font-size:13px;font-weight:650;color:var(--green)}.knowledge-controls{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:18px}.knowledge-controls button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:white;color:var(--green)}.knowledge-controls span{font-size:13px;color:var(--muted)}.knowledge-carousel .knowledge-editor-note{font-size:11px;line-height:1.6;margin:18px 0 0}@media(max-width:650px){.hero>.knowledge-carousel{padding:26px 20px}.knowledge-carousel h1{font-size:30px}.knowledge-card{padding:22px;min-height:0}.knowledge-card h2{font-size:25px}}
.hero>.knowledge-carousel{grid-column:1;grid-row:1 / span 2}.hero>.hero-videos{grid-column:2;grid-row:1}.hero>.hero-search{grid-column:2;grid-row:2;width:auto;min-width:0;margin:0 24px 24px;align-self:start}.hero-search #filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px}.hero-search .tabs{padding:8px 12px 0}.hero-search .tabs span{display:none}.hero-search select{min-width:0;width:100%}@media(max-width:650px){.hero>.hero-videos{grid-column:1;grid-row:1}.hero>.hero-search{grid-column:1;grid-row:2;margin:0 14px 18px}.hero>.knowledge-carousel{grid-column:1;grid-row:3}}
.property-slogan{margin:12px 0 0;padding-left:12px;border-left:3px solid #b49b60;font-size:14px;font-weight:600;line-height:1.6;color:var(--green)}
.property-promise{display:block;margin-top:5px;font-size:13px;font-weight:400;line-height:1.6;color:var(--green)}
.hero-videos .property-slogan{margin-bottom:22px}

/* layout-review.css */
/* 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:#a61d24;color:#fff;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:0}
.urgent-filter input{width:18px;height:18px;margin:0;accent-color:#7e141b;flex-shrink:0}
.urgent-filter svg{flex-shrink:0}
.urgent-filter:hover{background:#8d1720}
.urgent-filter:has(input:checked){background:#7e141b;color:#fff;outline:2px solid #c45a60;outline-offset:2px}
.urgent-filter:has(input:focus-visible){outline:3px solid #a28d58;outline-offset:3px}
.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)}}


/* ui-polish.css */
/* Final presentation pass: preserve the approved green palette and square controls. */
body dialog.consignment-dialog{width:min(820px,calc(100% - 24px));padding:52px 24px 24px}
body .consignment-dialog h2{font-size:28px}
body .consignment-dialog .consignment-note{font-size:13px;line-height:1.6}
body .consignment-frame{display:block;width:100%;height:65dvh;min-height:360px;border:1px solid var(--line);margin-top:18px;background:#fafafa}
body .consignment-dialog .form-fallback{min-height:44px;font-size:14px}
@media(max-width:480px){body dialog.consignment-dialog{padding:52px 12px 16px}body .consignment-dialog h2{font-size:24px}body .consignment-dialog p{font-size:14px}}
body{font-family:'Segoe UI',Arial,sans-serif;line-height:1.6}
button,input,select{font-family:inherit}
body button,body a.primary,body a.outline{font-weight:600}
body .hero-search #filters{grid-template-columns:1fr 1fr 1.5fr;align-items:start}
body #filters select,body #filters #sort,body #filters .range-inputs select{min-height:44px;border:1px solid #aabcb4;padding:8px 28px 8px 10px;font-size:15px;font-weight:400;line-height:1.5;background-color:#fff}
body #filters select:hover{border-color:#527767}
body #filters label,body #filters legend{color:#50665b}
body #filters label.urgent-filter{color:#fff}
body #filters .filter-more-grid{grid-template-columns:minmax(0,1fr);margin-top:0}
body #filters .filter-more-grid>.nego-filter{font-size:14px;line-height:1.5;letter-spacing:0}
body #filters .filter-hint,body .video-footnote,body .knowledge-editor-note{font-size:13px;line-height:1.6;color:#53675c}
body .catalog .features,body .catalog .location,body .catalog .card-price small,body .meta{font-size:13px}
body .catalog .card-price button{font-size:13px;min-height:40px}
body .catalog .card h3{font-size:18px;line-height:1.45}
body .card-price strong{font-variant-numeric:tabular-nums}
body .card:hover{transform:translateY(-2px)}
body .close{width:44px;height:44px;display:grid;place-items:center;padding:0;line-height:1}
body dialog{padding-top:56px}
body :is(button,a,input,select):focus-visible{outline:3px solid #9c7d39;outline-offset:3px}
body .empty{padding:32px 20px}
body .contact.contact-simple{padding-bottom:48px}
body .channel.messenger{bottom:calc(12px + env(safe-area-inset-bottom))}
body:has(dialog[open]) .channel.messenger{visibility:hidden}
body:has(#filters:focus-within) .channel.messenger{visibility:hidden}
@media(min-width:1000px){
 body #filters .filter-more-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
}
@media(max-width:760px){
 body header.wrap{flex-wrap:wrap}
 body header.wrap .brand{flex:1 0 100%;min-width:0}
 body header.wrap .brand>span{display:block}
 body header.wrap .header-needs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1 0 100%;width:100%}
 body header.wrap .header-needs .outline{min-width:0;padding-left:4px;padding-right:4px}
 body .hero-search #filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 body #filters>.filter-range{grid-column:1/-1}
 body #filters select,body #filters #sort,body #filters .range-inputs select{font-size:16px}
 body header.wrap .header-needs .outline{font-size:12px;min-height:44px}
 body .catalog .card-price button,body #product-pagination button{min-height:44px}
 body .knowledge-card{padding:20px}
 body .knowledge-section>#knowledge-title{font-size:28px}
 body .contact-simple h2{font-size:23px}
}
@media(max-width:480px){
 body .hero-search #filters>label{grid-column:1/-1}
 body .hero-videos .property-slogan{font-size:14px}
 body #filters .filter-footer{grid-template-columns:minmax(0,1fr)}
 body #filters .filter-footer>.urgent-filter-row{grid-column:1;grid-row:1}
 body #filters .filter-footer>.filter-inline-actions{grid-column:1;grid-row:2}
 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:1;grid-row:3}
 body #filters .filter-inline-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
 body #filters .filter-inline-actions button{font-size:13px}
 body #filters .urgent-filter{font-size:12px;min-height:44px}
 body .resultline{font-size:13px;line-height:1.6}
 body footer{line-height:1.8}
}
@media(max-width:400px){
 body #filters .range-inputs{grid-template-columns:minmax(0,1fr);gap:8px}
 body #filters .range-inputs>span{display:none}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 body *,body *::before,body *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
/* Service CTAs share a baseline; narrow screens must not retain three columns. */
.services .service{display:flex;flex-direction:column;align-items:stretch;min-width:0}
.services .service>p{flex:1}
.services .service>.outline,.services .service>.primary{width:100%;min-height:48px;line-height:1.4;padding:10px 14px;white-space:normal;text-align:center;box-sizing:border-box}
@media(max-width:950px){
 .servicewrap .services{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:36px 0}
 .servicewrap .services>div:first-child{grid-column:1/-1}
 .servicewrap .services>div:first-child p{max-width:65ch}
 .servicewrap .services .service{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}
 .servicewrap .services .service>.outline,.servicewrap .services .service>.primary{min-height:56px}
}
@media(max-width:560px){
 .servicewrap .services{grid-template-columns:minmax(0,1fr);gap:22px}
 .servicewrap .services h2{font-size:28px;line-height:1.3;letter-spacing:-.5px}
 .servicewrap .services h3{font-size:21px;line-height:1.4;margin:8px 0}
 .servicewrap .services p{max-width:none;margin:10px 0 18px;font-size:15px}
 .servicewrap .services .service>.outline,.servicewrap .services .service>.primary{min-height:48px}
}

/* nav-buttons.css */
body header.wrap nav[aria-label="Điều hướng chính"]{gap:8px}
body header.wrap nav[aria-label="Điều hướng chính"] a{
 display:inline-flex;align-items:center;justify-content:center;
 min-height:44px;padding:8px 14px;border:1px solid #557669;
 border-radius:0;background:#f1f5ef;color:#143f34;
 font-size:13px;font-weight:650;line-height:1.2;text-decoration:none;
 white-space:nowrap;box-shadow:none;
}
body header.wrap nav[aria-label="Điều hướng chính"] a:hover{background:#143f34;color:#fff;border-color:#143f34}
body header.wrap nav[aria-label="Điều hướng chính"] a:focus-visible{outline:3px solid #a99555;outline-offset:3px}

/* buyer-first.css */
.inventory-entry{display:flex;align-items:center;gap:14px;padding-top:20px;padding-bottom:20px;border-bottom:1px solid #c9d6cc}.inventory-entry>div{flex:1}.inventory-entry strong{display:block;font-size:22px;color:#143f34}.inventory-entry span{display:block;margin-top:6px;color:#52665e}.inventory-entry a,.product-detail-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;text-decoration:none;border:1px solid #143f34;white-space:nowrap}.secondary-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap;width:100%;padding:16px 0;border-top:1px solid #d7dfd9}.secondary-links span{font-weight:700}.secondary-links a{padding:8px 0}.field[hidden],.compound[hidden]{display:none!important}.product-page{max-width:900px;margin:0 auto;padding:24px}.product-page header{display:flex;justify-content:space-between;gap:16px;padding:16px 0}.product-page h1{font-size:clamp(28px,5vw,44px);line-height:1.25}.product-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#edf2eb;padding:20px}.product-facts dt{font-size:14px;color:#52665e}.product-facts dd{margin:6px 0 0;font-weight:700}.product-page .actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.product-page .primary{display:inline-flex;padding:12px 20px;background:#143f34;color:white;text-decoration:none}.product-page img{max-width:100%;height:auto}.product-page .notice{border-left:3px solid #ae965e;padding:12px 16px;background:#f4f6f3}.product-page button{font:inherit;padding:10px 16px;cursor:pointer}.product-detail-link:focus-visible,.inventory-entry a:focus-visible{outline:3px solid #ac9457;outline-offset:3px}
@media(max-width:650px){.inventory-entry{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:14px;padding-bottom:14px}.inventory-entry>div{grid-column:1/-1}.inventory-entry strong{font-size:20px}.inventory-entry span{font-size:14px}.inventory-entry a{font-size:14px;padding:10px 8px}.hero-videos .video-player{height:min(42svh,330px)!important;min-height:0!important;aspect-ratio:auto!important}.hero-videos .video-player iframe{height:100%!important;width:auto!important;max-width:100%;aspect-ratio:9/16!important;margin:auto;display:block}.hero-videos .page-video{min-height:0!important}.hero-videos .video-footnote{font-size:12px}.secondary-links{font-size:14px}.product-page{padding:16px}.product-facts{gap:14px;padding:16px}.product-detail-link{padding:8px 10px;font-size:13px}}
.measurement-choice{width:100%;font-size:13px;padding:12px 0}.measurement-choice summary{cursor:pointer}.measurement-choice p{max-width:700px;line-height:1.6}.measurement-choice button{font:inherit;padding:8px 12px;margin-right:8px;border:1px solid #143f34;background:white;color:#143f34;cursor:pointer}