:root{--wood-950:#24160b;--wood-900:#3b2616;--wood-700:#6b4423;--wood-500:#a8743f;--wood-300:#cfae84;--wood-200:#e6d3b8;--wood-100:#f1e8d9;--cream:#faf6ef;--gold:#b08d57;--ink:#2a2118;--muted:#6e6254;--green:#2f6b4a;--zalo:#0068ff;--messenger:#7b3fe4;--radius:12px;--shadow:0 6px 20px #3b26161a;--shadow-lg:0 16px 40px #3b26162e;--ease:cubic-bezier(.22, .61, .36, 1);--header-h:72px;--bar-h:0px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 8px)}html.modal-open{overflow:hidden}body{color:var(--ink);background:var(--cream);-webkit-text-size-adjust:100%;margin:0;font-family:Be Vietnam Pro,system-ui,sans-serif;line-height:1.65}img{max-width:100%;display:block}a{color:inherit}button{font:inherit}h1,h2,h3,h4{color:var(--wood-900);margin:0 0 .5em;font-family:Playfair Display,Georgia,serif;line-height:1.2}h1,h2{text-wrap:balance}h1{font-size:clamp(2.1rem,5.6vw,3.8rem);font-weight:600}h2{font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:600}h3{margin-bottom:.2em;font-size:1.1rem}p{margin:0 0 1em}.ic-zalo{width:24px!important;height:24px!important}.ic{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}:focus-visible{outline:2px solid var(--wood-500);outline-offset:3px}.skip-link{z-index:100;background:var(--wood-900);color:#fff;border-radius:8px;padding:10px 16px;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.container{width:min(1180px,100% - 32px);margin-inline:auto}.section{padding:88px 0}.section.alt{background:var(--wood-100)}.section-head{max-width:640px;margin-bottom:32px}.section-sub{color:var(--muted);margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--wood-500);align-items:center;gap:10px;margin-bottom:.8em;font-size:.74rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:28px;height:1px}.lead{max-width:42ch;font-size:1.12rem}.btn{border:1.5px solid var(--wood-700);background:var(--wood-700);color:#fff;cursor:pointer;min-height:46px;transition:background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease), transform .25s var(--ease), box-shadow .25s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--wood-900);border-color:var(--wood-900);box-shadow:var(--shadow);transform:translateY(-1px)}.btn:active{transform:none}.btn-light{background:var(--cream);color:var(--wood-900);border-color:var(--cream)}.btn-light:hover{color:var(--wood-900);background:#fff;border-color:#fff}.btn-ghost{color:#fff;background:0 0;border-color:#ffffffb3}.btn-ghost:hover{color:var(--wood-900);background:#fff;border-color:#fff}.btn-outline{color:var(--wood-900);border-color:var(--wood-500);background:0 0}.btn-outline:hover{background:var(--wood-900);color:#fff}.btn-zalo{background:var(--zalo);border-color:var(--zalo)}.btn-zalo:hover{background:#0052cc;border-color:#0052cc}.btn-messenger{background:var(--messenger);border-color:var(--messenger)}.btn-messenger:hover{background:#6230c0;border-color:#6230c0}.btn-small{min-height:40px;padding:8px 16px;font-size:.92rem}.link-arrow{color:var(--wood-700);border-bottom:1px solid var(--wood-300);margin-top:8px;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s;display:inline-block}.link-arrow:hover{color:var(--wood-900);border-color:var(--wood-900)}.site-header{z-index:50;-webkit-backdrop-filter:blur(10px);transition:box-shadow .3s var(--ease), border-color .3s var(--ease);background:#faf6efeb;border-bottom:1px solid #0000;position:sticky;top:0}.site-header.is-scrolled{border-color:var(--wood-200);box-shadow:0 4px 18px #3b261614}.header-row{height:var(--header-h);transition:height .3s var(--ease);align-items:center;gap:24px;display:flex}.is-scrolled .header-row{height:60px}.logo{color:var(--wood-900);flex:none;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo img{width:auto;transition:height .3s var(--ease);display:block}.logo .logo-mark{height:48px}.logo .logo-word{height:34px}.is-scrolled .logo .logo-mark{height:40px}.is-scrolled .logo .logo-word{height:30px}.nav{align-items:center;gap:30px;margin-left:auto;margin-right:8px;display:flex}.nav a{padding:6px 0;font-weight:500;text-decoration:none;position:relative}.nav a:after{content:"";background:var(--wood-500);transform-origin:0;height:2px;transition:transform .3s var(--ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav a:hover:after,.nav a.is-active:after{transform:scaleX(1)}.nav a.is-active{color:var(--wood-700)}.header-call .ic{width:18px;height:18px}.icon-btn{border:1px solid var(--wood-200);width:42px;height:42px;color:var(--wood-900);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;transition:background .2s,border-color .2s;display:grid}.icon-btn:hover{border-color:var(--wood-500);background:#fff}.nav-item{position:relative}.nav-item>a{align-items:center;gap:4px;display:inline-flex}.ic-down{width:16px;height:16px;transition:transform .25s var(--ease)}.subnav{z-index:5;border:1px solid var(--wood-200);border-radius:var(--radius);min-width:260px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity .2s, transform .25s var(--ease), visibility .2s;background:#fff;padding:8px;position:absolute;top:calc(100% + 10px);left:-16px;transform:translateY(6px)}.subnav:before{content:"";height:12px;position:absolute;inset:-12px 0 auto}.nav-item:hover .subnav,.nav-item:focus-within .subnav{opacity:1;visibility:visible;transform:none}.nav-item:hover .ic-down,.nav-item:focus-within .ic-down{transform:rotate(180deg)}.subnav a{white-space:nowrap;border-radius:8px;padding:10px 12px;font-weight:500;display:block}.subnav a:after{display:none}.subnav a:hover{background:var(--wood-100);color:var(--wood-700)}.nav-toggle{cursor:pointer;background:0 0;border:0;width:44px;height:44px;padding:10px;display:none}.nav-toggle span{background:var(--wood-900);height:2px;margin:6px 0;transition:transform .25s,opacity .25s;display:block}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(8px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.ph{background:repeating-linear-gradient(95deg, #ffffff0f 0 2px, transparent 2px 9px), linear-gradient(135deg, var(--c1,#a8743f), var(--c2,#6b4423));aspect-ratio:4/3;display:block}.ph-1{--c1:#b98650;--c2:#7a4d28}.ph-2{--c1:#8c5e34;--c2:#4f3019}.ph-3{--c1:#d0a56d;--c2:#96693a}.ph-4{--c1:#6b4423;--c2:#35200f}.ph-5{--c1:#c4935c;--c2:#85582f}.ph-6{--c1:#9b6a3c;--c2:#5c3a1d}.ph-7{--c1:#b07a45;--c2:#5a3719}.ph-hero-1{--c1:#7a4a24;--c2:#2a170a}.ph-hero-2{--c1:#a8743f;--c2:#4a2c14}.ph-hero-3{--c1:#5e3b1e;--c2:#1f130a}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{color:#fff;background:var(--wood-950);height:clamp(540px, calc(100svh - var(--header-h)), 760px);position:relative;overflow:hidden}.hero-track{position:absolute;inset:0}.slide{visibility:hidden;transition:transform 1s var(--ease), visibility 0s 1s;align-items:center;display:flex;position:absolute;inset:0;transform:translate(100%)}.slide.is-active,.slide.leave-left,.slide.leave-right{visibility:visible;transition:transform 1s var(--ease), visibility 0s}.slide.is-active{transform:none}.slide.leave-left{transform:translate(-100%)}.slide.leave-right{transform:translate(100%)}.slide-bg{position:absolute;inset:0;overflow:hidden}.slide-bg>*{object-fit:cover;aspect-ratio:auto;width:100%;height:100%}.slide.is-active .slide-bg>*{animation:9s ease-out both kenburns}.slide-bg:after{content:"";background:linear-gradient(90deg,#1c1108e0 0%,#1c110899 45%,#1c11081a 100%),linear-gradient(#0000 65%,#1c110880 100%);position:absolute;inset:0}.slide-content{padding:40px 0 110px;position:relative}.slide-content>*{max-width:560px}.slide.is-active .slide-content>*{animation:fadeUp .9s var(--ease) both;animation-delay:.35s}.slide.is-active .slide-content>:nth-child(2){animation-delay:.45s}.slide.is-active .slide-content>:nth-child(3){animation-delay:.55s}.slide.is-active .slide-content>:nth-child(4){animation-delay:.65s}.slide.is-active .slide-content>:nth-child(5){animation-delay:.75s}.slide .eyebrow{color:var(--wood-300)}.slide-title{color:#fff;text-wrap:balance;margin:0 0 .4em;font-family:Playfair Display,Georgia,serif;font-size:clamp(2.1rem,5.4vw,3.7rem);font-weight:600;line-height:1.15}.slide-meta{color:var(--wood-200);flex-wrap:wrap;align-items:center;gap:12px;font-size:.95rem;display:flex}.slide .lead{color:#ffffffdb}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-controls{z-index:2;align-items:center;gap:14px;display:flex;position:absolute;bottom:26px;left:0;right:0}.hero-controls[hidden]{display:none}.hero-count{letter-spacing:.08em;color:var(--wood-200);min-width:4.5em;font-family:Playfair Display,serif;font-size:.95rem}.hero-arrow{cursor:pointer;color:#fff;background:#0000002e;border:1px solid #ffffff73;border-radius:50%;place-items:center;width:42px;height:42px;transition:background .25s,border-color .25s;display:grid}.hero-arrow:hover{background:#ffffff2e;border-color:#fff}.hero-prev{margin-left:8px}.hero-dots{gap:4px;display:flex}.dot{cursor:pointer;background:0 0;border:0;width:48px;height:44px;padding:0;position:relative}.dot:before,.dot:after{content:"";height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:10px}.dot:before{background:#ffffff59}.dot:after{transform-origin:0;background:#fff;transform:scaleX(0)}.dot[aria-current=true]:after{transform:scaleX(1)}.hero.is-auto .dot[aria-current=true]:after{animation:dotFill var(--slide-ms,6s) linear both}.hero.is-paused .dot[aria-current=true]:after{animation-play-state:paused}@keyframes dotFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.highlights{background:var(--wood-900);color:var(--wood-200)}.highlights-grid{grid-template-columns:repeat(4,1fr);gap:24px;padding:26px 0;display:grid}.highlights-grid div{flex-direction:column;gap:2px;display:flex}.highlights-grid div:before{content:"";background:var(--gold);width:28px;height:2px;margin-bottom:10px}.highlights-grid strong{color:#fff;font-weight:600}.highlights-grid span{color:var(--wood-300);font-size:.86rem}.catalog-bar{margin-bottom:24px}.cat-tabs{scrollbar-width:none;scroll-snap-type:x proximity;gap:10px;padding:4px 2px 12px;display:flex;overflow-x:auto}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{scroll-snap-align:start;border:1px solid var(--wood-200);min-height:54px;color:var(--wood-900);cursor:pointer;text-align:left;background:#fff;border-radius:999px;flex:none;align-items:center;gap:10px;padding:6px 12px 6px 6px;transition:border-color .25s,background .25s,color .25s,box-shadow .25s,opacity .25s;display:flex}.cat-tab:hover{border-color:var(--wood-500);box-shadow:var(--shadow)}.cat-tab[aria-pressed=true]{background:var(--wood-900);border-color:var(--wood-900);color:#fff}.cat-tab.is-empty:not([aria-pressed=true]){opacity:.5}.cat-thumb{object-fit:cover;aspect-ratio:1;background:var(--wood-100);width:40px;height:40px;color:var(--wood-700);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.cat-tab[aria-pressed=true] .cat-thumb{box-shadow:0 0 0 2px var(--gold)}.cat-name{white-space:nowrap;font-size:.92rem;font-weight:500}.cat-count{background:var(--wood-100);min-width:24px;color:var(--wood-700);text-align:center;border-radius:999px;padding:1px 7px;font-size:.75rem;font-weight:600}.cat-tab[aria-pressed=true] .cat-count{color:#fff;background:#ffffff29}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;padding-top:4px;display:flex}.search{flex:320px;max-width:460px;position:relative}.search>.ic{color:var(--wood-500);pointer-events:none;position:absolute;top:50%;left:14px;translate:0 -50%}.search input{width:100%;height:46px;font:inherit;color:var(--ink);border:1px solid var(--wood-200);background:#fff;border-radius:999px;padding:0 44px;transition:border-color .2s,box-shadow .2s}.search input::-webkit-search-cancel-button{display:none}.search input:focus{border-color:var(--wood-500);outline:none;box-shadow:0 0 0 3px #a8743f2e}.search-clear{background:var(--wood-100);width:34px;height:34px;color:var(--wood-700);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:6px;translate:0 -50%}.search-clear .ic{width:16px;height:16px}.search-clear[hidden]{display:none}.select{border:1px solid var(--wood-200);background:#fff;border-radius:999px;align-items:center;gap:8px;height:46px;padding:0 12px 0 16px;font-size:.9rem;display:flex;position:relative}.select span{color:var(--muted)}.select select{appearance:none;font:inherit;color:var(--wood-900);cursor:pointer;background:0 0;border:0;padding-right:22px;font-weight:600}.select select:focus{outline:none}.select:focus-within{border-color:var(--wood-500);box-shadow:0 0 0 3px #a8743f2e}.select .ic{pointer-events:none;width:16px;height:16px;color:var(--wood-500);position:absolute;right:12px}.result-count{color:var(--muted);margin:0 0 0 auto;font-size:.9rem}.link-btn{color:var(--wood-700);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:6px 2px;font-weight:600;text-decoration:underline}.link-btn[hidden]{display:none}.empty-state{text-align:center;border:1px dashed var(--wood-300);border-radius:var(--radius);animation:fadeUp .5s var(--ease) both;background:#ffffff80;padding:48px 16px}.empty-state[hidden]{display:none}.empty-state>.ic{width:36px;height:36px;color:var(--wood-500)}.empty-title{color:var(--wood-900);margin:10px 0 6px;font-family:Playfair Display,serif;font-size:1.3rem}.empty-state p:not(.empty-title){color:var(--muted);max-width:46ch;margin-inline:auto}.empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.empty-actions [hidden]{display:none}.card-media>.card-img-alt{opacity:0;transition:opacity .6s var(--ease), transform .7s var(--ease);position:absolute;inset:0}.card-link:hover .card-media>.card-img-alt{opacity:1}@view-transition{navigation:auto}::view-transition-group(*){animation-duration:.45s;animation-timing-function:cubic-bezier(.22,.61,.36,1)}::view-transition-old(root),::view-transition-new(root){animation:none}.product-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.card{min-width:0}.card[hidden]{display:none}.card-slot{min-width:0}.card-slot>.card{height:100%}.section-head-row{justify-content:space-between;align-items:flex-end;gap:24px;max-width:none;display:flex}.section-head-row h2{margin-bottom:0}.section-head-row>.link-arrow{white-space:nowrap;flex:none}.strip-nav{flex:none;gap:10px;display:flex}.strip-arrow{cursor:pointer;border:1px solid var(--wood-300);width:46px;height:46px;color:var(--wood-900);background:#fff;border-radius:50%;place-items:center;transition:background .25s,color .25s,border-color .25s;display:grid}.strip-arrow:hover{background:var(--wood-900);border-color:var(--wood-900);color:#fff}.strip{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:calc(33.3333% - 16px);grid-auto-flow:column;gap:24px;padding:4px 0 16px;display:grid;overflow-x:auto}.strip::-webkit-scrollbar{display:none}.strip>.card{scroll-snap-align:start}.home-tabs{margin-bottom:24px}.card.is-entering{animation:fadeUp .5s var(--ease) both}.card-link{height:100%;color:inherit;border-radius:var(--radius);box-shadow:var(--shadow);transition:box-shadow .35s var(--ease), transform .35s var(--ease);background:#fff;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.card-link:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-media{aspect-ratio:4/3;background:var(--wood-200);position:relative;overflow:hidden}.card-media>img,.card-media>.ph{object-fit:cover;aspect-ratio:auto;width:100%;height:100%;transition:transform .7s var(--ease)}.card-link:hover .card-media>img,.card-link:hover .card-media>.ph{transform:scale(1.05)}.card-count{color:#fff;background:#00000080;border-radius:999px;padding:3px 9px;font-size:.74rem;position:absolute;bottom:10px;right:10px}.card-cta{color:var(--wood-900);opacity:0;transition:opacity .3s, scale .3s var(--ease);background:#faf6eff2;border-radius:999px;padding:9px 18px;font-size:.88rem;font-weight:600;position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.92}.card-link:hover .card-cta,.card-link:focus-visible .card-cta{opacity:1;scale:1}.card-body{flex-direction:column;flex:1;padding:14px 16px 18px;display:flex}.card-cat{letter-spacing:.08em;text-transform:uppercase;color:var(--wood-700);margin:0 0 4px;font-size:.75rem}.card-title{flex:1;margin:0 0 .2em;font-size:1.1rem}.card-price{color:var(--wood-700);margin:6px 0 0;font-size:.95rem;font-weight:600}.badge{letter-spacing:.02em;background:var(--wood-900);color:var(--wood-100);border-radius:999px;padding:4px 10px;font-size:.74rem;font-weight:600;display:inline-block}.card-media .badge{position:absolute;top:10px;left:10px;box-shadow:0 2px 8px #0000002e}.badge-co-san{background:var(--green);color:#fff}.badge-trung-bay{color:#fff;background:#8a6a2f}.more-wrap{text-align:center;margin-top:32px}.story{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.story-media{position:relative}.story-media>*{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);width:100%;height:auto;box-shadow:var(--shadow);display:block}.story-text p{color:#4a3e33}.gallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:220px;gap:14px;display:grid}.gallery-item:last-child:nth-child(3n+2){grid-column:span 2}.gallery-item:last-child:nth-child(3n+1):not(:first-child){grid-column:span 3}.gallery-item{border-radius:var(--radius);cursor:zoom-in;background:var(--wood-200);border:0;padding:0;position:relative;overflow:hidden}.gallery-item:first-child{grid-area:span 2/span 2}.gallery-item>img,.gallery-item>.ph{object-fit:cover;aspect-ratio:auto;width:100%;height:100%;transition:transform .7s var(--ease)}.gallery-item:hover>img,.gallery-item:hover>.ph{transform:scale(1.05)}.gallery-item figcaption,.gallery-cap{text-align:left;color:#fff;background:linear-gradient(#0000,#140c06b3);padding:36px 14px 12px;font-size:.86rem;position:absolute;inset:auto 0 0}.steps{grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid;position:relative}.steps li{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;flex-direction:column;gap:6px;padding:26px 22px;display:flex;position:relative}.step-num{width:44px;height:44px;color:var(--wood-900);border:1px solid var(--gold);background:var(--cream);border-radius:50%;place-items:center;margin-bottom:8px;font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700;display:grid}.steps b{color:var(--wood-900);font-size:1.05rem}.steps span:not(.step-num){color:var(--muted);font-size:.92rem}.contact{grid-template-columns:1fr 1fr;align-items:stretch;gap:28px;display:grid}.contact-side{flex-direction:column;gap:20px;display:flex}.contact-card,.form{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:28px}.contact-list{gap:18px;margin:0;padding:0;list-style:none;display:grid}.contact-list li{align-items:flex-start;gap:14px;display:flex}.contact-list .ic{width:22px;height:22px;color:var(--wood-500);margin-top:3px}.contact-list small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.75rem;display:block}.contact-list a{color:var(--wood-900);font-size:1.1rem;font-weight:600;text-decoration:none}.form{gap:14px;display:grid}.form h3{margin:0 0 4px;font-size:1.25rem}.form label{gap:6px;font-size:.92rem;font-weight:500;display:grid}.form input,.form textarea,.form select{font:inherit;border:1px solid var(--wood-200);background:var(--cream);width:100%;color:var(--ink);border-radius:8px;padding:11px 14px;transition:border-color .2s,box-shadow .2s}.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--wood-500);outline:none;box-shadow:0 0 0 3px #a8743f2e}.form [aria-invalid=true]{border-color:#b3412e}.form button[disabled]{opacity:.7;cursor:progress}.form-note{min-height:1.4em;margin:0;font-size:.92rem}.form-note.ok{color:var(--green)}.form-note.err{color:#b3412e}.hp{position:absolute;left:-9999px}.map{border-radius:var(--radius);min-height:240px;box-shadow:var(--shadow);background:var(--wood-200);flex:1;position:relative;overflow:hidden}.map iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.map-empty{height:100%;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:8px;padding:24px;display:grid}.map-empty .ic{width:36px;height:36px;color:var(--wood-500)}.map-empty p{margin:0}.site-footer{background:var(--wood-950);color:var(--wood-300);padding:64px 0 calc(24px + var(--bar-h));font-size:.92rem}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:40px;display:grid}.footer-title{color:#fff;margin:0 0 14px;font-size:1.05rem}.logo-light{gap:14px;margin-bottom:14px}.logo-light .logo-mark{height:64px}.logo-light .logo-word{height:44px}.slogan{color:var(--wood-200);margin-bottom:.5em;font-family:Playfair Display,Georgia,serif;font-size:1.05rem;font-style:italic}.footer-brand p{max-width:34ch}.footer-links{gap:8px;margin:0;padding:0;list-style:none;display:grid}.footer-links a{text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.socials{gap:10px;display:flex}.socials a{border:1px solid #cfae8466;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .25s,color .25s;display:grid}.socials a:hover{background:var(--wood-300);color:var(--wood-950)}.footer-bottom{border-top:1px solid #cfae842e;margin-top:40px;padding-top:20px;font-size:.85rem}.footer-bottom p{margin:0}.fab{z-index:60;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:20px;right:16px}.fab-btn{color:#fff;width:44px;height:44px;transition:transform .2s var(--ease);border-radius:50%;place-items:center;text-decoration:none;display:grid;position:relative;box-shadow:0 4px 14px #24160b38}.fab-btn .ic{width:20px;height:20px}.fab-btn .ic-zalo{width:26px!important;height:26px!important}.fab-btn:hover{transform:scale(1.08)}.fab-btn:after{content:attr(data-tip);white-space:nowrap;background:var(--wood-900);color:#fff;opacity:0;pointer-events:none;border-radius:6px;padding:5px 10px;font-size:.82rem;font-weight:500;transition:opacity .2s;position:absolute;top:50%;right:calc(100% + 10px);translate:0 -50%}.fab-btn:hover:after,.fab-btn:focus-visible:after{opacity:1}.fab-call{background:var(--green)}.fab-zalo{background:var(--zalo)}.fab-messenger{background:var(--messenger)}.fab-map{background:var(--wood-700)}.fab-top{border:1px solid var(--wood-200);cursor:pointer;background:var(--cream);width:40px;height:40px;color:var(--wood-900);box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:opacity .3s, transform .3s var(--ease), visibility .3s;border-radius:50%;place-items:center;display:grid;transform:translateY(10px)}.fab-top.is-shown{opacity:1;visibility:visible;transform:none}.fab.nudge .fab-call{animation:nudge 1.4s var(--ease) 2}.mobile-bar{display:none}.page-head{padding:28px 0 0}.breadcrumb{color:var(--muted);flex-wrap:wrap;gap:6px;margin:0 0 20px;padding:0;font-size:.86rem;list-style:none;display:flex}.breadcrumb li+li:before{content:"/";color:var(--wood-300);margin-right:6px}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{color:var(--wood-700);text-decoration:underline}.product{grid-template-columns:1.15fr 1fr;align-items:start;gap:48px;padding-bottom:72px;display:grid}.pm-gallery{position:relative}.pm-stage{aspect-ratio:4/3;border-radius:var(--radius);background:var(--wood-200);touch-action:pan-y;cursor:zoom-in;position:relative;overflow:hidden}.pm-stage>img,.pm-stage>.ph{object-fit:cover;aspect-ratio:auto;opacity:0;width:100%;height:100%;transition:opacity .45s var(--ease);position:absolute;inset:0}.pm-stage>.is-active{opacity:1}.pm-zoom,.pm-counter{z-index:1;color:#fff;pointer-events:none;background:#140c0699;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:.78rem;display:inline-flex;position:absolute}.pm-zoom{opacity:0;transition:opacity .25s;bottom:12px;left:12px}.pm-zoom .ic{width:14px;height:14px}.pm-stage:hover .pm-zoom{opacity:1}.pm-counter{bottom:12px;right:12px}.pm-nav{z-index:2;cursor:pointer;width:42px;height:42px;color:var(--wood-900);box-shadow:var(--shadow);background:#faf6efe6;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;translate:0 -50%}.pm-gallery .pm-nav{top:calc(50% - 44px)}.pm-gallery.single .pm-nav{display:none}.pm-prev{left:12px}.pm-next{right:12px}.pm-nav[hidden]{display:none}.pm-thumbs{gap:10px;padding-top:12px;display:flex;overflow-x:auto}.pm-thumbs button{aspect-ratio:4/3;cursor:pointer;opacity:.6;background:0 0;border:2px solid #0000;border-radius:8px;flex:none;width:84px;padding:0;transition:opacity .2s,border-color .2s;overflow:hidden}.pm-thumbs button:hover{opacity:.9}.pm-thumbs button[aria-current=true]{border-color:var(--gold);opacity:1}.pm-thumbs button>*{object-fit:cover;aspect-ratio:auto;width:100%;height:100%}.pm-gallery{top:calc(var(--header-h) + 8px);position:sticky}.pm-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.pm-share{border:1px solid var(--wood-200);color:var(--wood-900);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:500;transition:border-color .2s,background .2s;display:inline-flex}.pm-share:hover{border-color:var(--wood-500)}.pm-share .ic{width:16px;height:16px}.pm-info h1{margin:14px 0 6px;font-size:clamp(1.7rem,3.6vw,2.5rem)}.pm-status-note{color:var(--muted);margin:0 0 8px;font-size:.9rem}.pm-specs{border-block:1px solid var(--wood-200);grid-template-columns:auto 1fr;gap:8px 20px;margin:16px 0;padding:16px 0;font-size:.95rem;display:grid}.pm-specs dt{color:var(--muted)}.pm-specs dd{margin:0;font-weight:500}.pm-desc p{color:#4a3e33}.pm-price-box{border-radius:var(--radius);background:var(--wood-100);margin-top:20px;padding:16px 18px}.pm-price{color:var(--wood-700);margin:0 0 2px;font-size:1.25rem;font-weight:600}.pm-price-box .pm-note{margin:0}.pm-policies{border-top:1px solid var(--wood-200);margin-top:24px;padding-top:20px}.pm-policies ul{gap:14px;margin:12px 0 0;padding:0;list-style:none;display:grid}.pm-policies li{grid-template-columns:22px 1fr;align-items:start;gap:12px;display:grid}.pm-policies .ic{width:20px;height:20px;color:var(--wood-500);margin-top:2px}.pm-policies b{color:var(--wood-900);font-size:.95rem;display:block}.pm-policies span{color:var(--muted);font-size:.9rem;display:block}.pm-woods{margin:4px 0 20px}.pm-sub{margin:0 0 4px;font-size:1.15rem}.pm-sub-note{color:var(--muted);margin-bottom:12px;font-size:.88rem}.wood-chips{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.wood-chip{cursor:pointer;border:1px solid var(--wood-200);min-height:40px;color:var(--wood-900);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:5px 14px 5px 5px;font-size:.9rem;font-weight:500;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.wood-chip:hover{border-color:var(--wood-500)}.wood-chip[aria-selected=true]{background:var(--wood-900);border-color:var(--wood-900);color:#fff}.wood-panel{border:1px solid var(--wood-200);border-radius:var(--radius);animation:fadeUp .35s var(--ease) both;background:#fff;grid-template-columns:auto 1fr;align-items:start;gap:16px;margin-bottom:12px;padding:14px;display:grid}.wood-panel[hidden]{display:none}.wood-panel p{margin-bottom:.5em;font-size:.94rem}.wood-panel .ticks li{font-size:.9rem}.swatch{--tone:#8a5a32;background:repeating-radial-gradient(ellipse 160% 46% at 18% 120%, #0000001f 0 1.5px, transparent 1.5px 7px), repeating-linear-gradient(96deg, #ffffff12 0 1px, transparent 1px 5px), linear-gradient(140deg, color-mix(in srgb, var(--tone) 78%, #fff), var(--tone) 55%, color-mix(in srgb, var(--tone) 75%, #000));border-radius:50%;flex:none;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001f}.swatch img{object-fit:cover;width:100%;height:100%;display:block}.swatch-sm{width:28px;height:28px}.swatch-md{border-radius:14px;width:56px;height:56px}.swatch-lg{aspect-ratio:4/3;border-radius:var(--radius);width:100%}.swatch-stack{display:inline-flex}.swatch-stack .swatch{width:18px;height:18px;box-shadow:0 0 0 2px #fff}.swatch-stack .swatch+.swatch{margin-left:-6px}.card-woods{color:var(--muted);align-items:center;gap:8px;min-width:0;margin:4px 0 0;font-size:.82rem;display:flex}.card-woods>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wood-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.wood-tile{border-radius:var(--radius);color:inherit;box-shadow:var(--shadow);transition:transform .3s var(--ease), box-shadow .3s var(--ease);background:#fff;align-items:center;gap:14px;padding:14px;text-decoration:none;display:flex}.wood-tile:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.wood-tile-text{flex-direction:column;gap:2px;min-width:0;display:flex}.wood-tile-text b{color:var(--wood-900);font-family:Playfair Display,serif;font-size:1.08rem}.wood-tile-text small{color:var(--muted);font-size:.82rem;line-height:1.4}.wood-list{gap:28px;display:grid}.wood-card{border-radius:var(--radius);box-shadow:var(--shadow);scroll-margin-top:calc(var(--header-h) + 16px);background:#fff;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:36px;padding:24px;display:grid}.wood-card h2{margin-bottom:.3em}.wood-summary{color:#4a3e33;font-size:1.05rem}.wood-uses{color:var(--muted)}.wood-card .ticks{margin-bottom:1em}.wood-card:target{box-shadow:0 0 0 2px var(--gold), var(--shadow-lg)}.pm-note{color:var(--muted);font-size:.9rem}.pm-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.pm-actions .btn:first-child{grid-column:1/-1}.section.related{padding:64px 0 88px}.related .product-grid{grid-template-columns:repeat(4,1fr)}.section.catalog-head{padding:40px 0 8px}.catalog-head h1{font-size:clamp(1.9rem,4vw,2.8rem)}.section.catalog{padding:8px 0 88px}.home-products .product-grid{margin-bottom:32px}.center{text-align:center}.notfound{text-align:center;padding:120px 0}.lightbox{border:0;padding:0}.lightbox::backdrop{background:#140c06a6}.modal-close{z-index:3;cursor:pointer;width:42px;height:42px;color:var(--wood-900);box-shadow:var(--shadow);background:#faf6efeb;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.lightbox{color:#fff;background:#140c06f0;width:100vw;max-width:none;height:100dvh;max-height:none}.lightbox[open]{place-items:center;animation:.3s both fadeIn;display:grid}.lb-figure{width:min(1100px,100% - 120px);margin:0}.lb-stage{aspect-ratio:4/3;touch-action:pan-y;max-height:80dvh;margin-inline:auto}.lb-item{width:100%;height:100%;animation:.4s both fadeIn}.lb-item[hidden]{display:none}.lb-item>*{object-fit:contain;aspect-ratio:auto;border-radius:8px;width:100%;height:100%}.lb-figure figcaption{text-align:center;color:var(--wood-200);margin-top:12px}.toast{left:50%;bottom:calc(24px + var(--bar-h));z-index:200;background:var(--wood-900);color:#fff;max-width:calc(100% - 32px);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .3s, translate .3s var(--ease);border-radius:10px;padding:12px 18px;position:fixed;translate:-50% 20px}.toast.is-shown{opacity:1;translate:-50%}img.img-loading{opacity:0}main img{transition:opacity .5s var(--ease), transform .7s var(--ease)}.card-link:active,.wood-tile:active,.gallery-item:active{transform:scale(.985)}.js [data-reveal]{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transition-delay:calc(var(--i,0) * 80ms);transform:translateY(22px)}.js [data-reveal].is-visible{opacity:1;transform:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes nudge{0%,to{transform:none}25%{transform:translateY(-4px)}50%{transform:none}75%{transform:translateY(-2px)}}@media (width>=721px){.cat-tabs{grid-template-columns:repeat(6,minmax(0,1fr));padding:0 0 12px;display:grid;overflow:visible}.cat-tab{min-width:0}.cat-name{white-space:normal;flex:1;line-height:1.25}.catalog-bar{z-index:20;background:var(--wood-100);box-shadow:0 0 0 100vmax var(--wood-100);clip-path:inset(0 -100vmax);padding:12px 0 14px;position:sticky;top:60px}}@media (width<=960px){.nav{gap:20px}.highlights-grid{grid-template-columns:repeat(2,1fr)}.cat-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.wood-grid{grid-template-columns:repeat(2,1fr)}.strip{grid-auto-columns:calc(41.6667% - 20px)}.product-grid{grid-template-columns:repeat(2,1fr)}.story,.contact{grid-template-columns:1fr;gap:32px}.steps{grid-template-columns:repeat(2,1fr)}.gallery{grid-auto-rows:180px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.product{grid-template-columns:1fr;gap:28px}.pm-gallery{position:static}.related .product-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){:root{--header-h:62px;--bar-h:calc(62px + env(safe-area-inset-bottom))}.section{padding:60px 0}.section-head{margin-bottom:24px}.header-row{gap:10px}.is-scrolled .header-row{height:56px}.logo .logo-mark,.is-scrolled .logo .logo-mark{height:38px}.logo .logo-word,.is-scrolled .logo .logo-word{height:28px}.header-call{width:40px;margin-left:auto;padding:0}.header-call span{display:none}.nav-toggle{display:block}.nav{background:var(--cream);border-bottom:1px solid var(--wood-200);box-shadow:var(--shadow);visibility:hidden;opacity:0;transition:opacity .25s, transform .25s var(--ease), visibility .25s;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:4px 16px 16px;position:absolute;top:100%;left:0;right:0;transform:translateY(-8px)}.nav.open{visibility:visible;opacity:1;transform:none}.nav a{border-bottom:1px solid var(--wood-200);padding:14px 4px}.nav a:after{display:none}.hero{height:clamp(560px, calc(100svh - var(--header-h) - var(--bar-h)), 700px)}.slide{align-items:flex-end}.slide-bg:after{background:linear-gradient(#1c110833 0%,#1c1108a6 50%,#1c1108f0 100%)}.slide-content{padding:32px 0 84px}.slide-title{font-size:clamp(1.9rem,8.5vw,2.4rem)}.slide .lead{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1rem;display:-webkit-box;overflow:hidden}.hero-actions{margin-top:20px}.hero-actions .btn{flex:1 1 0;padding-inline:12px}.hero-arrow{display:none}.hero-controls{bottom:20px}.dot{width:44px}.highlights-grid{gap:16px;padding:22px 0}.highlights-grid span{font-size:.8rem}.product-grid{gap:12px}.wood-grid{grid-template-columns:1fr 1fr;gap:10px}.wood-tile{flex-direction:column;align-items:flex-start;gap:10px;padding:12px}.wood-tile-text small{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.wood-card{grid-template-columns:1fr;gap:16px;padding:14px}.card-woods{font-size:.74rem}.pm-zoom{display:none}.strip{grid-auto-columns:72%;gap:12px;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}.strip-arrow{width:40px;height:40px}.icon-btn{width:40px;height:40px;margin-left:auto}.header-call{margin-left:0}.nav-item>a{justify-content:space-between;display:flex}.ic-down{display:none}.subnav{min-width:0;box-shadow:none;opacity:1;visibility:visible;background:0 0;border:0;padding:0 0 4px 12px;position:static;transform:none}.subnav:before{display:none}.subnav a{color:var(--muted);border-bottom:0;padding:10px 4px;font-size:.92rem}.nav-item>a{border-bottom:0}.cat-tabs{margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}.cat-tab{min-height:46px;padding-right:12px}.cat-thumb{width:34px;height:34px}.cat-name{font-size:.86rem}.search{flex-basis:100%;max-width:none}.select{flex:calc(50% - 6px);min-width:0;padding-left:12px}.select select{text-overflow:ellipsis;width:100%;min-width:0}.result-count{font-size:.82rem}.card-body{padding:10px 12px 14px}.card-title{font-size:.95rem}.card-cat{font-size:.66rem}.card-price{font-size:.85rem}.card-media .badge{padding:3px 8px;font-size:.66rem;top:8px;left:8px}.card-cta,.card-count{display:none}.gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:140px;gap:10px}.gallery-item:last-child{grid-column:auto}.gallery-item:last-child:nth-child(2n){grid-column:span 2}.steps{grid-template-columns:1fr;gap:12px}.steps li{grid-template-columns:auto 1fr;column-gap:16px;padding:18px;display:grid}.step-num{grid-row:span 2;margin:0}.contact-card,.form{padding:20px}.map{min-height:260px}.footer-grid{grid-template-columns:1fr;gap:28px}.fab{bottom:calc(var(--bar-h) + 14px);right:14px}.fab-btn{display:none}.mobile-bar{z-index:70;height:var(--bar-h);padding-bottom:env(safe-area-inset-bottom);background:var(--wood-950);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000026}.mobile-bar a{color:var(--wood-100);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.74rem;font-weight:500;text-decoration:none;display:flex}.mobile-bar a:first-child{background:var(--green);color:#fff}.mobile-bar .ic{width:22px;height:22px}.page-head{padding-top:16px}.product{padding-bottom:48px}.pm-stage{border-radius:0;margin-inline:-16px}.pm-thumbs button{width:68px}.lb-figure{width:calc(100% - 24px)}.lightbox .pm-nav{top:auto;bottom:24px;translate:none}}@media (width<=360px){.logo{gap:6px}.logo .logo-mark,.is-scrolled .logo .logo-mark{height:34px}.logo .logo-word,.is-scrolled .logo .logo-word{height:24px}.icon-btn,.header-call{width:38px;height:38px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.js [data-reveal]{opacity:1;transform:none}}
