.hero-wrapper{padding-top:3rem}@media(min-width:768px){.hero-wrapper{padding-top:4rem}}.hero-bg{position:relative;overflow:hidden;background:hsl(147 60% 28%)}.hero-grid{position:absolute;inset:0;opacity:.04;pointer-events:none;background-image:linear-gradient(rgb(255 255 255) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255) 1px,transparent 1px);background-size:40px 40px}.hero-blob-right{position:absolute;top:0;right:0;width:24rem;height:24rem;border-radius:9999px;pointer-events:none;background:radial-gradient(circle,hsl(82 65% 42%) 0%,transparent 70%);opacity:.20;transform:translate(33%,-50%)}.hero-blob-left{position:absolute;bottom:0;left:0;width:16rem;height:16rem;border-radius:9999px;pointer-events:none;background:radial-gradient(circle,#a3e635 0%,transparent 70%);opacity:.15;transform:translate(-25%,50%)}.hero-inner{position:relative;padding:1rem 0 .5rem;display:flex;flex-direction:column;align-items:flex-start;gap:2.5rem}@media(min-width:1024px){.hero-inner{flex-direction:row;align-items:center;gap:4rem;padding:1.75rem 0}}.hero-headline{flex:1;min-width:0}.hero-badge{display:none;align-items:center;gap:.5rem;background:rgb(255 255 255 / .10);backdrop-filter:blur(6px);border:1px solid rgb(255 255 255 / .20);color:rgb(255 255 255 / .85);font-size:.75rem;font-weight:700;padding:.375rem 1rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;width:fit-content}@media(min-width:768px){.hero-badge{display:inline-flex}}.hero-badge-dot{width:.375rem;height:.375rem;border-radius:9999px;background:hsl(82 65% 42%);animation:stv-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes stv-pulse{0%,100%{opacity:1}50%{opacity:.5}}.hero-mobile{display:block;padding:.5rem 0}@media(min-width:768px){.hero-mobile{display:none}}.hero-mobile-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgb(255 255 255 / .10);border:1px solid rgb(255 255 255 / .20);color:rgb(255 255 255 / .85);font-size:.75rem;font-weight:700;padding:.375rem 1rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.hero-mobile-accent{color:hsl(82 65% 42%);font-size:1.875rem;font-weight:800;line-height:1.2;margin-bottom:.25rem}.hero-mobile-white{color:#fff;font-size:1.875rem;font-weight:800;line-height:1.2}.hero-h1{display:none;font-size:2.25rem;font-weight:800;color:#fff;line-height:1.2;margin-bottom:1rem}@media(min-width:768px){.hero-h1{display:block}}.hero-h1 .accent{color:hsl(82 65% 42%)}.hero-desc{display:none;color:rgb(255 255 255 / .70);font-size:1rem;line-height:1.7;max-width:42rem}@media(min-width:768px){.hero-desc{display:block}}.hero-stats{display:none;grid-template-columns:1fr 1fr;gap:.75rem;flex-shrink:0}@media(min-width:1024px){.hero-stats{display:grid}}.hero-stat-card{position:relative;overflow:hidden;border-radius:1rem;padding:.75rem 1rem;background:rgb(255 255 255 / .08);border:1px solid rgb(255 255 255 / .12);backdrop-filter:blur(12px);transition:background .2s}.hero-stat-card:hover{background:rgb(255 255 255 / .13)}.hero-stat-icon{width:1.75rem;height:1.75rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;background:rgb(163 230 53 / .15);color:hsl(82 65% 42%);margin-bottom:.5rem}.hero-stat-icon svg{width:1.25rem;height:1.25rem}.hero-stat-value{font-size:1.875rem;font-weight:800;color:#fff;line-height:1;margin-bottom:.125rem;letter-spacing:-.02em}.hero-stat-label{color:rgb(255 255 255 / .90);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.125rem}.hero-stat-sub{color:rgb(255 255 255 / .40);font-size:.625rem;font-weight:500}.hero-wave{height:2.5rem;position:relative;margin-bottom:-1px}.hero-wave svg{position:absolute;bottom:0;width:100%;height:100%}.main-layout{padding:1.75rem 0 2.5rem}@media(min-width:768px){.main-layout{padding:2.5rem 0}}.main-flex{display:flex;gap:1.75rem}.home-sidebar-wrap{display:none;width:14rem;flex-shrink:0}@media(min-width:768px){.home-sidebar-wrap{display:block}}@media(min-width:1024px){.home-sidebar-wrap{width:16rem}}.home-sidebar{position:sticky;top:5rem;background:#fff;border-radius:1rem;border:1px solid hsl(150 15% 88%);box-shadow:0 1px 2px rgb(0 0 0 / .05);padding:1rem}.sb-search{margin-bottom:1rem;position:relative}.sb-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:rgb(22 36 33 / .35);pointer-events:none}.sb-search-icon svg{width:.875rem;height:.875rem}.sb-search input{width:100%;padding:.5rem 3.5rem .5rem 2.25rem;font-size:.75rem;border-radius:.75rem;border:1px solid hsl(150 15% 88%);background:#f9fafb;color:hsl(160 30% 10%);outline:none;transition:border-color .15s,background .15s,box-shadow .15s}.sb-search input:focus{background:#fff;border-color:rgb(34 105 56 / .4);box-shadow:0 0 0 3px rgb(34 105 56 / .10)}.sb-search input::placeholder{color:rgb(22 36 33 / .30)}.sb-search button{position:absolute;right:.375rem;top:50%;transform:translateY(-50%);background:hsl(147 60% 28%);color:#fff;font-size:.625rem;font-weight:700;padding:.25rem .625rem;border-radius:.5rem;transition:background .15s}.sb-search button:hover{background:hsl(147 60% 24%)}.sb-all-link{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:.75rem;font-size:.875rem;font-weight:700;color:rgb(22 36 33 / .60);margin-bottom:.75rem;transition:color .15s,background .15s}.sb-all-link:hover{color:hsl(147 60% 28%);background:rgb(34 105 56 / .06)}.sb-all-link-inner{display:flex;align-items:center;gap:.5rem}.sb-dot{width:.5rem;height:.5rem;border-radius:9999px;background:rgb(22 36 33 / .20)}.sb-all-count,.sb-cat-count,.sb-sub-count{font-size:.625rem;font-weight:700;padding:.125rem .375rem;border-radius:.375rem;background:rgb(22 36 33 / .08);color:rgb(22 36 33 / .40)}.sb-sub-count{font-weight:400;background:none;opacity:.4}.sb-divider{border-top:1px dashed hsl(150 15% 88%);margin-bottom:.75rem}.sb-cats{display:flex;flex-direction:column;gap:.25rem}.sb-cat-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.75rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:rgb(22 36 33 / .60);width:100%;text-align:left;transition:color .15s,background .15s}.sb-cat-btn:hover{color:hsl(160 30% 10%);background:rgb(22 36 33 / .04)}.sb-cat-label{flex:1;line-height:1.3}.sb-subs{margin-left:.75rem;padding-left:.75rem;border-left:2px solid hsl(150 15% 88%);display:flex;flex-direction:column;gap:.125rem;margin-top:.125rem;margin-bottom:.25rem}.sb-sub-link{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;border-radius:.5rem;font-size:.75rem;font-weight:600;color:rgb(22 36 33 / .55);transition:color .15s,background .15s}.sb-sub-link:hover{color:hsl(160 30% 10%);background:rgb(22 36 33 / .04)}.sb-sub-label{flex:1;line-height:1.3}.main-content{flex:1;min-width:0}.cat-sections{display:flex;flex-direction:column;gap:3.5rem}.cat-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.cat-section-left{display:flex;align-items:center;gap:.75rem}.cat-section-title{font-size:1rem;font-weight:800;color:hsl(160 30% 10%);line-height:1.2}.cat-section-count{font-size:.75rem;color:rgb(22 36 33 / .40);font-weight:600}.cat-view-all{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:800;color:var(--p-color,#166534);transition:gap .2s,color .15s}.cat-view-all:hover{gap:.625rem}.cat-view-all svg{width:.75rem;height:.75rem}.cat-pills{display:none;flex-wrap:wrap;gap:.375rem;margin-bottom:1rem}@media(min-width:768px){.cat-pills{display:flex}}.cat-pill{display:inline-flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:700;padding:.25rem .625rem;border-radius:9999px;border:1px solid #fff0;background:var(--p-bg,#dcfce7);color:var(--p-dot,#22c55e);border-color:var(--p-bg,#dcfce7);transition:transform .15s,box-shadow .15s}.cat-pill:hover{transform:scale(1.05);box-shadow:0 2px 8px rgb(0 0 0 / .10)}.cat-pill svg{width:.75rem;height:.75rem;flex-shrink:0}.cat-divider{height:1px;border-radius:9999px;margin-bottom:1rem;background:linear-gradient(90deg,var(--p-dot,#22c55e),transparent)}.prod-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(min-width:768px){.prod-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.prod-grid{grid-template-columns:repeat(4,1fr)}}.prod-card{background:#fff;border-radius:1rem;overflow:hidden;border:1px solid hsl(150 15% 88% / .60);transition:border-color .3s,box-shadow .3s;cursor:pointer;height:100%;display:flex;flex-direction:column;text-decoration:none}.prod-card:hover{border-color:#fff0;box-shadow:0 20px 25px -5px rgb(0 0 0 / .10),0 8px 10px -6px rgb(0 0 0 / .04)}.prod-card-top-line{height:2px;width:100%;background:linear-gradient(90deg,var(--p-g1,#166534),var(--p-g2,#10b981));opacity:0;transition:opacity .3s}.prod-card:hover .prod-card-top-line{opacity:1}.prod-card-img{position:relative;overflow:hidden;background:#f9fafb;aspect-ratio:4/3}.prod-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.prod-card:hover .prod-card-img img{transform:scale(1.1)}.prod-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(0 0 0 / .45),transparent,transparent);opacity:0;transition:opacity .3s}.prod-card:hover .prod-card-overlay{opacity:1}.prod-card-hover-label{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:1rem;opacity:0;transform:translateY(.5rem);transition:opacity .3s,transform .3s}.prod-card:hover .prod-card-hover-label{opacity:1;transform:translateY(0)}.prod-card-hover-label span{background:#fff;color:hsl(147 60% 28%);font-size:.75rem;font-weight:800;padding:.5rem 1.25rem;border-radius:9999px;box-shadow:0 4px 16px rgb(0 0 0 / .2);display:flex;align-items:center;gap:.375rem}.prod-card-hover-label svg{width:.75rem;height:.75rem}.prod-card-badge{position:absolute;top:.75rem;left:.75rem;display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:700;padding:.25rem .625rem;border-radius:9999px;box-shadow:0 1px 3px rgb(0 0 0 / .10)}.prod-card-badge-dot{width:.375rem;height:.375rem;border-radius:9999px}.prod-card-multi{position:absolute;bottom:.625rem;right:.625rem;background:rgb(0 0 0 / .55);backdrop-filter:blur(4px);color:#fff;font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:9999px}.prod-card-body{padding:1rem;display:flex;flex-direction:column;flex:1}.prod-card-subcat{font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.375rem}.prod-card-name{font-weight:700;font-size:.875rem;line-height:1.4;margin-bottom:.5rem;color:hsl(160 30% 10%);transition:color .15s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prod-card:hover .prod-card-name{color:hsl(147 60% 28%)}.prod-card-desc{font-size:.75rem;color:rgb(22 36 33 / .45);line-height:1.55;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prod-card-footer{margin-top:.75rem;padding-top:.625rem;border-top:1px solid rgb(150 150 150 / .12);display:flex;align-items:center;justify-content:space-between}.prod-card-brand{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:rgb(22 36 33 / .25)}.prod-card-link{font-size:.75rem;font-weight:800;display:flex;align-items:center;gap:.25rem;transition:gap .15s}@media(max-width:767px){.prod-card-link.stv-cat-link{display:none}}.prod-card:hover .prod-card-link{gap:.5rem}.prod-card-link svg{width:.6875rem;height:.6875rem}.cat-more-wrap{margin-top:1.25rem;text-align:center}.cat-more-btn{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:800;padding:.625rem 1.5rem;border-radius:9999px;border:2px solid var(--p-dot,#22c55e);color:var(--p-color,#166534);background:var(--p-light-bg,#f0fdf4);transition:box-shadow .2s,transform .15s}.cat-more-btn:hover{box-shadow:0 4px 12px rgb(0 0 0 / .12);transform:scale(1.04)}.cat-more-btn svg{width:.875rem;height:.875rem}.cta-section{background:#f8fafc;padding:3rem 0}@media(min-width:768px){.cta-section{padding:4rem 0}}.cta-box{position:relative;overflow:hidden;background:#fff;border-radius:1.5rem;border:1px solid hsl(150 15% 88% / .60);box-shadow:0 1px 3px rgb(0 0 0 / .04);padding:3rem 2rem;text-align:center}.cta-corner-tl{position:absolute;top:0;left:0;width:16rem;height:16rem;pointer-events:none;opacity:.06;background:conic-gradient(from 135deg at 0% 0%,#166534,#a3e635,transparent 55%)}.cta-corner-br{position:absolute;bottom:0;right:0;width:16rem;height:16rem;pointer-events:none;opacity:.06;background:conic-gradient(from 315deg at 100% 100%,#166534,#a3e635,transparent 55%)}.cta-inner{position:relative}.cta-eyebrow{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.2em;color:hsl(82 65% 42%);margin-bottom:.75rem}.cta-title{font-size:1.875rem;font-weight:800;color:hsl(160 30% 10%);line-height:1.2;margin-bottom:1rem}@media(min-width:768px){.cta-title{font-size:2.25rem}}.cta-title .hi{color:hsl(147 60% 28%)}.cta-desc{color:rgb(22 36 33 / .50);font-size:1rem;max-width:28rem;margin:0 auto 2rem;line-height:1.65}.cta-btns{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem}.cta-btn-phone,.cta-btn-zalo,.cta-btn-email{display:inline-flex;align-items:center;gap:.625rem;font-weight:700;font-size:.875rem;padding:.75rem 1.5rem;border-radius:.75rem;transition:background .15s,transform .1s}.cta-btn-phone:active,.cta-btn-zalo:active,.cta-btn-email:active{transform:scale(.97)}.cta-btn-phone svg,.cta-btn-zalo svg,.cta-btn-email svg{width:1rem;height:1rem}.cta-btn-phone{background:hsl(82 65% 42%);color:#fff;box-shadow:0 4px 14px rgb(109 158 28 / .3)}.cta-btn-phone:hover{background:hsl(82 65% 38%)}.cta-btn-zalo{background:hsl(147 60% 28%);color:#fff;box-shadow:0 4px 14px rgb(22 105 56 / .25)}.cta-btn-zalo:hover{background:hsl(147 60% 24%)}.cta-btn-email{border:2px solid rgb(22 36 33 / .20);color:rgb(22 36 33 / .70)}.cta-btn-email:hover{border-color:hsl(147 60% 28%);color:hsl(147 60% 28%)}