.cat-hero{color:#fff;background:linear-gradient(160deg,#001a33 0%,#002d5c 35%,#003d7a 70%,#024 100%);padding:48px 0 40px;position:relative;overflow:hidden}.cat-hero:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 400'%3E%3Ccircle cx='200' cy='200' r='200' fill='rgba(0,153,255,0.06)'/%3E%3Ccircle cx='1200' cy='100' r='150' fill='rgba(240,165,0,0.04)'/%3E%3C/svg%3E") 50%/cover no-repeat;position:absolute;inset:0}.cat-hero .container{z-index:1;position:relative}.cat-hero .breadcrumb{margin-bottom:12px;font-size:.82rem}.cat-hero .breadcrumb a{color:#ffffffa6;text-decoration:none;transition:color .2s}.cat-hero .breadcrumb a:hover{color:#f0a500}.cat-hero h1{margin-bottom:12px;font-size:2.2rem;font-weight:800}.cat-hero p{opacity:.8;max-width:600px;font-size:1rem;line-height:1.7}.cat-hero .product-count-badge{color:#f0a500;background:#f0a50026;border:1px solid #f0a5004d;border-radius:50px;align-items:center;gap:6px;margin-top:16px;padding:6px 16px;font-size:.82rem;font-weight:600;display:inline-flex}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:36px 0 56px;display:grid}.cat-product-card{color:inherit;background:#fff;border:1px solid #e8edf3;border-radius:16px;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden;box-shadow:0 2px 8px #0033660a}.cat-product-card:hover{border-color:#0099ff4d;transform:translateY(-6px);box-shadow:0 12px 36px #0033661f}.cat-product-card:before{content:"";opacity:0;z-index:1;background:linear-gradient(90deg,#036,#09f);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.cat-product-card:hover:before{opacity:1}.cat-product-img{color:#036;letter-spacing:.3px;text-align:center;word-break:break-word;background:#f8fafc;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;line-height:1.5;display:flex;overflow:hidden}.cat-product-img img{width:100%;height:auto;transition:transform .4s cubic-bezier(.4,0,.2,1);display:block}.cat-product-card:hover .cat-product-img img{transform:scale(1.05)}.cat-product-body{padding:20px}.cat-product-body h3{color:#036;margin-bottom:6px;font-size:.95rem;font-weight:700}.cat-product-body .code{color:#64748b;letter-spacing:.3px;margin-bottom:10px;font-size:.72rem;font-weight:600}.cat-product-body p{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.6;display:-webkit-box;overflow:hidden}.cat-empty{text-align:center;color:#64748b;padding:80px 0}.other-cats-section{background:linear-gradient(#f8fafc 0%,#fff 100%);border-top:1px solid #e8edf3;padding:48px 0 56px}.other-cats-header{text-align:center;margin-bottom:28px}.other-cats-label{color:#f0a500;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px;font-size:.78rem;font-weight:600;display:inline-block}.other-cats-title{color:#036;margin:0;font-size:1.6rem;font-weight:800}.other-cats-grid{grid-template-columns:repeat(4,1fr);gap:16px;max-width:960px;margin:0 auto;display:grid}.other-cat-card{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0033660a}.other-cat-card:before{content:"";opacity:0;background:linear-gradient(#f0a500,#e67e22);width:3px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}.other-cat-card:hover{border-color:#f0a500;transform:translateY(-3px);box-shadow:0 8px 24px #f0a5001f}.other-cat-card:hover:before{opacity:1}.other-cat-name{flex:1;font-size:.88rem;font-weight:600;line-height:1.35}.other-cat-card:hover .other-cat-name{color:#036}.other-cat-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.other-cat-count{color:#f0a500;white-space:nowrap;background:#f0a50014;border-radius:50px;padding:3px 8px;font-size:.72rem;font-weight:600}.other-cat-arrow{color:#cbd5e1;font-size:1rem;transition:all .3s}.other-cat-card:hover .other-cat-arrow{color:#f0a500;transform:translate(3px)}.other-cats-cta{text-align:center;margin-top:24px}.other-cats-btn{color:#036;background:0 0;border:2px solid #036;border-radius:50px;align-items:center;gap:6px;padding:12px 28px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.other-cats-btn:hover{color:#fff;background:#036}@media (max-width:768px){.cat-hero h1{font-size:1.5rem}.cat-grid{grid-template-columns:1fr}.other-cats-section{padding:36px 0}.other-cats-title{font-size:1.3rem}.other-cats-grid{grid-template-columns:1fr 1fr;gap:10px}.other-cat-card{padding:12px 14px}.other-cat-name{font-size:.8rem}.other-cat-arrow{display:none}}.cat-description-content h2,.cat-description-content h3{color:#036;margin:28px 0 12px;font-size:1.3rem;font-weight:700}.cat-description-content h2:first-child{margin-top:0;font-size:1.6rem}.cat-description-content p{margin-bottom:16px;font-size:1rem;line-height:1.8}.cat-description-content ul,.cat-description-content ol{margin-bottom:16px;padding-left:20px}.cat-description-content li{margin-bottom:8px;font-size:.95rem;line-height:1.7}.cat-description-content strong{color:#036}
