:root{--ink:#223027;--green:#27362e;--cream:#f4efe6;--gold:#c5a879}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fbfaf7;line-height:1.6}img{display:block;width:100%}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(251,250,247,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(39,54,46,.08)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand img{width:43px;height:43px}.brand span{display:flex;flex-direction:column;line-height:1}.brand b{font-size:10px;text-transform:uppercase;letter-spacing:.24em;font-weight:600;color:#7b837c}.brand strong{font-family:"Times New Roman",Times,"Liberation Serif",serif;letter-spacing:.08em;font-size:19px;margin-top:4px}.nav{display:flex;gap:29px;align-items:center;font-size:14px;font-weight:600}.nav-cta{padding:11px 18px;border:1px solid var(--green);border-radius:999px}.menu-btn{display:none;background:none;border:0;font-size:25px}.hero{padding:62px 0 75px;background:linear-gradient(135deg,#f8f5ef,#ede3d3)}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.eyebrow{letter-spacing:.22em;font-size:11px;font-weight:800;color:#7b715e;margin:0 0 18px}.hero h1,.section h2{font-family:"Times New Roman",Times,"Liberation Serif",serif;font-weight:500;line-height:1.22;letter-spacing:normal;word-break:normal;overflow-wrap:normal}.hero h1{font-size:clamp(45px,6vw,78px);margin:0 0 24px}.hero h1 em{font-weight:400;color:#6a7b6e}.lead{font-size:18px;color:#59635b}.hero-actions{display:flex;gap:12px;margin:32px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-weight:750;font-size:14px;cursor:pointer}.primary{background:var(--green);color:white}.ghost{border-color:#9d9f98}.cream{background:#f2e7d4;color:var(--green);width:100%}.hero-points{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;color:#667168}.hero-image{position:relative;margin:0;border-radius:34px 6px;overflow:hidden;box-shadow:0 24px 70px rgba(33,45,37,.14)}.hero-image img{aspect-ratio:4/3;object-fit:cover}.hero-image figcaption{position:absolute;bottom:12px;right:14px;color:#fff;background:#0007;font-size:10px;padding:5px 8px;border-radius:999px}.floating-card{position:absolute;left:24px;bottom:24px;background:#fffffff0;padding:14px 18px;border-radius:14px;display:flex;flex-direction:column}.floating-card small{font-size:10px;letter-spacing:.15em;color:#7a817b}.floating-card b{font-family:"Times New Roman",Times,"Liberation Serif",serif;font-size:20px}.section{padding:100px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.section h2{font-size:clamp(38px,5vw,59px);margin:0}.intro-text{font-size:18px;color:#58625a}.products{background:#f1ede6}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-heading>p{max-width:390px;color:#6a736c}.product-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-auto-rows:330px;gap:18px}.product-card{position:relative;overflow:hidden;border-radius:5px;background:#ddd}.product-card.large{grid-row:span 2}.product-card img{height:100%;object-fit:cover;transition:.5s}.product-card:hover img{transform:scale(1.025)}.product-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#151d18d9)}.overlay{position:absolute;z-index:2;bottom:22px;left:22px;right:20px;color:#fff}.overlay span{font-size:10px;letter-spacing:.2em}.overlay h3{font-family:"Times New Roman",Times,"Liberation Serif",serif;font-size:30px;font-weight:500;margin:4px 0}.overlay p{margin:0;font-size:13px;color:#e7e9e6}.note{font-size:12px;color:#7d817c}.materials{background:var(--green);color:#fff}.material-grid{display:grid;grid-template-columns:1.4fr .75fr;gap:90px;align-items:center}.materials .eyebrow,.light{color:#d3b88f}.material-copy>p:not(.eyebrow){color:#cfd5d0}.material-levels{border-top:1px solid #ffffff2e;margin-top:38px}.material-levels>div{display:grid;grid-template-columns:55px 210px 1fr;gap:10px;border-bottom:1px solid #ffffff2e;padding:21px 0}.material-levels span{color:#cdb58f;font-size:12px}.material-levels p{margin:0;color:#bfc8c2}.material-panel{background:#ede1cf;color:var(--green);padding:42px;border-radius:4px}.panel-label{font-size:10px;letter-spacing:.18em;font-weight:800}.material-panel h3{font-family:"Times New Roman",Times,"Liberation Serif",serif;font-size:37px;line-height:1.1;margin:15px 0}.material-panel a{font-weight:800;border-bottom:1px solid}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dfe2de;border:1px solid #dfe2de}.steps article{background:#fbfaf7;padding:34px 28px;min-height:250px}.steps span{color:#a68d68;font-size:12px}.steps h3{font-family:"Times New Roman",Times,"Liberation Serif",serif;font-size:24px;margin:28px 0 10px}.steps p{color:#687169;font-size:14px}.quote-section{background:#39483f;color:#fff}.quote-grid{display:grid;grid-template-columns:1fr .85fr;gap:90px}.contact-placeholder{display:flex;gap:50px;margin-top:40px}.contact-placeholder div{display:flex;flex-direction:column}.contact-placeholder small{color:#aeb8b0}.quote-form{background:#fff;color:var(--ink);padding:32px;border-radius:5px}.quote-form label{display:block;font-size:12px;font-weight:750;margin-bottom:16px}.quote-form input,.quote-form select,.quote-form textarea{width:100%;margin-top:7px;border:1px solid #d9ddd8;background:#f9f8f5;border-radius:4px;padding:13px 14px;font:inherit}.form-hint{font-size:11px;color:#7a817c;text-align:center}footer{padding:40px 0;background:#1f2a24;color:#cbd1cd}.footer-grid{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px}.footer-brand strong{color:#fff}.footer-brand img{width:40px}.copyright{font-size:12px}dialog{border:0;border-radius:14px;padding:34px;width:min(620px,calc(100% - 30px));box-shadow:0 30px 100px #0005}dialog::backdrop{background:#131b16a6}dialog h3{font-family:"Times New Roman",Times,"Liberation Serif",serif;font-size:34px;margin:0 0 10px}dialog textarea{width:100%;margin:10px 0 18px;padding:14px;border:1px solid #d9ddd8;border-radius:6px}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:28px}.reveal{opacity:0;transform:translateY(18px);transition:.6s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fbfaf7;padding:24px 20px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.menu-btn{display:block}.hero-grid,.intro-grid,.material-grid,.quote-grid{grid-template-columns:1fr;gap:45px}.product-grid{grid-template-columns:1fr 1fr}.product-card.large{grid-row:span 1;grid-column:span 2}.steps{grid-template-columns:1fr 1fr}.material-levels>div{grid-template-columns:45px 1fr}.material-levels p{grid-column:2}.footer-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.section{padding:72px 0}}@media(max-width:620px){.container{width:min(100% - 28px,1180px)}.hero h1{font-size:46px}.product-grid{grid-template-columns:1fr;grid-auto-rows:310px}.product-card.large{grid-column:auto}.steps{grid-template-columns:1fr}.contact-placeholder{flex-direction:column;gap:16px}.hero-actions{flex-direction:column}.hero-points{flex-direction:column;gap:7px}.quote-form{padding:22px}.material-panel{padding:28px}}

/* Các bổ sung về thông tin liên hệ */
.hero-actions{flex-wrap:wrap}.zalo-hero{border:1px solid #436a55;color:#294d38;background:#e7f0e7}.zalo-hero:hover{background:#d6e8d9}
.contact-column>p:not(.eyebrow){max-width:530px;color:#e2e9e2}.contact-details{display:flex;flex-direction:column;margin-top:28px;gap:1px;border-top:1px solid #ffffff2f}.contact-line{display:flex;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid #ffffff24;transition:background .2s}.contact-line:not(.static):hover{background:#ffffff12}.contact-line>span:nth-child(2){display:flex;flex:1;flex-direction:column;min-width:0}.contact-line small{color:#c7d3c8;font-size:12px;line-height:1.5}.contact-line strong{font-size:15px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.contact-icon{width:39px;height:39px;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;border:1px solid #d5dfd54a;border-radius:50%;color:#efd5a9;font-size:21px;font-family:Arial,sans-serif;font-weight:750}.contact-arrow{font-size:19px;color:#dfeddd}.form-eyebrow{font-size:11px;color:#7b715e;letter-spacing:.14em;font-weight:800;margin:0 0 5px}.quote-form h3{font-family:"Times New Roman",Times,"Liberation Serif",serif;font-size:30px;font-weight:500;line-height:1.25;margin:0 0 22px}.form-hint{line-height:1.55}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:13px}.footer-links a:hover{text-decoration:underline}.footer-areas{font-size:12px;color:#bdc9be}.footer-grid{grid-template-columns:1fr 1.2fr 1fr auto}.dialog-actions{display:flex;flex-wrap:wrap;gap:9px}.dialog-email{background:#f0e6d6;color:#27362e}.dialog-zalo{background:#dbeedf;color:#235339}.dialog-actions .btn{min-height:43px;padding:0 16px}dialog p{color:#4b564e}.quick-contact{position:fixed;z-index:25;right:15px;bottom:18px;display:flex;flex-direction:column;gap:9px}.quick-contact a{box-shadow:0 5px 24px #172a2061;border-radius:99px;color:white;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;padding:12px 17px}.quick-call{background:#304a38}.quick-zalo{background:#1265cb}.quick-contact a:hover{filter:brightness(1.08)}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}.hero-actions{flex-wrap:wrap}}
@media(max-width:620px){.contact-line strong{font-size:14px}.hero-actions{flex-direction:column}.footer-grid{grid-template-columns:1fr}.quick-contact{bottom:12px;right:11px}.quick-contact a{padding:10px 12px}.quick-contact a span{display:none}.quick-contact .quick-zalo,.quick-contact .quick-call{width:44px;height:44px;justify-content:center;font-size:20px}.quote-section{padding-bottom:105px}}


/* Gallery cập nhật công trình thực tế */
.gallery-section{background:#fbfaf7}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-card{background:#fff;border:1px solid #ece7df;border-radius:8px;overflow:hidden;box-shadow:0 10px 34px rgba(32,40,35,.06)}.gallery-card img{aspect-ratio:1/1;object-fit:cover}.gallery-card figcaption{padding:16px 16px 18px}.gallery-card b{display:block;font-family:"Times New Roman",Times,"Liberation Serif",serif;font-size:24px;font-weight:500;margin-bottom:6px;color:var(--ink)}.gallery-card span{display:block;color:#647068;font-size:14px;line-height:1.6}.real-work-grid .product-card img{object-fit:cover}.real-work-grid .product-card.large img{object-position:center}.contact-line.static{padding-right:0}.hero-image img{object-fit:cover}.footer-links a{display:block}.gallery-card:hover img,.gallery-card:focus-within img{transform:scale(1.02);transition:.45s}.gallery-card img{transition:.45s}@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.gallery-grid{grid-template-columns:1fr}.gallery-card b{font-size:22px}}
/* Nội thất theo yêu cầu - giữ đầy đủ dịch vụ ban đầu */
.map-hero{border:1px solid #acb4a9;color:var(--green);background:#f7f4ef}
.map-hero:hover{background:#e4e9e0}
.extra-services{padding-top:52px}
.extra-services-heading{margin-bottom:22px}
.extra-services-heading h3{font-family:"Times New Roman",Times,"Liberation Serif",serif;font-size:clamp(28px,3.5vw,42px);font-weight:500;line-height:1.2;margin:0}
.extra-services-heading>p:last-child{color:#69736a;max-width:650px;margin-top:8px}
.extra-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.extra-service{border:1px solid #e2ddd5;border-radius:8px;background:#fcfaf6;overflow:hidden}
.extra-service img{width:100%;height:170px;object-fit:cover}
.extra-service>div{padding:19px}
.extra-service span{font-size:10px;color:#7e745f;font-weight:800;letter-spacing:.12em}
.extra-service h4{font-family:"Times New Roman",Times,"Liberation Serif",serif;font-size:27px;font-weight:500;margin:6px 0}
.extra-service p{font-size:14px;margin:0;color:#5c685f}
/* Menu has one extra gallery link; adapt earlier on narrower desktops */
.nav{gap:clamp(12px,1.7vw,25px);font-size:13px}
.hero-actions .map-hero{font-size:13px}
@media(max-width:1050px){.nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fbfaf7;padding:24px 20px;flex-direction:column;align-items:flex-start;gap:20px}.nav.open{display:flex}.menu-btn{display:block}}
@media(max-width:900px){.extra-services-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.extra-services-grid{grid-template-columns:1fr}.extra-service img{height:190px}.map-hero{font-size:12px}}

/* Các công trình đăng thêm từ trang quản trị */
.gallery-message{font-size:13px;color:#53675b;margin-top:18px}.gallery-card .gallery-category{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#799481;font-weight:700;margin-bottom:8px;display:block}.gallery-card img{background:#ede8e0}.gallery-card.dynamic-card{animation:ta-appear .3s ease}@keyframes ta-appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}