@layer foundation, layout, component, project, utility;@layer project{.p-category__hero{--hero-min-sp:300px;--hero-min:360px;--hero-pos:80% 50%;--hero-bg:#6f6150;--hero-overlay:linear-gradient(90deg,rgb(60 50 38 / 90%) 0%,rgb(60 50 38 / 60%) 45%,rgb(60 50 38 / 0%) 75%)}.p-category__hero-body{gap:24px;justify-content:space-between;padding-block:32px 48px;color:var(--color-white)}.p-category__hero-text{display:flex;flex-direction:column;gap:14px;max-width:620px}.p-category__title{font-size:var(--fs-30);font-weight:800;line-height:1.1}.p-category__lead{line-height:1.65;color:#f3eee6}.p-category__facts,.p-category__hero-actions{display:flex;flex-wrap:wrap;gap:8px;list-style:none}.p-category__hero-actions{gap:10px}.p-category__lines{padding-top:28px}.p-category__lines-list{display:flex;gap:14px;padding-bottom:4px;overflow-x:auto;list-style:none}.p-category__lines-list > li{flex:0 0 150px}.p-category__line{display:flex;flex-direction:column;gap:8px;color:var(--color-ink)}.p-category__line-thumb{display:flex;align-items:center;justify-content:center;height:120px;overflow:hidden;background:var(--color-surface-image);border:2px solid transparent;border-radius:var(--radius-md)}.p-category__line-thumb img{width:auto;max-width:none;height:104px}.p-category__line-name{font-size:var(--fs-13);font-weight:500;line-height:1.35}.p-category__line[aria-current] .p-category__line-thumb{border-color:var(--color-navy)}.p-category__line[aria-current] .p-category__line-name{font-weight:700;color:var(--color-navy)}.p-category__layout{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start;padding-block:28px 72px}.p-category__facets{display:none;flex:1 1 100%;flex-direction:column;gap:4px}.p-category__facets.is-open{display:flex}.p-category__facets-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--color-line)}.p-category__facets-title{font-family:var(--font-body);font-size:var(--fs-16);font-weight:700;letter-spacing:0}.p-category__facets-clear{min-height:44px;font-size:var(--fs-14);color:var(--color-blue-ink)}.p-category__facets-clear:hover{text-decoration:underline}.p-category__switches{display:flex;flex-direction:column;gap:4px;padding:8px 0 12px;border-bottom:1px solid var(--color-line)}.p-category__facet{padding:14px 0;border-bottom:1px solid var(--color-line)}.p-category__facet-title{display:flex;justify-content:space-between;font-weight:600}.p-category__facet-title::after{content:"+"}.p-category__facet[open] .p-category__facet-title::after{content:"–"}.p-category__facet-body{display:flex;flex-direction:column;gap:10px;margin-top:12px;font-size:var(--fs-14)}.p-category__swatches{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.p-category__swatch{width:32px;height:32px;background:var(--swatch);border:2px solid var(--color-white);border-radius:var(--radius-pill);box-shadow:0 0 0 1px var(--color-line-strong)}.p-category__swatch[aria-pressed="true"]{box-shadow:0 0 0 2px var(--color-navy)}.p-category__swatch--go{--swatch:var(--color-wood-go)}.p-category__swatch--nau{--swatch:var(--color-wood-nau)}.p-category__swatch--vang{--swatch:var(--color-wood-vang)}.p-category__swatch--vang-nhat{--swatch:var(--color-wood-vang-nhat)}.p-category__swatch--xam{--swatch:var(--color-wood-xam)}.p-category__results{display:flex;flex:999 1 100%;flex-direction:column;gap:24px;min-width:0}.p-category__toolbar{display:flex;flex-flow:column wrap;gap:16px;align-items:stretch;justify-content:space-between}.p-category__active{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.p-category__facets-open{display:inline-flex;gap:8px;align-items:center;height:44px;padding:0 18px;font-weight:600;color:var(--color-navy);background:var(--color-white);border:1px solid var(--color-navy);border-radius:var(--radius-pill)}.p-category__facets-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding-inline:6px;font-size:var(--fs-12);color:var(--color-white);background:var(--color-navy);border-radius:var(--radius-pill)}.p-category__chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none}.p-category__chip{display:flex;gap:6px;align-items:center;min-height:40px;padding:6px 14px;font-size:var(--fs-13);color:var(--color-navy);background:var(--color-tint);border-radius:var(--radius-pill)}.p-category__chip:hover{background:#d7e8f5}.p-category__sort{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:var(--fs-14)}.p-category__count{color:var(--color-muted)}.p-category__sort-label{display:flex;flex-shrink:0;white-space:nowrap;gap:8px;align-items:center}.p-category__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px;list-style:none}.p-category__seo{--section-pt:72px;--section-pb:72px}.p-category__seo-layout{display:flex;flex-direction:column;gap:56px}.p-category__compare{display:flex;flex:1 1 auto;flex-direction:column;gap:14px}.p-category__faq{display:flex;flex:1 1 auto;flex-direction:column;gap:4px}.p-category__h2{font-size:var(--fs-28);color:var(--color-navy)}.p-category__faq .p-category__h2{margin-bottom:10px}.p-category__table{--table-min:560px}@media (width >= 861px){.p-category__faq{flex:1 1 420px}.p-category__compare{flex:1 1 560px}.p-category__hero-body{padding-block:32px 48px}.p-category__title{font-size:var(--fs-44)}.p-category__facets,.p-category__facets.is-open{display:flex;flex:1 1 260px;max-width:280px}.p-category__results{flex-basis:560px}.p-category__facets-open{display:none}.p-category__toolbar{flex-direction:row;align-items:center}.p-category__sort{flex-wrap:nowrap}.p-category__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.p-category__seo-layout{flex-direction:row}}@media (width >= 1101px){.p-category__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}}