.project-catalog-v2{min-height:80vh;position:relative}.catalog-container{width:100%;max-width:1600px;margin:0 auto;padding:0 2rem}.category-filter-tabs{border-bottom:2px solid #e5e7eb;flex-wrap:wrap;justify-content:center;gap:0;margin-bottom:3rem;display:flex}.category-tab{color:#6b7280;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:1rem 2rem;font-size:.95rem;font-weight:600;transition:color .3s;position:relative}.category-tab:after{content:"";background:#0d3f32;height:3px;transition:transform .3s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.category-tab:hover,.category-tab.active{color:#0d3f32}.category-tab.active:after{transform:scaleX(1)}.koi-style-tabs{flex-wrap:wrap;justify-content:center;gap:.65rem;margin:-1.45rem auto 2.5rem;padding:0 1rem;display:flex}.category-locked .koi-style-tabs{margin-top:0}.koi-style-chip{color:#48645b;cursor:pointer;background:#ffffffc2;border:1px solid #0d3f322e;border-radius:999px;padding:.55rem 1.1rem;font-size:.9rem;font-weight:700;transition:background .25s,border-color .25s,color .25s,transform .25s;box-shadow:0 6px 18px #0d3f320f}.koi-style-chip-co-dien,.koi-style-chip-hien-dai{min-width:210px}.koi-style-chip:hover{color:#0d3f32;border-color:#0d3f325c;transform:translateY(-1px)}.koi-style-chip.active{color:#fff;background:#0d3f32;border-color:#0d3f32;box-shadow:0 8px 22px #0d3f3238}.catalog-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:2rem;display:grid}.catalog-card-v2{cursor:pointer;aspect-ratio:5/4;border-radius:0;width:100%;transition:transform .3s,box-shadow .3s;display:block;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.catalog-card-button{color:inherit;text-align:left;font:inherit;background:0 0;border:0;padding:0}.catalog-card-v2:focus-visible,.category-tab:focus-visible,.koi-style-chip:focus-visible,.nav-btn:focus-visible{outline-offset:4px;outline:3px solid #00a873}.catalog-empty-state{color:#47655b;text-align:center;background:#0d3f320a;border:1px dashed #0d3f3238;border-radius:16px;max-width:720px;margin:0 auto;padding:2rem 1.5rem;font-weight:700}.catalog-load-sentinel{color:#47655b;justify-content:center;align-items:center;gap:.75rem;min-height:96px;font-weight:600;display:flex}.catalog-load-spinner{border:3px solid #0d3f3229;border-top-color:#0d3f32;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite catalog-spin}@keyframes catalog-spin{to{transform:rotate(360deg)}}.catalog-card-v2:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.card-image-wrapper{width:100%;height:100%;position:relative}.card-overlay-hover,.card-overlay-play{opacity:0;background:#0003;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.card-overlay-play{opacity:1;background:0 0}.catalog-card-v2:hover .card-overlay-hover{opacity:1}.eye-icon{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s;display:flex;transform:scale(.8)}.catalog-card-v2:hover .eye-icon{transform:scale(1)}.play-icon-circle{background:#d43bfe;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .2s;display:flex;box-shadow:0 4px 15px #d43bfe66}.catalog-card-v2:hover .play-icon-circle{transform:scale(1.1)}.card-title-bottom{color:#fff;background:linear-gradient(#0000,#000c);padding:3rem 1.5rem 1rem;position:absolute;bottom:0;left:0;right:0}.card-title-bottom h3{text-shadow:0 2px 4px #00000080;margin:0;font-size:1.1rem;font-weight:500}.video-duration{color:#fff;z-index:15;background:#000000b3;border-radius:5px;padding:.2rem .5rem;font-size:.8rem;font-weight:600;position:absolute;bottom:1rem;right:1rem}.sticky-bottom-nav{z-index:50;justify-content:center;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.nav-pill{background:#fff;border:1px solid #0000000d;border-radius:50px;gap:.5rem;padding:.5rem;display:flex;box-shadow:0 10px 40px #00000026}.nav-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50px;align-items:center;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.nav-btn:hover{background:#0000000d}.nav-btn.active{color:#fff;background:#00c689;box-shadow:0 4px 15px #00c68966}@media (max-width:768px){.catalog-grid-v2{grid-template-columns:1fr;gap:1.5rem}.catalog-card-v2{aspect-ratio:5/4;border-radius:0}.category-filter-tabs{z-index:850;-webkit-backdrop-filter:blur(18px);background:#fffffff0;border-bottom:1px solid #0e2a0414;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:.55rem;margin:0 -1rem 1.5rem;padding:.65rem 1rem;display:grid;position:sticky;top:75px;overflow:visible;box-shadow:0 12px 28px #0e2a041f}.category-filter-tabs::-webkit-scrollbar{display:none}.category-tab{color:#596658;letter-spacing:0;white-space:normal;text-align:center;background:#f7faf7;border:1px solid #0e2a041a;border-radius:999px;width:100%;padding:.62rem .95rem;font-size:.82rem;font-weight:800;line-height:1.2;box-shadow:0 4px 14px #0e2a040f}.category-tab:after{display:none}.category-tab.active{color:#fff;background:#00c689;border-color:#00c689;box-shadow:0 8px 18px #00c68947}.koi-style-tabs{z-index:840;-webkit-backdrop-filter:blur(18px);scrollbar-width:none;background:#ffffffeb;border-bottom:1px solid #0e2a0414;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;margin:-.9rem -1rem 1.35rem;padding:.55rem 1rem .65rem;display:grid;position:sticky;top:196px;overflow:visible;box-shadow:0 10px 24px #0e2a0414}.category-locked .koi-style-tabs{z-index:900;margin-top:0;margin-bottom:1.35rem;position:sticky;top:75px;box-shadow:0 12px 28px #0e2a041a}.koi-style-chip{white-space:nowrap;width:100%;min-width:0;padding:.66rem .5rem;font-size:.84rem;font-weight:800;line-height:1.2;box-shadow:0 4px 12px #0e2a040f}.koi-style-chip-co-dien,.koi-style-chip-hien-dai{grid-column:span 3;min-width:0;padding-inline:.35rem;font-size:.8rem}.koi-style-chip-vuon-nhiet-doi,.koi-style-chip-ca-phe,.koi-style-chip-mau-non-bo{grid-column:span 2}@media (max-width:360px){.koi-style-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.koi-style-chip{grid-column:span 2;font-size:.76rem}.koi-style-chip-co-dien,.koi-style-chip-hien-dai{grid-column:span 2;font-size:.7rem}}.sticky-bottom-nav{width:100%;padding:0;bottom:0;left:0;right:0;transform:none}.nav-pill{border-radius:24px 24px 0 0;gap:0;width:100%;max-width:none;padding:.6rem .25rem;box-shadow:0 -5px 20px #0000001a}.nav-btn{text-align:center;white-space:nowrap;flex:1;justify-content:center;min-width:0;padding:.75rem .5rem;font-size:.92rem;font-weight:800;line-height:1.15}.nav-btn svg{flex-shrink:0;width:16px;height:16px;margin-right:.35rem!important}.catalog-container{padding:0}.catalog-section{padding-left:0!important;padding-right:0!important}.catalog-header{padding:0 1rem}}@media (max-width:1400px){.catalog-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}@media (max-width:1100px){.catalog-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}@media (max-width:768px){.catalog-grid-v2{grid-template-columns:1fr;gap:1.5rem}.catalog-card-v2{aspect-ratio:5/4;border-radius:20px}.catalog-container{padding:0 1rem}}