.vcc-catalog-page{background-color:#f8fafc;padding-top:0;padding-bottom:72px}.vcc-breadcrumb{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;font-size:13.5px;display:flex}.vcc-breadcrumb a{color:#0284c7;text-decoration:none;transition:color .15s}.vcc-breadcrumb a:hover{color:#e65100}.vcc-breadcrumb-sep{color:#cbd5e1}.vcc-breadcrumb-current{color:#1e293b;font-weight:600}.vcc-catalog-header{margin-bottom:24px}.vcc-catalog-eyebrow{text-transform:uppercase;letter-spacing:1.2px;color:#0284c7;margin-bottom:8px;font-size:12px;font-weight:700;display:inline-block}.vcc-catalog-title{color:#0f172a;margin:0 0 8px;font-size:32px;font-weight:800;line-height:1.25}.vcc-catalog-desc{color:#475569;max-width:860px;margin:0;font-size:15px;line-height:1.6}.vcc-category-pills-wrap{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;display:flex}.vcc-cat-pill{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;font-family:inherit;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 3px #0000000a}.vcc-cat-pill:hover{color:#0284c7;background:#f0f7ff;border-color:#0284c7;transform:translateY(-2px);box-shadow:0 4px 12px #0284c726}.vcc-cat-pill.active{color:#fff;background:#0284c7;border-color:#0284c7;transform:translateY(-2px);box-shadow:0 4px 14px #0284c74d}.vcc-cat-pill-count{color:#64748b;background:#f1f5f9;border-radius:10px;padding:2px 7px;font-size:11.5px;font-weight:700;transition:all .2s}.vcc-cat-pill.active .vcc-cat-pill-count{color:#fff;background:#ffffff40}.vcc-category-loader-line{background:linear-gradient(90deg,#0284c7,#e65100 50%,#0284c7) 0 0/200% 100%;border-radius:3px;width:100%;height:3px;margin-bottom:16px;animation:.7s cubic-bezier(.4,0,.2,1) infinite vccLoaderSlide}@keyframes vccLoaderSlide{0%{background-position:100% 0}to{background-position:-100% 0}}.vcc-catalog-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:12px 20px;display:flex}.vcc-toolbar-count{color:#64748b;font-size:14px}.vcc-toolbar-count strong{color:#0f172a}.vcc-search-form{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;align-items:center;min-width:280px;padding:6px 12px;display:flex}.vcc-search-input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;font-size:13.5px}.vcc-search-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.vcc-product-grid{grid-template-columns:repeat(auto-fill, minmax(var(--vcc-card-min,300px), 1fr));gap:24px;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);display:grid}.vcc-product-grid.is-switching{opacity:.32;pointer-events:none;transform:scale(.995)}.vcc-product-grid.is-large{--vcc-card-min:330px;gap:28px}.vcc-product-grid.is-medium{--vcc-card-min:240px;gap:20px}@media (max-width:768px){.vcc-product-grid,.vcc-product-grid.is-large,.vcc-product-grid.is-medium{grid-template-columns:repeat(2,1fr);gap:14px}}@media (max-width:420px){.vcc-product-grid.is-large{grid-template-columns:1fr}}@keyframes vccCardBloom{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.vcc-product-card{cursor:pointer;animation:.36s cubic-bezier(.16,1,.3,1) backwards vccCardBloom;animation-delay:calc(var(--card-idx,0) * 30ms);background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .22s,box-shadow .28s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0f172a0a}.vcc-product-card:hover{border-color:#93c5fd;transform:translateY(-6px);box-shadow:0 16px 36px -8px #0f172a1f,0 4px 12px -2px #0284c714}.vcc-product-thumb-wrap{aspect-ratio:1;background:#fff;border-bottom:1px solid #f1f5f9;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.vcc-product-thumb-wrap img{object-fit:contain;width:100%;height:100%;transition:transform .45s cubic-bezier(.16,1,.3,1)}.vcc-product-card:hover .vcc-product-thumb-wrap img{transform:scale(1.05)}.vcc-card-badge{-webkit-backdrop-filter:blur(8px);color:#fff;text-transform:uppercase;letter-spacing:.6px;z-index:2;pointer-events:none;background:#0f172ac7;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px;box-shadow:0 2px 6px #00000040}.vcc-card-sheen{pointer-events:none;background:linear-gradient(#0000 70%,#0f172a0f 100%);position:absolute;inset:0}.vcc-product-body{flex-direction:column;flex:1;justify-content:space-between;padding:16px 18px 18px;display:flex}.vcc-product-title{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:44px;margin:0 0 14px;font-size:16px;font-weight:700;line-height:1.4;transition:color .18s;display:-webkit-box;overflow:hidden}.vcc-product-card:hover .vcc-product-title{color:#0284c7}.vcc-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.vcc-card-sku{color:#64748b;letter-spacing:.2px;background:#f1f5f9;border-radius:4px;padding:3px 8px;font-size:11.5px;font-weight:600}.vcc-card-view-link{color:#0284c7;align-items:center;gap:5px;font-size:13px;font-weight:700;transition:color .18s;display:inline-flex}.vcc-product-card:hover .vcc-card-view-link{color:#e65100}.vcc-card-arrow{transition:transform .25s cubic-bezier(.16,1,.3,1)}.vcc-product-card:hover .vcc-card-arrow{transform:translate(4px)}.vcc-pagination{justify-content:center;align-items:center;gap:8px;margin-top:48px;display:flex}.vcc-page-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.vcc-page-btn:hover{color:#0284c7;border-color:#0284c7}.vcc-page-btn.active{color:#fff;background:#0284c7;border-color:#0284c7}.vcc-page-btn:disabled,.vcc-page-btn.disabled{opacity:.4;cursor:not-allowed}.vcc-catalog-cta{color:#fff;background:linear-gradient(135deg,#04142a 0%,#063b7a 100%);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:64px;padding:40px;display:flex}.vcc-cat-cta-text h3{color:#fff;margin:0 0 8px;font-size:24px;font-weight:800}.vcc-cat-cta-text p{color:#cbd5e1;margin:0;font-size:14.5px}.vcc-cat-cta-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}@keyframes vcc-cta-phone-wiggle{0%,to{transform:rotate(0)scale(1)}20%{transform:rotate(-16deg)scale(1.15)}40%{transform:rotate(14deg)scale(1.15)}60%{transform:rotate(-10deg)scale(1.08)}80%{transform:rotate(8deg)scale(1.08)}}@keyframes vcc-cta-zalo-pop{0%{transform:scale(1)}40%{transform:scale(1.18)rotate(-4deg)}70%{transform:scale(.96)rotate(2deg)}to{transform:scale(1.08)rotate(0)}}.vcc-btn-cta-zalo{color:#fff;background:#0068ff;border-radius:8px;align-items:center;gap:10px;padding:12px 24px;font-size:14.5px;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 12px #0068ff38}.vcc-btn-cta-zalo:hover{background:#0056d6;transform:translateY(-2px);box-shadow:0 6px 18px #0068ff59}.vcc-btn-cta-zalo svg{border-radius:4px;flex-shrink:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.vcc-btn-cta-zalo:hover svg{animation:.45s cubic-bezier(.34,1.56,.64,1) forwards vcc-cta-zalo-pop}.vcc-btn-cta-hotline{color:#fff;background:#e65100;border-radius:8px;align-items:center;gap:10px;padding:12px 24px;font-size:14.5px;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #e6510040}.vcc-btn-cta-hotline:after{content:"";pointer-events:none;background:linear-gradient(60deg,#0000 42%,#ffffff47 50%,#0000 58%);width:200%;height:200%;transition:transform .65s;position:absolute;top:-50%;left:-50%;transform:translate(-100%)}.vcc-btn-cta-hotline:hover:after{transform:translate(100%)}.vcc-btn-cta-hotline:hover{background:#bf360c;transform:translateY(-2px);box-shadow:0 8px 20px #e6510061}.vcc-btn-cta-hotline:hover svg{animation:.55s ease-in-out vcc-cta-phone-wiggle}.vcc-container.vcc-catalog-wide{max-width:1760px!important;padding-left:clamp(16px,3vw,48px)!important;padding-right:clamp(16px,3vw,48px)!important}.vcc-catalog-hero{background-color:#f8fafc;background-image:url(/images/catalog-hero-bg.webp);background-position:100%;background-repeat:no-repeat;background-size:cover;border-bottom:1px solid #e2e8f0;position:relative;overflow:hidden}.vcc-catalog-hero:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#fffffff7 0%,#ffffffeb 48%,#ffffffa6 78%,#ffffff59 100%);position:absolute;inset:0}.vcc-catalog-hero:after{content:"";pointer-events:none;z-index:2;background-image:linear-gradient(#0284c70a 1px,#0000 1px),linear-gradient(90deg,#0284c70a 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 55% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 55% 100%)}.vcc-catalog-hero-grid{z-index:3;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px;padding-top:36px;padding-bottom:40px;display:grid;position:relative}.vcc-catalog-hero .vcc-breadcrumb{margin-bottom:14px}.vcc-catalog-hero .vcc-catalog-eyebrow{color:#e65100}.vcc-catalog-hero .vcc-catalog-title{letter-spacing:-.6px;color:#04142a;margin-bottom:10px;font-size:40px;font-weight:800}.vcc-catalog-hero .vcc-catalog-desc{color:#475569;max-width:680px;font-size:15.5px}.vcc-catalog-hero-facts{flex-wrap:wrap;align-items:center;gap:16px;margin:20px 0 0;padding:0;list-style:none;display:flex}.vcc-catalog-hero-facts li{color:#475569;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13.5px;font-weight:500;display:inline-flex}.vcc-catalog-hero-facts li:first-child{color:#1e293b;background:0 0;border:none;border-right:1px solid #cbd5e1;padding-right:16px;font-weight:600}.vcc-catalog-hero-facts li:first-child strong{color:var(--vcc-orange-forge,#e65100);font-size:16px;font-weight:700}.vcc-catalog-hero-facts li:not(:first-child):before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.2l3 3L12.5 4.8' fill='none' stroke='%2310b981' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;flex-shrink:0;width:15px;height:15px}.vcc-catalog-hero-visual{grid-template-rows:96px 96px;grid-template-columns:200px 132px;gap:12px;display:grid}.vcc-catalog-hero-visual.count-1{grid-template-columns:200px}.vcc-catalog-hero-visual.count-2{grid-template-columns:200px 132px}.vcc-catalog-hero-img{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:6px;overflow:hidden;box-shadow:0 8px 24px -10px #0f172a2e}.vcc-catalog-hero-img:first-child,.vcc-catalog-hero-visual.count-2 .vcc-catalog-hero-img:nth-child(2){grid-row:1/span 2}.vcc-catalog-hero-img img{object-fit:contain;border-radius:8px;width:100%;height:100%}.vcc-catalog-filterbar{background:#fff;border-bottom:1px solid #e2e8f0}.vcc-catalog-filterbar>.vcc-container{padding-top:16px;padding-bottom:14px}.vcc-catalog-filterbar .vcc-category-pills-wrap{flex-wrap:wrap;gap:8px;margin:0 0 14px}.vcc-catalog-filterbar .vcc-cat-pill{padding:7px 14px;font-size:13px}.vcc-catalog-filterbar .vcc-cat-pill:hover,.vcc-catalog-filterbar .vcc-cat-pill.active{transform:none}.vcc-catalog-filterbar .vcc-cat-pill.active{box-shadow:none;background:#04142a;border-color:#04142a}.vcc-catalog-filterbar .vcc-category-loader-line{border-radius:0;height:2px;margin:0}.vcc-catalog-toolrow{border-top:1px dashed #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;display:flex}.vcc-catalog-toolrow .vcc-toolbar-count{font-size:13.5px}.vcc-catalog-tools{flex:none;align-items:center;gap:10px;display:flex}.vcc-catalog-tools .vcc-search-form{color:#64748b;background:#fff;gap:8px;min-width:300px;padding:8px 12px}.vcc-catalog-tools .vcc-search-form:focus-within{border-color:#0284c7;box-shadow:0 0 0 3px #0284c71f}.vcc-density-toggle{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:3px;display:inline-flex}.vcc-density-toggle button{font:inherit;color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;padding:6px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.vcc-density-toggle button:hover{color:#0f172a}.vcc-density-toggle button.active{color:#fff;background:#04142a}.vcc-catalog-body{padding-top:28px}.vcc-product-thumb-wrap{padding:4%}.vcc-product-thumb-wrap img{border-radius:6px}.vcc-product-grid.is-medium .vcc-product-title{min-height:40px;font-size:14.5px}.vcc-product-grid.is-medium .vcc-product-body{padding:14px 14px 16px}.vcc-product-grid.is-medium .vcc-card-badge{display:none}.vcc-card-badge{text-overflow:ellipsis;white-space:nowrap;background:#04142ad1;max-width:calc(100% - 24px);font-size:10.5px;overflow:hidden}@media (max-width:1024px){.vcc-catalog-hero-visual{display:none}.vcc-catalog-hero-grid{grid-template-columns:1fr}.vcc-catalog-toolrow{flex-direction:column;align-items:stretch}.vcc-catalog-tools .vcc-search-form{flex:1;min-width:0}}@media (max-width:768px){.vcc-catalog-hero-grid{padding-top:18px;padding-bottom:22px}.vcc-catalog-hero .vcc-catalog-title{font-size:28px}.vcc-catalog-hero .vcc-catalog-desc{font-size:14px}.vcc-catalog-hero-facts li:nth-child(n+3),.vcc-density-toggle span{display:none}.vcc-product-body{padding:12px 12px 14px}.vcc-product-title{min-height:40px;font-size:14px}.vcc-card-footer{flex-wrap:wrap;gap:6px}.vcc-card-badge{display:none}}