.page-hero{background:linear-gradient(135deg, var(--blue-deeper) 0%, var(--blue-dark) 50%, var(--blue-primary) 100%);padding:80px 0 64px;position:relative;overflow:hidden}.page-hero:before{content:"";border:1px solid #ffffff0f;border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.page-hero:after{content:"";border:1px solid #ffffff0a;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-80px;left:-80px}.page-hero-title{color:#fff;margin-bottom:16px;font-size:clamp(36px,5vw,56px)}.page-hero-title span{color:var(--gold-light)}.page-hero-sub{color:#ffffffb3;max-width:560px;font-size:16px;line-height:1.7}.products-layout{grid-template-columns:260px 1fr;align-items:start;gap:36px;padding-top:48px;padding-bottom:80px;display:grid}.products-sidebar{flex-direction:column;gap:20px;display:flex;position:sticky;top:80px}.sidebar-section{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;padding:24px}.sidebar-title{color:var(--text-dark);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border);align-items:center;gap:6px;margin-bottom:16px;padding-bottom:12px;font-size:13px;font-weight:700;display:flex}.cat-filter-list{flex-direction:column;gap:6px;display:flex}.cat-filter-btn{border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--text-mid);transition:var(--transition);font-size:14px;font-weight:500;font-family:var(--font-body);text-align:left;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.cat-filter-btn:hover{background:var(--blue-pale);color:var(--blue-primary);border-color:var(--blue-mid)}.cat-filter-active{background:var(--blue-pale)!important;color:var(--blue-primary)!important;border-color:var(--blue-primary)!important;font-weight:600!important}.cat-count{background:var(--blue-mid);color:var(--blue-primary);border-radius:50px;padding:2px 8px;font-size:11px;font-weight:700}.cat-filter-active .cat-count{background:var(--blue-primary);color:#fff}.sidebar-contact{background:linear-gradient(135deg, var(--blue-dark), var(--blue-primary));border-radius:var(--radius-lg);text-align:center;color:#fff;padding:28px 24px}.sidebar-contact-icon{color:#25d366;background:#25d36626;border:2px solid #25d3664d;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.sidebar-contact h4{color:#fff;margin-bottom:8px;font-size:16px}.sidebar-contact p{color:#ffffffa6;font-size:13px;line-height:1.5}.products-search-bar{border:1.5px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;align-items:center;gap:12px;margin-bottom:28px;padding:12px 16px;display:flex}.products-search-bar:focus-within{border-color:var(--blue-primary);box-shadow:0 0 0 3px #0057b81f}.search-icon{color:var(--text-muted);flex-shrink:0}.search-input{color:var(--text-dark);font-size:15px;font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1}.results-count{color:var(--blue-primary);white-space:nowrap;background:var(--blue-pale);border-radius:50px;padding:4px 10px;font-size:12px;font-weight:500}.products-grid-full{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.no-results{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:80px 0;display:flex}.no-results p{color:var(--text-muted);font-size:16px}.breadcrumb-bar{background:var(--blue-pale);border-bottom:1px solid var(--border);padding:14px 0}.breadcrumb-inner{align-items:center;gap:16px;display:flex}.back-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-mid);cursor:pointer;transition:var(--transition);background:#fff;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;display:flex}.back-btn:hover{background:var(--blue-pale);color:var(--blue-primary)}.breadcrumb{color:var(--text-muted);font-size:13px}.breadcrumb a{color:var(--blue-primary)}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span{color:var(--text-dark);font-weight:500}.detail-content{grid-template-columns:1fr 1fr;gap:60px;padding:64px 24px;display:grid}.detail-image-wrap{border-radius:var(--radius-xl);aspect-ratio:1;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.detail-image{object-fit:cover;width:100%;height:100%}.detail-gallery{gap:12px;margin-top:16px;padding:0 4px;display:flex}.gallery-thumb{object-fit:cover;border-radius:var(--radius-md);cursor:pointer;width:72px;height:72px;transition:var(--transition);opacity:.6;border:2px solid #0000}.gallery-thumb:hover{opacity:1}.gallery-thumb.active{opacity:1;border-color:var(--blue-primary);box-shadow:var(--shadow-sm)}.detail-badge{padding:7px 16px;font-size:13px;position:absolute;top:16px;left:16px}.detail-title{color:var(--text-dark);font-size:40px;font-family:var(--font-heading);margin-bottom:8px}.detail-desc{color:var(--text-mid);margin-bottom:28px;font-size:15.5px;line-height:1.75}.detail-specs,.detail-apps{margin-bottom:24px}.detail-specs h3,.detail-apps h3{color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:15px;font-weight:700}.detail-specs ul{flex-direction:column;gap:8px;display:flex}.detail-specs li{color:var(--text-mid);align-items:center;gap:10px;font-size:14px;display:flex}.detail-specs li svg{color:var(--blue-primary);flex-shrink:0}.app-tags{flex-wrap:wrap;gap:8px;display:flex}.app-tag{background:var(--blue-pale);color:var(--blue-primary);border:1px solid var(--blue-mid);border-radius:50px;padding:6px 14px;font-size:13px;font-weight:500}.detail-cta{flex-wrap:wrap;gap:14px;margin-bottom:16px;display:flex}.detail-wa-btn{padding:15px 28px;font-size:16px}.detail-note{color:var(--text-muted);background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;font-size:13px}.related-section{background:var(--off-white);padding:64px 0}.related-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px;display:grid}.not-found{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:120px 24px;display:flex}.not-found h2{color:var(--text-dark);font-size:32px}@media (max-width:1024px){.products-grid-full,.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.products-layout{grid-template-columns:1fr}.products-sidebar{flex-flow:wrap;position:static}.sidebar-section,.sidebar-contact{flex:1;min-width:200px}.detail-content{grid-template-columns:1fr}}@media (max-width:600px){.products-grid-full,.related-grid{grid-template-columns:1fr}}